/*========================================================*/
/*-------首頁內容--------*/
/*========================================================*/









/*/////////////////////////////////////////////////////////*/
/*-------共用區塊--------*/
/*/////////////////////////////////////////////////////////*/

.indexmain{
	display: flex;
	flex-direction: column;
}

/*首頁內容區塊*/	
.mainContent{
	/* padding: 50px 0px; */
	padding-bottom: 90px;
	position: relative;
	overflow: hidden;
	flex-grow: 1;
	padding: 0;
}

	.mainContent::before ,
	.mainContent::after{
		position: absolute;
		/* content: ""; */
		background-position: left top;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: -1;
	}
	.mainContent::before{		
		background-image: url(../images/bg_left.webp);		
		bottom: 0;
		left: 0;
		width: 20.4vw;
		padding-top: calc(20.4vw * 4.74);
	}
	.mainContent::after{
		background-image: url(../images/bg_right.webp);
		top: 0;
		right: 0;
		width: 35vw;
		padding-top: calc(35vw * 2.42);
	}






	.index_item{
		padding-top: 90px;
	}





	/*----- 首頁標題1 -----*/
	/* .index_title {
		font-size: 2.81rem; 
		font-size: min(max(2.36vw, 1.125rem), 2.81rem); 
		line-height: 1;
		color: var(--primary_color);
		text-align: center;
		font-weight: 500;
		margin-bottom: 45px;
	}	
		.index_title strong{
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 5px 24px;
		}	
		.index_title span{
			position: relative;
			font-size: inherit;
			line-height: initial;
		}
		.index_title span::before{
			position: absolute;
			content: "";
			background-color: var(--fourth_color);
			width: 1px;
			height: 65%;
			top: 50%;
			left: -12px;
			transform: translate(0%  , -50%);
		}
		.index_title span:first-of-type:before{	
			display: none;
		} */

		.index_title {
			display: flex;
			/* justify-content: center; */
			align-items: center;
			gap: 10px;
			/*margin-bottom: 1.5625rem;*/ /*25*/
			display: block;
		}
			.index_title .title{
				color: var(--primary_color);
				border-bottom: none;
				/*font-size: clamp(1.25rem, 1.25vw, 1.5rem);*/  /*字體 最小值 20px、大小約 1.25vw、最大值 24px*/
				font-size: clamp(1.25rem,2.5vw,3rem); /*20 - 48*/
				font-weight: 700;
				/* line-height: normal;				 */
    			line-height: 1.2;
				letter-spacing: unset;
			}
			.index_title.title_right .title{
				text-align: right;
			}
				.index_title strong{
					font-size: inherit;
					line-height: initial;
					padding: 0;
					margin: 0;
					display: inline-block;
					font-weight: inherit;
					/* display: flex;
					align-items: center;
					justify-content: center;
					gap: 5px 24px; */
				}
				.index_title strong span{
					color: var(--second_color);
				}
				.index_title img{
					width: 100%;
					height: auto;
				}



		


				/*首頁more_按鈕---------------*/
				.more_btn{
					margin-left: auto;
				}
					.more_btn button {
						position: relative;
						border-radius: 0;
						border: 2px solid var(--second_color);
						padding: 0 1.0313rem 0; /*14px 20px*/
						display: flex;
						justify-content: center;
						align-items: center;
						gap: 10px;
						background-color: transparent;
						background-color: var(--second_color);
						/* width:9.1146vw;
						max-width: 190px;
						min-width: 135px; */
						width: clamp(5.9375rem, 25.3333vw, 11.875rem);  /*字體 最小值 13px、大小約 0.8333vw、最大值 190px*/
						font-size: clamp(.8125rem, 2.6667vw, 1.25rem);  /*字體 最小值 13px、大小約 0.8333vw、最大值 16px*/
						line-height:2.65;
						height: auto;
						color: #fff;
						cursor: pointer;

						white-space: nowrap;
						font-family: var(--foreign_font);
						
					}
					.more_btn button::after {
						/* content:"\F138";
						font-family: "bootstrap-icons";
						font-size: 20px; */
					}
					.more_btn:hover button{
						/* opacity: 0.7; */
						gap: 1.25rem;
						transition: all 0.3s ease;
					}					
						.more_btn:hover button::after {
							padding-left: 10px;						
							transition: 0.1s ease all;
						}

					.more_btn>button>img{
						max-width: 30px;
					}







/* @media (max-width: 1100px){
	.main {
		padding-top: 59.6px;
	}
	.main.fixed {
		padding-top: 51px;
	}
} */

		
	
@media (max-width: 1100px){
	
	.mainContent{
		padding: 0;
	}	

		.index_item{
			padding-top: 50px;
			padding-top: 25px;
		}

			/*----- 首頁標題1 -----*/
			.index_title{
				margin-bottom: 12.5px;
			}


			/*首頁more_按鈕---------------*/
			.more_btn button {
				/* padding: 10px; */
			}
	

}


@media (max-width: 550px){	
	
	/*首頁more_按鈕---------------*/
	.more_btn button {
		width: 100%;
	}

	/* .main {
		padding-top: 40.1px;
	}
	.main.fixed {
		padding-top: 40.1px;
	} */
} 






/*========================================================*/
/*-------首頁banner--------*/
/*========================================================*/


.indexmain .banner{
	background: #fff0;
	position: relative;
	/* height: 345px; */
}

	.indexmain .banner .swiper-container_pc {
		/* background-color: #013c73; */
	}

	.indexmain .banner .banner_item{

	}
		.indexmain .banner .swiper-slide a{
			position: relative;
			
			/* border-radius: 10px; */
			display: block;
			overflow: hidden;
		}


			.indexmain .banner .pcBanner {	
				padding-top: 43%;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				width: 100%;		
			}


			.indexmain .banner .mobileBanner{
				display:none;
			}



			.indexmain .banner .banner_text {
				position: absolute;
				display: flex;
				flex-direction: column;
				gap:25px 0;
				width: 38.5417vw;
				min-width: 520px;
				max-width: 740px;
				
				z-index: 10;
				top: 50%;
				right: unset;
				left: 10%;
				
				transform: translate(0, -50%);
				background: rgba(255, 255, 255, 0.70);
				backdrop-filter: blur(12.5px);
				padding: 40px 50px;
				padding: clamp(1.25rem,2.0833vw,2.5rem);
				border-left:10px solid var(--second_color);
			}
				.indexmain .banner .banner_text strong{
					
					font-size: clamp(1.125rem,1.9271vw,2.3125rem);
					font-weight: 700;
					color: #333;
					line-height: normal;

					display: -webkit-box;
					-webkit-box-orient: vertical;	
					-webkit-line-clamp: 2;	
					overflow: hidden;
					word-wrap: break-word;
				}
				.indexmain .banner .banner_text p.text{
					/* font-size: 1rem; */
					font-size: clamp(.8125rem, 0.8333vw, 1rem);  /*字體 最小值 13px、大小約 0.8333vw、最大值 16px*/
					font-size: clamp(1rem,1.25vw,1.5rem);
					color: var(--dark_color);
					line-height: 2.25rem;
					font-weight: 500;
					display: -webkit-box;
					-webkit-box-orient: vertical;	
					-webkit-line-clamp: 2;	
					overflow: hidden;
				}

				.indexmain .banner .more_btn button {
					background-color: var(--second_color);
				}








					.indexmain .banner .swiper-button-prev ,
					.indexmain .banner .swiper-button-next{
						opacity: 0;
						transition: 0.3s ease all;
					}
					.indexmain .banner .swiper-button-prev{		
						left: calc((100vw - 13px - 1800px) / 2);						
					}
					.indexmain .banner .swiper-button-next{
						right: calc((100vw - 13px - 1800px) / 2);
					}
					.indexmain .banner:hover  .swiper-button-prev ,
					.indexmain .banner:hover  .swiper-button-next{
						opacity: 1;
					}



	/* .banner_decorate{
	}
		.banner_decorate img{
			width: 100%;
			height: auto;
		} */





@media (max-width: 1700px){

	.indexmain .banner .swiper-button-prev{		
		left: 2.5%;
	}
	.indexmain .banner .swiper-button-next{
		right: 2.5%;
	}

}



		
@media (max-width: 1350px){

	.indexmain .banner .banner_text {
		gap:15px 0;
		/* bottom: 27%; */
		/* right: 20%; */
		/* transform: translate(20%, 27%); */
	}

}	

@media (max-width: 1100px){
	
	.indexmain .banner{
		height: 100%;	
		
	}
	.indexmain .swiper-button-prev, 
	.indexmain .swiper-button-next {
		width: 30px;
		height: 30px;
		background-size: 30px;
	}

	.indexmain .banner .mobileBanner {
		display: block;		
	}
	.indexmain .banner .pcBanner {
		display: none;		
	}
	
	.indexmain .banner .swiper-slide a{
		position: relative;
		display: block;
		padding-top: 100%;
	}
	.indexmain .banner .swiper-slide .mobileBanner{
		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;
	}
	.indexmain .banner .banner_text {
		position: absolute;
		display: flex;
		flex-direction: column;
		gap: 15px 0;
		max-width:483px;
		width: 90%;
		min-width: unset;
		max-width: 900px;
		z-index: 10;
		top: 50%;
		bottom: unset;
		left: 50%;
		right: unset;
		transform: translate(-50%, -50%);
	}

		.indexmain .banner .banner_text strong{
			font-size: clamp(1.125rem, 0.9375vw, 1.25rem);  /*字體 最小值 18px、大小約 0.9375vw、最大值 20px*/
		}
		.indexmain .banner .banner_text p.text{
			font-size: clamp(1rem, 0.9375vw, 1.125rem);  /*字體 最小值 16px、大小約 0.9375vw、最大值 18px*/
			line-height: 1.5;
		}




		.indexmain .banner .swiper-button-prev{		
			left: 5%;
		}
		.indexmain .banner .swiper-button-next{
			right: 5%;
		}





}





@media (max-width: 640px){

	.indexmain .swiper-button-prev, 
	.indexmain .swiper-button-next {
		display: none;
	}
	
}
























/* =============================== */
/* 影音專區 */
/* =============================== */
.indexVideoBg{
	background-color: #fff;
	padding: clamp(2.5625rem,4.2708vw,5.125rem) 0;
	position: relative;
}
.indexVideoBg::before{
	position: absolute;
    content: "";
    background-image: url(../index/images/video_bg_deco.webp);
    background-position: top right;
    right: 0;
    top: 0;
    aspect-ratio: 495 / 460;
    max-width: 26.25rem;
    width: 100%;
    z-index: 0;
    background-size: 100%;
}

	.indexVideoBg .wrap{
		
	}
	.indexVideoBg .wrap .index_Video_area{
		/* max-width: 86.5625rem; */
		padding-right: var(--header_wrap_pc);
		
	}
	.indexVideoBg .wrap .video_item{
		display: flex;
		/* gap: clamp(.875rem,1.4583vw,1.75rem); */
		align-items: center;
		justify-content: space-between;
	}
	.indexVideoBg .wrap .video_item .video_left,
	.indexVideoBg .wrap .video_item .video_right{
		width: 50%;
	}
	.indexVideoBg .wrap .video_item .video_left{	
		max-width: 43.1875rem;
	}
	.indexVideoBg .wrap .video_item .video_right{				
		max-width: 41.375rem;				
		display: flex;				
		flex-direction: column;				
		align-items: flex-start;				
		gap: .5rem;				
		/* flex: 1; */				
		width: unset;				
		width: 50%;
		/* max-width: calc(50% - 65px); */
		max-width: calc(50% - 4.0625rem); /*65*/
	}
	.indexVideoBg .wrap .video_item .video_right .video_text{		
		font-size: 1rem;				
		line-height: 40px;				
		font-weight: 350;				
		letter-spacing: 0.4px;				
		color: #000;				
		font-family: var(--mandarin_font);				
		flex-grow: 1;		
		word-wrap: break-word;
	}
		.indexVideoBg .wrap .video_item .video_right .video_text p{	
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 7;
			overflow: hidden;
		}
	.indexVideoBg .wrap .video_item .video_left .video_img_area{
		position: relative;		
	}
	

	.indexVideoBg .wrap .video_item .video_left .video_img{
		position: relative;
		left: 0;
		width: 100%;
		max-width: 43.1875rem;
		padding-bottom: 5%;
		
		
		
	}
	.indexVideoBg .wrap .video_item .video_left .video_img:before{
		position: absolute;
		content: "";
		width: 100%;
		aspect-ratio: 691 / 518;
		background-color: #E5E7EB;
		bottom: 0;
		

	}
	.indexVideoBg .wrap .video_item .video_left .video_img:after{
		position: absolute;
		content: "";
		background-image: url(../index/images/play-circle.svg);
		background-position: center;
		background-size: 99.9%;
		background-repeat: no-repeat;
		width: clamp(3.2259rem, 5.2083vw, 6.2500rem); /* 51.61px , 5.2083vw , 100.00px */
		aspect-ratio: 1;
		
		left: 55%;
		top: 50%;
		transform: translate(-50%,-50%);
		

	}
	.indexVideoBg .wrap .video_item .video_left .video_img a{
		display: block;
		position: relative;
		padding-top: 74.96%;
		left: 5%;
		
		
		
		
		
	}
	.indexVideoBg .wrap .video_item .video_left .video_img a img{
		width:100%;
		height:auto;
		transition: all 0.3s ease-out;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		float: none;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		transition: all 0.3s ease-out;
		
	}
	

		.indexVideoBg .swiper-pagination {
			
			text-align: right;
		}







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

	.indexVideoBg .wrap{
		display: block;
		margin: 0;
		/* margin-left: auto; */
		/* width: 100%; */
		padding-left: var(--header_wrap_pc);
		max-width: 100%;
		width: 100%;
	}

}


@media (max-width: 1100px){
	.indexVideoBg .wrap .index_Video_area{
		/* max-width: 86.5625rem; */
		padding-right: unset;
		
	}
	.indexVideoBg .wrap .video_item{
		display: flex;
		/* gap: clamp(.875rem,1.4583vw,1.75rem); */
		align-items: center;
		justify-content: space-between;
		/* display: block; */
		background-color: #fff;
		flex-direction: column;
	}
	.indexVideoBg .wrap .video_item .video_left,
	.indexVideoBg .wrap .video_item .video_right{
		width: 100%;
	}
	.indexVideoBg .wrap .video_item .video_left{	
		max-width: unset;
		margin-bottom: clamp(.625rem,1.0417vw,1.25rem);
	}
	.indexVideoBg .wrap .video_item .video_right{
				
		max-width: unset;

	}
	.indexVideoBg .wrap .video_item .video_left .video_img{
		max-width: unset;
		
		
		
	}
	.indexVideoBg .swiper-pagination {
			position: relative;
			margin-top: 10%;
			text-align: center;
		}


		.indexVideoBg .wrap .video_item .video_left .video_img:after{
			/* display: none; */
		}
		.indexVideoBg .wrap .video_item .video_left .video_img:before {
			width: 97%;
		}
}

/* =============================== */
/* 演講公告 */
/* =============================== */
.indexPublicBg{
	background-color: var(--primary_color);
	padding: clamp(1.25rem,5.3333vw,2.5rem) 0;
	position: relative;
}
.indexPublicBg::before{
	position: absolute;
    content: "";
    background-image: url(../index/images/public_bg_deco.webp);
    background-position: top left;
    left: 0;
    top: 0;
    aspect-ratio: 495 / 460;
    max-width: 26.25rem;
    width: 100%;
    z-index: 0;
    background-size: 100%;
	/* 圖層混合樣式-色彩增值 */
	mix-blend-mode: multiply;
}

	.indexPublicBg .wrap{
		
	}
	.indexPublicBg .index_title{
		
	}
	.indexPublicBg .index_title strong{
		color: #fff;
	}
	.indexPublicBg .wrap .index_Public_area{
		/* max-width: 86.5625rem; */
		padding-left: var(--header_wrap_pc);
		
	}
	.indexPublicBg .wrap .video_item{
		display: flex;
		flex-direction: row-reverse;
		/* gap: clamp(.875rem,1.4583vw,1.75rem); */
		align-items: center;
		justify-content: space-between;
		margin-right: 2px;
	}
	.indexPublicBg .wrap .video_item .video_left,
	.indexPublicBg .wrap .video_item .video_right{
		width: 50%;
	}
	.indexPublicBg .wrap .video_item .video_left{	
		max-width: 43.1875rem;
	}
	.indexPublicBg .wrap .video_item .video_right{				
		max-width: 41.375rem;				
		display: flex;				
		flex-direction: column;				
		align-items: flex-start;				
		gap: .5rem;		
		width: unset;				
		width: 50%;
		max-width: calc(50% - 4.0625rem); /*65*/
		/*max-width: clamp(calc(50% - 2.0968rem), calc(50% - 3.3854vw), calc(50% - 4.0625rem)); *//* 最小值 33.55px、大小約 3.3854vw、最大值 65.00px */
	}
	.indexPublicBg .wrap .video_item .video_right .public_title{		
		color: #fff;
		font-size: clamp(1.125rem,1.6667vw,2rem);
		font-weight: 700;
		line-height: normal;
		font-family: var(--mandarin_font);		
		word-wrap: break-word;
	}
		.indexPublicBg .wrap .video_item .video_right .public_title p{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}

	.indexPublicBg .wrap .video_item .video_right .video_text{		
		font-size: 1rem;				
		line-height: normal;				
		font-weight: 400;
		color: #fff;				
		font-family: var(--mandarin_font);				
		flex-grow: 1;
		
	}
	.indexPublicBg .wrap .video_item .video_left .video_img_area{
		position: relative;	
	}
		.indexPublicBg .wrap .video_item .video_right .video_text p{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
			word-wrap: break-word;
		}
	

	.indexPublicBg .wrap .video_item .video_left .video_img{
		position: relative;
		left: 0;
		width: 100%;
		max-width: 43.1875rem;
		padding-bottom: 5%;
		
		
		
	}
	.indexPublicBg .wrap .video_item .video_left .video_img:before{
		position: absolute;
		content: "";
		width: 100%;
		aspect-ratio: 691 / 518;
		border: 1px solid #9EB8D2;
		background-color:  rgba(255, 255, 255, 0.20);
		bottom: 0;
		

	}
	.indexPublicBg .wrap .video_item .video_left .video_img a{
		display: block;
		position: relative;
		padding-top: 68%;
		right: 5%;
		
		
		
		
		
	}
	.indexPublicBg .wrap .video_item .video_left .video_img a img{
		width:100%;
		height:auto;
		transition: all 0.3s ease-out;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		float: none;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		transition: all 0.3s ease-out;
		
	}

	

		.indexPublicBg .more_btn {
			
			margin-top: 30px;
		}
			.indexPublicBg .more_btn button {
				/*position: relative;
				border-radius: 0;
				border: 1px solid #fff;
				
				padding: 0.7292vw 0;*/ /*14px 20px*/
				/*display: flex;
				justify-content: center;
				align-items: center;
				gap: 10px;
				background-color: transparent;
				background-color: #fff;
				max-width: 175px;
				width:9.1146vw;
				min-width: 135px;
				font-size: clamp(.8125rem, 0.8333vw, 1rem);*/  /*字體 最小值 13px、大小約 0.8333vw、最大值 16px*/
				/* line-height: normal;
				height: auto;
				color: #000;
				cursor: pointer;

				white-space: nowrap;
				font-family: var(--foreign_font); */
				border: none;
				background-color: #fff;
				color: var(--dark_color);
			}
		.indexPublicBg .swiper-pagination {
			
			text-align: left;
			
			
		}
		.indexPublicBg .swiper-pagination .swiper-pagination-bulleta{
			
			background-color: transparent !important;
			border-color:#D9E1E8 !important;
			
			
		}
		.indexPublicBg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
			
			background-color: #D9E1E8 !important;
			
			
		}
		







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

	.indexPublicBg .wrap{
		display: block;
		margin: 0;
		/* margin-left: auto; */
		/* width: 100%; */
		padding-right: var(--header_wrap_pc);
		max-width: 100%;
		width: 100%;
	}

}


@media (max-width: 1100px){
	.indexPublicBg .wrap .index_Public_area{
		/* max-width: 86.5625rem; */
		padding-left: unset;
		
	}
	.indexPublicBg .wrap .video_item{
		display: flex;
		/* gap: clamp(.875rem,1.4583vw,1.75rem); */
		align-items: center;
		justify-content: space-between;
		display: block;
	}
	.indexPublicBg .wrap .video_item .video_left,
	.indexPublicBg .wrap .video_item .video_right{
		width: 100%;
	}
	.indexPublicBg .wrap .video_item .video_left{	
		max-width: unset;
		margin-bottom: clamp(.625rem,1.0417vw,1.25rem);
	}
	.indexPublicBg .wrap .video_item .video_right{
				
		max-width: unset;

	}
	.indexPublicBg .wrap .video_item .video_left .video_img{
		max-width: unset;
		
		
		
	}

	.indexPublicBg .swiper-pagination {
			position: relative;
			margin-top: 10%;
			text-align: center;
		}
}












































/*============================================================*/
/*-------首頁最新消息區--------*/
/*============================================================*/

.indexNewsBg{
	padding: clamp(2.5625rem,4.2708vw,5.125rem) 0;
}
	.indexNewsBg .wrap{
	}
	
		.indexNewsBg .index_title {
			text-align: center;
		}



		.indexNewsBg .more_btn{
			margin: 0 auto;
			margin-top: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
		}
			.indexNewsBg .more_btn button{
				margin: 0 auto;
				border-color: var(--primary_color);
				background-color: #fff;
				color: var(--primary_color);
			}




	.indexNewsBg .p_tab_text_area {
		padding:0px;
		width: 100%;
	}

	.indexNewsBg .tab_area {
		margin-top: 1.25rem;
		border-bottom: none;
		
		font-size: clamp(1rem, 0.93vw, 1.125rem);	
	}



	.indexNewsBg .tabs{
		
	}


	.indexNewsBg .tabs a, 
	.indexNewsBg .tabs li{
		background: none;
		color: var(--fourth_color);
		font-size: inherit;
		font-weight: 400;
		/* border-right: 1px solid var(--fourth_color); */
		
		letter-spacing: clamp(0rem, .1563vw, .1875rem); /*3 - 0px*/;
		padding: 0  clamp(1.4517rem, 2.3438vw, 2.8125rem); /* 23.23px , 2.3438vw , 45.00px */
	}



	.indexNewsBg .tabs li span {
		padding: 0;
		font-size: clamp(1rem, 1.0417vw, 1.25rem); /* 16px , 1.0417vw , 20px */
		font-weight: 400;
		line-height: normal;
		letter-spacing: 3px;
		color: var(--fourth_color);
	}
	.indexNewsBg .tabs li.active span {
		color: var(--dark_color);
		font-weight: 700;
		box-shadow: none;		
	}
	.indexNewsBg .tabs li span:hover {
		box-shadow: 0 0 #3d3d3d inset;
		box-shadow:none;
	}
	.indexNewsBg .tabs li a:hover, 
	.indexNewsBg .tabs li span:hover {
		color: var(--second_color);
		/* color: #fff; */
		/* opacity: 0.5; */
		font-size:1.25rem; /*20px*/
	}
		.news_content_area{
			display: flex;
			align-items: flex-start;
			flex-wrap: wrap;
			margin-top: 1.5625rem;
			/* gap: 25px; */
			/* display: grid; */
			/* grid-template-columns: 1fr minmax(auto , 475px); */
		}
		
		



@media(max-width:1100px){

	.news_content_area{
		display: flex;
		flex-direction: column;
		
	}
	
}



@media (max-width:990px){
	
}


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

	.indexNewsBg .tabs{
		display: flex;
    	justify-content: center;
	}

	
	.indexNewsBg .tabs li:not(:first-of-type){
		border-left: 1px solid var(--fourth_color);
	}

	.indexNewsBg .tabs li:last-of-type{
		border-right:none;
	}

	.indexNewsBg .tabs li.active{
		border-left-color: var(--fifth_color);
	}
	.indexNewsBg .tabs li.active + li{
		border-left: none !important;
	}
	.indexNewsBg .tabs li.active:last-of-type{
		border-right:1px solid var(--fifth_color);
	}

}

@media (max-width:760px){

	.indexNewsBg .tabs li span {
		padding: .625rem 0;
	}

	.indexNewsBg .tab_area {
		margin-top: 0;
	}		
		.indexNewsBg .tabs a, .indexNewsBg .tabs li {
			border-right: none;
		}
		.indexNewsBg .tabs li.active{
			border-right:1px solid var(--fifth_color);
		}

	.indexNewsBg .tabs li span:hover{
		color: var(--dark_color);
	}


}













/*============================================================*/
/*-------首頁最新消息區_列表--------*/
/*============================================================*/



	.index_news_area{
		display: grid;
		grid-template-columns: repeat(4 , 1fr);
		gap: 0.9375rem; /*15*/
	}


		/* 首頁最新消息列表 */
		.index_news_area .news_list{
			box-sizing: border-box;
		}
		.index_news_area .news_box{
			position: relative;
			/* overflow: hidden; */
			/* border: 1px #f0f0f000 solid; */
			box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
		}



        /* 首頁最新消息圖片 */
		.index_news_area .news_Img{
		    padding-bottom: 77%;
		}
		.index_news_area .news_Img span{
		   overflow: hidden;
		   background-color: #000;
		   position: relative;
		   padding-top: 57.85%;
		   display:block;
		}
			.index_news_area .news_Img img{
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				float: none;
				/* border-radius: 50%; */
				width: 100% !important;
				height: 100% !important;
				object-fit: cover;
				transition: 0.3s ease all;
			}


        /* 首頁最新消息下方文字區塊 */
		.index_news_area .news_bottom{
			/* background-color: #f0f0f0;*/
			background-color: #fff;
			position: absolute;
			bottom: 0px;
			left: 0;
			width: 100%;
			/* height: 135px; */
			transition:height 0.5s;		
		}
		.index_news_area .news_bottom_box{
			/* padding: 15px 25px 50px; */
			padding: 0  clamp(0.9375rem, 1.3021vw, 1.5625rem); /* 15.00px , 1.3021vw , 25.00px */
			padding-top: clamp(0.5625rem, 0.7813vw, 0.9375rem); /* 9.00px , 0.7813vw , 15.00px */
			padding-bottom: clamp(1.8750rem, 2.6042vw, 3.1250rem); /* 30.00px , 2.6042vw , 50.00px */
			background-color: var(--second_color);
			display: flex;
			flex-direction: column;
			height: 100%;
		}
			.index_news_area .news_bottom a{
				display: block;
				width: 100%;
    			height: 100%;
				text-decoration: none;
			}
				.index_news_area .news_Tag{
					box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
					color: var(--fifth_color);
					text-align: center;
					font-family: var(--foreign_font);
					font-size: 0.875rem;
					font-weight: 700;
					line-height: normal;
					padding: .5625rem .3125rem;
					display: inline-block;
					background-image: url(../images/tag_icon.svg);
					aspect-ratio: 65 / 35;
					background-repeat: no-repeat;
					background-size: cover;
					background-position: center;
					position: absolute;
					z-index: 2;
					top: .625rem;
					width: 4.0625rem;
					left: -0.9375rem;
					transition:0.5s ease all;
				}

				.index_news_area .news_list .date_category{
					color: #ffffff;
					display: inline-flex;
					gap: .3125rem;
					flex-wrap: wrap;
					align-items: center;
				}
					.index_news_area .news_list .date_category .date{
						color: inherit;
						font-family: var(--foreign_font);
						font-size: clamp(0.8750rem, 0.9375vw, 1.1250rem); /* 14.00px , 0.9375vw , 18.00px */
						font-weight: 500;
						line-height: normal;
					}
					.index_news_area .news_list .date_category .category{
						color: #000;
						font-size: 1rem;
						font-weight: 500;
						line-height: 1;
						background-color: var(--third_color);
						padding: .4375rem;
					}






				.index_news_area .news_title{
					font-size: clamp(1.1250rem, 1.0417vw, 1.2500rem); /* 18.00px , 1.0417vw , 20.00px */
					line-height: 1.5;
					color: var(--dark_color);
					margin: .9375rem 0 .625rem;
					padding-bottom: 0.625rem;
					font-weight: bold;
					
					font-weight: 600;
					/* line-height: normal; */
					letter-spacing: 0.125rem;
					position: relative;
				}
				.index_news_area .news_title::before{
					position: absolute;
					content: "";
					width: 3.9375rem;
					height: 0.3125rem;
					background-color: #fff;
					bottom:0;
					left: 0;
				}
				.index_news_area .news_title p{
					min-height: clamp(calc(1.125rem * 2 * 1.5), calc(1.0417vw * 2 * 1.5), calc(1.25rem * 2 * 1.5)); /* 最小值 18.00px、大小約 1.0417vw、最大值 20.00px */
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
				}



				.index_news_area .news_description{
					flex-grow: 1;
					font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 16.00px , 0.9375vw , 18.00px */
					line-height: 1.5;
					color: #F9F9F9;
				}	
					.index_news_area .news_description p{
						font-size:inherit;
						line-height: inherit;
						color: inherit;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 8;
						overflow: hidden;
						min-height: clamp(calc(1rem * 3), calc(0.9375vw * 3), calc(1.125rem * 3)); /* 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
						max-height: clamp(calc(1rem * 3), calc(0.9375vw * 3), calc(1.125rem * 3)); /* 最小值 16.00px、大小約 0.9375vw、最大值 18.00px */
						transition:max-height 0.1s;		
					}


				.index_news_area .news_button{
					margin-top: .625rem;
					color: #fff;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					gap: .3125rem;
				}
					.index_news_area .news_button strong{
						color: #FFF;
						font-size: clamp(1.1250rem, 1.0417vw, 1.2500rem); /* 18.00px , 1.0417vw , 20.00px */
						font-weight: 400;
						line-height: normal;
						letter-spacing: .1875rem;
					}
					.index_news_area .news_button img{
						width: clamp(1.1250rem, 1.0417vw, 1.2500rem); /* 18.00px , 1.0417vw , 20.00px */
						height: auto;
					}



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

	/* 首頁最新消息hover效果 */
	/* .index_news_area .news_list:hover */
	.index_news_area .news_list.show{
		overflow: hidden;
	}
	/*.index_news_area .news_list:hover .news_box {
		border: 1px #f0f0f0 solid; 
		box-shadow: 0 18px 40px #33333300;
	}
	 .index_news_area .news_list:hover  .news_description{
		opacity:1;
		transition:2s ease all;								
	}	 */

	/* .index_news_area .news_list:hover  .news_Tag */
	.index_news_area .news_list.show .news_Tag{
		opacity: 0;
		transition:0.1s ease all;
	}
	
	/* .index_news_area .news_list:hover .news_bottom */
	.index_news_area .news_list.show .news_bottom {
		z-index: 9;
		height: 100%;
		transition:height 0.5s;		
	}

	
	
	/* .index_news_area .news_list:hover .news_description p */
	.index_news_area .news_list.show .news_description p{	
		max-height: 100%; 
		transition:max-height 0.1s;		
	}	


}



@media (max-width: 1100px){
	
	.index_news_area{
		grid-template-columns: repeat(2 , 1fr);
	}
		.index_news_area .news_Img {
			padding-bottom: 49.5%;
		}
}



/* 在螢幕放大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) {	

	.indexNewsBg .wrap{
		/*max-width: 101.7188rem;*/ /* 1627.5 */ /*1085*/		
	}

		.indexNewsBg .tabs li span  ,
		.index_news_area .news_title{
			/*font-size: clamp(1.4344rem, 1.3281vw, 1.5938rem); *//* 22.95px , 1.3281vw , 25.5px */
		}
		.index_news_area .news_title::before{
		}
		.index_news_area .news_title p{	
			/*min-height: clamp(calc(1.4344rem * 2 * 1.5), calc(1.3281vw * 2 * 1.5), calc(1.5938rem * 2 * 1.5));*//* 22.95px , 1.3281vw , 25.5px */
		}
	
		.index_news_area .news_description{
			/*font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem);*/ /* 16.00px , 0.9375vw , 18.00px */
			/*font-size: clamp(1.5rem, 1.4063vw, 1.6875rem); *//* 24px , 1.4063vw , 27px */
			/*font-size: clamp(1.125rem, 1.0417vw, 1.25rem);*/ /* 18px , 1.0417vw , 20px */
		}	
	

}

@media (max-width: 860px){

	.index_news_area{
		display: flex;
		flex-direction: column;
		grid-template-columns: unset;
	}
	
		.index_news_area .news_box{
			display: flex;
			flex-direction: column;
		}
			/* 首頁最新消息圖片 */
			.index_news_area .news_Img{
				/* padding-bottom: 0%; */
				padding-bottom: 0% !important;
			}

			
        /* 首頁最新消息下方文字區塊 */
		.index_news_area .news_bottom{
			position: unset;
			bottom: unset;
			left: unset;
		}

		.index_news_area .news_bottom a:hover {
			opacity: 0.7;
		}

}

@media (max-width: 640px){

	
}




























/*============================================================*/
/*-------首頁_榮譽榜區塊--------*/
/*============================================================*/

.indexHonorBg{
	background: linear-gradient(180deg, rgba(217, 225, 232, 0.00) 0%, rgba(217, 225, 232, 0.5) 30%, #D9E1E8 100%);
	/* background: linear-gradient(180deg, rgba(217, 225, 232, 0.00) 30.29%, #D9E1E8 100%); */
	/* padding: clamp(2.5625rem,4.2708vw,5.125rem) 0; */
}
	.indexHonorBg .wrap{
	}
    
        .index_honor_area{
			display: inline-block;
			width:100%;
			gap: 0.625rem;
			display: grid;
			grid-template-columns: repeat(2 , 1fr);
			margin-top: 1.25rem;
		}
		.index_honor_area .honor_list{
			position: relative;
			display: flex;
			flex-direction: column;
			height: 100%;
		}
		.index_honor_area .honor_list:before{
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			background-color: #dddddd00;
			/* z-index: 5; */
			top: 50%;
			left: 50%;
			transform-origin: center;
			transform: translate(-50% , -50%) scaleX(1) scaleY(0.8);
			box-shadow: rgba(50, 50, 93, 0.125) 0px 13px 27px -5px, 
			rgba(0, 0, 0, 0.15) 0px 8px 16px -8px, 
			rgba(50, 50, 93, 0.125) 0px -13px 27px -5px, 
			rgba(0, 0, 0, 0.15) 0px -8px 16px -8px;
			border-radius: 15px;
			z-index: -2;
		}

		.honor_card{
			flex-grow: 1;
			background-color: #fff;
			clip-path: polygon(3% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 12%);
			display: flex;
			flex-wrap: nowrap;
			flex-direction: row;
			align-items: center;
			/* padding: 60px 30px; */
			padding: clamp(1.9355rem, 3.1250vw, 3.7500rem) 0; /* 30.97px , 3.1250vw , 60.00px */
			padding-left: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
			padding-right:clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
		}


		.index_honor_area .honor_list:first-of-type{
			
		}
			.index_honor_area .honor_date{
				font-family: var(--foreign_font);
				box-sizing: border-box;
				/* width: 100%; */
				/* max-width: 6.6875rem; */
				text-align: center;
				font-size:0.875rem; /*14px*/
				font-weight: 600;
				color: var(--primary_color);
				/* font-size:1rem; */ /*16px*/
				/* font-size: 28px; */
				line-height: 1.5; /*22px*/
				display: flex;
				flex-direction: column;
				border-right: 2px solid var(--primary_color);
				padding-right: clamp(0.6250rem, 0.7813vw, 0.9375rem); /* 10.00px , 0.7813vw , 15.00px */
				font-size: clamp(1.5rem, 1.45vw, 1.75rem); /* 最小24px 大小1.45vw  最大28px */
				text-align: center;
			}
			.index_honor_area .honor_date span{				
			}
			.index_honor_area .honor_date span:last-of-type{
				/* font-size: 20px; */
				font-size: clamp(1.125rem, 1.04vw, 1.25rem);/* 最小18px 大小1.45vw  最大20px */
				font-weight: 700;
				letter-spacing: -1px;
			}
			
			.index_honor_area .honor_remark{
				color: var(--dark_color);
				text-align:left;
				box-sizing: border-box;
				width: 100%;
				word-wrap: break-word;
				word-break: break-all;
				padding-left: clamp(0.6250rem, 0.7813vw, 0.9375rem); /* 10.00px , 0.7813vw , 15.00px */
				flex: 1;
			}
			.index_honor_area .honor_remark a {
				display: block;
				text-decoration: none;
				color: inherit;
				font-size: clamp(1.1250rem, 1.0417vw, 1.2500rem); /* 18.00px , 1.0417vw , 20.00px */
				font-weight: 400;
				line-height: 2; 
				letter-spacing: 2px;


				display: -webkit-box;
				-webkit-box-orient: vertical;	
				-webkit-line-clamp: 2;	
				overflow: hidden;
			}
			.index_honor_area .honor_remark a:hover {
				opacity:0.5;
				/*border-bottom: 1px #000 solid;*/
			}	
			
			




		.indexHonorBg .more_btn{
			margin: 0 auto;
			margin-top: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
		}
			.indexHonorBg .more_btn button{
				margin: 0 auto;
				border-color: var(--primary_color);
				background-color: #fff;
				color: var(--primary_color);
			}






@media (max-width:1100px){
	
	.index_honor_area{		
		display: flex;
		flex-direction: column;
		grid-template-columns: unset;
		margin-top: 0;
	}
	
}

@media (max-width:640px){

	.indexHonorBg {
		background: linear-gradient(180deg, rgba(217, 225, 232, 0.00) 5%, #D9E1E8 30%, #D9E1E8 100%);
	}
		
		.index_honor_area  .honor_card{
			flex-direction: column;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
			padding: 0.9678rem;
		}
			.index_honor_area  .honor_date{
				/* font-size: 18px;
				max-width: unset;
				width: 100%;*/
				border: none;
				padding: 0;
				flex-direction: row;
				gap: 0px; 
			}	
				.index_honor_area .honor_date span ,
				.index_honor_area .honor_date span:last-of-type{
					font-size: 1rem;
					font-weight: 700;
					letter-spacing: 0px;
				}
				.index_honor_area .honor_date span:last-of-type::before{
					content: "．";
					color: inherit;
					font-size: 1rem;
					font-weight: 700;
					letter-spacing: 0px;
				}

		.index_honor_area .honor_remark {
			padding: 0;
		}
			.index_honor_area .honor_remark a{
				line-height: 1.5;
			}
		
		.index_honor_area .honor_list:before {
			z-index: 0;
		}
		
}       

























/*============================================================*/
/*-------首頁_快速連結區塊--------*/
/*============================================================*/

.indexLinkBg{
	overflow: hidden;
	background-color: #D9E1E8;
	padding: 0;
	padding-top: clamp(2.5625rem,4.2708vw,5.125rem) ;
	padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
	position: relative;
}
.indexLinkBg::before{
	position: absolute;
	content: "";
	background-color: var(--primary_color);
	width: 100%;
	height: 70%;
	bottom: 0;
	left: 0;
	z-index: 0;
}

	.indexLinkBg .wrap{		
		max-width: 99.9%;				
		width: 100%;
	}
		.indexLink_area{			
			position: relative;						
			z-index: 5;						
			padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem); /* 25.81px , 2.6042vw , 50.00px */
		}


				
		/* 首頁_快速連結 */
		.indexLinkBg .indexLink_area .link_Swiper {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.indexLinkBg .indexLink_area .link_Swiper .swiper-wrapper {
			
		}
		.indexLinkBg .indexLink_area .link_Swiper .swiper-wrapper .swiper-slide{
		}
			.indexLinkBg .indexLink_area .link_Swiper .swiper-wrapper .swiper-slide > a {
			}


	.indexLink_control{
		width: 100%;
		height: 10px;
	}

		.indexLink_control .swiper-pagination{

		}
		.main .indexLink_control .swiper-pagination .swiper-pagination-bullet {
			background-color: transparent;
			border: 1px var(--fourth_color) solid;
			z-index: 5;
			display: inline-block;
			width: 1.875vw;
			height: 0.2604vw;
			aspect-ratio: 36.65 / 5.00;
			border-radius: 0;
			opacity: 1;
		}
		.main .indexLink_control .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
			background-color:var(--fourth_color);
		}








	/* 首頁_快速連結_列表 */
	.indexLink_list{
		width: 100%;
	}
		.indexLink_list a{
			color: var(--dark_color);
			display: block;
			text-decoration: none;
			position: relative;
		}
			.indexLink_info{
				position: absolute;
				width: 100%;
				height: 100%;
				z-index: 2;
				/* padding: 20px 30px; */
				padding: clamp(0.9678rem, 1.0417vw, 1.2500rem) 0; /* 15.48px , 1.0417vw , 20.00px */
				padding-left:clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
				padding-right: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
				display: flex;
				flex-direction: column;
				gap:clamp(0.3125rem, 0.5208vw, 0.6250rem); /* 5.00px , 0.5208vw , 10.00px */
			}
				.indexLink_info span{
					color: inherit;
					font-size: clamp(0.875rem, 1.25vw, 1.5rem); /* 14px , 1.25vw , 24px */
					font-weight: 400;
					line-height: 1.17;
					display: block;
				}
				.indexLink_info strong{
					flex-grow: 1;
					display: flex;
					align-items: flex-end;

					display: block;
					color: inherit;					
					font-size: clamp(1.125rem, 1.6667vw, 2rem); /* 18px , 1.6667vw , 32px */
					font-weight: 700;
					line-height: 1.12;					
				}

				.indexLink_info  p{
					display: -webkit-box;
					-webkit-box-orient: vertical;	
					-webkit-line-clamp: 2;	
					overflow: hidden;
				}

				.indexLinkBg .more_btn{
					margin: 0;
					margin-top: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
					
				}
					.indexLinkBg .more_btn button{
						margin: 0 0;
						border: none;
						background-color: #fff;
						color: var(--dark_color);
					}


		.indexLink_list .img{
			position: relative;
			padding-top: 66.3%;
			padding-top: 76%;
			display: block;
			overflow: hidden;
			background-color: #fff;
		}
			.indexLink_list .img 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;
				opacity: 0.5;
			}


		.indexLink_list:before{
			z-index: 1;
			position: absolute;
			content: "";
			left: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 9.08%, rgba(0, 0, 0, 0.40) 55.18%, rgba(0, 0, 0, 0.80) 94.96%);
			/* box-shadow: 0px 9px 11px 0px rgba(0, 0, 0, 0.25); */
		}




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

	.indexLink_area.one,
	.indexLink_area.two ,
	.indexLink_area.three ,
	.indexLink_area.four ,
	.indexLink_area.five{
		margin: 0 auto;
	}

	.indexLink_area.one {
		width: calc(100% / 4 * 2);
	}
	.indexLink_area.two {
		width: calc(100% / 4 * 2);
	}
	.indexLink_area.three {
		width: calc(100% / 4 * 3);
	}
	.indexLink_area.four {
		/* width: calc(100% / 4 * 3); */
	}
	.indexLink_area.five {
		/* width: calc(100% / 4 * 3); */
	}

}


@media (max-width: 990px) {

	.indexLinkBg .wrap {
		width: 90%;
	}

		.indexLink_area.one,
		.indexLink_area.two ,
		.indexLink_area.three ,
		.indexLink_area.four ,
		.indexLink_area.five{
			margin: 0 auto;	
			width: 100%;
		}
	
}