/*-------版頭----------------------------------------------------------------------------*/
.header {
	box-shadow: 0px 0px 6px #d9dad8;
	position:relative;
	/*background: #492582;*/
	background: #eee;
	/*border-top: 2px solid #492582;*/
	
}
	.header .wrap {
		position:relative;
	}
		/*logo*/
		.logo {
			padding: 19.5px 0px;
			float: left;
			width: 400px;
			/*width: 250px;*/
			box-sizing: border-box;
		}
			.logo img {
				width: 100%;
				height: auto;
			}
				
			/*logo的閃光*/
			.logo_flash {
				position:absolute;
				width:20px;
				height:86px;
				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;*/
			width: 25px;
			top: 50%;
			right: 15px;
			cursor:pointer;
			display:none;
			z-index: 99;
			margin: -16px 0px 0px;
		}
			.menu_btn span {
				display:block;
				background: #492582;
				height:2px;
				margin: 7px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					top: 31px;
					position: fixed;
					margin: 0px;
					
					right: 15px;
				}
					.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;	
			box-sizing: border-box;	
			position: relative;			
			padding: 24px 0px;
		}




			/*主按鍵*/
			.navbar {
				float:left;
				box-sizing:border-box;
				margin: 0 -35px;
			}
				.nav {
					float:left;
					box-sizing:border-box;
					padding:0px 35px;
					/* padding:0px 15px; */
					position:relative;
				}
				

				nav:first-child{
					margin-left:-15px;
				}
				.nav:nth-child(8){
					margin-right:-15px;
				}				
				
					.nav a {
						display:block;
						text-decoration:none;
					}
					.nav > a {			
						font-size:16px;
						color:#333;
						
						letter-spacing: 0px;
					}
					.nav:hover > a {
						color:#c2c2c2;
					}

					.nav.active a{
						color:#c2c2c2;
					}
					span.navEn{
						display: block;
						margin: 0 auto;
						text-align: center;
						font-family: 'Montserrat', sans-serif;						
						font-size: 12px;
						line-height: 13px;
						transform: scale(0.9);
					}
                    span.navTw{
						display:block;
						margin:0 auto;
						text-align:center;
						margin-bottom: 5px;
					}
					
					
					/*主按鍵展開*/
					.navOpen {
						position:absolute;
						left:50%;
						padding: 25px 0px 0px;
						/* width:164px;
						margin:0px 0px 0px -82px; */
						width: 205px;
						margin: 0px 0px 0px -100px;
						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 {
										font-size:15px;
										color:#fff;
										line-height:22px;
										padding:7px 7px;
										background:rgba(0,0,0,0.65);
										transition:0.3s ease all;
									}
										.navOpenList a:hover {
											background: rgb(232 55 74 / 0.78);
											/*background: rgb(9 80 188 / 0.78);*/
										}



	@media (max-width: 1400px){

			/*主按鍵*/
			.navbar {
				margin: 0 -20px;
			}
				.nav {
					padding: 0px 20px;
				}
	}
	
	@media (max-width: 1210px){
		
		.logo {
			width: 250px;
			padding: 27.5px 0px;
		}
		
		.headerRight{
			position: relative;
			/* padding: 50px 0px 0px; */
		}
			
			/*主按鍵*/
			.navbar {
				float: none;
     			/* padding: 20px 0px; */
			}


	}
	
	
	@media (max-width: 990px){
			
		/*logo*/
		.logo {
			float: left;
			width: 195px;
			height: auto;
			padding: 18px 0px;
		}

			
			/*手機menu按鍵*/
			.menu_btn {
				display:block;
			}
				.menu_btn span {
					margin: 5.5px 0px;
				}
			
			/*版頭右*/
			.headerRight {
				position: fixed;
				width: 200px;
				top: 0px;
				right: -200px;
				height: 100%;
				box-sizing: border-box;
				background: rgba(137, 137, 137, 0.9);
				transition: 0.3s ease all;
				/* padding: 88px 0px 0px; */
				padding: 79px 0px 0px;
				overflow-y: auto;
				z-index: 4;
			}
				.headerRight.active {
					right: 0px;
					box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
				}

						.hRT_socialLink {
							float: none;
							display: inline-block;
							padding: 0px;
						}
							.hRT_socialLink a {
								padding: 9px 9px;
							}
							
							
					.header_bottomArea{
					}
							

						/*主按鍵*/
						.navbar {
							margin:0px;
							padding: 0px 0px;
							/* padding: 25px 0px 0px; */
							float: none;
						}
							.nav {
								float:none;
								width:auto;
								
								/*modify by pekey 20180509*/
								padding: 0px;
							}
								.nav > a {
									color: #fff;
									border: none;
									border-radius: 0px;
									/*padding: 15px 40px;*/ /*modify by pekey 20180509*/
									padding: 15px 15px;				
									font-size: 16px;
								}
									/*主按鍵展開*/
									.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: 425px){
			
			/*logo*/
			.logo {
				/*width:60%;*/ /*modify by pekey 20180509*/

			}

		}