


				/*站內搜尋*/
				.siteSearch {
					float:right;
					padding:0px 20px 0px 16px;
				}
					.siteSearchBg {
						    border: solid 1px #d4d1d1;
							border-radius: 3px;
							position: relative;
							width: 217px;
							height: 29px;
							box-sizing: border-box;
							padding-right: 30px;
							background: #f4f4f4;
							/*color: #b9b8b8;*/
					}
						.siteSearchBg input[type='text'] {
							border: none;
							background: none;
							height: 27px;
							line-height: 23px;
							font-size: 13px;
							color: #b9b8b8;
						}
						.siteSearchBg label {
							position:absolute;
							top:0px;
							right:0px;
							height:23px;
							box-sizing:border-box;
							padding: 2px 6px;
						}
							.siteSearchBg i {
								font-size: 23px;
    							color: #0078d3;
							}
							.siteSearchBg input[type='submit'] {
								display:none;
							}




		@media (max-width: 990px){
			.siteSearchBg i {
				color: #0070bd;
			}
		}





/*-------版頭語言--------------------------------------------------*/

		.lang_pc{
			position: absolute;
			right: 50%;
			top: 10px;
			margin: 0px -333px 0px 0px;
			/*border: solid 1px #ececec;*/
			border-radius: 5px;
			z-index:550;
		}
			.lang_pc > a{
				display:block;
				padding: 10px 36px 10px 28px;
				/*background-color: transparent;
				color:#c3c1c1;*/
				color: #0078d3;
				background: #fff;
				font-size:14px;
				border-radius:4px;
				text-align:center;
				text-decoration:none;
				position:relative;
			}
			.lang_pc > a:after{
				position:absolute;
				content:url(../images/select_arrow_y.png);
				/*border-top: solid 8px #c3c1c1;
				border-left: solid 5px rgba(255,255,255,0);
				border-right: solid 5px rgba(255,255,255,0);*/
				/*font-size:13px;*/
			    top: 13px;
			    right: 11px;
			}


			/*.lang_pc > a:before{
				position:absolute;
				content:url(../images/Lan_icon.png);
				border-top: solid 8px #c3c1c1;
				border-left: solid 5px rgba(255,255,255,0);
				border-right: solid 5px rgba(255,255,255,0);*/
				/*font-size:13px;
			    top: 7px;
    			left: -2px;
			}*/

			
			.nL_in{
				display:none;
			}
				.nLI_list{
					text-align:center;
				}
					.nLI_list a{
						display: block;
						color: #0078d3;
						background:#dedede;
						font-size: 14px;
						padding: 8px;						
						text-decoration: none
					}
					.nLI_list:hover a{
						color:#0070bd;
						/*background:rgba(0,0,0,1);*/
					}



				/*.Lan_icon{
					position:absolute;
					right:50%;
					}*/











/*-------版頭----------------------------------------------------------------------------*/
.header {
	box-shadow: 0px 0px 6px #d9dad8;
	position:relative;
	/*height:115px;*/
	/*padding-bottom: 8px;*/
    /*border-bottom: 4px #0070bd solid;*/
}
	.header .wrap {
		position:relative;
	}
		/*logo*/
		.logo {
			float:left;
			padding: 20px 0px;
			width: 150px;
			height:auto;
		}
			.logo img {
				width:100%;
				height:auto;
			}
				.logo_s {
				}
				.logo_b {
					display:none;
				}
				.logo a {
					display: block;
				}				
				.logo a:hover {
					opacity: 0.5;
					transform:scale(0.8);
					transition: 0.3s ease all;
				}				
			
		
		/*手機menu按鍵*/
		.menu_btn {
			position: absolute;
			width: 20px;
			top: 50%;
			right: 20px;
			-webkit-transform: translateX(0%) translateY(-50%);
			transform: translateX(0%) translateY(-50%);
			cursor: pointer;
			display: none;
			z-index: 1000;
		}
			.menu_btn span {
				display:block;
				background: #02378d;
				height:4px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					/* width: 30px;
					top: 3.5%;
					right: 3.5%;
					position: fixed;*/
					width: 30px;
					/* right: -10px; */
					/* -webkit-transform: none; */
					/* transform: none; */
				}
					.menu_btn.active span {
						background:#FFF;
						margin: 6px 0px;
					}
					.menu_btn.active span:nth-of-type(1) {
						transform: rotate(45deg);
						transform-origin: top left;
					}
					.menu_btn.active span:nth-of-type(2) {
						opacity: 0;
					}
					.menu_btn.active span:nth-of-type(3) {
						transform: rotate(-45deg);
						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;
					border-radius:2px;
					display:none;
				}
					.langLink {
						position:relative;
						float:left;
						padding:0px 10px;
					}
					/*.langLink:nth-of-type(2) {
						padding-left:15px;
						padding-right:15px;
					}
						.langLink:after {
							content:'|';
							position:absolute;
							top:4px;
							right:0px;
						}
							.langLink:nth-of-type(3):after {
								display:none;
							}*/
							
						.langLink a {
							display:block;
							text-decoration:none;
							font-size:14px;
							line-height:22px;
							color:#8c8c8c;
						}
							.langLink a:hover, .langLink.active a {
								color:#0048dc;
							}
							
							
			/*主按鍵*/
			.navbar {
				float: right;
				padding-top: 15px;
				margin: 0px -23px;
				z-index:500;
			}
			
				.nav {
					display:inline-block;
					box-sizing: border-box;
					padding: 0px 23px 0px 23px;
					position: relative;
				}

					.nav.active >a {
						color:#0078d3;
						border:1px solid #0078d3;							
						border-radius:5px;
					}
				
					.nav a {
						display:block;
						text-decoration:none;
						/*position:relative;*/
					}
					
					.nav > a {
						color:#0070bd;
						border:1px solid #fff;
						padding:13px 18px;
						border-radius:5px;
						text-align:center;
						font-size: 16px; 
						font-weight: bold;
						display:block; 
					}


					
					.nav:hover > a {
						color:#6eb0ff;
						border:1px solid #6eb0ff;	
						border-radius:5px;						
						
					}


						/*.nav:after{
							position:absolute;
							content:'／';
							bottom: 15px;
    						left: -13px;
							color:#e5e5e5;
						}
						.nav:first-child:after {
							display:none;
						}*/						
						
	
							/*主按鍵展開*/
							.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: center;*/
												text-align:left;  /*Judy修改20171226*/
												font-size: 15px;
												color: #676767;
												line-height: 22px;
												padding: 10px 0px 10px 10px; /*Judy修改20171226*/
												background: #fff;
												border-bottom: 1px #dfdfdf solid;
												transition: 0.3s ease all;
											}
												.navOpenList >a:hover {
													color:#6eb0ff;
													border-right:23px #6eb0ff solid;
													/*color:#0070bd;
													border-right:23px #0070bd solid;*/
													position:relative;
													letter-spacing:-1px;
												}
												
												.navOpenList a:hover:after{
													position:absolute;
													content:url(../images/hover_arrow.png);
													/*bottom: 18px;*/
													top:49%;
													/*margin:0px 0px 20px 0px;*/
													right: -15px;
												}		
												
												
												
												
												/*子選單當前模式*/
												.navOpenList.active a {
													color: #0070bd;
													border-right: 23px #0070bd 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: 9px 0px;
		}




		.lang_pc {
			display: none;
			/* margin: 0px -224px 0px 0px;   */
		}

			.navbar {
				margin: 0px -10px;	
			}
			
				.nav {
					padding: 0px 10px 0px;
					
				}
				

	}
	

	
		@media (max-width: 990px){
			
			.logo {
				width: 100px;
				padding: 15px 0px;
			}


			/*手機menu按鍵*/
			.menu_btn {
				display:block;
			}
			
			/*版頭右*/
			.headerRight {
				position: fixed;
				width: 200px;
				top: 0px;
				right: -200px;
				height: 100%;
				box-sizing: border-box;
				background: rgba(0, 14, 43, 0.72);
				transition: 0.3s ease all;
				padding: 65px 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;
							}*/
					
					/*版頭語系*/
					.lang {
						display:block;
						float: none;
						border: none;
						background: #c7c7c7;
						border-radius: 0px;
					}
						.langLink { 
							box-sizing: border-box;
							width: 50%;
							/* float: none; */
							/* text-align: left; */
							text-align: center;
						}
							.langLink a {
								line-height: 30px;
								color: #595959;
							}

							/*.langLink:after {
								top: 7px;
								right: -3px;
								color:#595959;
							}*/
								.langLink a:hover, .langLink.active a {
									color:#fff;
								}
								
								
				/*手機板搜尋*/				
				.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 #0078d3;
								border-left:none;
								border-right:none;	
								border-top:none;												
								/*border:1px solid #0078d3;	*/
							}
							
							.nav.active >a {
								color: #0078d3;
								border-top:none;
								border-right:none;
								border-left:none;
								border-bottom: 1px solid #0078d3;
								border-radius:0px;
							}

							
							
							
								/*主按鍵展開*/
								.navOpen {
									position: relative;
									width: auto;
									margin: 0px;
									left: 0px;
									top: 0px;
									padding: 0px;
								}
								.nav:hover .navOpen.pc {
									display:none;
									opacity:0;
									z-index:-999999;
								}
								.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:75%;
					padding: 15px 0px 0px 0px;
					float:none;
					box-sizing:border-box; */
				}
					.logo img {
						width:100%;
					}
					.logo_flash {
						display:none;
					}
				/*手機menu按鍵*/
				.menu_btn {
				}
					.menu_btn.active {
						/* top: 4vw; */
					}
				
				/*版頭右*/
				.headerRight {
					/* padding: 12.2vw 0px 0px; */
				}
			}











