/*-------版頭----------------------------------------------------------------------------*/
.header {
	box-shadow: 0px 0px 6px #d9dad8;
	/* position:relative; */
	position: fixed; /*modify by Ray 20210812*/
	width: 100%; /*modify by Ray 20210812*/
	z-index: 9999; /*modify by Ray 20210812*/
	background-color: #0089c1;
	/*height:115px;*/
	/*padding-bottom: 8px;*/
    /*border-bottom: 4px #0089c1 solid;*/
}
	.header .wrap {
		position:relative;
	}
		/*logo*/
		.logo {
			float:left;
			/* padding: 13px;
			width: 235px;
			height:auto; */ /* modify by pekey 20210324 */
			padding: 25px 0px;
			/* padding: 15px 0 0 ;  */
    		width: 260px;
			box-sizing: border-box;
		}
			.logo img {
				width:100%;
				height:auto;
			}
				.logo_s {
				}
				.logo_b {
					display:none;
				}
				
			
			
		
		/*手機menu按鍵*/
		.menu_btn {
			position:absolute;
			width:20px;
			right: 0px;
			top: 50%;
			-webkit-transform:  translateY(-50%);
			transform:  translateY(-50%);

			cursor:pointer;
			display:none;
			z-index: 99;
		}
			.menu_btn span {
				display:block;
				background:#f3f3f3;
				height:2px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					/* top: 22px; */ /* modify by pekey 20210324 */
					top: 38px;
					position: fixed;
					margin: 0px;
					right: 20px;
				}
					.menu_btn.active span {
						background:#fff;
					}
					.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;
					}
				
		/*版頭右*/
		.headerRight {
			float:right;
			/*width:655px;*/
		}
			/*版頭右上*/
			.headerRightTop {
				padding:11px 0px 0px;
			}
				/*版頭社群*/
				.headerRightTop_socialLinkArea {
					float:right;
					padding:0px 7px;
				}
					.hRT_socialLink {
						float:left;
						padding:0px 7px;
					}
						.hRT_socialLink a {
							display:block;
						}
							.hRT_socialLink img {
							}
								.hRT_socialLinkImg1 {
								}
								.hRT_socialLinkImg2 {
									display: none;
								}
									/*hover*/
									.hRT_socialLink a:hover .hRT_socialLinkImg1 {
										display:none;
									}
									.hRT_socialLink a:hover .hRT_socialLinkImg2 {
										display: block;

									}
/*版頭語系*/
.lang {
	float:right;
	box-sizing: border-box;
	border: solid 1px #d6d6d6;
	border-radius:2px;
	margin: 0px 10px;
}


.lang.mobile{
	display:none;
	float: none;
    margin: 0;
	border: solid 0px #d6d6d6;
	border-radius:0px;
	background-color: #fff;
}
	.lang.mobile .langLink {
		width: 50%;
		text-align: center;
	}
		.lang.mobile .langLink a {
			font-size: 15px;
    		padding: 13px 0;
		}	
	
	
	

	.langLink {
		box-sizing:border-box;
		position:relative;
		float:left;
		padding:0px 10px;
	}
	.langLink:nth-of-type(2) {
		padding-left:15px;
		padding-right:15px;
	}

	@media (max-width: 990px){

		.langLink {
			
			padding:0 0;
		}
		.langLink:nth-of-type(2) {
			padding:0 0;
		}
	}


		.langLink:after {			
			position: absolute;
			content: '/';
			top: 50%;
			right: -4px;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			color: #d0d0d0;
		}
			.langLink:nth-of-type(3):after {
				display:none;
			}
			
		.langLink a {
			display:block;
			text-decoration:none;
			font-size: 14px;
			line-height: 20px;
			color: #aaaaaa;
			line-height: 2;
		}
			.langLink a:hover, .langLink.active a {
				color:#ffffff;
			}


				
							
							
			/*主按鍵*/
			.navbar {
				float: right;
				z-index:500;
				
				/* padding-top:15px; *//* modify by pekey 20210324 */
				padding-top: 19px;
				/* margin: 0px -23px; *//* modify by pekey 20210324 */
				margin: 0px -10px;				
			}
			
				.nav {
					display:inline-block;
					box-sizing: border-box;
					/* padding: 0px 15px; *//* modify by pekey 20210324 */
					/* padding: 0px 7.5px; */
					position: relative;
					
				}

				
					.nav a {
						display:block;
						text-decoration:none;
						/*position:relative;*/
					}
					
					.nav > a {
						display:block; 
						text-align:center;
						font-size: 16px; 
						font-size: min(max(1vw, 13px), 16px);
						font-weight: bold;
						color:#fff;
						
						padding: 12px 10px;
						border-radius:5px;
					}

					.nav:hover > a {
						color:#ffffff;						
						transition:color 1s;
											
						
					}

					.nav.active > a {
						color:#f9ff01;
						border:none;							
						border-radius:5px;
					}

						
	
							/*主按鍵展開*/
							.navOpen {
								position:absolute;
								left:50%;
								padding:9px 0px 0px;
								width:164px;
								margin:0px 0px 0px -82px;
								display:none;
								z-index: 2;
							}
							.nav:hover .navOpen.pc {
								display:block;
							}
							.navOpen.mobile {
								display:none;
								opacity:0;
								z-index:-999999;
							}
								.navOpenBg {
									position:relative;
    								box-shadow: 0px -1px 10px 2px rgba(10%,10%,10%,0.4);
								}
									.navOpenBg:before {
										position: absolute;
										content:url(../images/top_arrow.png);
										/*border-bottom: solid 8px #ffffff;
										border-left: solid 12px #fff;
										border-right: solid 12px #fff;*/
										top:-8px;
										left:50%;
										margin:0px 0px 0px -12px;
									}
										.navOpenList {
										}
											.navOpenList >a {
												text-align:left;  
												font-size: 15px;
												font-size: min(max(1vw, 13px), 15px);
												color: #676767;
												line-height: 22px;
												padding: 10px 0px 10px 10px;
												background: #fff;
												border-bottom: 1px #dfdfdf solid;
												transition: 0.3s ease all;
											}
												.navOpenList >a:hover {
													color:#666666;
													border-right:23px #666666 solid;
													position:relative;
													letter-spacing:-1px;
												}
												
												.navOpenList a:hover:after{
													position:absolute;
													content:url(../images/hover_arrow.png);
													top:49%;
													right: -15px;
												}		
												
												
												
												
												/*子選單當前模式*/
												.navOpenList.active a {
													color: #0089c1;
													border-right: 23px #0089c1 solid;
													position: relative;
												}

												.navOpenList.active a:after{
													position:absolute;
													content:url(../images/hover_arrow.png);
													top:49%;
													right: -15px;
												}													
												
												
												

@media (max-width: 1200px){

	/*logo*/
	.logo {
		/* padding: 12px 0px; */ /* modify by pekey 20210324 */
		padding: 15px 0px;
		width: 180px;
	}

		.lang_pc {
			margin: 0px -224px 0px 0px;  /*Judy修改20180108*/
		}

			.navbar {
				margin: 0px -10px;	
				/* modify by pekey 20210324 */
				padding: 12px 0px 10px;
			}
			
				.nav {
					/* padding: 0px 10px 0px; *//* modify by pekey 20210324 */
					padding: 0;
				}
			

}
	

	
@media (max-width: 990px){
	
	/*手機menu按鍵*/
	.menu_btn {
		display:block;
	}

	


	/*版頭右*/
	.headerRight {
		position: fixed;
		width: 200px;
		top: 0px;
		right: -200px;
		height: 100%;
		box-sizing: border-box;
		background: #0e0d0db8;
		transition: 0.3s ease all;
		padding: 68px 0px 0px;
		/* overflow-y: scroll; */
		z-index: 4;
	}
		.headerRight.active {
			right: 0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
		}
			/*版頭社群*/
			/*.headerRightTop_socialLinkArea {
				float: none;
				padding: 0px;
				background: rgba(255, 255, 255, 0.95);
				position: absolute;
				width: 100%;
				bottom: 0px;
				text-align: right;
			}
				.hRT_socialLink {
					float: none;
					display: inline-block;
					padding: 0px;
				}
					.hRT_socialLink a {
						padding: 9px 9px;
					}*/


			.headerRightTop {
				padding: 0px 0px 0px;
			}		
	
			/*版頭語系*/
			.lang {
				display:block;
				float: none;
				border: none;
				/* background: #c7c7c7; *//* modify by pekey 20210324 */
				background-color: #000080 0.7;
				
				border-radius: 0px;
			}
				.langLink {  /*Judy20180108修改*/
					box-sizing: border-box;
					/* width: 100%;
					float: none;
					text-align: left; */ /* modify by pekey 20210324 */

					width: 33.3%;
					float: left;
					text-align: center;
				}

				.langLink:nth-of-type(1) {
					/* border-right: 1px solid #000000; */
					border-right: none;
				}

					.langLink a {
						line-height: 30px;

						/* modify by pekey 20210324 */
						color: #ffffff;
						padding: 5px;
					}

					/*.langLink:after {
						top: 7px;
						right: -3px;
						color:#595959;
					}*/
						.langLink a:hover, .langLink.active a {
							color:#0089c1;
						}
						
						
		/*手機板搜尋*/				
		.siteSearch {
			float: none;
			width: 100%;
			padding: 0px;
			border: none;
		}				
						
		.siteSearchBg {
			/*border: none;*/
			border-radius: 0px;
			position: relative;
			width: 100%;
			padding-right: 0px;
			/*padding-right: 30px;*/
		}				
						
						
						
						
						
						
						
			/*主按鍵*/
			.navbar {
				margin:0px;
				padding:0px;
				border: none;
			}
				.nav {
					float: none;
					width: 100%;
					padding: 0px;
					border-bottom: solid 1px #757575de;
				}
					.nav > a {
						color:#fff;
						border: none;
						border-radius: 0px;
						/* background: #f3f3f3; */
						text-align: left;
						/* padding: 6px 15px; */
					}
					
					
					
					.nav:hover > a {
						/*border:none;*/
						border-bottom:1px solid #666666;
						border-left:none;
						border-right:none;	
						border-top:none;												
						/*border:1px solid #0078d3;	*/
					}
					
					.nav.active >a {
						color: #f9ff01;
						border-top:none;
						border-right:none;
						border-left:none;
						border-bottom: 1px solid #666666;
						border-radius:0px;
					}

					
					
					
						/*主按鍵展開*/
						.navOpen {
							position: relative;
							width: auto;
							margin: 0px;
							left: 0px;
							top: 0px;
							padding: 0px;
						}
						.nav:hover .navOpen.pc {
							display:block;
							opacity:0;
							z-index:-999999;
						}

						@media (max-width: 990px){

							.nav:hover .navOpen.pc{
								display:none;
							}
						}

						.navOpen.mobile {
							display:none;
							opacity:1;
							z-index:1;
						}
							/*.navOpenBg:before {
								margin: 0px;
								left: 15px;
								border-width: 8px;
								border-bottom: solid 5px #000;
								top: -5px;
							}*/
								.navOpenList a {
									text-align:left;
									padding: 12px 15px;
									font-size:14px;
								}
}



@media (max-width: 460px){
	/*logo*/
	.logo {
		width:150px;
		/*padding: 0px 50px 0px 0px;*/
		padding: 15px 0;
		float:none;
		box-sizing:border-box;
	}
		.logo img {
			width:100%;
		}
		.logo_flash {
			display:none;
		}
	/*手機menu按鍵*/
	.menu_btn {
	}
		.menu_btn.active {
		    top: 30px;
		}
	
	/*版頭右*/
	.headerRight {
		padding: 61px 0px 0px;
	}
}