@charset "utf-8";

/*
* 通用檔案
*/
@media (min-width:1025px){
	.editor_img img{
		width:100%;
		height:100%;
		max-height:100%;
		max-width:100%;
		display: inline;
	}
}

@media (max-width: 1024px){
	.editor_img img{
		width:100% !important;
		height:100% !important;
		max-height:100%;
		max-width:100%;
	}
}

	/*main-container間距修改*/
	.main-container{
		padding: 0px 0 !important;
		margin-top: 20px;
	}


/* header */
.header {
	padding: 10px 0 0px 0;
}
.head_tel{
	float:left;
}
.head-left-top{
	float:left;
	width:100%;
}
@media only screen and (max-width: 990px) {
	.head_tel_top{
		clear:both;
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.head_tel_but{
		clear:both;
		width:100%;
		margin:0 auto;
		text-align:center;

	}
}	

@media (max-width: 991px){
	.navbar-right {
		clear:both !important;
		float: none !important;
	}
}
	/* menu */
	
	.dropdown-menu li:hover .sub-menu {visibility: visible;} /* 滑鼠移過自動展開選單 */
	.dropdown:hover .dropdown-menu {display: block;} /* 滑鼠移過自動展開選單 */
	
	.navbar-default .navbar-nav > li > a { /* menu 字型大小 */
		font-size: 18px;
	}
	
	/* /menu */

/* /header */

/* footer */
.footer {
	background-color: #F1F1F1;
}

.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6{
    color: #333333;
}

.footer-content .nav-pills > li.active > a:hover, .footer-content .nav-pills > li > a:hover {
    color: #333333;
}

/* /footer */


/* index */

@media (min-width: 1000px){
	 /* 登入、註冊燈箱圖片大小 */
	.modal-dialog {
		width: 900px;
		margin: 30px auto;
	}
	 /* End 登入、註冊燈箱圖片大小 */
	 
	 /* 右側廣告*/
	#adv{
		display:none;
	}
	#adv2{
		display:none;
	}

	.apply_ipass{
		float: left;
		z-index: 99;
		top:10%;
		left: 0;
		position: fixed;
	}
	
	.apply_einvoice{
		float: left;
		z-index: 99;
		top:50%;
		left: 0;
		position: fixed;
	}


}
@media (min-width: 300px) and (max-width: 750px) { 
	 /* 行動裝置的圖片修正 */
	.call-to-action .btn {
		display: block;
		width: 100%;
		margin: 10px auto;
	}
	
	.service_tel p {
		margin: 20px 0 20px 0px;
		width: 280px;
		color: #Fff;
		font-size: 20px;
		font-weight: 400;
		background-color: #00aeff;
		border-radius: 10px;
	}
	 /* End行動裝置的圖片修正 */
	
	
	.ab_pc_view{
		display:none;
	}
	#adv{

		background:#3c5a98;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		padding:9px 0;

		-moz-border-radius-topright:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-top-right-radius:10px;
		-webkit-border-bottom-right-radius:10px;
	}
	
	#adv span {
		weight:30px;
		display:block;
		color:#fff;
		padding:1px 0;
		text-transform:uppercase;
		font-size:16px;
	}
	
	#adv2{

		background:#3c5a98;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		padding:9px 0;

		-moz-border-radius-topright:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-top-right-radius:10px;
		-webkit-border-bottom-right-radius:10px;
	}
	
	#adv2 span {
		weight:30px;
		display:block;
		color:#fff;
		padding:1px 0;
		text-transform:uppercase;
		font-size:16px;
	}

	.apply_ipass{
		float: left;
		z-index: 100;
		top:0%;
		left: 0;
		position: fixed;	
	}
	.apply_ipass img{
		max-height:200px;
	}
	
	.apply_einvoice{
		float: left;
		z-index: 99;
		top:55%;
		left: 0;
		position: fixed;
	}
	
	.apply_einvoice img{
		max-height:200px;
	}
}

@media (min-width: 751px) and (max-width: 1000px) { 
	 /* 行動裝置的圖片修正 */
	.call-to-action .btn {
		display: block;
		width: 100%;
		margin: 10px auto;
	}
	
	.service_tel p {
		margin: 20px 0 20px 0px;
		width: 280px;
		color: #Fff;
		font-size: 20px;
		font-weight: 400;
		background-color: #00aeff;
		border-radius: 10px;
	}
	 /* End行動裝置的圖片修正 */
	
	
	.ab_pc_view{
		display:none;
	}
	#adv{

		background:#3c5a98;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		padding:9px 0;

		-moz-border-radius-topright:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-top-right-radius:10px;
		-webkit-border-bottom-right-radius:10px;
	}
	
	#adv span {
		weight:30px;
		display:block;
		color:#fff;
		padding:1px 0;
		text-transform:uppercase;
		font-size:16px;
	}
	
	#adv2{

		background:#3c5a98;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		padding:9px 0;

		-moz-border-radius-topright:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-top-right-radius:10px;
		-webkit-border-bottom-right-radius:10px;
	}
	
	#adv2 span {
		weight:30px;
		display:block;
		color:#fff;
		padding:1px 0;
		text-transform:uppercase;
		font-size:16px;
	}

	.apply_ipass{
		float: left;
		z-index: 100;
		top:15%;
		left: 0;
		position: fixed;	
	}
	.apply_ipass img{
		max-height:200px;
	}
	
	.apply_einvoice{
		float: left;
		z-index: 99;
		top:50%;
		left: 0;
		position: fixed;
	}
	
	.apply_einvoice img{
		max-height:200px;
	}
}



/* 
* 選配周邊 download.php
*/

.nav-pills > li > a{
	font-size:16px;
}

/*
*  內頁上方橫幅
*/

@media (min-width: 768px){ /* 圖片修正 */
	.page_head {		
		-moz-background-size: cover;
		background-size: 100% !important;
		height:200px;
	}
}

@media (max-width: 767px){ /* 行動裝置的圖片修正 */
	.page_head {		
		-moz-background-size: cover;
		background-size:100%  !important;
		height:70px;
	}
	.main-container{
		padding: 10px 0;
	}
}

/*相關教學 teaching.php*/
.teach_contetn {
    height: 175px;
    padding-top: 20px;
}

@media (min-width: 1025px){
	.teach_left{
		height:146px;
	}
	.teach_right{
		border: 1px dashed #c9c9c9;
		height:146px;
	}
}

@media (max-width: 1024px){
	.teach_left{
		height:100%;
	}
	.teach_left img{
		margin:0 auto;
	}
	.teach_right{
		border: 1px dashed #c9c9c9;
		height:100%;
	}
	.right_col{
		margin-bottom:10px;
	}
}

@media (max-width: 1024px){
	.right_col{
		margin-bottom:10px;
		width:300px;
	}
}

/*免費申請 registered_in.php*/

/*PC左右區塊*/
@media (min-width: 1025px){
	.registered_in_left{
		height:146px;
	}
	.registered_in_right{
		border: 1px dashed #c9c9c9;
		
	}
}

/*mobile左右區塊*/
@media (max-width: 1024px){
	.registered_in_left{
		height:100%;
	}
	.registered_in_left img{
		margin:0 auto;
	}
	.registered_in_right{
		border: 1px dashed #c9c9c9;
		height:100%;
	}
	.registered_in_right_col{
		margin-bottom:10px;
	}
}
/*mobile右區塊*/
@media (max-width: 1024px){
	.registered_in_right_col{
		margin-bottom:10px;
		width:300px;
	}
}

/*from表單標題文字*/
.registered_from_size{
	font-size:18px;
}

/*檔案上傳*/
.text_style {
    height: 25px;
    border-radius: 4px;
    border: 1px solid #888;
    margin-top: 6px;
}

/*end 免費申請 registered_in.php*/


.step h3 {
    margin-top: 30px;
    margin-left: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #555;
}