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

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









/*========================================================*/
/*-------放置版頭_導盲磚--------*/
/*========================================================*/

/* 導盲磚_跳到版頭內容 -----------------*/
.tactile_paving_header {
	z-index: 9;
	/* right: 21%; */
	right: unset;
	left: 8%;
}
/* ALT+U_跳到主要內容區塊 -----------------*/
.tactile_paving {
  z-index: 8;
  transform: translateY(20px);
}

.tactile_paving_header,
.tactile_paving {
  position: absolute;
  font-size: 0.7em;
  color: #fff0;
 
}

.tactile_paving_header a,
.tactile_paving a {
  color: #fff0;
  display: block;
  text-decoration: none;
}

.tactile_paving_header a:focus,
.tactile_paving_header a:hover,
.tactile_paving a:focus,
.tactile_paving a:hover {
  color: #000;
}


.tactile_paving {
    z-index: 8;
    transform: translateY(0px);
    position: absolute;
    font-size: 0.7em;
    color: #fff0;
}







/*========================================================*/
/*-------字級大小轉換--------*/
/*========================================================*/


.fontSizeFunction{
    order: 1;
    margin-left: auto;
    position: relative;
}
	.fontSize_button{
		cursor: pointer;
	}
		.fontSize_button button{
			background: transparent;
			background-color: transparent;
			padding: 0;
			margin: 0;
			border: none;
			width: auto;
			aspect-ratio: 1;
			display: block;
			text-decoration: none;
			font-size: 2.125em;
			line-height: 1;
			color: var(--dark_color);
			font-weight: 700;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #D9D9D9;
			padding: 0 7px;
			font-family: var(--foreign_font);
			border-radius: 4px;
			cursor: pointer;
		}
			.fontSize_button button img{
				/* width: 80%;
				height: auto;
				display: block; */
			}



	.fontSize_listArea {
		/* border: 1px #000 solid; */
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
		position: absolute;
		top: 36px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		flex-direction: column;
		width: 75px;
		/* gap: 15px; */
		display: none; /*預設關閉*/
	}

	.fontSize_list {
	width: 100%;
	}
	.fontSize_list:last-of-type {
		padding-right: 0px;
	}
	.fontSize_list a {
		 /* 最小值 20.00px、大小約 1.5625vw、最大值 30.00px */
		 text-decoration: none;
		 position: relative;
		 font-size: 1em;
		 color: var(--dark_color);
		 font-weight: 700;
		 position: relative;
		 background-color: #ffffff;
		 display: block;
		 width: 100%;
		 padding: 5px;
		 text-align: center;
	}


	.fontSize_list a.fontA{
		font-size: calc(1em * 0.8);
	}
	.fontSize_list a.fontC{
		font-size: calc(1em * 1.2);
	}


	
.fontSize_list a.active{
  background-color: var(--primary_color);
  color: #fff;
}
/* .fontSize_list a.active img.pc{
  display: none;
}
.fontSize_list a.active img.mobile{
  display: block;
} */






/* .fontSize_list a:hover {
  opacity: 0.8;
  transform: scale(0.9);
  transform-origin: center;
  transition: 0.3s ease all;
} */

.fontSize_list a:focus {
  border-color: var(--focus_color) !important;
  background-color: var(--focus_color) !important;
  z-index: 5;
  color: #fff;
}











.htmlFontSizeA {
  /* font-size: 0.9em; */
}

.htmlFontSizeA #fontA {
  /* border: #5f6267 0.0625em solid; */
}

.htmlFontSizeB {
}

.htmlFontSizeB #fontB {
}

.htmlFontSizeC {
}

/* .htmlFontSizeA a.active img.pc{
}
.htmlFontSizeA a.active img.pc{
}

.htmlFontSizeB a.active img.pc{
  font-size: 1em;
}
.htmlFontSizeB a.active img.pc{
  font-size: 1em;
}

.htmlFontSizeC a.active img.pc{
  font-size: 1.2em;
}
.htmlFontSizeC a.active img.pc{
  font-size: 1.2em;
} */



@media (max-width: 1600px) {

}

@media (max-width: 1100px) {

	.fontSizeFunction{
		order: unset;
		margin-left: 0;
		right: 35px;
	}
		.fontSize_button button {
			font-size: 1.5em;
		}

  /*-------字級大小轉換--------*/
  .fontSize_listArea {
    /* left: unset; */
    /* right: 0; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
  }

  .fontSize_list a {
    /* width: 25px;
    height: 25px;
    color: #2B2B2B; */
  }
  /* .fontSize_list img.pc {
    display: block;
  } */


  /* .htmlFontSizeA #fontA,
  .htmlFontSizeB #fontB {
    border-color: #2B2B2B;
  } */
}

@media (max-width: 640px) {
  /*-------字級大小轉換--------*/
  .fontSize_list {
    /* padding-right: 10px; */
  }
}




























/*/////////////////////////////////////////////////////////*/
/*-------版頭--------*/
/*/////////////////////////////////////////////////////////*/

.header {
	/* background-color: var(--second_color); */
	background: rgba(255, 255, 255, 0.90);
	position:fixed;
	top: 0px;
	width: 100%;
	z-index: 9;
	/* box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.3); */
	padding: 0;
}

.header.inheader{
	box-shadow: 0px 1px 4px 2px rgba(0, 0, 0, 0.3);
}

.header.fixed{
	background: #fff;
}

/*導盲磚*/
.Tactile_paving{
	position: absolute;
    top: 5px;
    left: 5px;
    -webkit-transform: translateX(0%) translateY(30%);
    transform: translateX(0%) translateY(30%);
    z-index: 11;
}	
/*.Tactile_paving >h1{
	font-size: 0.75em;
    margin-block-start: 0em;
    margin-block-end: 0em;
}*/  /*Judy修改20200515*/
	.Tactile_paving a{
		text-decoration:none;
		color:#fff;
		font-size: 0.75em; /*Judy修改20200515*/
	}
	
	
	
	
	.header > .wrap{
		position: relative;
		max-width: 105rem; /*1680*/
		width: 95%;
	}
		
		/*手機menu按鍵*/
		.menu_btn {
			position:absolute;
			width: 25px;
			top: 50%;
			right: 0;
			cursor:pointer;
			display:none;
			z-index: 99;
			-webkit-transform: translateX(0%) translateY(-50%);
			transform: translateX(0%) translateY(-50%);
		}
			.menu_btn span {
				display:block;
				background: var(--primary_color);
				/*height:2px;*/
				height:4px;
				margin: 6px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					width: 30px;
					top: 30px;
					right: -4px;
					position: absolute;
					/* -webkit-transform: translateX(20%) translateY(33%); */
					/* transform: translateX(20%) translateY(33%); */
				}
					.menu_btn.active span {
						/* background:var(--primary_color); */
						background:#fff;
					}
					.menu_btn.active span:nth-of-type(1) {
						/*transform: rotate(39deg);*/
						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(-39deg);*/
						transform: rotate(-45deg);
						transform-origin: bottom left;
					}
		
		
		
		
		
		
		
		/*版頭左測區塊*/
        .header_leftArea{
			/*z-index: 15;*/
		}

			 .header_leftArea .wrap{
				 position: relative;
				}
					
		
		/*版頭內容區塊*/
		.header_inArea{
		display: flex;
		justify-content: space-between;
		align-items: center;
		}
		
			.header_leftArea{  /*Judy修改20200515*/
				position: relative;
			}
			.header_leftArea >  a.maincontent2{  /*Judy修改20200515*/
				text-decoration: none;
				color: #ffcdbb;
				position: absolute;
				top: 50%;
				left: 5px;
				-webkit-transform: translateX(0%) translateY(-50%);
				transform: translateX(0%) translateY(-50%);
				z-index: 11;
				font-size: 0.75em;
			}
		
		
			/*logo*/
			.logo{
				box-sizing: border-box;
			}
				.logo h1 { 
					display:inherit;
					font-size: inherit;
					margin-block-start: inherit;
					margin-block-end: inherit;
					margin-inline-start:inherit;
					margin-inline-end:inherit;
					font-weight:inherit;
				}
				.logo a{
					text-decoration: none !important;
					padding:  clamp(0.3226rem, 0.5208vw, 0.6250rem) 0; /* 5.16px , 0.5208vw , 10.00px */
					color: var(--dark_color);
					display: flex;
					align-items: center;
					gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
				}
				.logo a:hover{
					opacity:0.8;
				}				
					.logo img{
						width: 100%;
						height: auto; 
						max-width: clamp(10.0648rem, 16.2500vw, 19.5000rem); /* 161.04px , 16.2500vw , 312.00px */
						display: block;
					} 
					.logo img.logo_pc{
					} 				
					.logo img.logo_mobile{
						display:none;
					} 
					.logo img.logo_pc_w{
						display:none;
					} 
				
				.logo strong{
					display: block;
					font-family: SweiGothicCJKtc-Regular;
					padding: 0;
					margin: 0;
					line-height: 1;
					font-size: 0.875em;
					color: var(--dark_color);
					text-decoration: none !important;
					/* max-width: calc(0.875em * 7); */

					display: none;
				}	
					











					
					
					
			
			.header_rightArea {
				/* position: absolute;
				-webkit-transform: translateX(0%) translateY(0%);
				transform: translateX(0%) translateY(0%); */
				/* top: 0; */
				/* right: 0%; */
				/* width: 100%; */
				/* background-color:var(--third_color); */
				padding:  clamp(0.3226rem, 0.5208vw, 0.6250rem) 0; /* 5.16px , 0.5208vw , 10.00px */
				text-align: right;
				z-index: 0;
				/* position: absolute; */
				display: flex;
				align-items: center;
				gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
				padding-left:clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
			}
				.header_rightArea .wrap{
					position: relative;
				}
			
			.headerRightLink{
				font-size: 1em;
				display: inline-block;
				/* font-size: 1rem; */
				/* vertical-align: -38%; */
			}
				.headerRightLinkList{
					display:inline-block;
					/*padding: 0px 0px 0px 10px;*/
				}
					.headerRightLinkList a{
						display: flex;
						align-items: center;
						color: var(--dark_color);
						font-size: inherit;
						text-decoration: none;
						gap: clamp(0.1613rem, 0.2604vw, 0.3125rem); /* 2.58px , 0.2604vw , 5.00px */
					}	
					.headerRightLinkList a:hover{
						opacity:0.5;
					}		
					.headerRightLinkList img{
						width: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
						height:auto;
						aspect-ratio: 25 / 21;
					}			
		
					.headerRightLinkList strong{
						color: inherit;
						font-weight: inherit;
						font-size: inherit;
					}
					
					
					.headerRightLink.fb{

					}
						.headerRightLink.fb a{
							background-color: #3A559F;
							width:clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
							aspect-ratio: 1;
							display: flex;
							align-items: center;
							justify-content: center;
							border-radius: 50%;
						}
						.headerRightLink.fb img{
							width:60%;
						}


						
					
			
			
			/*PC版_搜尋區塊*/
			.search_areaPC{
				display: inline-block;
				vertical-align:middle;
				/* position: absolute; */
			}
				.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);
					width: auto;
				}
				.search_inAreaPC.active{
					/* width: 170px; */

				}
					
					/*輸入框*/
					.search_inputAreaPC{
						/*width: 100%;
						height: 100%;*/
						width: 0%;
						height: auto;
						position: absolute;
						top:clamp(2.0323rem, 3.2813vw, 3.9375rem); /* 32.52px , 3.2813vw , 63.00px */
						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);
						visibility: hidden;
						opacity: 0;
						pointer-events: none;
						width: 0;
						display: grid;
						gap:clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
						grid-template-columns: clamp(0.8065rem, 1.3021vw, 1.5625rem) auto clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
					}	
						.search_inputAreaPC input[type="text"]{
							display: block;
							width: 100%;
							height: 100%;
							background-color: transparent;
							color: #ffffff;
							/* color: rgb(197 71 71); */
							border: none;
							box-sizing: border-box;
							padding: 0px 6px 4px 0px;
							border-radius: 0px;
							border-bottom: 0.0625em solid #fff0;
							padding-left: 0;
							padding-right: 0;
							line-height: 20px;
						}
					
					/*active*/
					.search_inAreaPC.active .search_inputAreaPC{
						/*display: block;*/
						width: 240px;
						visibility: visible;
						opacity: 1;
						pointer-events: auto;
						background-color: #bf1a1f;
						padding: 11px 10px;
					}
					.search_inAreaPC.active .search_inputAreaPC input[type="text"]{
						border-bottom: 0.0625em solid #fff;
						
					}
						


					.search_inAreaPC .search_close , 
					.search_inAreaPC .search_icon_pc {
						border: none;
						width: auto;
						height: auto;
						cursor: pointer;
						background: transparent;
						display: flex;
						justify-content: center;
						align-items: center;
						padding: 0;
						margin: 0;
					}
					.search_inAreaPC  .search_close{
							
					}
					.search_inAreaPC  .search_icon_pc{

					}
					.search_inAreaPC  .search_close img , 
					.search_inAreaPC  .search_icon_pc img{
						/*width: clamp(0.8065rem, 1.3021vw, 1.5625rem); *//* 12.90px , 1.3021vw , 25.00px */
						width: 100%;
						height:auto;
						aspect-ratio: 25 / 21;
					}			
			

				
					/*按鈕*/
					.search_inAreaPC label ,
					.search_btn{
						display: flex;
						align-items: center;
						gap:clamp(0.1613rem, 0.2604vw, 0.3125rem); /* 2.58px , 0.2604vw , 5.00px */
						color: #fff;
						/*width: 18px;
						height: 18px;*/
						cursor: pointer;
						transition: 0.3s ease all;
						/* position: absolute; */
						/* right: 0px; */
						/* top: 0px; */
						/* -webkit-transform: translateX(0%) translateY(-50%); */
						/* transform: translateX(0%) translateY(-50%); */
						/* width: auto; */
					}
					.search_btn:focus {
						outline-width:var(--focus_outline-width);
						outline-style: var(--focus_outline-style);
						outline-color: var(--focus_outline-color);
					}
						.search_inAreaPC i{
							/* font-size:1.125em;
							position: relative;
							transition: 0.3s ease all; */
						}

						.search_inAreaPC img{
							width: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
							height:auto;
							aspect-ratio: 25 / 21;
						}			
			
						.search_inAreaPC strong{
							color: var(--dark_color);
							font-weight: inherit;
							font-size: 1rem;
						}
					

						
						/*hover*/
						.search_inAreaPC label:hover i{
							color:  var(--primary_color);
							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*/








	

		
/*================*/
/*-- 變換字型大小 --*/
/*================*/
		
.htmlFontSizeA{
	font-size: 0.9em;
}
	.htmlFontSizeA #fontA{
		/*background-color: #23556b;*/
		/*background-color: var(--primary_color);*/
		border: #ffffff 0.0625em solid;
	}

.htmlFontSizeB{
	font-size: 1em;
}
	.htmlFontSizeB #fontB{
		/*background-color: var(--primary_color);*/
		border: #ffffff 0.0625em solid;  /*Judy修改20200515*/
	}

.htmlFontSizeC{
	font-size: 1.2em;
}

	.htmlFontSizeC #fontC{
		/*background-color: #23556b;*/
		/*background-color: var(--primary_color);*/
		border: #ffffff 0.0625em solid;
	}

		.fontSize_listArea{
			display: inline-block;
			vertical-align: middle;
			text-align: center;
		}
		
			.fontSize_list {
				display: inline-block;
				vertical-align: middle;
				margin: 0px 2px;
			}
			
				.fontSize_list a{
					width: 25px;
					height: 25px;
					display: block;
					border-radius: 50%;
					border: #ffffff00 0.0625em solid;
					text-decoration:none;
					position:relative;
					font-size:0.75em;
					color:#fff;
					font-weight: bold;
					font-family: 'Poppins', sans-serif;
					position:relative;   /*Judy修改20200515*/
				}
				   
				.fontSize_list a:after {    /*Judy修改20200515*/
					position:absolute;
					content:"";
					top: 50%;
					left: 50%;
					-webkit-transform: translateX(-50%) translateY(-50%);
					transform: translateX(-50%) translateY(-50%);
					width: 25px;
					height: 25px;
					border: var(--third_color)00 solid 0.1rem;
					box-shadow:0px 0px 10px rgba(0,0,0,0.0);
					border-radius: 50%;
					opacity:0;
				}  				
				
				
				
				
				.fontSize_list a div{
					position:absolute;
					top:50%;
					left:50%;
					width: 100%;
					height: 100%;
					max-width: 100%;
					max-height: 100%;
					-webkit-transform: translateX(-56%) translateY(-20%);
					transform: translateX(-56%) translateY(-20%);
				}
				.fontSize_list a#fontB  div{
					/*-webkit-transform: translateX(-50%) translateY(-27%);
					transform: translateX(-50%) translateY(-27%);*/
					-webkit-transform: translateX(-50%) translateY(-20%);
					transform: translateX(-50%) translateY(-20%);
				}				
				.fontSize_list a span{
					position:absolute;
					right:0px;
					top:0px;
					width: 600%;
					height: 100%;
					max-width: 100%;
					max-height: 100%;
					-webkit-transform: translateX(20%) translateY(8%);
					transform: translateX(20%) translateY(8%);
					display:inline-block;
					font-size:0.625em;
				}
				

				/*hover*/
				.fontSize_list a:hover{
					opacity:0.5;
				}	
					
					.fontSize_list img{
					}


				/*focus*/
				.fontSize_list a:focus {  /*Judy修改20200515*/
					 box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					 color: #000000;
					 border: #000 solid 0.1rem !important;
					 z-index:5;
					 /*border: #e99735 solid 0.1rem;*/
				}










					
					
			
			/*語系內容區塊*/
			.language_inArea{
				display: inline-block;
				vertical-align: middle;
			}
				/*列表*/
				.language_inList{
					float: left;
				}
					.language_inList a{
						display: block;
						color: #fff;
						text-decoration: none;
						padding: 0px 6px;
						font-size: 0.78em;
					}	
					
					/*hover*/
					.language_inList a:hover {
						color: var(--primary_color);
						text-decoration:none;
						transition: 0.3s ease all;
					}


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

	.search_inAreaPC.active {
		/* width: 100px; */
	}	

	.headerRightLink{
		/* font-size: 1em; */
		font-size: 0.875rem;
	}
		.headerRightLinkList a{
			/* font-size: 0.75rem; */
		}	
		.search_inAreaPC strong{
			/* font-size: 0.75rem; */
			font-size: 0.875rem;
		}

		
	.logo img{
		max-width: 7.5rem; /*120*/
	}
		.logo strong{
			/* max-width: calc(0.625em * 15); */
			/* font-size: 0.625em; */
		}	

}






/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 1101px){
		
	.search_inAreaPC strong{
		/* white-space: nowrap; */
	}

}



/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) and (min-height: 500px) and (max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and (max-resolution: 174dpi) {

	.logo img{
		max-width: 11.5625rem;
	}	

}


@media (max-width: 1100px){
	.header {
		padding: 0px;
	}	
		.header > .wrap {
			width: 90%;
		}

/*導盲磚*/		
.Tactile_paving {
    top: 50%;
    margin: 0px;
    left: 2px;
    -webkit-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
}		
		
		/*PC版_語系內容區塊*/
		.language_inArea{
			display:none;
		}
		/*PC版_搜尋區塊*/
		.search_areaPC{
			display:none;
		}
			
			
		/*手機menu按鍵*/
		.menu_btn {
			display:block;
		}

		.logo{
		}
	
			.logo a {
				padding: 0.625rem 0;
			}
				.logo img{
					max-width: unset;
					width: 12.5rem;
				}	
			

			.navbar.active.fixed{
				/*background: rgba(255, 255, 255, 0.95);*/
			}
			

				/*手機版語系區塊*/
				.nav.language{
					display: block;
					padding: 0px;
				}
					.nav.language .languageList{
						float: left;
						width: 50%;
						box-sizing: border-box;
						text-align: center;
					}
						.nav.language .languageList a{
							display: block;
							color: #fff;
							text-decoration: none;
							transition: 0.3s ease all;
							background-color: var(--primary_color);
							padding: 10px 0px;
							font-size: 0.75em;
						}
							.nav.language .languageList:nth-of-type(1) a{
								border-right: 0.0625em #fff solid;
							}
						
						/*hover*/
						.nav.language .languageList a:hover{
							color: #94b22f;
							text-decoration:none;
							transition: 0.3s ease all;
						}
			
			
				/*手機版外連區塊*/
				.nav.navMobile{
					display: block;
				}			
			
				/*手機版搜尋區塊*/
				.nav.search{
					display: block;
					box-sizing: border-box;
					padding: 0;

					/* display: none; */
				}	
					.search_inAreaMB {
						position: relative;
						top: 0;
					}
						.search_inAreaMB input[type="text"]{
							width: 100%;
							height: 34px;
							line-height: 2.125em;
    						background: #fff;
							color: #333;
							border: solid 0.03125em #d3d4d4;
							font-size: 0.875em;
							border-right: 0px;
							border-radius: 0px;
							padding: 0px 48px 0px 13px;
						}
						.search_inAreaMB label{
							width: 35px;
							height: 34px;
							cursor: pointer;
							transition: 0.3s ease all;
							position: absolute;
							right: 0px;
							top: 0px;
							display: flex;
							justify-content: center;
							align-items: center;
						}
							.search_inAreaMB i {
								position: relative;
								right: unset;
								top: unset;
								z-index: 10;
								color: var(--primary_color);
								font-size:1.25em;
							}
							.search_inAreaMB input[type='submit']{
								width: 35px;
								height:2.125em;
								cursor: pointer;
								transition: 0.3s ease all;
								position: absolute;
								right: 0px;
								top: 0;
								background: rgba(255,255,255,0);
							}
				
			
				/* .nav {
					float:none;
					padding: 0px;
					width: 100%;
					text-align: left;
				}
					.nav  a {
						color:#383838;
						border:none;
					}
						.nav > a {
							line-height:1.4375em;
							padding: 10px 15px;
							font-size:1em;  
						}
						
						.nav > a:first-child {
							margin-left: 0px;
						} */
						
						
							/*hover*/
							/* .nav:hover  > a{
								border:none;
								background: transparent;
								opacity: 0.7;
							} */
							
							/*當前模式*/
							/* .nav.active > a{
								background: transparent;
							} */
							
							
								/*展開選單*/
								/* .navOpen {
									position:relative;
									top:0px;
									left:0px;
									margin:0px;
									width:auto;
									border-radius:0px;
									background:#444;
								}
									.navOpen:before, .navOpen:after {
										border-bottom: solid 0.5em #444;
										left: 23px;
									}
										.nO_list a {
											text-align:left;
											padding: 15px 15px;
										} */
										
								
								/*hover*/
								/* .nav:hover .navOpen.pc {
									display:none;
								}	
								.fixed_nav:hover .navOpen.pc {
									display:none;
								}
									
									.navOpen.mobile {
										display: none;
										opacity: 1;
										z-index: 1;
										position: relative;
									}
										.navOpenBg {
											box-shadow: none;
										}
											.navOpen.mobile  .navOpenList {
											}
											.navOpen.mobile  .navOpenList > a {
													text-align:left;
													font-size:0.875em;
													color:#fff;
													line-height:1.375em;
													padding: 12px 15px;
												    background: rgba(255, 255, 255, 0.5);
													transition:0.3s ease all;
													text-decoration:none;
													display:block;
												}
													.navOpenList > a:hover {
														opacity: 0.7;
													} */
			/*版頭右側區塊*/
			.header_rightArea {
				/* background-color: #5f5f5f00; */
				/* top: 50%; */
				/* -webkit-transform: translateX(0%) translateY(-50%); */
				/* transform: translateX(0%) translateY(-50%); */
				/* right: 40px; */
				/* max-width: 195px; */
				/* padding-right: 10px; */
				/* display: none; */
			}
			
			.header_rightArea .wrap{
				padding:0px;
			}
				.headerRightLinkList {
					display: block;
				}
					.headerRightLinkList a{
						color: #fff;
						/* align-items: unset; */
						padding: 13px 15px;
					}
					.headerRightLinkList img {
						width: 28px;
					}
					.headerRightLink.fb{
						display: none;
					}

}







@media (max-width:640px){

.header {
	/*padding: 35px 0px 0px;*/
}
		
	.logo{
		/* padding: 10px 0px; */
		/* width: 135px; */
	}

	
	
	.menu_btn {
    	/*margin: 8px 0px 0px;*/
	}
	.menu_btn.active {
		/*top: 6px;
		margin: 0px;*/ 
	}
	
	/*版頭右側區塊*/
	/*.header_rightArea {
		-webkit-transform: translateX(0%) translateY(-50%);
		transform: translateX(0%) translateY(-50%);
		right: 40px;
	}*/	
	

	.navbar.active {
		/*padding: 61px 0px 0px;*/
	}
}

@media (max-width:510px){

	
	.logo{
		/* padding: 5px 0px; */
		/* width: 50px; */
	}
		.logo img.logo_pc{
			/* display:none; */
		} 				
		.logo img.logo_mobile{
			/* display:block; */
		}

		
	.logo a{
		/* width: 10.3125rem; */
	}
		.logo strong{
			max-width: calc(0.625em * 14); 
			/* font-size: 0.625em; */
		}	



			
	/*.logo{
		width: 230px;
	}*/
	
	/*.navbar {
		right: -100%;
		width: 100%;
	}
	.menu_btn {
		margin: 0px;
		top: -1px;
	}

	.navbar.active {
		padding: 43px 0px 0px;
	}*/
}



















.header_right_bg{
	display: flex;
	align-items: center;
}





/*================================*/
/*----- 主按鍵 -----*/
/*================================*/

	.navbar{
		display: flex;
		font-weight: 500;
		font-size: 1.1875em; /*19*/
		/*column-gap: clamp(0.3226rem, 0.5208vw, 0.6250rem);*/ /* 5.16px , 0.5208vw , 10.00px */
		column-gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
		/* margin-left: auto; */
	}
	

		
		.nav{
			/* float: left; */
			box-sizing: border-box;
			position: relative;
			display: flex;
			flex-direction: column;
		}

		.navTitle{
			position: relative;
			display: flex;
			/* flex-direction: column; */
			flex-grow: 1;
		}
			.nav > a ,
			.navTitle > a {
				display: block;
				text-decoration: none;
				color: var(--dark_color);
				font-size: inherit;
				/* transition: 0.3s ease all; */
				position: relative;
				padding-right: 0;
				padding-left: 0;
				padding: clamp(1.3871rem, 2.2396vw, 2.6875rem) 0; /* 22.19px , 2.2396vw , 43.00px */
				/* flex-grow: 1; */
				display: flex;
				flex-direction: column;
				justify-content: center;
				gap: clamp(0.1613rem, 0.2604vw, 0.3125rem); /* 2.58px , 0.2604vw , 5.00px */
			}
			
			/*hover*/
			.nav:hover > a ,
			.navTitle:hover > a {
				opacity: 0.7;
				transition: 0.3s ease all;
				position: relative;
			}
			
			.nav > a:before ,
			.navTitle > a:before {
				content: "";
				position:
				absolute;
				background-color: #c3c3c3;
				width: 1px;
				height: 15px;
				left: 0;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				opacity: 0;
			}						

			.nav:first-of-type > a:before ,
			.nav:first-of-type .navTitle > a:before {
				display:none;
			}

			.arrow_down{
				border: none;
				width: auto;
				height: auto;
				background: transparent;
				display: none;

				cursor: pointer;
			}


				.nav .en{
					font-size: 0.625em;
					transform: scale(0.9);
					text-align: center;
				}
				/* .nav.arrow:not(:nth-of-type(2)) .en */
				.nav:not(:nth-of-type(2)) .en{
					/* visibility: hidden; */
					display: none;
				}



				/*主按鍵展開*/
				.navOpen {
					position:absolute;
					left:50%;
					padding:0px 0px 0px;
					width: clamp(7.0970rem, 11.4583vw, 13.7500rem); /* 113.55px , 11.4583vw , 220.00px */
					transform: translateX(-50%);
					display:none;
					z-index: 2;
					

					
					/* display: none; */
					/* transition: all 0.1s ease; */
				}
				/* .nav:hover .navOpen.pc {
					display:block;
				} */
				.navOpenBg {
					position:relative;
				}
				
				.nav.active .navOpen{
					/* height: auto; */
					/* display: block; */
					/* transition: all 0.1s ease; */
					/* display: block; */
				}



				/* .navOpen.mobile {
					display:none;
					opacity:0;
					z-index:-999999;
					transform: unset;
					padding: 0;
				}
				.navOpen.pc .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%;
					transform: translateX(-50%);
				} */

					.navOpenList {
					}
						.navOpenList a {
							text-align:center;
							font-size:inherit;
							color:#fff;
							line-height:1.5;
							padding:7px 5px;
							background:rgba(0,0,0,0.65);
							display: block;
							transition:0.3s ease all;
							text-decoration: none;
							font-size: 1em;
						}
							.navOpenList a:hover {
								background: var(--primary_color);
							}



									
@media screen and (max-width: 1350px) and (min-width: 1101px) {

	.navbar{
		/* font-size: 1.125em; */ /*18*/
	}

		.nav > a{
			padding-left:  clamp(0.3125rem, 0.7813vw, 0.9375rem);  /* 最小值 5px、大小約 0.7813vw、最大值 15px */
			padding-right: clamp(0.3125rem, 0.7813vw, 0.9375rem);  /* 最小值 5px、大小約 0.7813vw、最大值 15px */
		}

}


@media screen and (min-width: 1451px) {

	.arrow_down{
		width: clamp(0.3125rem, 2.6667vw, 1.25rem);
	}
	.arrow_down::after {
		width: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
	}

}


@media (max-width: 1350px){
/* @media (max-width: 1450px){ */
		
.navbar {
    font-size: 0.875rem;
}

	.nav > a{
		/* padding: 23px 15px 17px; */
		/* font-size:1.25em; */
	}	
	.nav > a:first-child{
		/* margin-left:-15px; */
	}

	.arrow_down{
		width:clamp(0.7500rem, 0.8854vw, 1.0625rem); /* 12.00px , 0.8854vw , 17.00px */
	}

		.arrow_down::after {
			/*width: 0.25rem;*/ /* 4px */
		}

}

@media screen and (min-width: 1101px) {

	.arrow_down{
		display: block;
		/* width: clamp(0.3125rem, 2.6667vw, 1.25rem); */
		/* padding-right: 6px; */
	}

		.arrow_down::after {
			position: absolute;
			content: "";
			background-image: url(../images/bottom_arrow_icon_w.svg);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 99.9%;
			transition: 0.3s ease all;
			/* width: 18px; */
			/* height: calc(18px / 2); */
			z-index: 0;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			/* transform: translateY(calc(-50% - 0.625rem)); */
			transform-origin: center center;
			width: clamp(0.4839rem, 0.7813vw, 0.9375rem); /* 7.74px , 0.7813vw , 15.00px */
			aspect-ratio: 299 / 150;
			/* height: 20px; */
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			/* transition: 0.3s ease all; */
			/* margin-right: 1px; */
		}
			.navOpenList a {
				font-size: 0.875em;
			}
			


		.navOpen {
			top: calc(100% - 0.5px);
		}



		
				/*手機版語系區塊*/
				.nav.language{
					display: none;
				}
				
				/*手機版搜尋區塊*/
				.nav.search{
					display: none;
				}
				
				/*手機版外連區塊*/
				.nav.navMobile{
					display: none;
				}





}




@media (max-width: 1100px){

/*----- 版頭右 -----*/
.header_rightArea{
	/* position: fixed; */
	/* width: 200px; */
	/* top: 0px; */
	/* right: -200px; */
	/* height: 100%; */
	/* box-sizing: border-box; */
	/* background: rgba(0, 0, 0, 0.7); */
	/* transition: 0.3s ease all; */
	/* padding: 52px 0px 0; */
	/* overflow-y: auto; */
	/* z-index: 4; */
	/* float: none; */
	/* order: -1; */
	display: flex;
	flex-direction: column;
	align-items: unset;
	justify-content: unset;
	padding: 0;
	text-align: left;
}
.header_rightArea.active {
	/* right: 0px; */
	/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); */
}



	/*----- 語系 language -----*/
	/* .language{
		position: unset;
		top: unset;
		right: unset;
	}
		.language_content{
			justify-content: center;
		}
			.language_list a {
				padding: 13px 5px;
			} */






	/*-----PC搜尋區塊-----*/
	/* .search_areaPC{
		position: unset;
		right: unset;
		top: unset;
	} */
		/*搜尋icon*/
		/*.search_iconPC{
			display: none;
		}
		.search_inAreaPC{
			position: unset;
			width: auto;
			max-width: unset;
			display: block;
			top: unset;
			right: unset;
			padding: 0px 0px;
		}
			.search_inBoxPC {
				position: relative;
				width: 100%;
				padding: 0px 50px 0px 10px;
				box-sizing: border-box;
			}
				.search_inBoxPC a{
					display: none;
				}
				.search_inBoxPC button[type="button"] {
					right: 0px;
					bottom: 0px;
					width: 40px;
					height: 40px;
					background-color: #fff0;
					display: flex;
				}
				.search_inBoxPC button[type="button"] svg {
					width: 15px;
					height: 15px;
					margin: auto;
					color: var(--primary_color);
				}*/





.header_right_bg{
	margin-right: 0px;
	font-size: 1em; /*14*/
	gap:0;
	flex-direction: column;
	position: fixed;
	width: 200px;
	top: 0px;
	right: -200px;
	height: 100%;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.7);
	transition: 0.3s ease all;
	padding: 59.7px 0px 0;
	overflow-y: auto;
	z-index: 4;
	float: none;
	align-items: unset;
}
	.header_right_bg.active {
		right:0px;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
	}

	/*----- 主按鍵 -----*/
	.navbar {				
		flex-direction: column;				
		width: 100%;
		font-size: 1em;
	}
	/* .navbar.active {
		right:0px;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
	} */


	
		.nav {
			float:none;
			width: 100%;
			padding: 0px;
			position: relative;
		}

	.navTitle {
	   flex-grow: unset;
	   display: block;
	}

		.nav .navTitle.arrow_down {
			/* padding-right: 40px;
			position: relative; */
		}

		.nav .arrow_down{
			display: block;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 33px;
			aspect-ratio: 1;
		}

		.nav > a ,
		.navTitle > a{
			border: none;
			border-radius: 0px;
			text-align: left;
			padding: 13px 15px;
			color: #fff;
			/* font-size: 14px; */
		}
		.nav > a:before {
			display: none;
		}
		
		.nav > a:before, .navTitle > a:before{
			display: none;
		}
		/* .nav .navTitle.arrow_down::after ,
		.mobile.sstc .sstc_title.arrow_down::after  */
		.arrow_down::after {
			position: absolute;
			content: "";
			background-image: url(../images/bottom_arrow_icon_w.svg);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 18px;
			transition: 0.3s ease all;
			width: 18px;
			height: calc(18px / 2);
			z-index: 0;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			transform-origin: center center;
			width: 33px;
			height: 33px;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			transition: 0.3s ease all;
		}
		/* .nav.active .navTitle.arrow_down::after */
		.nav.active .arrow_down::after{
			transform: translateY(-50%) rotate(180deg);
			transform-origin: center center;
			transition: 0.3s ease all;
		}

		.nav .en {
			/* font-size: 0.625em;*/
			text-align: left; 
			/* transform: unset; */
			transform-origin: left;
		}
			
					
				/*展開選單*/
				.navOpen {
					position:relative;
					top:0px;
					left:0px;
					margin:0px;
					width:auto;
					border-radius:0px;
					background:#444;
					transform: unset;
					padding: 0;
				}
				
				/*hover*/
				.nav:hover .navOpen.pc ,
				.fixed_nav:hover .navOpen.pc{
					display:none;
				}	
				
					
				.navOpen.mobile {
					display: none;
					opacity: 1;
					z-index: 1;
					position: relative;
				}
					.navOpenBg {
						box-shadow: none;
					}
						.navOpen.mobile  .navOpenList {
						}
						.navOpen.mobile  .navOpenList > a {
							text-align:left;
							font-size:inherit;
							color: #cecece;
							line-height:1.57;
							padding: 12px 15px 12px 30px;
							background-color: rgba(0, 0, 0, 0.7);
							transition:0.3s ease all;
							text-decoration:none;
							display:block;
							border-bottom: 1px solid #5b5b5b;
						}
						.navOpenList > a:hover {
							opacity: 0.7;
						}
						.search_inBoxPC input[type="search"] {
							border-bottom: 0px solid #c3c3c3;
						}

						.navOpenList a {
							text-align: left;
							padding: 7px 10px 7px 30px;
							font-size: 0.85em;
						}
}








@media (max-width: 510px){

	/*----- 主按鍵 -----*/
	.navbar {
		/* padding: 57.53px 0px 0; */
	}

}