

#top{
	position:absolute;
	top:-100%;
}

.headertop{
	border-top: 0px solid #fff0;
}


.headerArea{
	position:relative;
	/*position: fixed;
	top: 0px;
	left:0px;*/
	width:100%;
	z-index: 5;
}

/*浮動*/
.headerArea.fixed{
	box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.3);
	transition: 0.3s ease all;
	position: fixed;
	top: 0px;
	left:0px;
	width:100%;
	z-index: 5;
}




/*-------版頭----------------------------------------------------------------------------*/
.header {
	/*box-shadow: 0px 0px 6px #d9dad8;*/
	position:relative;
	/*border-bottom: 2px #00489d solid;
	background-color:#fff;*/
	background-color: #00489d;
}
/* .header:before {
	position:absolute;
	content:"";
	width:100%;
	top:0px;
	height:4px;
	background-color:#00489d;
} */

.headerArea.fixed {
	position: fixed;
}

.headerArea.fixed .header:before {
	display:none;
}


.header .wrap{
	/*max-width:900px;*/
	/*max-width: 1100px;*/
}

	
		/*手機menu按鍵*/
		/*.menu_btn {
			position:absolute;
			width:20px;
			top: 50%;
			right: 0px;
			cursor:pointer;
			display:none;
			z-index: 1000;
			margin: -13px 0px 0px;
		}
			.menu_btn span {
				display:block;
				background: #000;
				height:4px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}*/
				/*點擊*/
				/*.menu_btn.active {
					width: 30px;
					top: 0%;
					position: fixed;
					-webkit-transform: translateX(20%) translateY(33%);
					transform: translateX(20%) translateY(33%);
				}
					.menu_btn.active span {
						background:#00489d;
					}
					.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;
					}*/







		/*手機menu按鍵*/
		.menu_btn {
			position: absolute;
			width: 20px;
			top: 50%;
			right: 0%;
			-webkit-transform: translateX(0%) translateY(-50%);
			transform: translateX(0%) translateY(-50%);
			cursor: pointer;
			display: none;
			z-index: 1000;
		}
			.menu_btn span {
				display:block;
				background: #fff;
				/*background: #00489d;*/
				height:4px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					width: 30px;
					top: 18px;
					right: -5px;
					position: fixed;
					-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;
					}














	.header .wrap {
		position:relative;
	}
		/*logo*/

		/*modify by Ray 20210812 start*/
		.logo_area{
			padding: 0px 20px;
			text-align: center;
		}

		/* @media (max-width: 992px){ */
		@media (max-width: 990px){	
			.logo_area{
				padding: 0px 0px;
				text-align: left;
			}
		}

		.headerArea.fixed .logo_area{
			float: left;			
		}		
		/*modify by Ray 20210812 end*/

		.logo {
			/* width: 300px; */
			/* float: left; */
			box-sizing: border-box;
			padding: 30px 0px 15px;
			margin: 0 auto;
			display: inline-block; /*modify by Ray 20210812*/
			vertical-align: middle; /*modify by Ray 20210812*/
		}

		/*modify by Ray 20210812 start*/
		.logo {
			/* width: 230px;			 */
			/* width: 275px; */
			width: 350px; 
			padding: 25px 0px;
			
		}	
		.logo_2{			
			/* width: 345px;			 */
			/* width: 380px; */
			width: 440px;
			padding: 15px 60px;
			display: inline-block; /*modify by Ray 20210812*/
			vertical-align: middle; /*modify by Ray 20210812*/			
		}	

		/*modify by Ray 20210812 end*/
		

		
		.logo a {
			display:block;
			transition: 0.3s ease all;
		}		
		
		.logo a:hover {
			opacity:0.7;
			transition: 0.3s ease all;
			transform:scale(0.8);
		}

		.logo img {
			width:100%;
			height:auto;
		}
		
		/*modify by Ray 20210823 start*/
		.logo_2 a {
			display:block;
			transition: 0.3s ease all;
		}
		
		.logo_2 a:hover {
			opacity:0.7;
			transition: 0.3s ease all;
			transform:scale(0.8);
		}				

			.logo_2 img {
				width:100%;
				height:auto;
			}
		/*modify by Ray 20210823 start*/

				/*.logo_s {
				}
				.logo_b {
					display:none;
				}*/
				
			/*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;
				}*/
		


					
					
					
					
					
					
					
					
					
					
					
					
				
		/*版頭右*/
		.headerRight {
			/*float:right;*/
			box-sizing: border-box;
		}

		/*modify by Ray 20210812 start*/
		.headerArea.fixed .headerRight {
			float:right;			
		}
		/*modify by Ray 20210812 end*/


		/* 語系 by ryan 20220211 start */
		/* 電腦版 */
		.headerRightTop_PC{
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
			align-items: center;
			justify-content: flex-end;
			/* margin: 0 -12px; */
			position: absolute;
			right: 0;
    		top: 0;
		}
		.headerArea.fixed .headerRightTop_PC {
			position: unset;
			right: unset;
    		top: unset;			
		}
			.rTop{
				text-align: center;
				/* padding: 0px 12px; */
				margin: 16px 20px 16px 0px;
				box-sizing: border-box;
				position: relative;
			}
			.rTop a{
				color: #e5e5e5;
				display: inline-block;
				font-size: 14px;
				line-height: 20px;
				text-decoration: none;
			}
			.rTop a:hover{
				color: #ffff00;
			}
			/* active */
			.rTop.active{
				border: 1px #fff solid;
			}
			.rTop.active > a{
				padding: 5px 20px;
				color: #fff;
			}

		/* 語系 by ryan 20220211 end */


			/*版頭右上*/
			/*.headerRightTop {
				position: relative;
				text-align: right;
			}*/
				/*版頭社群*/
				/*.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_pc{
					border: solid 1px #c5c3c3;
					border-top: 0px;
					z-index:999;
					
					display: inline-block;
					float: right;
					
					color: #fff;
					background: #e9e9e9;
					border-bottom-left-radius: 5px;
					border-bottom-right-radius: 5px;
					
					position: relative;
    				right: -12px;
				}
				
					.lang_pc > a{
						display: block;
						padding: 7px 26px 7px 12px;
						background-color: transparent;
						color: #000000;
						font-size: 12px;
						text-align: center;
						text-decoration: none;
						position: relative;
						
						box-sizing: border-box;
					}
					.lang_pc > a:after{
						position: absolute;
						content: '';
						border-top: solid 6px #c3c1c1;
						border-left: solid 3px rgba(255,255,255,0);
						border-right: solid 3px rgba(255,255,255,0);
						top: 10px;
						right: 10px;
					}
					
					.nL_in{
						display:none;
						
						position: fixed;
   						width: 90px;
						z-index: 1000;
					}
						.nLI_list{
							text-align:center;
						}
							.nLI_list a{
								display:block;
								color:#fff;
								font-size:12px;
								padding:8px;
								background-color: rgba(0,0,0,0.65);
								text-decoration:none;
		
							}
							.nLI_list:hover a{
								background-color: #00489d;
							}*/					
					
					
					/*手機板語系一開始隱藏*/
					/*.lang {
						display:none;
						float:right;
					}
					.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(2):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;
							}*/
					
					
			
			
			
			
			
			
			
			
			
.headerRightT{
	/*position:relative;*/
	position: absolute;
    right: 0;
    top: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}			
			
			
			
			
/*版頭會員區塊--------------------------------------------*/			
			
.headerMember{
	padding-left: 15px;
	/*position:absolute;
	top:20px;
	right:0px;*/
}
	.headerMember a{
		display: block;
		text-decoration:none;
		color: #5f6267;
		font-size:16px;
		line-height:26px;
		vertical-align: middle;
	}   
	/*.headerMember i{
		color:#5f6267;
		font-size: 30px;
    	line-height: 26px;
		font-weight: lighter;
		vertical-align: middle;
	}*/  
	
	
	/*img.headerMemberIcon{
		width:26px;
		height:auto;
		display:inline-block;
		vertical-align: -24%;
		box-sizing:border-box;
	}
	
	img.headerMemberIcon path {
	 	fill:#F00;
	}*/
	
	
	.headerMemberIcon{
		display:inline-block;
		vertical-align: -24%;
		box-sizing:border-box;
		width: 26px;
		height: 26px;
		background-image:url(../images/person-black.svg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.headerMemberEmployee .headerMemberIcon{
		background-image:url(../images/face-black.svg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}	
	
	.headerMember span{
		display:inline-block;
		box-sizing:border-box;
		vertical-align: middle;
	}
	
	 
	.headerMember a:hover{
		opacity:0.5;
		transition: 0.3s ease all;
	}



.headerMemberEmployee{
	/*right:135px;*/
	padding-left: 0px;
}


			
			/*PC版_搜尋區塊--------------------------------------------*/
			.search_areaPC{
				position: absolute;
				top: 30px;
				right: 75px;
			}
				.search_inAreaPC{
					width: 38px;
					height: 100%;
					position: relative;
					/*overflow: hidden;*/
					-webkit-transition-property: width;
					transition-property: width;
					-webkit-transition-duration: 0.55s;
					transition-duration: 0.55s;
					-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
					transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
				}
				.search_inAreaPC.active{
					/*width: 170px;*/
					width: 100px;
				}
					
					/*輸入框*/
					.search_inputAreaPC{
						/*width: 100%;
						height: 100%;*/
						width: 0%;
						height: 20px;
						position: absolute;
						top: -14px;
						/*top: 0px;
						 right: 50px; */
						right: 0px;
						padding-bottom: 1px;
						padding-right: 20px;
						padding-top: 3px;
						/*display: none;*/
						-webkit-transition-property: width;
						transition-property: width;
						-webkit-transition-duration: 0.55s;
						transition-duration: 0.55s;
						-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
						transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
					}	
						.search_inputAreaPC input[type="text"]{
							display: block;
							width: 100%;
							height: 100%;
							background-color: transparent;
							color: rgba(0, 0, 0, 0.8);
							/*color: rgba(255, 255, 255, 0.8);*/
							border: none;
							box-sizing: border-box;
							padding: 0px 6px 4px 0px;
							border-radius: 0px;
							border-bottom: 0.0625em solid #fff0;
						
						}
					
					/*active*/
					.search_inAreaPC.active .search_inputAreaPC{
						/*display: block;*/
						width: 100%;
					}
					.search_inAreaPC.active .search_inputAreaPC input[type="text"]{
						border-bottom: 0.0625em solid #00489d;
					}
						
				
					/*按鈕*/
					.search_inAreaPC label{
						display: block;
						color: #fff;
						width: 18px;
						height: 18px;
						cursor: pointer;
						transition: 0.3s ease all;
						position: absolute;
						right: 0px;
						top:-2px;
						/*top: 0px;*/
						-webkit-transform: translateX(0%) translateY(-50%);
						transform: translateX(0%) translateY(-50%);
					}
						.search_inAreaPC i{
							font-size:1.125em;
							position: relative;
							/*top: -1px;*/
							transition: 0.3s ease all;
							color:#fff;
						}
						
						/*hover*/
						.search_inAreaPC label:hover i{
							/*color:  #00489d;*/
							opacity:0.5;
							text-decoration:none;
							transition: 0.3s ease all;
						}
						
						.search_inAreaPC input[type='submit']{
							width: 35px;
							height: 30px;
							cursor: pointer;
							transition: 0.3s ease all;
							position: absolute;
							right: 0px;
							top: 0;
							background: rgba(255,255,255,0);
						}

/*modify by pekey 20180912 start*/
.search_inputAreaPC ::-webkit-input-placeholder { /* WebKit browsers */
    color: #b2b2b2;
}
.search_inputAreaPC :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b2b2b2;
}
.search_inputAreaPC ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b2b2b2;
}
.search_inputAreaPC :-ms-input-placeholder { /* Internet Explorer 10+ */
  	color: #b2b2b2;
}
/*modify by pekey 20180912 end*/


















			
/*================*/
/*----- 購物車 -----*/
/*================*/			
					
					
				/*pc_購物車*/
				.pc_cart_area{
					position: absolute;
					top: 14px;
					right: 40px;
					/* box-sizing: border-box; */
					/* display: inline-block; */
					/* vertical-align: middle; */
					/* position: relative; */
					/* padding: 0px 12px 0px 5px;*/
				}
					.pc_cart_area > a{
						display: block;
						font-size: 12px;
						color: #e0e0e0;
						text-decoration: none;
						transition: 0.3s ease all;
						/*border: 1px solid #d3d4d4;*/
						border-radius: 30px;
						padding: 5px;
     					vertical-align: middle;
						
						position: relative;
					}
						.pc_cart_area i{
							font-size: 18px;
							vertical-align: middle;
							position: relative;
							transition: 0.3s ease all;
							color: #fff;
						}
						
						.pcMember_Quantity {
							border-radius:100%;
							color:#fff;
							text-align:center;
							font-size:12px;
							width:22px;
							line-height:22px;
							background:#757575;
							display:inline-block;
     						vertical-align: middle;	
							letter-spacing:0px;
							top: -5px;
							right: -15px;
							transition: 0.3s ease all;
							position: absolute;
						}
						
						/*hover*/
						.pc_cart_area a:hover{
							opacity:0.5;
							/*background-color: #e3e3e3;*/
							transition: 0.3s ease all;
						}
				
					/*購物車+詢價車選單*/
					.pc_cart_listArea {
						z-index:2;
						display:none;
						position: absolute;
						background: rgba(0, 0, 0, 0.7);
						width: 130px;

						top: 38px;
						border-radius: 4px;
						
						
						left: 50%;
						margin: 0px 0px 0px -64px;
					}
					.pc_cart_listArea.show {
						display:block;
					}
						.pc_cart_list {
							float:none;
						}
							.pc_cart_list > a {
								display: block;
								text-decoration: none;
								color: #fff;
								font-size: 15px;
								line-height: 21px;
								text-align: center;
								padding: 11px 0px;
							}
								.pc_cart_list a:before {
									display:none;
								}
						
							/*hover*/
							.pc_cart_list:hover a{
								color: #fff;
								background-color: #d23940;
							}
							













	
	


	/*搜尋mobile-----------------------------------------*/
	.siteSearch {
		display:none;
		position: relative;
		/*padding-left: 52px;*/
	}
	
		.siteSearch_left{
			position:absolute;
			top:0px;
			left:0px;
			width:30px;
			
			display:none;
		}
			.siteSearch_left select{
				font-size: 12px;
				color: #333;
				padding: 11px 18px 11px 7px;
				border-radius: 0px;
				border: none;
				border-right: 1px #dadada solid;
			}				
	
	
		.siteSearchBg {
			/*border: solid 2px #006e36;*/
			border-radius:0px;
			position:relative;
			/*width:191px;*/
			box-sizing:border-box;
			padding-right: 30px;
			background: #fff;
			width: auto;
		}
			.siteSearchBg input[type='text'] {
				border:none;
				background:none;
				/*height:23px;
				line-height:23px;
				font-size:13px;*/
				
				height:38px;
				line-height:38px;
				font-size:15px;		
			}
			.siteSearchBg label {
				position:absolute;
				top:0px;
				right:0px;
				/*height:23px;*/
				box-sizing:border-box;
				/*padding: 2px 6px;*/
				
				height:38px;
				padding: 10px 6px;
			}
				.siteSearchBg i {
					font-size:18px;
					color:#00489d;
				}
				.siteSearchBg input[type='submit'] {
					display:none;
				}	




	
	
	
				/*搜尋區塊*/
				/*.search_area{
					display: none;
					float: right;
					padding: 10px 0px 0px 0px;
					box-sizing: border-box;
				}
					.search_categoryArea{
					    display: inline-block;
						z-index: 2;
					}
						.search_categoryArea select{
					     	width: 75px;
							font-size: 12px;
							color: #5e5e5e;
							border: 1px solid #d3d4d4;
							border-radius: 30px;
							padding: 0px 13px;
							text-align: center;
							height: 30px;
							line-height: 28px;
							cursor: pointer;
							background: #fff url(../images/select_arrow2.png) no-repeat;
							background-size: 18px;
							background-position: 50px 8.5px;
							padding-right: 25px !important;
						}
						
					.search_inArea {
						position: relative;
						top: 0;
					    display: inline-block;
					}
						.search_inArea input[type='text']{
							height: 30px;
							line-height: 30px;
							font-size: 12px;
							border-radius:36px;
							border-right:0px;
							background:#fff;
							border:0px;
							padding: 0px 40px 0px 16px;
							color: #333;
							border: solid 0.5px #d3d4d4;
							width: 265px;
						}
						.search_inArea label{
							width: 35px;
							height: 30px;
							cursor: pointer;
							transition: 0.3s ease all;
							position: absolute;
							right: 0px;
							top: 0px;
						}
						
						
							.search_inArea i{
								position: relative;
								right: 6px;
								top: 5px;
								z-index:10;
								color: #a3a4a4;
								font-size: 20px;
							}
							.search_inArea i:hover{
								opacity:0.7;
								transition: 0.3s ease all;
							}
							.search_inArea input[type='submit']{
								width: 35px;
								height: 30px;
								cursor: pointer;
								transition: 0.3s ease all;
								position: absolute;
								right: 0px;
								top: 0;
								background: rgba(255,255,255,0);
							}*/
										
			
			
			
			
			
			
			
			
			
			
			
			
	
			/*主按鍵----------------------------*/
			.navbar {
				padding: 0px 0px;
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				font-family: 'Raleway', sans-serif;
			}
				.nav {
					/*width: 11.1%;
					width: 20%;*/
					/* float: left; */
					box-sizing:border-box;
					position: relative;
					transition: 0.3s ease all;
				}

				/*當螢幕 990px 才會出現*/
				.nav.MB {
					display: none;	
				}
					.nav a {
						display:block;
						/*display: inline-block;*/
						text-decoration:none;
						position:relative;
					}
					.nav > a {
						font-weight: bold; /*modify by Ray 20210812*/
						text-transform: uppercase; /*modify by Ray 20210812*/
						text-align: center;
						font-size: 17px;
						color: #ffffff;
						transition: 0.3s ease all;
						position: relative;
						padding:20px 50px 20px;
						/* padding: 20px 0 20px; */
					}

					#nav_tit:hover {						
						color: #ffff00;/*modify by Ray 20211001*/
					}

					.nav > a:hover {						
						color: #ffff00;/*modify by Ray 20211001*/
					}

					/*modify by Ray 20210812 start*/
					.headerArea.fixed .nav > a {						
						/* padding: 57px 20px; */
						padding: 24px 20px;/* ryan20220211修改 */
					}

					@media (max-width: 1653px){

						.headerArea.fixed .nav > a {
							/*padding: 57px 20px;						
							 padding: 0px 20px 20px 20px; */
						}
					/* }
					

					@media (max-width: 1280px){ */

						.headerArea.fixed .nav > a {	
							padding: 28px 15px;
						}
							.headerArea.fixed .navOpen.pc {
								top: 72px;
							}
					}
					
					@media (max-width: 992px){

						.headerArea.fixed .nav > a {						
							/* padding: 20px 15px; */
						}
					}
					/*modify by Ray 20210812 end*/
					
					
					/*.nav_top{
						position: relative;
					}
					.nav_top > a {
						text-align: center;
						font-size: 18px;
						color: #5f6267;
						font-weight:bold;
						text-decoration:none;
						padding: 20px 5px 20px 5px;
					}
					
					.nav_top > span {
						position: absolute;
						top: 50%;
						right:5px;
						-webkit-transform: translateX(0%) translateY(-50%);
						transform: translateX(0%) translateY(-50%);
						transition: 0.3s ease all;
						color: #5f6267;
						font-size:18px;
					}
					
					.nav_top:hover > a {
						color:#00489d;
						transition: 0.3s ease all;
					}						
					.nav_top:hover span{
						color: #fff;
						opacity:0.5;
						cursor: pointer;
					}*/												
			
					
						
					/*.nav:hover > a {
						color:#ccc;
						transition: 0.3s ease all;
					}*/		
									

					/*.nav > a:before {
						content:url(../images/top_line.png);
						position:absolute;
						left:0px;
						top:0px;
						margin:-6px 0px 0px 0px;
					}*/						
						
					/*.nav:nth-child(3) > a:before {
						display:none;
					}*/						
						
						
						
						
						
							/*主按鍵展開*/
							.navOpen {
							}
							.navOpen.pc {
								position:absolute;
								width:164px;
								/*max-width: 100%;*/
								/* margin:0px 0px 0px -82px; */
								display:none;
								z-index: 2;
								top: 57px;
								left:50%;
								-webkit-transform: translateX(-50%) translateY(0%);
								transform: translateX(-50%) translateY(0%);
								z-index: 2;
							}							
							
							/*hover*/
							.nav:hover > a {
								color: #ffff00;
								text-decoration:none;
								transition: 0.3s ease all;
							}

							.nav:hover .navOpen.pc {
								display:block;
							}
							
							/*浮動版頭*/
							.headerArea.fixed .navOpen.pc {							
								/* top: 130px;	 */
								top: 66px;/* 20220211 ryan 修改*/
							}	
							
							@media (max-width: 1653px){

								.headerArea.fixed .navOpen.pc {							
									/* top: 37px;  */
								}
							}
							
							
				.nav.sstc{
					position:static;
				}		
							
				.navOpen.pc.sstc {
					width: 100%;
					position: absolute;
					left: 0;
					top: 145px;
					/*display: none;*/
					-webkit-transform: translateX(0%) translateY(0%);
					transform: translateX(0%) translateY(0%);
					
					/*background-color: rgba(255,255,255,0.9);*/
					background-color: rgba(0, 0, 0, 0.75);
					/*box-shadow: 9px 6px 19px -8px rgba(0,0,0,0.5);*/
					border-top: 1px solid rgba(0,0,0,0.1);
					transition: 0.3s ease all;
					z-index: 2;
				}
								
				
				/*.header.fixed .navOpen.pc.sstc {
					top:0px;
				}*/

					
					.sstcWrap{
						display: flex;
						flex-direction: row;
						flex-wrap:wrap;
						vertical-align: middle;
						align-items: stretch;
						/*justify-content: space-between;*/
						align-content:flex-start;
						
						/*max-width: 80%;*/
						max-width: 1100px;
						margin: 0 auto;
						padding: 25px 0px 25px;
					}
					
					.sstc_List{
						box-sizing: border-box;
						width: 16.6%;
						padding: 0px 10px 20px;
					}
                                    
						.sstc_ListTitle{
							font-size: 16px;
							line-height: 18px;
							margin: 0px 0px 15px;
							padding: 0px 0px 0px 10px;
							color: #00489d;
							font-weight: bolder;
							border-left: 3px #00489d solid;
							cursor: default;
						}
						.sstc_ListTitle a{
							display:block;
							text-decoration:none;
							color:#00489d;
						}						
						.sstc_ListTitle a:hover{
							opacity:0.5;
							cursor: pointer; 
						}
						.sstc_bg{
						}
							.sstc_bg .navOpenList{
								/*border-top: 0px solid #6b6b6b;*/
							}
							
							.sstc_bg > .navOpenList a{
								text-align:left;
								padding:10px 0px 10px 15px;
								/*color: #333;*/
								background: rgba(0,0,0,0.0);
								/*border-bottom:1px #cfcfcf solid;*/
							}
								.sstc_bg > .navOpenList a:hover {
									background-color: #00489d00;
									opacity:0.5;
									/*border-top: 1px solid #00489d00;*/
								}						
						
						
						
					
					
					/*.sstc_area{
						text-align: center;
						padding: 30px 0px;
						
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						vertical-align: middle;
						align-items: stretch;
						justify-content: space-between;
					}*/
					
										
						/*子選單_標題區塊*/
						/*.nav_titArea{
							width: 40%;
							box-sizing: border-box;
							padding: 41px 30px 30px 0px;
						}
							.nav_titIn{
								color: #898989;
								font-size: 23px;
								text-align: right;
							}*/
							
							
				
							

							
							.navOpen.mobile {
								display:none;
								opacity:0;
								z-index:-999999;
								position: absolute;
							}
								.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 {
											/*border-top: 1px solid #6b6b6b;*/
										}
											.navOpenList a {
												text-align:center;
												font-size: 14px;
												color:#fff;
												line-height:1.5;
												padding: 10px 0px;
												background:rgba(0,0,0,0.65);
												transition:0.3s ease all;
												
												letter-spacing: 0px;
											}
												.navOpenList a:hover {
													background: #00489dd9;
												}
												
											
												
											
												
@media (max-width: 1653px){	
			
	/*版頭會員區塊--------------------------------------------*/			
				
	/*.headerMember{
		position:absolute;
		top:20px;
		right:0px;
	}

	.headerMember.headerMemberEmployee {
		right: 100px;
	}*/
		.headerMember a{
			font-size: 14px;
			line-height:24px;
		}   
		/*.headerMember i{
			font-size: 20px;
			line-height: 19px;
		} */  
		
		.headerMemberIcon {
			vertical-align: -26%;
			width: 23px;
			height: 23px;
		}
					
}

@media (max-width: 1600px){	
	/*logo*/	
	.logo {
		width: 300px;
		padding: 15px 0;
	}
		.headerArea.fixed .logo {
			/* width: 300px;*/
			width: 240px;
			padding: 26px 0;
		}
	.logo2 {
		width: 340px;
	}	
		.headerArea.fixed .logo_2 {
			/* width: 340px; */
			width: 300px;
			padding: 34px 0px 34px 20px;
		}
			.lang_pc{
				right: unset;
			}

	.rTop {
		margin: 16px 20px 8px 0px;
	}
	.headerArea.fixed .nav > a {
		padding: 20px 15px;
	}
	.headerArea.fixed .navOpen.pc {
		top: 56px;
	}
}


@media (max-width: 1280px){	
	/*logo*/	
	.logo {
		width: 300px;
		padding: 15px 0;
	}
		.headerArea.fixed .logo {
			/* width: 300px;*/
			width: 152px;
			padding: 38px 0;
		}
	.logo2 {
		width: 340px;
	}	
		.headerArea.fixed .logo_2 {
			/* width: 340px; */
			width: 200px;
			padding: 43px 0px 43px 15px;
		}

	.nav > a{
		font-size: 16px;
	}

	/* 版頭logo */
	.logo_2 {
		padding: 15px 100px 15px 20px;
	}

}





@media (max-width: 990px){
.nav > a{
	font-size: 17px;
}

.header .wrap {
    max-width:80%;
}
.header:before {
	height:2px;
}

	/*logo*/
	.logo  ,
	.headerArea.fixed .logo {
		padding: 15px 10px;
		margin: 0;
		width: 190px;
	}

	.logo_2  ,
	.headerArea.fixed .logo_2 {
		padding: 15px 5px;
		margin: 0;
		width: 190px;
	}

	.logo_2 img{
		width: 100%;
		height: auto;
	}


	.headerRightTop_PC {
		position: unset;
		right: unset;
		top: unset;
		justify-content: center;
		margin-right: -20px;
	}
	
	
	
	/*手機menu按鍵*/
	.menu_btn {
		display:block;
		padding: 0px 10px;
	}
	.headerArea.active .menu_btn {
		-webkit-transform: translateX(0%) translateY(55%);
		transform: translateX(0%) translateY(55%);
	}
		
	
	
	
	/*版頭右*/
	.headerRight {
		position: fixed;
		width: 200px;
		top: 0px;
		right: -200px;
		height: 100%;
		box-sizing: border-box;
		background: rgba(0, 0, 0, 0.72);
		transition: 0.3s ease all;
		padding:70px 0px 0px;
		/* overflow-y: scroll; */
		z-index: 999;
	}
		.headerRight.active {
			right: 0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
		}



			
			/*電腦語系消失*/
			.lang_pc{
				display:none;
			}

			/*手機版頭語系*/
			.lang {
				float: none;
				border: none;
				background: #37b6a3;
				border-radius: 0px;
				display:block;
			}
				.langLink {
					box-sizing:border-box;
					width:49.9%;
					text-align:center;
				}
					.langLink a {
						/*line-height: 42px;*/
						color: #fff;
						padding: 7px 0px;
					}

					.langLink:after {
						top: 12px;
						right: -3px;
						color:#fff;
					}
						.langLink a:hover, .langLink.active a {
							color: #00489d;
    						font-weight: bold;
						}
				
				
				
				
				
				/*搜尋區塊------------------------------------------------*/
				/*.search_areaPC{
					display:none;
				}*/
				
					
				/*搜尋mobile-----------------------------------------*/
				/*.siteSearch {
					display:block;
				}*/		
						
				/*版頭會員區塊*/				
				.headerRightT {
					right: 40px;
				}
				
				/*.headerMember {
					top: 50%;
					right: 40px;
					transform: translateX(0px) translateY(85%);
					-webkit-transform: translateX(0px) translateY(85%);
				}
				.headerMember.headerMemberEmployee {
					right: 135px;
				}*/
				
				/*pc_購物車*/
				/*.pc_cart_area {
					top: 50%;
					right: 80px;
					transform: translateX(0px) translateY(115%);
					-webkit-transform: translateX(0px) translateY(115%);
				}*/
					
						
				
						
						
						
						
						
			/*主按鍵*/
			.navbar {
				margin:0px;
				padding:0px;
				border-top:none;
				display: block;
				flex-wrap: unset;
				flex-direction: unset;
				align-items: unset;
				justify-content: unset;

				/* 20220211 ryan新增 */
				margin-top: 10px;
			}
				.nav {
					float:none;
					width:auto;
					padding: 0px;
					border-bottom: solid 1px #555;
				}
				/*當螢幕 990px 才會出現*/
				.nav.MB {
					display: block;
				}
					.lang{
						margin: 0px 0px 5px;
						background-color: #696969;
					}
					.langLink:after {
    					top: 14px;
					}
						.langLink a{
							padding: 10px 0px;
						}
					
					.nav > a {
						/*font-size: 15px;*/
						border:none;
						border-radius:0px;
						color: #f3f3f3;
						text-align:left;
						font-size: 15px;
						padding: 12px 20px;
						/*padding: 12px 20px;*/
					}
					
					.nav_top > a {
						/*font-size: 15px;
						padding: 12px 20px;
						color: #f3f3f3;*/
					}
					.nav_top > span {
						color: #fff;
						width: 30px;
						text-align: center;
						right: 0;
						/*background-color: #e23e3e;*/
					}
					.nav.show .nav_top > span {
						-webkit-transform: translateX(0%) translateY(-50%) rotate(180deg);
						transform:translateX(0%) translateY(-50%) rotate(180deg);
						transform-origin:center;
					}	
					
					.nav_top > span:hover{
						cursor: pointer;
						/*color: #fff;
						opacity:0.5;
						-webkit-transform: translateX(0%) translateY(-50%) rotate(0deg);
						transform: translateX(0%) translateY(-50%) rotate(0deg);
						transform-origin:center;*/
					}						
				

					
						/*主按鍵展開*/
						.navOpen {
							position: relative;
							width: auto;
							margin: 0px;
							left: 0px;
							top: 0px;
							padding: 0px;
						}
						.nav:hover .navOpen.pc {
							display:none;
							opacity:0;
							z-index:-999999;
						}
						
						.nav:hover .navOpen.pc.sstc {
							display:none;
						}
						
						
						.navOpen.mobile {
							display:none;
							opacity:1;
							z-index:1;
							position: relative;
						}
							.navOpenBg:before {
								margin: 0px;
								left: 15px;
								border-width: 8px;
								border-bottom: solid 5px #000;
								top: -5px;
							}
								.navOpenList a {
									text-align: left;
									padding: 12px 15px 12px 20px;
									font-size: 14px;
									color: #cacaca;
								}
}

@media (max-width: 768px){

	/*logo*/
	.logo {
		/*margin: 0px auto;*/
		/*float: none;
		padding: 5px 0px;*/
	}
				
}

@media (max-width: 640px){

.header .wrap {
    max-width: 90%;
}	
	
	/*logo*/
	/* .logo {
		width: 150px;
		margin: 0;
		padding: 10px 10px;
	} */
	/*logo*/
	.logo  ,
	.headerArea.fixed .logo {
		padding: 15px 10px;
		margin: 0;
		width: 120px;
	}

	.logo_2  ,
	.headerArea.fixed .logo_2 {
		padding: 15px 0px 15px 5px;
		margin: 0;
		width: 120px;
	}



		.logo_flash {
			display:none;
		}
		

	
	/*版頭右*/
	.headerRight {
		padding: 53px 0px 0px;
		/*padding: 12.2vw 0px 0px;*/
	}

/*}



@media (max-width: 640px){*/


						
	/*版頭會員區塊*/
	.headerRightT {
		top: 17px;
		right: 35px;
	}
	
	.headerMember a {
		border: 1px #00489d solid;
		background-color: #00489d;
		border-radius: 50%;
		padding: 2px;
	}
	
	.headerMemberIcon{
		width: 20px;
    	height: 20px;
		vertical-align: unset;
		background-image:url(../images/person-black2.svg);
	}
	
	.headerMemberEmployee .headerMemberIcon{
		background-image:url(../images/face-black2.svg);
	}		
	
	.headerMember span{
		display:none;
	}	
	
	
	
	
	/*pc_購物車*/
	.pc_cart_area {
		/*transform: translateX(0px) translateY(62%);
		-webkit-transform: translateX(0px) translateY(62%);*/
	}
		




	/*手機menu按鍵*/
	.menu_btn {
		right:0%;
		/*right: 10%;*/
	}
	/*點擊*/
	.menu_btn.active {
		top: 7px;
		right: -5px;
	}		
	
	
	
	.headerArea.active .menu_btn {
		-webkit-transform: translateX(0%) translateY(179%);
		transform: translateX(0%) translateY(179%);
	}
	.headerArea.active .menu_btn.active {
		-webkit-transform: translateX(0%) translateY(50%);
		transform: translateX(0%) translateY(50%);
	}


	
	/*logo*/
	/*.logo {
		width: 80px;
		margin: 0;
		padding: 10px 0px;
	}*/
					
}











/*平板版*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (min-width: 541px) and  (max-width: 950px){
}


/*手機版*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
@media (max-width: 540px){
}