@import url(../css/style_reset.css);         /* 消除瀏覽器預設樣式。 */
@import url(../css/style_components.css);    /* 首頁+內頁都需要的 UI 元件 */
@import url(../css/style_variables.css);     /* 存放全域變數（如顏色、字體大小、間距）*/






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

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












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

.header {
	position:fixed;
	top: 0px;
	width: 100%;
	z-index: 99;
	padding: 0;
	background: rgba(255,255,255,.96);
}

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



	
	.header > .wrap{
		position: relative;
		width: 90%;
		max-width: 112.8125rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
		
		/*手機menu按鍵*/
		.menu_btn {
			padding: 0;
			margin: 0;
			border: none;
			background: transparent;
			height: auto;
			position:absolute;
			width: 2.8125rem;
			top: 50%;
			right: 0;
			cursor:pointer;
			display:none;
			z-index: 99;
			-webkit-transform: translateX(0%) translateY(-50%);
			transform: translateX(0%) translateY(-50%);
			border-radius: 100%;
			border: var(--primary_color) 2px solid;
			aspect-ratio: 1;
		}
		
			/*.menu_btn span {
				position: absolute;
				top: 1.5rem;
				left: 50%;
				top: calc(50% - (0.125rem * -2));
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%) translateY(-50%);
				width: 1.625rem;
				height: 0.125rem;
				background-color: var(
				--primary_color);
				-webkit-transition: all 0.5s;
				transition: all 0.5s
			}

			 .menu_btn span:after,
			.menu_btn span:before {
				content: "";
				position: absolute;
				left: 0;
				width: 100%;
				height: 0.125rem;
				background-color: var(--primary_color);
				-webkit-transition: all 0.5s;
				transition: all 0.5s
			}
			.menu_btn span:before {
				top: -0.4375rem
			} */

			/*點擊*/
			/* .menu_btn.active span{
				background-color: transparent;
				top: 1.3125rem
			}
			.menu_btn.active span:before {
				top: 0;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg)
			}
			.menu_btn.active span:after {
				bottom: 0;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg)
			} */


			.menu_btn span {
				position: absolute;
				top: 1.5rem;
				left: 50%;
				top: calc(50% - (0.125rem * -2));
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%) translateY(-50%);
				width: 1.625rem;
				height: 0.125rem;
				background-color: var(
				--primary_color);
				-webkit-transition: all 0.5s;
				transition: all 0.5s
			}

			.menu_btn span:after,
			.menu_btn span:before {
				content: "";
				position: absolute;
				left: 0;
				width: 100%;
				height: 0.125rem;
				background-color: var(--primary_color);
				-webkit-transition: all 0.5s;
				transition: all 0.5s
			}
			.menu_btn span:before {
				top: -0.4375rem
			}

			/*點擊*/
			.menu_btn.active span{
				background-color: transparent;
				top: 1.3125rem
			}
			.menu_btn.active span:before {
				top: 0;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg)
			}
			.menu_btn.active span:after {
				bottom: 0;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg)
			}


			/* .menu_btn span {
				display:block;
				background: var(--primary_color);
				height: 2px;
				margin: clamp(0.234rem, 0.084rem + 0.24vw, 0.375rem) auto;
				transition: all 0.5s;
				border-radius:3px;
				width:clamp(0.839rem, 1.35vw, 1.625rem);
			} */
				/*點擊*/
				/* .menu_btn.active {
					position: absolute;
				}
					.menu_btn.active span {
						position: absolute;
						left: clamp(0.274rem, 0.099rem + 0.28vw, 0.438rem);
						margin: clamp(0.629rem, -0.001rem + 1.02vw, 1.219rem) 0;
					}
					.menu_btn.active span:nth-of-type(1) {
						top: 1px;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
					}
					
					.menu_btn.active span:nth-of-type(2) {
						bottom: -1px;
						-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
					} */
						.menu_btn.active span:nth-of-type(3) {
						/* bottom: -1px; */
						/* -webkit-transform: rotate(-45deg); */
						/* transform: rotate(-45deg); */
						display: none;
					}	
		
		
		
		
		
		
		/*版頭左測區塊*/
        .header_leftArea{
		}

			 .header_leftArea .wrap{
				 position: relative;
				}
					
		
		/*版頭內容區塊*/
		.header_inArea{
			display: flex;
			justify-content: space-between;
		}
		
			.header_leftArea{ 
				position: relative;
			}
			.header_leftArea >  a.maincontent2{ 
				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.75rem;
			}
		
		
			/*logo*/
			.logo{
				box-sizing: border-box;
				display: flex;
				position: relative;
				width: calc(clamp(8.968rem, 14.48vw, 17.375rem) * 0.7);
				padding: clamp(1.129rem, 0.001rem + 1.82vw, 2.188rem) 0;
				padding: clamp(0.323rem, 0.52vw, 0.625rem) 0;
			}
				.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;
					width: 100%;
				}
				.logo a{
					text-decoration: none !important;
					color: var(--dark_color);
					display: flex;
					gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
					position: relative;
					width: 100%;
				}
				.logo a:hover{
					opacity:0.8;
				}				
					.logo img{
						width: 100%;
						height: auto;
						display: block;
					} 
				
					.logo img.nofix{
						
					} 
				
					.logo img.fix{
						/* position: absolute; */
						/* left: 0; */
						/* top: 0; */
					} 
					
					
					
			
			.header_rightArea {
				padding:  clamp(0.3226rem, 0.5208vw, 0.6250rem) 0; /* 5.16px , 0.5208vw , 10.00px */
				text-align: right;
				z-index: 0;
				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;
				}
			
			
			
			/*PC版_搜尋區塊*/
			.search_areaPC{
				display: inline-block;
				vertical-align:middle;
			}
				.search_inAreaPC{
					position: relative;
					
					-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{

				}
					
					/*輸入框*/
					.search_inputAreaPC{
						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;
						-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;
							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{
						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: 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); 
						color: #fff;
						cursor: pointer;
						transition: 0.3s ease all;
					}
					.search_btn:focus {
						outline-width:var(--focus_outline-width);
						outline-style: var(--focus_outline-style);
						outline-color: var(--focus_outline-color);
					}
						.search_inAreaPC i{
						}

						.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*/








	




		
		
/* ================================================= */
/*語系內容區塊*/
/* ================================================= */
.language{
	
}
	.language button{
		background: transparent;
		border: .125rem solid var(--primary_color);
		display: flex;
		color: var(--primary_color);
		text-align: center;
		padding: clamp(0.258rem, 0.42vw, 0.5rem) clamp(0.887rem, -0.001rem + 1.43vw, 1.719rem);
		border-radius: clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem);
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		overflow: hidden;
		cursor: pointer;
		font-size: 0.875rem;
	} 
		.language button i{
			
		} 
		.language_inArea {
			width: 10rem;						
			text-align: center;											
			-webkit-box-shadow: 2px 0 27px rgba(1, 129, 192, 0.3);						
			box-shadow: 2px 0 27px rgba(1, 129, 192, 0.3);						
			z-index: 9;						
			font-family: var(--mandarin_font);						
			font-size: 0.875rem;
			display: flex;
			flex-direction: column;
			background-color: #fff;
		} 

		.language_pc .language_inArea {			
			position: absolute;						
			left: 50%;						
			top: 100%;	
			-webkit-transform: translateX(-50%);						
			transform: translateX(-50%);						
			-webkit-box-shadow: 2px 0 27px rgba(1, 129, 192, 0.3);						
			box-shadow: 2px 0 27px rgba(1, 129, 192, 0.3);	
		} 
		.language_mobile .language_inArea {			
		} 


	.languageList{
		
	}
		.languageList a{			
			color: var(--primary_color);						
			padding: 0.625rem;						
			display: block;						
			text-decoration: none;						
			background-color: #fff0;
		}



	.language_mobile{
		display: none;
	}
	.language_pc{
		margin-left: calc(clamp(0.645rem, 1.04vw, 1.25rem) * 0.5);
		position: relative;
	}

		.language .language_inArea {
		} 
		.language .language_inArea[hidden]{
			display:none;
		}
		.languageList a:focus {
			/* outline: var(--focus_outline-color) var(--focus_outline-style) var(--focus_outline-width) !important; */
		}
















		
/* ================================================= */
/*版頭 常用連結與其他連結*/
/* ================================================= */
.headerRightLink {
	display: flex;
	align-items: flex-start;
	gap: clamp(1rem, 2vw, 2.5rem);
}

.headerRightLink_group {
  	width: 100%;        
}

.headerRightLink_title {
	display: flex;
	align-items: flex-end;
	/* margin: 0 0 1.875rem 0; */
	margin: 0;
	padding-bottom: 1.5rem;
	column-gap: .625rem;
}

.headerRightLink_title .title{
	font-size: 1.25rem;
	color: #fff;
	padding: 0;
	margin: 0;
	/* margin: 0 .9375rem 0 .625rem; */
	letter-spacing: 0.0625rem;
	border-left: #fff .375rem solid;
	display: flex;
	gap: .625rem;
}
.headerRightLink_title .title::before{
	content: "";
	background-color:#fff;
	max-width: 0.375rem;
	/* margin: 0 .9375rem 0 .625rem;
	letter-spacing: 0.0625rem;
	border-left: #fff .375rem solid; */
	height: 100%;
}
.headerRightLink_title span {
  color: var(--second_color);
  font-size: 0.9375rem;
}





.headerRightLink_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.25rem;
  font-size: .875rem;
  width: 100%;
}

.headerRightLink_list li{
	margin: 0;
	padding: 0;
	list-style-type : none;
	display: flex;
	width: calc((100% / 3) - (2 * 1.25rem / 3)); /* 3欄平均寬度，扣除間距 */
}
.headerRightLink_list li + li {
  /* margin-top: .5rem; */
}

.headerRightLink_list a {
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0.6250rem 0.6250rem;
  background-color: #fff;
  box-shadow: 2px 0 13px rgba(94, 194, 244, 0.3);
  border-radius: 5px;
  color: var(--primary_color);
  flex-grow: 1;
  gap: 0.6250rem;
  min-height: 5.9375rem;
  text-decoration: none !important;
}

.headerRightLink_list img{
		width: 2.5000rem;
		height: auto;
}
.headerRightLink_list span{
		display: block;
		/* min-height: 3.4375rem; */
}






.headerRightLink_list a:hover,
.headerRightLink_list a:focus {
  /* color: #8c6b3f; */
  /* text-decoration: underline; */
}

.headerRightLink_list a:focus-visible {
  /* outline: 3px solid #f6c343;
  outline-offset: 3px; */
}


























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

	/* .logo_fix {
		width: clamp(22.25rem, 5rem + 15vw, 23rem);
	} */

}

@media screen and  (max-width: 1840px) and (min-width: 1400.1px) {

	/* .logo_pc_icon {
		width: calc(clamp(5.291rem, 8.54vw, 10.25rem) * 0.75);
	}
		.logo_pc_icon::before{
			width: calc(clamp(5.291rem, 8.54vw, 10.25rem) * 0.75);
			aspect-ratio: 1 / 1.35;
		}

	.logo_pc_Txt{
		width: calc(clamp(10.097rem, 16.3vw, 19.563rem) * 0.75);
	}

	.logo_fix {
		width: clamp(18.125rem, 5.199rem + 14.77vw, 22.188rem);
	} */
}





@media screen and (max-width: 1400px) and (min-width: 990.1px){
	
	.header_inArea {
	}
	/* .logo_pc_icon {
		width: calc(clamp(5.291rem, 8.54vw, 10.25rem) * 0.8);
	}
		.logo_pc_icon::before{
			width: calc(clamp(5.291rem, 8.54vw, 10.25rem) * 0.8);
			aspect-ratio: 1 / 1.05;
		}
		.logo_pc_icon img {
			top: 13%;
			transform: translate(-50%, 13%);
		} */
	.logo_pc_Txt {
		/* width: calc(clamp(10.097rem, 16.3vw, 19.563rem) * 0.8); */
	}

	.logo_fix {
		/* width: clamp(13.188rem, 6.11rem + 9.59vw, 14.5rem); */
	}

	/* .language button {
		padding: clamp(0.258rem, 0.42vw, 0.5rem) 0;
		padding-left: calc(clamp(0.887rem, -0.001rem + 1.43vw, 1.719rem) * 0.5);
		padding-right: calc(clamp(0.887rem, -0.001rem + 1.43vw, 1.719rem) * 0.5);
	} */



}






/* 在螢幕寬度大於1080時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px){

	/* .header:not(.fixed) .logo_pc{
		
	}
	.header.fixed .logo_pc{
		display: none;
	}


	.header:not(.fixed) .logo_fix{
		opacity: 0;
	}
	.header.fixed .logo_fix{
		opacity: 1;
	}
	.header.fixed .logo a:focus .logo_fix{
		outline-width:var(--focus_outline-width);
		outline-style: var(--focus_outline-style);
		outline-color: var(--focus_outline-color);
	}
	.logo_mobile{
		display: none;
	}

	.headerRightLink {
		display: none;
	} */




.header.fixed{
	background: #fff;
}

.header.fixed .logo{
    /* width: calc(clamp(8.968rem, 14.48vw, 17.375rem) * 2); */
    /* padding: calc(clamp(1.129rem, 0.001rem + 1.82vw, 2.188rem) * 0.5) 0; */
    padding: 0.625rem 0;
	width: clamp(12.904rem, 20.83vw, 25rem);
    height: auto;
}



	.header:not(.fixed) .logo img.nofix{
		/* opacity: 1; */
	} 

	.header:not(.fixed) .logo img.fix{
		/* opacity: 0; */
		display: none;
	} 

	.header.fixed .logo img.nofix{
		/* opacity: 0; */
		display: none;
	} 

	.header.fixed .logo img.fix{
		/* opacity: 1; */
	} 



}










@media (max-width:990px) {
	
	.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;
		} */
			
/* .language{width: 100%;}
	.language_pc{
		display: none;
	}
	.language_mobile{
		display: inline-flex;
		flex-direction: column;
		margin: 1.5625rem auto;
		max-width: calc(100% - (1.8750rem * 2));
	}

	.language button{
		border-color: #fff;
		color: #fff;
		width: 5.9375rem;
	} 
	.language button{
		border-color: #fff;
		color: #fff;
		width: 5.9375rem;
		font-size: .875rem;
		border-radius: 6.25rem;
		gap: .4375rem;
		padding: clamp(0.688rem, 0.455rem + 1.16vw, 1.313rem) clamp(0.887rem, -0.001rem + 1.43vw, 1.719rem)
	} 
	.language_inArea{
		width: 5.9375rem;	
		font-size: .875rem;
	} */










			
		/*手機menu按鍵*/
		.menu_btn {
			display:block;
		}

		.logo{
			/* width: clamp(15.125rem, 12.358rem + 13.84vw, 22.563rem); */
		}
	
			.logo a {
				/* padding: 0.625rem 0; */
			}
				.logo img{
					/* max-width: unset;
					width: 12.5rem; */
				}	
			

				.header:not(.fixed) .logo img.nofix{
					/* opacity: 1; */
				} 

				.header:not(.fixed) .logo img.fix{
					display: none;
				} 

				.header.fixed .logo img.nofix{
					/* display: none; */
				} 

				.header.fixed .logo img.fix{
					display: none;
				} 

				/* .logo_pc{
					display: none;
				}
				.logo_fix{
					display: none;
				}
				.logo_mobile{
					display: flex;
				} */









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

			
			
				/*手機版外連區塊*/
				.nav.navMobile{
					display: block;
				}			
			
				


/* 常用連結與其他連結------------------- */
  .headerRightLink {
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 1.8750rem 1.8750rem;
  }

  .headerRightLink_title {
    color: #fff;
  }

  .headerRightLink_title span {
  }

  .headerRightLink_list a {
  }






}







@media (max-width:640px){

.header {
}
		
	.logo{
	}

	
	
	.menu_btn {
	}
	.menu_btn.active {
	}
	

	.headerRightLink_list li{
		width: calc((100% / 2) - (1 * 1.25rem / 2)); /* 2欄平均寬度，扣除間距 */
	}

	.navbar.active {
	}
}

@media (max-width:414px){

	
	.logo{
	width: 100px;
	}
		.logo img.logo_pc{
		} 				
		.logo img.logo_mobile{
		}

		
	.logo a{
	}
		.logo strong{
			max-width: calc(0.625em * 14); 
		}	


	.headerRightLink_list li{
		width:100%; 
	}

}



















.header_right_bg{
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: clamp(7.258rem, 11.72vw, 14.063rem);
	width: calc(100% - clamp(9.097rem, 14.69vw, 17.625rem) - 0);
	/* column-gap: clamp(5.807rem, 9.37vw, 11.25rem); */
}
	.header_sitemap{
		margin-right: clamp(0.9678rem, 1.5625vw, 1.8750rem);
	}

		.header_sitemap a {
			display: block;
			width: 1.6875rem;
		}

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




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

	.navbar{
    display: flex;
    align-items: center;
    gap: clamp(2.742rem, 4.43vw, 5.313rem); /* 項目間距 */
    font-weight: 600;
    /* font-size: clamp(1rem, 0.733rem + 0.43vw, 1.25rem); */
	    font-size: clamp(1.125rem, 0.733rem + 0.43vw, 1.25rem);
 }
	

		
		.nav{
    position: relative;
    display: flex;
    flex-direction: column;
    color: var(--nav_text);
    padding: 0;
    line-height: 1.6;
  }


		.navTitle{
			position: relative;
			display: flex;
			flex-grow: 1;
			font-weight: inherit;
			font-size: inherit;
			letter-spacing: inherit;
			line-height: inherit;
		}
			.nav > a ,
			.navTitle > a {
				display: block;
				text-decoration: none;
				color: inherit;
				font-size: inherit;
				letter-spacing: inherit;
				transition: var(--transition-data);
			}
			
			/*hover*/
			.nav:hover > a ,
			.navTitle:hover > a {
			}

    .nav::before {
      content: "";
      position: absolute;
      left: clamp(0.4rem, 0.5vw, 0.875rem);
      right: clamp(0.4rem, 0.5vw, 0.875rem);
      bottom: 0;
      height: 0.125rem;
      background: var(--primary_color);
      transform: scaleX(0);
      transform-origin: left center;
      transition: var(--transition-data);
    }
    .nav:hover::before { transform: scaleX(1); }
    .nav:hover { color: var(--primary_color); }

			/* .nav:not(.nav-admission)::before{
				content: "";
				position:absolute;
				background-color: var(--primary_color);
				width: 0%;
				height: 0.125rem;
				left: 0;
				bottom: calc(clamp(0.161rem, 0.26vw, 0.313rem) * -1);
				-webkit-transform: translateY(0%);
				transform: translateY(0%);
				opacity: 1;
				transition: var(--transition-data);
			}

			.nav:not(.nav-admission):hover::before  {
				width: 100%;
				transition: var(--transition-data);
			} */















			

			.arrow_down::after {
			}


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

				cursor: pointer;
			}


				.nav .en{
					font-size: 0.625rem;
					transform: scale(0.9);
					text-align: center;
				}
				.nav:not(:nth-of-type(2)) .en{
					display: none;
				}



				/*主按鍵展開*/
				.navOpen {
					display:none;
					position: absolute;
					left: 50%;
					top: 100%;
					z-index: 99;
					width: 160px;
					text-align: center;
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
					-webkit-box-shadow: 2px 0 27px rgba(1, 129, 192, 0.3);
					box-shadow: 2px 0 27px rgba(1, 129, 192, 0.3);
				}
				
				.navOpenBg {
					position:relative;
				}
				
				.nav.active .navOpen{
				}



				.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 {
							transition:0.3s ease all;
							text-decoration: none;
							padding: .625rem;
							color: var(--dark_color);
							font-size: 0.875rem;
							font-weight: 500;
							display: block;
							letter-spacing: .0625rem;
							background-color: #fff;
						}
							.navOpenList a:hover {
								background: var(--second_color);
								color: #fff;
							}
/* .nav-admission {
	padding: 0;
	font-size: 1.063rem;
	border-right: none;
	margin-left: clamp(0.645rem, 1.04vw, 1.25rem);
	height: 100%;
	color: #fff;
}

.nav-admission .navTitle > a {
	background: var(--second_color);
	color: inherit;
	font-size: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(0.323rem, 0.52vw, 0.625rem);
	padding: 0;
	padding: clamp(0.71rem, 0.001rem + 1.15vw, 1.375rem) clamp(0.645rem, 1.04vw, 1.25rem);
	flex-grow: 1;	
}
.nav-admission .navTitle > a:hover {
	background: var(--primary_color);
}
.nav-admission .navTitle > a:focus {
	background-color: var(--primary_color) !important;
}
.nav-admission img {
	width: clamp(1.291rem, 0.001rem + 2.08vw, 2.5rem);
	height: auto;
	display: inline-block;
	margin: 0 auto;
}

.nav-admission p {
	color: inherit;
	line-height: inherit;
	font-size: inherit;	
} */









/* =========================================================
   CTA：專人諮詢（紅膠囊 + 柔光 + 疊影）
  ========================================================= */
.header_cta {
	display: flex;
	flex-direction: column;
	gap: clamp(0.323rem, 0.52vw, 0.625rem);
	align-items: center;
	width: auto;
}

.header_cta_box a {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: calc(clamp(0.5rem, 0.2rem + 0.78vw, 1.125rem) * 0.2);
  text-decoration: none;
  color: #fff;
  padding: clamp(0.7rem, 0.18rem + 1.04vw, 1.625rem) clamp(1.25rem, 0.35rem + 1.82vw, 3rem);
  border-radius: 999px;
  /* background: linear-gradient(180deg, var(--primary_light) 0%, var(--primary_color) 45%, var(--primary_dark) 100%); */
  background: linear-gradient(158deg, rgb(255, 161, 44) 0%, rgb(245, 64, 11) 100%);
  box-shadow:
    0 0.5rem 1.5rem rgba(227, 6, 19, 0.42),
    0 0.125rem 0.375rem rgba(227, 6, 19, 0.3);
  transition: var(--transition-data);
  width: clamp(9.097rem, 14.69vw, 17.625rem);
  padding: clamp(0.323rem, 0.52vw, 0.625rem)  clamp(1.25rem, 0.35rem + 1.82vw, 3rem);
  width: auto;
}

/* 左後方半透明膠囊疊影 */
.header_cta_box a::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  left: clamp(-1.75rem, -1.6vw, -0.9rem);
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(227, 6, 19, 0.12);
  box-shadow: 0 0.25rem 0.75rem rgba(227, 6, 19, 0.12);

  display: none;
}

.header_cta_box a:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0.75rem 1.875rem rgba(227, 6, 19, 0.5),
    0 0.125rem 0.375rem rgba(227, 6, 19, 0.32);
}

.header_cta_box:active {
  transform: translateY(0);
}





.header_cta_box a > span:first-of-type{
 width: 1.875rem;
}






.header_cta_box {
  display: flex;
  /* width: clamp(1.25rem, 0.7rem + 1.04vw, 2rem); */
  /* min-width: clamp(1.25rem, 0.7rem + 1.04vw, 2rem); */
}

.header_cta_icon svg {
  width: 100%;
  height: auto;
}

.header_cta_text {
  font-family: var(--mandarin_font);
  font-weight: 700;
  font-size: clamp(1.0625rem, 0.66rem + 0.78vw, 1.625rem);
  /* ~26px @1920 */
  letter-spacing: 0.12em;
  white-space: nowrap;
}

.header_cta_arrow {
  display: flex;
  width: clamp(0.85rem, 0.5rem + 0.6vw, 1.25rem);
}

.header_cta_arrow svg {
  width: 100%;
  height: auto;
}


.header_cta > .tel{
	color: var(--dark_color);
	display: flex;
	align-items: center;
	gap: clamp(2.742rem, 4.43vw, 5.313rem);
	font-weight: 600;
	font-size: clamp(1.125rem, 0.733rem + 0.43vw, 1.25rem);
}
	.header_cta  > .tel  > a{
		margin: 0;
		padding: 0;
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
		color      : inherit;
		text-decoration: none !important;
	}















@media (max-width: 1840px){


.navbar {
    /* font-size: .9375rem;
	letter-spacing: -0.0313rem; */
}


}

@media (max-width: 1400px){


.navbar {
    /* font-size: 0.875rem;
	letter-spacing: -0.0313rem; */
}

	/* .nav {
		padding-left: calc(clamp(0.645rem, 1.04vw, 1.25rem) * 0.7);
		padding-right: calc(clamp(0.645rem, 1.04vw, 1.25rem) * 0.7);
	}
	.nav-admission{
		font-size: inherit;
		padding: 0;
		margin-left:calc(clamp(0.645rem, 1.04vw, 1.25rem) * 0.7);
	}

	.nav-admission .navTitle > a {
		padding: calc(clamp(0.774rem, 1.25vw, 1.5rem) * 0.5) calc(clamp(0.984rem, 1.59vw, 1.906rem) * 0.5);
	} */


}

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


	.arrow_down{
		display: flex;
		align-items: center;
		justify-content: center;
		width: clamp(0.813rem, 0.679rem + 0.22vw, 0.938rem);
		transform: translateX(calc(clamp(0.645rem, 1.04vw, 1.25rem) * 0.5));
	}

		.arrow_down::after {
			position: absolute;
			content: "";
			background-image: url(../images/bottom_arrow_icon_b.svg);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 99.9%;
			transition: 0.3s ease all;
			z-index: 0;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			transform-origin: center center;
			 /* 7.74px , 0.7813vw , 15.00px */
			width: clamp(0.813rem, 0.679rem + 0.22vw, 0.938rem);
			aspect-ratio:  1;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
		}
			.navOpenList a {
			}
			


		.navOpen {
		}

		.nav:not(:nth-of-type(9)){
			/* border-right: 1px dashed #d5d5d5; */
		}
		.nav.nav-admission{
			border-right:none;
		}
		
				/*手機版語系區塊*/
				.nav.language{
					display: none;
				}
				
				/*手機版搜尋區塊*/
				.nav.search{
					display: none;
				}
				
				/*手機版外連區塊*/
				.nav.navMobile{
					display: none;
				}



        .header.fixed .header_cta {
        }

          .header.fixed .header_cta .header_cta_box a {
            gap: calc(clamp(0.5rem, 0.2rem + 0.78vw, 1.125rem) * 0.7);
            padding: calc(clamp(0.7rem, 0.18rem + 1.04vw, 1.625rem) * 0.7) calc(clamp(1.25rem, 0.35rem + 1.82vw, 3rem) * 0.7);
            width: calc(clamp(9.097rem, 14.69vw, 17.625rem) * 0.7);
          }

          /* 左後方半透明膠囊疊影 */
          .header.fixed  .header_cta .header_cta_box a::before {
            left: calc(clamp(-1.75rem, -1.6vw, -0.9rem) * 0.7);
          }


          .header.fixed .header_cta_icon {
            width: calc(clamp(1.25rem, 0.7rem + 1.04vw, 2rem) * 0.7);
            min-width: calc(clamp(1.25rem, 0.7rem + 1.04vw, 2rem) * 0.7);
          }
          
            .header.fixed .header_cta_text {
              font-size: calc(clamp(1.0625rem, 0.66rem + 0.78vw, 1.625rem) * 0.7);
            }

              .header.fixed .header_cta_arrow {
                width: calc(clamp(0.85rem, 0.5rem + 0.6vw, 1.25rem) * 0.7);
              }


				.header.fixed .header_cta > .tel {
					display: none;
				}



}


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






/*----- 版頭右 -----*/
.header_rightArea{
	display: flex;
	flex-direction: column;
	align-items: unset;
	justify-content: unset;
	padding: 0;
	text-align: left;
}
.header_rightArea.active {
}





.header_cta > .tel{
	display: none;
}




.header_right_bg{
	font-size: 1rem;
	gap:0;
	position: fixed;
	width: 100%;
	top: 55.8px;;
	padding: 0;
	margin: 0;
	right: -100%;
	height: calc(100% - 55.8px);
	box-sizing: border-box;
	/* background: var(--primary_color); */
	
	/* background: rgba(0 0 0 / 80%); */
	background: rgba(227 6 19 / 80%);
	transition: 0.3s ease all;
	padding: 0;
	overflow-y:auto;
	z-index: 99;
	float: none;
	display: block;

}
	.header_right_bg.active {		
		right:0px;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
	}


	.header_right_scroll{
		display: flex;
		flex-direction: column;
		gap: 0;
	}





	.header_sitemap{
		display: none;
	}
		.header_sitemap a {
			/* display: block; */
		}
		







	/*----- 主按鍵 -----*/
	.navbar {
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
		color: #fff;
		align-items: flex-start;
		gap: 0;
	}

	
		.nav , .nav-admission {
			margin: 0;
			height: auto;
			float:none;
			width: 100%;
			padding: 0px;
			position: relative;
			color: inherit; 
			line-height: 1.1;
			/* font-size: 1.375rem; */
			font-size: clamp(1rem, 0.821rem + 0.89vw, 1.375rem);
			letter-spacing: .125rem;
			font-weight: 500;
		}

		.nav:first-of-type{
		}
		.nav:not(:first-of-type){
			/* width: 50%; */
			/* border-top: 2px solid #88c4e2; */
		}
		.nav:not(:nth-child(2n+1)){
		}
		.nav:not(:nth-child(2n)):not(:first-of-type):not(.nav-admission){
			/* border-left: 2px solid #88c4e2; */
		}
.nav::before {
   display: none;
}
			.navTitle {
				flex-grow: unset;
				display: block;				
			}
			.nav.arrow .navTitle {
				padding-right: 1.875rem;
			}



		.nav .navTitle.arrow_down {
		}

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

		.nav > a ,
		.navTitle > a ,
		.nav-admission .navTitle > a{
			margin: 0;
			border: none;
			border-radius: 0px;
			text-align: left;
			padding: 1.25rem .625rem;
			font-size: inherit;
			color: inherit;
			background-color: transparent;
			font-weight: inherit;
		}
		.nav > a:before {
			display: none;
		}
		
		.nav > a:before, .navTitle > a:before{
			display: none;
		}



		.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;
			z-index: 0;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			transform-origin: center center;
			width: 1.2500rem;
			height: auto;
			aspect-ratio: 1;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			transition: 0.3s ease all;
		}
		.nav.active .arrow_down::after{
			transform: translateY(-50%) rotate(180deg);
			transform-origin: center center;
			transition: 0.3s ease all;
		}

		.nav .en {
			text-align: left; 
			/* transform: unset; */
			transform-origin: left;
		}


.header_cta {
    transform: translateX(calc((5dvw)  * -1 ));
    transform: translateX(calc((2.8125rem + 10px) * -1));
}
.header_cta a{
  width: auto;
}
.header_cta_arrow {
    display: none;
}
/* 左後方半透明膠囊疊影 */
.header_cta a::before {
 display: none;
}			
					
				/*展開選單*/
				.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.85rem;
						}
}








@media (max-width: 640px){

.header_right_bg{
	top: 55.6px;
	height: calc(100% - 55.6px);
}
	/*----- 主按鍵 -----*/
	.navbar {
	}

}



@media (max-width: 414px){

  .header_right_bg{
    /* top: 68.55px; */
    /* height: calc(100% - 68.55px); */
  }




	.header_cta_icon {
	  display: none;
	}
}