/*-------版頭----------------------------------------------------------------------------*/
.header {
}

/*地圖區域*/
.map_area{
	display:none;
}



/*版頭次功能區*/
.header_top{
	/*background:#f2f2f2;*/
	padding:0px 0px 10px 0px;
}


/*版頭右半部區域*/
.header_top_right{
	float:right;
	padding:15px 0px 0px;
}


	/*次按鍵*/
	/*.hT_bg{
		display:inline-block;
		vertical-align:middle;
		padding-right:9px;
	}
		.hT_list{
			float:left;
			padding:0px 7.5px;
			position: relative;
		}
			.hT_list_in{
				background:#777;
				border-radius:50%;
				cursor:pointer;
			}
			
				.hT_list_in:hover{
					background:#11b4b0;
				}
				.hT_list_in i{
					color:#fff;
					font-size:15px;
					padding: 5px;
					position: relative;
					top: -0.5px;
					left: 0.5px;
				}
				.hT_list:nth-of-type(3) .hT_list_in i{
					top: -1px;
				}
				.hT_list_b{
					color:#fff;
					font-size:14px;
					padding:7px;
					background:#4cc7c4;
					display:none;
					width: 70px;
    				text-align: center;
					position:absolute;
					top:38px;
					left: 50%;
    				margin: 0px 0px 0px -40px;
				}
				.hT_list_b:before {
					position: absolute;
					content:'';
					border-bottom: solid 8px rgba(76,199,196,1);
					border-left: solid 5px rgba(255,255,255,0);
					border-right: solid 5px rgba(255,255,255,0);
					top:-8px;
					left:50%;
					margin:0px 0px 0px -6px;
				}
				.hT_list:hover .hT_list_b{
					display:block;
				}
		
		.hT_mobile{
			display:none;
		}*/
/*@media (max-width:860px){
	.hT_bg{
		display:none;
	}
	.hT_mobile{
		display:block;	
		float: left;
		padding-left:10px;
	}
		.hT_btn{
			background: #777;
			width: 45px;
			height: 45px;
			cursor: pointer;
			border-radius: 50%;
			position: relative;
		}
			.hT_btn a{
				display:block;
			}
				.hT_btn img{
					position: absolute;
					top: 10px;
					left: 13px;
				}
		
		.hT_bg_mobile{
			z-index:100;
			display:none;
			position: absolute;
			background: #ffffff;
			border-radius: 4px;
			width: 130px;
			top: 55px;
			left: 31px;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
			border: solid 1px #e6e6e6;
			border-bottom: 0px;
		}
			
			.hTBM_list {
				display:inline-block;
				vertical-align: middle;
				width:100%;
				box-sizing:border-box;
				border-bottom: solid 1px #e6e6e6;
			}
			.hTBM_list:last-of-type{
				border-bottom: none;
			}
				.hTBM_list > a {
					display: block;
					text-decoration: none;
					font-size: 14px;
					text-align: center;
					color: #777;
					padding: 15px 0px;
				}
				.hTBM_list:hover > a {
					color:#002f7d;
				}
					.hTBM_list a:before {
						display:none;
					}	
					
}*/
		
		
			
	/*站內搜尋*/
	.search_area{
		display:inline-block;
		vertical-align:middle;
	}
		.search_in{
			position: relative;
			font-size: 0px;
			background: #fff;
			/*border: solid 1px #bebfc0;*/
			border-radius:2px;
			width: 145px;
			padding-right: 35px;
			border-radius: 16px;
		}
			.search_in input{
				height:25px;	
				line-height:25px;
			}
				.search_in input[type="text"]{
					border:none;
					border-bottom: 1px solid #bebfc0;
					border-radius: 0px;
					font-size:13.5px;
					background: rgba(255, 255, 255, 0);
					padding: 0px 6px 0px 10px;
				}
			.search_in label{
				position: absolute;
				right: 0px;
				top: 0px;
				background: rgba(255, 255, 255, 0);
				padding: 4px 5px 3px 6px;	
			}
				.search_in input[type='submit']{
					position: absolute;
					float: left;
					padding: 0px 0px 6px;
					display: none;
				}
					.search_in i{
						font-size:16px;
						font-weight:bold;
						color:#bebfc0;
						margin-top:1px;
					}	


					
	/*手機menu按鍵*/
	.menu_btn {
		position: absolute;
		width: 20px;
		top: 55px;
		right: 0px;
		cursor: pointer;
		display: none;
		padding: 14px 18px;
		z-index: 11;
		
	}
		.menu_btn span {
			display:block;
			background:#444;
			height:2px;
			margin: 4px 0px;
			transition:0.3s ease all;
			border-radius:3px;
		}
			/*點擊*/
			.menu_btn.active {
				position:fixed;
				top: 7px;
				/*top:0px;*/
				/*z-index: 999;*/
				z-index: 999999;  /*修改 by pekey  20170609*/
			}
			.menu_btn.active span {
			}
				.menu_btn.active span:nth-of-type(1) {
					transform: rotate(39deg);
					transform-origin: top left;
				}
				.menu_btn.active span:nth-of-type(2) {
					opacity: 0;
				}
				.menu_btn.active span:nth-of-type(3) {
					transform: rotate(-39deg);
					transform-origin: bottom left;
				}							
					

/*語系*/
.lang {
	display: inline-block;
	vertical-align: middle;
}	
	/*pc語系*/
	.langPc{
		margin-left: 15px;
	}
		.langPc select {
	   /* margin: 0;
		padding: 0;
		outline: none;
		vertical-align: middle;
		padding: 2px 0px 3px 7px;*/
		/*transition: 0.2s ease all;
		background: #fff;
		letter-spacing: 1px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		background: #fff url(../images/select_arrow.png) no-repeat;*/
		background-size: 12px;
		/*background-position: right;
		padding-right: 18px !important;*/
		border-radius: 4px;
		border-color: #c5c5c5;
		color:#757575;
	}
	/*手機語系*/
	.langMob{
		display:none;
	}








		
	/*logo*/
	/*.logo {
		text-align:center;
		padding:40px 0px 37px;
	}*/
	.logo {	
		position: absolute;
		text-align: center;
		padding: 40px 0px 37px;
		top: 0px;
		left: 50%;
		margin: -20px 0px 0px -54px;	
	}	
	
		.logo a{
			display:block;	
		}
	
		.logo a:hover{
			opacity:0.5;	
		}		
		
			.logo img {
			}
				.logo_s {
				}
				.logo_b {
					display:none;
				}



	
	/*主按鍵*/
	.navbar{
		text-align:center;	
		padding: 50px 0px 0px;
		margin:0px -12px;
	}

	
	/* 新增常見問題模組 modify by Ray 20210709 start */
		.nav{
			display: inline-block;
			width:16%;
			/*float:left;*/
			/*width:16.666666%;*/
			padding:12px 0px;
			cursor:pointer;
			text-align:center;
			box-sizing: border-box;
		}
	/* 新增常見問題模組 modify by Ray 20210709 end */

		/*.nav:hover{
			background:#002f7d;
		}
		.nav.active{
			background:#002f7d;
		}*/
		
			.nav a{
				color:#4f4f4f;
				font-size:20px;
				text-decoration:none;
				vertical-align:middle;
			}
			.nav:hover >a{
				color:#002f7d;
			}
			
			.nav.active >a{
				color:#002f7d;
			}	
			
				/*.nav_icon01{
					position: relative;
    				top: 4px;
				}
				.nav.active .nav_icon01{
					display:none;
				}
				
				.nav_icon02{
					display:none;
					position: relative;
    				top: 4px;
				}
				.nav.active .nav_icon02{
					display:inline-block;
				}
				
				
				.nav:hover .nav_icon02{
					display:inline-block;
				}
				.nav:hover .nav_icon01{
					display:none;
				}*/


/*-------浮動式版頭----------------------------------------------------------------------------*/
.header_2 {
	position:fixed;
	top:-222px;
	z-index: 999998;
	width: 100%;
	background: #FFF;
	border-bottom: 1px solid #ccc; */
	/*border-bottom: solid 1px #E8E8E8;*/
}
	.header_2 > .wrap{
		/*border-bottom: 1px solid #ccc;*/

		display: flex;
		align-items: center;
	}
	.header_2 .logo{
		margin: 0;
		padding: 0;
		position: unset;
		padding: 20px 0;
	}

	.header_2 .navbar{	
		margin: 0;
		padding: 0;	
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


		.header_2 .nav {
			width: calc( 100% / 6 );	
		}
	
@media (max-width:1280px){
	/* .header_2 .logo {
		left: 100px;
	}	 */
}

@media (max-width:1150px){
	/* .header_2 .logo {
		left: 40px;
	}	 */
}

@media (max-width:1024px){
	/* .header_2 .logo {
		left: 50px;
	}	 */
}

@media (max-width:900px){
	/* .header_2 .logo {
		left: 22px;
	}	 */
}

@media (max-width:860px){
	
	
	.header > .wrap {
	   border-bottom: 1px solid #ccc;
	}	
	
	.header_top_right{
		float:none;
		padding:12px 45px 0px 90px;
		/*padding:12px 0px 0px 115px;*/
		text-align: right;
	}	
			
		.search_area{
			display:block;
		}
			.search_in{
				width:100%;
				padding:0px;
				background: rgba(255, 255, 255, 0);
				border-bottom:1px solid #777;
				border-radius:0px;
			}
				.search_in input{
					height:28px;	
					line-height:28px;
				}
}
	
		
@media (max-width:860px){
	/*手機menu按鍵*/	
	.menu_btn{
		display:block;
		top: 7px;
	}

	.header_2{
		display:none;
	}
	
	.header_top {
		background: #ffffff;
		padding: 12px 0px;
	}
	

	.langPc{
		display:none;
	}	
	.langMob{
		margin: 10px 0px 10px;
		display:block;
		
	}
	.langMob select {
		width: 100%;
		background-size: 12px;
		background-position: 98% 50%;
		padding-left: 15px;
	}



	.logo {
		top: 0px;
		left: 10px;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		width: 80px;
		
		/*width: 100px;
		float: none;
		border: none;
		padding: 15px 0px;
		text-align:left;*/
	}
		.logo_s {
			display:none;
		}
		.logo_b {
			display:block;
			width:100%;
			height:auto;
		}	
		
	/*主按鍵*/
	.navbar {
		/*display: none;*/
		position: fixed;
		top: 0px;
		right: -100%;
		background: #fff;
		width: 250px;
		height: 100%;
		box-sizing: border-box;
		z-index: 10;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		padding: 55px 0px 0px;
		overflow-y: scroll;
		transition:0.3s ease all;
		border:0;
		margin: 0px;
	}
	.navbar.active {
		right: 0px;
	}
		.navbar > .wrap{
			padding:0px;
		}
			.nav {
				display: block;
				float:none;
				width: auto;
				border:0px;
				padding:0px;
			}
			.nav:nth-of-type(2){
				border:0px;
			}
				.nav > a {
					display:block;
					font-size:16px;
					color:#2e2e2e;
					text-align:center;
					padding: 15px 0px;
				}
						
						
	.header_2  .menu_btn{
		top:0px;
	}
	.header_2 .logo{
		padding:15px 0px;
	}	
						
}



@media (max-width:640px){
	.navbar {
		width: 100%;	
	}
}





/* 在螢幕放大150%且寬度大於860.1時，套用這裡的特定樣式 */ 
@media screen and (min-width: 860.1px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) { 
	.header_2 > .wrap {
		display: flex;
		align-items: center;
	}
	
	.header_2 .logo {
		margin: 0;
		padding: 0;
		position: unset;
		padding: 20px 0;
	}

	.header_2 .navbar{
		margin: 0;
		padding: 0;	
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.header_2 .nav {
		width: calc( 100% / 6 );
	}

}