/*-------驗證碼----------------------------------------------------------------------------*/
.captcha {
	line-height: normal;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
}
	.captcha input[type="text"] {
		width: 10.9375rem;
		/* margin-right:5px; */
	}
	.captcha a {
		transition: 0.5s ease all;
		color: #fff;
		background: #000000;
		border-radius: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
		padding: 0px clamp(0.3549rem, 0.5729vw, 0.6875rem); /* 5.68px , 0.5729vw , 11.00px */
		font-size: clamp(0.875rem, 0.8333vw, 1rem); /*字體 最小值 14px、大小約 0.8333vw、最大值 16px*/
		display: inline-block;
		padding: .4375rem .9375rem;
		/* margin: 9px 0px 7px; */
		line-height: normal;
		text-decoration:none;
	}
		.captcha a:hover {
		}
	.captcha img {
		vertical-align:middle;
	}
	.captcha span {
		color:var(--primary_color);
	}










/*-------表單區----------------------------------------------------------------------------*/

/*表單區底*/
.form_area_bg {
}

	/*表單區備註*/
	.form_remark {
		font-size: 0.9375rem;
		line-height: 1.5;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.form_remark span{
			display: inline-block;
			box-sizing: border-box;
		}
		/*必填icon*/
		.requirde_icon {
			display:inline-block;
			/* border-radius:3px; */
			font-size: clamp(0.9375rem, 0.8854vw, 1.0625rem); /* 15.00px , 0.8854vw , 17.00px */
			color: var(--primary_color);
			line-height: 1;
			padding:0px 5px;
		}
		.form_remark .requirde_icon{
			color: #fff;
			background-color: var(--primary_color);
			padding: 5px 6px 0px;
			border-radius: 3px;
			margin-right: clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
		}






	/*----- 表單區 -----*/
	.form_area {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
	}
	
		.form_list {
			box-sizing:border-box;
			font-size:1rem;
			line-height:1.5;
			width:100%;
			/* padding:15px 0px 0px 0px; */
			display: flex;
			flex-direction: column;
			gap: 0.313rem;
		}
		.form_list.fLType2{
			width: calc((100% / 2) - (1 * clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem) / 2)); /* 2欄平均寬度，扣除間距 */
		}
			.fL_tit {
				font-weight:500;
				/* padding:3px 0px 6px 0px; */
				position:relative;
			}
				/*必填icon*/
				.fL_tit .requirde_icon {
				}
				
			.fL_info {
			}
				/*沒有輸入框時*/
				/* .fL_info.no_input {
					padding: 10px 0px 25px 0px;
					line-height: 24px;
				} */
				
				.fL_info label {
					display:inline-block;
				}
								
			.form_list .notice {
			    color: var(--sixth_color);
			    font-size: 0.875rem;
			}



			/*----- 地址樣式 -----*/
			/* .fLR_address.fL_info {
				display: grid;
				grid-template-columns: repeat(3 , 6.25rem) auto;
				gap: calc(0.313rem * 2);
			}
				.fLR_address select {
				}
				.fLR_address select:nth-of-type(2) {
				}

				.fLR_address input.fLRA_postalCode {
				}
				.fLR_address input.fLRA_address {
				} */
			

						
					/*生日樣式*/
					.birthday{						
					}
					/* .fL_info.birthday {
					}
						.fL_info.birthday select {
							margin:0px 0px 0px 0px;
						} */














@media (max-width: 990px){

	/*----- 表單區 -----*/
	.form_area {
		display: flex;
		flex-direction: column;
		flex-wrap: unset;
		justify-content: unset;
	}

		.form_list.fLType2 {
			width: 100%;
		}

		/*沒有輸入框時*/
		/* .fL_info.no_input {
			padding: 0px 0px 5px 0px;
		}
		.fL_info label {
			padding: 6px 0px;
		} */


			/*----- 地址樣式 -----*/
			/* .fLR_address.fL_info {
				display: grid;
				grid-template-columns: repeat(3 , 6.1fr) ;
			}
			.fLR_address.fL_info input:last-of-type{
				grid-column-start: 1;
				grid-column-end: 4;
			} */


}

@media (max-width: 320px){
	/*生日樣式*/
	/* .fL_info.birthday {
		letter-spacing: 0px;
		white-space: nowrap;
		font-size: 12px;
	} */
}
	











/*/////////////////////////////////////////////////////////*/
/*-------內頁共用區塊--------*/
/*/////////////////////////////////////////////////////////*/


.main.inmain{
}
	
	/*----- 內頁banner -----*/
	.inbanner{
		position: relative;
		width: 100%;
		/* aspect-ratio: 19 / 5; */
		aspect-ratio: 1920 / 250;
		display: block;
		overflow: hidden;
	}
		.inbanner img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			float: none;
			width: 100% !important;
			height: 100% !important;
			object-fit: cover;
			transition: 0.3s ease all;
		}	





	/*----- 上方區塊 -------------------------*/
	.pageContent_topArea{
		padding: 0.625rem 0px;
		border-bottom: .0625rem solid #e3e3e3;
	}
		
		/*----- 麵包屑 -----*/
		.crumb_bg{
			color: var(--fifth_color);
			font-size: 0.875rem;
			line-height: 1.1;
		}
			.crumb_area{
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				gap: .125rem;
			}
				.crumb_area i{
					display: inline-block;
					vertical-align: middle;
					font-size: 1.125rem;
					line-height:  inherit;
				}
				.crumb_area i:nth-of-type(1){
					color: var(--primary_color);
				}
				.crumb_area a{
					text-decoration: none;
					display: inline-block;
					vertical-align: middle;
					color: inherit;
					font-size: inherit;
					line-height: inherit;
					transition: 0.3s ease all;
				}

					
				.crumb_area span:not(:last-of-type):after {
					/* position: absolute;
					top: 20px;
					left: 10px; */
					display: inline-block;
					font-family: bootstrap-icons;
					font-style: normal;
					color: var(--dark_color_third);
					margin: 0px;
					padding: 0;
					content: "\F285";
					display: inline-flex;
					font-size: inherit;
					font-weight: 600;
				}



				/*hover*/
				.crumb_area a:hover{
					color: #252525;
					transition: 0.3s ease all;
				}
				
				.crumb_area span{
					display: block;
					vertical-align: middle;
					font-size:  inherit;
					line-height: inherit;
					box-sizing: border-box;
					display: inline-flex;
					gap: 2px;
				}	
	
	
	
	/*內頁內容區塊*/
	.pageContent{
		padding: clamp(1.6130rem, 2.6042vw, 3.1250rem) 0; /* 25.81px , 2.6042vw , 50.00px */
		position: relative;
	}
	
	

	/*----- 內頁標題塊1 -----*/
	.right_title{
		/* font-size: clamp(1.5rem, 1.5625vw, 1.875rem);
		font-weight: 700;
		color: var(--dark_color_sec);
		line-height: 1;
		margin-bottom: clamp(1.313rem, 0.046rem + 2.05vw, 2.5rem);
		display: flex;
		align-items: center;
		gap: 0.625rem; */
		font-size: clamp(1.25rem, 0.917rem + 0.54vw, 1.563rem);
		font-weight: 600;
		color: var(--fifth_color);
		line-height: 1;
		margin-bottom: 0;
		display: flex;
		text-align: center;
		align-items: center;
		/* align-items: first baseline; */
		/* flex-wrap: wrap; */
		gap: .625rem;
		font-weight: 700;
		margin-bottom: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
		text-align: left;
	}
	.right_title.center{	
		justify-content: center;
	}	

		.right_title:before{	
			content: "";
			background-image: url(../index/images/mission_icon.webp);
			background-repeat: no-repeat;
			background-size: 99.9%;
			background-position: center;
			width: clamp(1.5rem, 0.033rem + 2.37vw, 2.875rem);
			min-width: clamp(1.5rem, 0.033rem + 2.37vw, 2.875rem);
			aspect-ratio: 1;
			/* position: absolute;
			content: '';
			bottom: -1px;
			background: #777;
			width: 62px;
			height: 6px;
			left: 0px; */
		}
		.right_title strong , .right_title .title_text{	
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
		}	






	/*----- 內頁標題塊2 -----*/
	.right_title2 {
		font-size: clamp(1.25rem, 0.917rem + 0.54vw, 1.563rem);
		font-weight: 600;
		color: var(--fifth_color);
		line-height: 1;
		margin-bottom: 0;
		display: flex;
		justify-content: unset;
		flex-direction: column;
		align-items: unset;
		flex-wrap: wrap;
		gap: .625rem;
		margin-bottom: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
	}

	.right_title2 .title_text2 {
		margin: 0;
		padding: 0;
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		display: inline-block;
		/* padding-bottom: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem); */
		display: inline-flex;
		flex-direction: column;
		gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
	}
	.right_title2 .title_text2:after {
		content:"";
		background-color: var(--fifth_color);
		width: 40px;
		height: 5px;
		display: block;
	}
	
	.right_title_news_info{		
		display: flex;				
		flex-wrap: wrap;				
		align-items: center;
		row-gap: calc(clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem) * 0.5);				
		column-gap: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem);
	}	
		.right_title_news_info .date ,
		.right_title_news_info .location  {
			font-size: 0.8125rem;
			color: var(--dark_color);
			line-height: 1.3;
			font-weight: 500;
		}
		.right_title_news_info .date {
			font-family: var(--foreign_font);
			letter-spacing: -0.2px;
		}
		.right_title_news_info .location {			
		}

			.right_title_news_info .date i ,
			.right_title_news_info .location  i{
				font-size: 0.9375rem;
				font-weight: 900;
				color: var(--fifth_color);
				line-height: 1.3;
				font-family: var(--foreign_font);
			}
			.right_title_news_info .date time{
				margin: 0;
				padding: 0;
				font-size: inherit;
				font-weight: inherit;
				line-height: inherit;
				color: inherit;
			}







	
		
/* 內頁標題樣式3 ------------------------- */
.right_title3{
	font-size: clamp(1.083em, 1.0417vw, 1.250em); /* 字體 最小值 17.33px、大小約 1.0417vw、最大值 20.00px */
	font-weight: bold;
	color: #777;
	line-height: 1.02;
	position:
	relative;
	border-bottom: 1px solid var(--seventh_color);
	padding-bottom: clamp(0.323rem, 0.52vw, 0.625rem); /*10px*/
	margin-bottom: clamp(0.645rem, 1.04vw, 1.25rem); /*20px*/
	display: flex;
	align-items: center;
}
	.right_title3:after{
		position: absolute;
		content: '';
		bottom: -7px;
		background: var(--seventh_color);
		width: 62px;
		height: 6px;
		right: 0px;
	}
	.right_title3 .title_text3 {
		display: inherit;
		font-size: inherit;
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		font-weight: inherit;
	}	
	.right_title3 span {
		display: inline-block;
		box-sizing: border-box;
		padding-right: 10px;
	}	
	.right_title3 span > img{
		width: 30px;
		height: auto;
	}	
	









@media (max-width: 990px){
	
.main.inmain {
}	
	
	/*內頁內容區塊*/
	.pageContent{
		/* padding: 25px 0px; */
	}


		/*----- 內頁標題塊1 -----*/
		.right_title{
			font-size: 1.125rem;
			line-height: 1.2;
		}

		
}

	


















/* ================================================================================== */
/*----- 左右區塊 -------------------------*/
/* ================================================================================== */

.page {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap:  clamp(0.9678rem, 1.5625vw, 1.8750rem); 
}


	/*左側*/
	.left{
		box-sizing: border-box;
	}
				
		/*左側標題*/
		.left_title{
			border: none;
			/* cursor: pointer; */
			background: transparent;
			padding: 0;
			margin: 0;
			color: #fff;
			margin-bottom: 1.25rem;
			background-color: var(--primary_color);
			text-align: center;
			border-radius: 0.313rem;
			letter-spacing: 1px;
			padding: 0.938rem 0;
			width: 100%;
		}
			.left_title .left_title_pc{
				display: flex;
				flex-direction: column;
				gap: .4375rem
			}
				.left_title .left_title_pc .tw{
					font-size: 1.563rem;
					font-weight: 500;
				}
				.left_title .left_title_pc .en{
					font-size: 0.875rem;
					font-family: var(--foreign_font);
					font-weight: 600;
				}

			.left_title .left_title_mobile{
				border: none;
				cursor: pointer;
				background: transparent;
				padding: 0;
				margin: 0;
				background-color: transparent;
				color: #fff;
				font-size: 1rem;
				letter-spacing: 1px;
				position: relative;
				text-align: left;
				width: 100%;
				padding: 0.625rem;
				padding-right: 1.875rem;
			}








		
	/*左側選單列表*/
	.leftListArea{
		line-height: 1.5;
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
	}
		.leftList{
		}	
			.leftList a{
				display:block;
				text-decoration:none;
				padding: clamp(0.4839rem, 0.7813vw, 0.9375rem) 0; 
				padding-left  :0.625rem;
				padding-right: 0.625rem;
				color: inherit;
				text-decoration: none !important;
			}

			.leftList:first-of-type .leftList_title > a{
			}


			/* .leftList > a  */
			.leftList_title > a{
				display: block;
				padding: 0.938rem;
				font-size: 1rem;
				color: var(--dark_color);
				background-color: #fff;
				letter-spacing: 2px;
				text-align: center;
				overflow: hidden;
				-webkit-box-shadow: 2px 0 27px var(--eighth_color);
				box-shadow: 2px 0 27px var(--eighth_color);
			}
			
			
			.leftList:not(.active) .leftList_title > a {
				box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
			}
			
			.leftList.active .leftList_title > a ,
			.leftList:hover .leftList_title > a{
				background-color: var(--primary_color);
				color: #fff;
				border-radius: clamp(0.188rem, 0.054rem + 0.22vw, 0.313rem);
			}

			.left:not(.left2) .leftList_title > a::after {
				font-family: 'bootstrap-icons';
				content: '\F135';
				display: inline-block;
				font-style: normal;
				font-weight: normal;
				font-size: 2.0625rem;
				transform: rotate(45deg);
			}



			.left2 .leftList_title > a {
				 
			}

				.leftList_icon{
					margin: 0;
					padding: 0;
					background: transparent;
					border: none;
					cursor: pointer;
				}

					.leftList_icon i{
						font-size: 1.875rem;
						line-height: 1.5625em;
						color: var(--third_color);
					}
				
				/*功能名稱*/	
				.leftList_title{
					vertical-align: bottom;
					position: relative;
				}
				
				/*方向標誌*/
				.leftList_icon.direction{
					position: absolute;
					right: 10px;
					top: 50%;
					transform: translateY(-50%);
					cursor: pointer;					
					color: var(--dark_color_third);
				}

				.left2 .leftList_icon.direction{
					right:clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
				}
				.left2 .leftList_icon.direction::after {
					font-family: 'bootstrap-icons';
					content: '\F135';
					/* content: ""; */
					display: inline-block;
					font-style: normal;
					font-weight: normal;
					font-size: 2.0625rem;
					transform: rotate(45deg);
				}
				
				.left2 .leftList:hover .leftList_icon.direction , 
				.left2 .leftList.active .leftList_icon.direction {
					color: #fff;
				}




					/*方向標誌_向下展開*/
					/* .leftList_icon.direction i.down{
						display: block;
					} */
					/*方向標誌_向上收合*/
					/* .leftList_icon.direction i.up{
						display: none;
					} */
					
					
				/*第一層當前*/	
				/*active*/ /*方向標誌_向下展開*/
				/* .leftList.active .leftList_icon.direction i.down , */
				.leftList.active .leftList_title > .leftList_icon.direction > i.down{
					display: none;
				}
				.leftList.active .leftList_title > .leftList_icon.direction::after {
					transform: rotate(45deg);
				}
				/*active*/ /*方向標誌_向上收合*/
				/* .leftList.active .leftList_icon.direction i.up , */
				.leftList.active .leftList_title > .leftList_icon.direction > i.up{
					display: block;
				}
				.leftList .leftList_title > .leftList_icon.direction::after {
					transform: rotate(0deg);
					transition: 0.3s ease all;
				}
				
				
				
			
			/*左側選單列表第二層*/
			.leftList_open{
				display: none;
			}
			.leftList_open.active{
				display:block;
			}
				.leftList_open_list{
				}


				.leftList_sec_area{

				}
					.leftList_sec_title{
						position: relative;
						border-bottom: 1px solid var(--third_color);
					}
					
					.leftList_open_list:last-of-type .leftList_sec_title{
						border-bottom: none;
					}
						.leftList_sec_title a{
							padding-left: clamp(0.8065rem, 1.3021vw, 1.5625rem);
							font-weight: 500;
							font-size: 0.95rem;
						}

					.leftList_sec_title.active{
						color:var(--primary_color);
					}
						.leftList_sec_title.active  a {
							color: inherit;
						}

						.leftList_sec_title .leftList_icon i {
    						font-size: 1.5625rem;
						}

						/*第二層當前*/	
						/*active*/ /*方向標誌_向下展開*/
						.leftList_sec_title.active > .leftList_icon.direction > i.down {
							/* display: block; */
							display: none;
						}
						/*active*/ /*方向標誌_向上收合*/
						.leftList_sec_title.active > .leftList_icon.direction > i.up {
							/* display: none; */
							display: block;
						}
						/*方向標誌_向下展開*/
						.leftList_sec_title > .leftList_icon.direction > i.down {
							display: none;
						}
						/*active*/ /*方向標誌_向上收合*/
						.leftList_sec_title > .leftList_icon.direction > i.up {
							display: block;
						}




					.leftList_open_list a {
						transition: 0.3s ease all;
					}

					.leftList_open_list:first-of-type a{
					}

					/* .leftList_open_list.active  a  */
					.leftList_open_list.active .leftList_sec_title.active a{
						color: var(--primary_color);
						/* color: var(--fourth_color); */
					}
					.leftList_open_list a:hover {
					}













			/*左側選單列表第三層*/
			.leftList_third_area{
				display: none;  /*點擊前隱藏*/
			}
				.leftList_third_list{
					
				}
					.leftList_third_list  > a{
						color: inherit;
						padding-left: 2.5em;
						border-bottom: 1px solid var(--fourth_color);
					}

				.leftList_third_list.active{
					color: var(--primary_color);
				}
					.leftList_third_list.active  > a{
					}

	/*右側*/
	.right{
		box-sizing:border-box;
		width: 80%;
		padding: 20px 20px 0 20px;
		padding: 0 1.25rem;
		padding-bottom: 0;
		border-left: 2px solid var(--primary_color);
		margin: 0 0 0 1.25rem;
		/* z-index: 1; */
	}





	/*無左側選單*/
	.right.no_left{
		width: 100%;
		flex: 1; /* 佔滿剩下的寬度 */
		border-left: none;
    	margin: 0;
		padding: 0;
	}


		.right.no_left .wrap{
			
		}
	
	/*右側內容區塊*/
	.right_contentBg{	
		
	}
	



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

	.left2 .leftList_icon.direction::after {
		font-size: 1.5625rem;
	}

}

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

  .page:not(.page_vertical){
  }

	.page:not(.page_vertical) .wrap{
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		/* margin-top: clamp(1.4517rem, 2.3438vw, 2.8125rem) ; */ /* 23.23px , 2.3438vw , 45.00px */
	}

		.left2{
			width: 20%;
		}

			.left2 .leftList_title > a{
			}

			


			.left_title{
				display: none;
			}

				.left_title:focus {
					border: none;
					/* cursor: pointer; */
					background: transparent;
					padding: 0;
					margin: 0;
					color: #fff;
					margin-bottom: 1.25rem;
					background-color: var(--primary_color);
					text-align: center;
					border-radius: 0.313rem;
					letter-spacing: 1px;
					padding: 0.938rem 0;
					width: 100%;
				}
				.left_title .left_title_mobile{
					display: none;
				}


		/*左側表單*/
		.leftListArea{
			display: flex !important;
		}

















  .page.page_vertical{
	flex-wrap: wrap;
	gap: 0;
	flex-direction: column;
	justify-content: unset;
	align-items: unset;
	
  }


  .page.page_vertical .wrap{
	max-width: 73.75rem; /*1180*/
  }

	/*左側_滿版設計------------------------------------------------------*/
	.left.left_horizontal  {
		box-sizing: border-box;
		width: 100%;
		background: transparent;
		padding: 0;
	}
	
		/*左側標題*/
		.left_horizontal  .left_title {
			font-size: 1.25rem; /*20px*/
			letter-spacing: -1px;
			background-color: #aeaeae;
			color: #fff;
			padding: .8125rem .625rem; /*13px 10px*/
			display: none;
		}
		
		.left_horizontal  .left_title span {
			font-size: .937rem; /*15px*/
			color: #fff;
			padding-top: 10px;
			letter-spacing: 1px;
			display: block;
			font-weight: normal;
			font-family: var(--foreign_font);
		}
		
		/*左側選單列表*/
		.left_horizontal  .leftListArea {
			/*background-color: #fcfcfc;*/
			display: flex !important;
			justify-content: center;
			flex-wrap: wrap;
			margin: clamp(1.4517rem, 2.3438vw, 2.8125rem) 0; /* 23.23px , 2.3438vw , 45.00px */ 
			gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
		}
		
		.left_horizontal  .leftListArea.active {
			display: flex;
		}
		
		.left_horizontal  .leftList {
			font-size: inherit; /* 字體 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
			/* padding: 0  clamp(0.6452rem, 1.0417vw, 1.25rem); */ /*  最小值 10.32px、大小約 1.0417vw、最大值 20.00px */
			box-sizing: border-box;
			margin-top: 0;
		}
		
		.left_horizontal  .leftList > a {
			color: #333;
			text-decoration: none;
			display: block;
			width: auto;
			padding: 1.5625rem 1.25rem;
			position: relative;
			font-weight: 400;
			/* 
			border-bottom: 1px dashed #cecece; */
			border-bottom: none;
			font-size:inherit;
			padding: 0;
		}
		
		/*.left_horizontal  .leftList a:after ,*/
		.left_horizontal  .leftList .leftList_title > a:after {
			content: '';
			width: 0;
			/* height: 3px; */
			position: absolute;
			left: 0;
			bottom: -1px;
			transition: all .3s;
			/* background-color: var(--third_color); */
			transform: none;
		}
		
		/*.left_horizontal  .leftList.active a,
		.left_horizontal  .leftList a:hover*/
		.left_horizontal  .leftList.active .leftList_title > a,
		.left_horizontal  .leftList .leftList_title > a:hover{
			color: #fff;
			background-color: var(--primary_color);
			background-image:none;
		}
		
		.left_horizontal  .leftList.active a:after,
		.left_horizontal  .leftList a:hover:after {
			width: 100%;
		}
		
		.left_horizontal  .leftList_icon i {
			font-size: 1.1875rem;
			line-height: .875em;
			color: #777;
		}
		
		/*功能名稱*/
		.left_horizontal  .leftList_title {
			display: inline-block;
			vertical-align: bottom;
		}

			.left_horizontal  .leftList_title > a{
				border: none;
				/* padding: 20px 10px; */
				padding: .5rem 1rem .2rem;
				padding: 14px 16px;
			}





	
		
		/*方向標誌*/
		.left_horizontal  .leftList_icon.direction {
			position: absolute;
			right: 0.625rem;
			top: 1rem;
		}
		
		/*方向標誌_向下展開*/
		.left_horizontal  .leftList_icon.direction i.down {
			display: block;
		}
		
		/*方向標誌_向上收合*/
		.left_horizontal  .leftList_icon.direction i.up {
			display: none;
		}
		
		
		/*active*/
		/*方向標誌_向下展開*/
		.left_horizontal  .leftList.active .leftList_icon.direction i.down {
			display: none;
		}
		
		/*active*/
		/*方向標誌_向上收合*/
		.left_horizontal  .leftList.active .leftList_icon.direction i.up {
			display: block;
		}
		
		
		
		
		/*左側選單列表第二層*/
		.left_horizontal  .leftList_open {
			display: none;
		}
		
		.left_horizontal  .leftList_open.active {
			display: block;
		}
		
		.left_horizontal  .leftList_open_list {}
		
		.left_horizontal  .leftList_open_list a {
			display: block;
			transition: 0.3s ease all;
			color: #999;
			text-decoration: none;
			padding: 13px 10px 11px 25px;
			font-size: inherit;
			line-height: inherit;
			font-weight: normal;
			word-break: break-word;
			border-bottom: 1px dashed #cecece;
		}
		
		.left_horizontal  .leftList_open_list.active a {
			color: var(--primary_color);
		}
		
		.left_horizontal  .leftList_open_list a:hover {
			color: var(--primary_color);
		}
	
}
	

@media (max-width: 990px){

	/*----- 內頁banner -----*/	
	.inbanner{
		aspect-ratio: 990 / 300;
	}
	
		/* .inbanner .inbanner_title{
			font-size: 1.25em;
			padding: 0;
		} */



	.page{
		display: flex !important;
        flex-direction: column;
        gap: 0.9375rem 0;
		flex-wrap: unset;
		justify-content: unset;
	}
	
	
	/*左側*/
	.left{
		width:100%;
		margin-bottom: 0;
		position: unset;
		background: transparent;
		padding: 0;
		margin-bottom: 1.875rem;
	}

	
		/*左側表單名稱*/
		.left_title {
			position: relative;
			cursor: pointer;
			background-color: var(--primary_color);
			letter-spacing: 1px;
			border: none;
			border-radius: 0;
			margin-bottom: 0;
			padding: 0;
			border-radius: clamp(0.188rem, 0.054rem + 0.22vw, 0.313rem);
		}

			.left_title .left_title_pc{
				display: none;
			}
			.left_title .left_title_mobile{
				/* display: flex; */
				position: relative;
				z-index: 2;
			}

			.left_title span{
				/* display:inline-block;
				font-size: .8125em;	
				color: #000;

				display: none; */
			}
			
			/* .left_title:after {
				content: '';
				position: absolute;

				right: 22px;
				transform: translateY(-50%);
				transform-origin: center;
				transition: 0.3s all ease;
				top: calc(50% + -4px);
				font-family: 'bootstrap-icons';
				content: '\F135';
				display: inline-block;
				font-style: normal;
				font-weight: normal;
				font-size: 1.25em;
				transform: rotate(45deg) translateY(-50%) translateY(0%);
				transform-origin: center;
				color: var(--dark_color);
			}
			.leftList_title > a::after {
				font-size: 1.125em;
			}

				.left2 .leftList_icon.direction::after {
					font-size: 1.12rem;
				} */
		


			.left_title_mobile:after{
				display: inline-block;
				font-family: "Material Icons";
				font-style: normal;
				color: #fff;
				margin: 0px;
				content: '\e313';
				line-height: 1;
				margin-top: -0.375rem;
				margin: 0;
				position: absolute;
				right: .9375rem;
				top: 50%;
				transform: translate(0px, -50%) rotate(0deg);
				z-index: 1;
				transform-origin: center;
				transition: var(--transition-data);
				position: absolute;
				font-size: 1.9rem;
			}
			.left_title.active .left_title_mobile:after{
				transform: translate(0px, -50%) rotate(180deg);
			}









		/*左側表單*/
		.leftListArea{
			display:none;
			background: #fcfcfc;
			border: 1px #dbdbdb solid;
			border: none;
			background: transparent;
			/* font-size: 1em; */
			-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		}
		
		/* .left_title.active + .leftListArea {
			display: flex;
		} */







    	.leftList{
			/* margin-top: 5px; */
		}	
			.leftList > a{
				padding: 13px 45px 11px 15px;
			}
				.leftList_title > a{
					display: block;
					/* font-size: 0.813rem; */
					font-size: 0.95rem;
					background-color: #fff;
					text-align: left;
					overflow: hidden;
					box-shadow: none;
					box-shadow: none;
					/* border-top: 1px solid #ccc; */
				}

			.leftList.active .leftList_title > a ,
			.leftList:hover .leftList_title > a{
				background-color: var(--third_color);
				color: var(--dark_color_sec);
				border-radius: clamp(0.188rem, 0.054rem + 0.22vw, 0.313rem);
			}
			.leftList:not(.active) .leftList_title > a {
				box-shadow: none;
			}
	
				.leftList:not(:first-of-type) .leftList_title > a{
					border-top: 1px solid var(--third_color);
				}	

				/*方向標誌*/
				.leftList_icon.direction{
					right: 11px;
				}
				
				.leftList_open_list a{
					padding: 13px 45px 11px 30px;
					font-weight: 400;
				}
	
	/*右側*/ /*無左側選單*/
	.right ,
	.right.no_left{
		/* width:100%; */
		/* padding: 0px 0px 0; */
		width: 100%;
		/* border-left: 2px solid rgba(229, 229, 229, 0); */
		border: none;
		padding: 0;
		margin: 0;
	}
	
	
}









/*=====================================================================*/
/*-------頁數列區塊--------*/	
/*=====================================================================*/
/*-------頁數列區塊--------*/	
.number_pageArea{
	text-align:center;
	padding-top: 25px;
	padding-bottom: 25px;
}
	/*左側區塊*/
	.numberPage_leftArea{
		display: inline-block;
		vertical-align: middle;
	}	
		.numberPage_leftList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_leftList a{
				display: block;
				text-decoration: none;
			}
			
			.numberPage_leftList a i{
				color:#ababab;
				font-size: 1.5rem;
			}				
			.numberPage_leftList:last-child a i{
				color:var(--primary_color);
			}			
			
			
			img.hover_after{
				display: none;
				background-color: var(--primary_color);
				border-radius: 50%;
			}
			
			.numberPage_leftList a:hover img.hover_after{
				display: block;
			}
			
			.numberPage_leftList a:hover img.hover_before{
				display: none;
			}
		
	/*中間區塊*/
	.numberPage_middleArea{
		display: inline-block;
		vertical-align: middle;
		padding: 0px .5rem;
	}
		.numberPage_middleList{
			display: inline-block;
			vertical-align: middle;
			padding: 0px .25rem;
		}
			.numberPage_middleList a{
				display: block;
				text-decoration: none;
				width: 1.9375rem;
				
				border-radius: 100%;
				background-color: transparent;
				color: #808080;
				padding: .4688rem 0px;
			}
			/*active*/
			.numberPage_middleList.active a{
				background-color:var(--primary_color);
				color: #fff;
			}
			/*hover*/
			.numberPage_middleList a:hover{
				background-color:#8b989e;
				color: #fff;
			}
	
	/*右邊區塊*/	
	.numberPage_rightArea{
		display: inline-block;
		vertical-align: middle;
	}
		.numberPage_rightList{
			display: inline-block;
			vertical-align: middle;
		}
			.numberPage_rightList a{
				display: block;
				text-decoration: none;
			}
			.numberPage_rightList a i{
				color:#ababab;
				font-size: 1.5rem;
			}	
			.numberPage_rightList:first-child a i{
				color:var(--primary_color);
				font-size: 1.5rem;
			}
			
			
			
					
			/*modify by pekey 20181114*/
			.numberPage_rightList a:hover img.hover_after{
				display: block;
			}
			/*modify by pekey 20181114*/
			.numberPage_rightList a:hover img.hover_before{
				display: none;
			}
		
		
	
@media (max-width: 640px){
	
		.numberPage_leftList:first-child{
			display: none;
		}
		
	.numberPage_middleArea{
		padding: 0px;
	}
		.numberPage_middleList{
			padding: 0px;
		}
		
		.numberPage_rightList:last-child{
			display: none;
		}
		
	
}













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


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