/*-------版頭----------------------------------------------------------------------------*/
.header {
	box-shadow: 0px 0px 6px #d9dad8;
	position:relative;
}
	.header .wrap {
		position:relative;
		width: 100%;
		max-width: unset;
		/* text-align: center; */
		display: flex;
		flex-direction: column;
		align-items: center;
	}
		/*logo*/
		.logo {
			display: inline-block;
			/* float:left; */
			width: 300px;
		}
			.logo img {
			width: 100%;
			height: auto;
			}
				.logo_s {
				}
				.logo_b {
					display:none;
				}
				
			/*logo的閃光*/
			.logo_flash {
				position:absolute;
				width:20px;
				height: 75px;
				background: rgba(255,255,255,0.8);
				top:3px;
				left:-25px;
				transform:rotate(20deg);
				transform-origin:center;
				box-shadow: 0px 0px 10px #FFF;
				pointer-events: none;
			}
				.logo_flash_hover {
					left:482px;
					transition:0.4s ease all;
				}
		
		/*手機menu按鍵*/
		.menu_btn {
			position:absolute;
			width:20px;
			top: 50%;
			right: 15px;
			cursor:pointer;
			display:none;
			z-index: 99;
			margin: -10px 0px 0px;
		}
			.menu_btn span {
				display:block;
				background:var(--primary_color);
				height:2px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					top: 22px;
					position: fixed;
					margin: 0px;
				}
					.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: 100%;
			background: var(--primary_color);
		}
			/*版頭右上*/
			.headerRightTop {
				position: absolute;
				top: 0px;
				right: 20px;
				/* margin: 30px 0px 0px; */
				/* display:none; */
				padding:11px 0px 0px;
			}
				/*版頭社群*/
				.headerRightTop_socialLinkArea {
					float:right;
					padding:0px 7px;
					display: none;
				}
					.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: solid 1px #6f6f6f;
					border-radius:2px;
				}
					.langLink {
						position:relative;
						float:left;
						padding:0px 10px;
					}
					/*.langLink:nth-of-type(2) {
						padding-left:15px;
						padding-right:15px;
					}*/
						.langLink:first-child: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:var(--primary_color);
							}
			/*主按鍵*/
			.navbar {
				margin: 0 auto;
				max-width: 655px;
				padding: 5px 0px;
				/* margin:0px -18px; */
				/* letter-spacing:0px; */
				/* background: #254bd4; */
			}
				.nav {
					float:left;
					/* width:25%; */
					width: calc(100% / 4); /* 20260225 */
					box-sizing:border-box;
					padding: 0px 5px;
					position:relative;
				}
					.nav a {
						display:block;
						text-decoration:none;
						position:relative;
					}
					.nav > a {
						text-align:center;
						font-size:16px;
						line-height:40px;
						color: #fff;
						/* border: solid 1px #525252; */
						border-radius:4px;
					}


			
						.nav > a:after {
							content: '/';
							position: absolute;
							top: 0px;
							right: -7px;
							color: #bdb8b8;
						}
						.nav:first-child > a:before {
							content: '/';
							position: absolute;
							top: 0px;
							left: -7px;
							color: #bdb8b8;
						}

						/*.nav > a:last-child:after {
							display:none;
						}*/						
						
					
						.nav:hover > a {
							color:var(--second_color);
							/*border-color:var(--primary_color);*/
						}
							/*主按鍵展開*/
							.navOpen {
								position:absolute;
								left:50%;
								padding:9px 0px 0px;
								width:164px;
								margin:-4px 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;
								}
									.navOpenBg:before {
										position: absolute;
										content:'';
										border-bottom: solid 8px rgba(0,0,0,0.65);
										border-left: solid 12px rgba(255,255,255,0);
										border-right: solid 12px rgba(255,255,255,0);
										top:-8px;
										left:50%;
										margin:0px 0px 0px -12px;
									}
										.navOpenList {
										}
											.navOpenList a {
												text-align:center;
												font-size:15px;
												color:#fff;
												line-height:22px;
												padding:7px 0px;
												background:rgba(0,0,0,0.65);
												transition:0.3s ease all;
											}
												.navOpenList a:hover {
													background: rgba(0, 72, 220, 0.78);
												}
	
	@media (max-width: 1200px){
		/*logo*/
		.logo {
			padding: 8px 0px;
			width: 220px;
		}
		
		/*版頭右*/
		/*.headerRight {
			width: 550px;
		}*/
			/*主按鍵*/
			.navbar {
				/* margin: 0px -7px; */
				margin: 0px auto;
			}
				.nav {
					padding: 0px 7px;
				}
					.nav > a {
						font-size:15px;
						line-height: 35px;
					}
	}
		@media (max-width: 990px){
			.headerRightTop {
				position: unset;
			}
			.header .wrap {
				/* padding: 0px 20px; */
				/* text-align:left; */
			}


			/*logo*/
			.logo {
				padding: 0px 0px;
				width: 300px;
			}			
			.logo_s {
				display: none;
			}
			.logo_b {
				display:block;
			}
			
			/*手機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: 56px 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 {
						float: none;
						border: none;
						background: var(--primary_color);
						border-radius: 0px;
					}
						.langLink {
							box-sizing: border-box;
							width: 49.9%;
							text-align: center;
						}
							.langLink a {
								line-height: 42px;
								color: #fff;
							}
							.langLink:after {
								top: 14px;
								right: -3px;
								color:#fff;
							}
							.langLink:first-child:after {
								/*content: '/';
								position: absolute;*/
								top: 14px;
								right: -4px;
							}
							
								.langLink a:hover, .langLink.active a {
									color: #ffea00;
								}
					/*主按鍵*/
					.navbar {
						/* background: none; */
						margin:0px;
						padding:0px;
						border-top: solid 2px #ccc;
						/* max-width: inherit; */
					}
						.nav {
							float:none;
							width:auto;
							padding: 0px;
							border-bottom: solid 1px #d4d4d4;
						}
							.nav > a {
								border:none;
								border-radius:0px;
								/* background: #f3f3f3; */
								text-align:left;
								padding: 6px 15px;
								color: #fff;
							}
								/*主按鍵展開*/
								.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;
										}
										
									.nav > a:after {
										display:none;
									}	
									.nav:first-child > a:before {
										display:none;
									}									
									
										
										
		}
		
			@media (max-width: 460px){
				/*logo*/
				.logo {
					/*padding: 0px 50px 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;
				}
			}