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









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

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

/*首頁內容區塊*/	
.mainContent{
	padding: 0;
	/* padding-bottom: 90px; */
	position: relative;
	overflow: hidden;
	flex-grow: 1;
	padding-bottom: clamp(2.4194rem, 3.9063vw, 4.6875rem) ; /* 38.71px , 3.9063vw , 75px */
}

	/*.mainContent::before ,
	.mainContent::after{
		position: absolute;
		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_itemBg{
		padding: clamp(2.4194rem, 3.9063vw, 4.6875rem) 0 0; /* 38.71px , 3.9063vw , 75px */
	}


	/*----- 首頁標題1 -----*/
	.index_title {
		color: var(--primary_color);

		/*font-size: clamp(1.2500rem, 1.3021vw, 1.5625rem);*/ /* 20.00px , 1.3021vw , 25.00px */		
		line-height: 1;
		font-weight: 700;
		margin-bottom: clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */

		font-size: clamp(1.2500rem, 1.5625vw, 1.8750rem); /* 20.00px , 1.5625vw , 30.00px */
	}	
		.index_title strong{
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
			display: inline-flex;
			align-items: center;
			margin: 0 -0.625rem;
			position: relative;
			padding-top: .9375rem;
		}	

		.index_title strong:before{
			position: absolute;
			content: "";
			top: 0;
			left: 10px;
			width: calc(100% - 1.4375rem);
			height: .5rem;
			background-color: var(--fourth_color);
		}


		.index_title span{	
			font-size: inherit;
			line-height: initial;			
			font-weight: inherit;
			display: block;
			padding: 0 10px;
			position: relative;
		}
		.index_title span:before{
			position: absolute;
			content: "";
			width: 1px;
			height: 1.125rem;
			top: 50%;
			left: 0px;
			transform: translateY(-50%);
			background-color: var(--fourth_color);
		}
		.index_title span:first-of-type:before{	
			display: none;
		}



		


				
		/*----- 查看更多按鈕 ---------------------------------------------*/
		.read-more {
			margin-top: clamp(1.4517rem, 2.3438vw, 2.8125rem); /* 23.23px , 2.3438vw , 45.00px */
		}
		.read-more button {
			background-color: var(--fourth_color);
			color: var(--dark_color);
			border: none;
			padding: 15px 20px;
			font-weight: 700;
			/* font-size: 1rem; */
			line-height: 1;
			border-radius: 2.5rem;
			cursor: pointer;
			transition: all 0.3s ease-out;
			display: flex;
			align-items: center;

			font-size: clamp(1rem, 1.0417vw, 1.25rem); /* 16px , 1.0417vw , 20px */
		}

		/* 查看更多按鈕圖標 */
		.read-more button img {
			width: 1.6875rem;
			height: auto;
			margin-left: 10px;
			transition: background-color 0.3s;
		}

		/* 查看更多按鈕懸停效果 */
		.read-more button:hover {
			color: #fff;
			background-color: var(--primary_color);
		}
		.read-more button:hover img {
			margin-left:.9375rem;
			transition: all 0.3s ease-out;
		}



		


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

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

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

			/*----- 首頁標題1 -----*/
			.index_title{
				text-align: center;
			}


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

}


/* @media (max-width: 550px){	
	
	.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: 33.9%;
				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: 37.5vw;
				min-width: 520px;
				max-width: 720px;
				z-index: 10;
				bottom: 35%;
				right: 20%;
				transform: translate(20%, 35%);
			}
				.indexmain .banner .banner_text strong{
					font-size: clamp(1rem, 1.3021vw, 1.5625rem);  /*字體 最小值 16px、大小約 1.3021vw、最大值 25px*/
					color: var(--primary_color);
					line-height: 1.2;

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

					display: -webkit-box;
					-webkit-box-orient: vertical;	
					-webkit-line-clamp: 4;	
					overflow: hidden;
				}

				.indexmain .banner .more_btn button {
					background-color: #ffffff91;
				}








					.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 - 1600px) / 2);						
					}
					.indexmain .banner .swiper-button-next{
						right: calc((100vw - 13px - 1600px) / 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: 990px){
	
	.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;
	}
	
}
















/*========================================================*/
/*-------首頁_文章區塊_第一塊--------*/
/*========================================================*/

/* 文章卡片外容器 */
.index_articleBg {
	/* background-color: transparent;
    background-image: url(../index/images/bg.svg);
    background-size: 50%;
	background-position: right bottom;
    background-repeat: no-repeat;
	padding: 0; */
	margin: 0;
}


	/* 文章卡片 */
	.article {
		/* display: flex; */
		/* flex-direction: row-reverse; */
		gap:  clamp(1.9355rem, 3.1250vw, 3.7500rem); /* 30.97px , 3.1250vw , 60.00px */
		display: grid;
		grid-template-columns: repeat(2 , 1fr);
	}

		/* 文章內容區域 */
		.article-content {
			/* width: 50%; */
			order: 2;
			padding: 0;
		}
		.index_articleBg1 .article-content {
			padding-top: 60px;
			padding-right: 60px;
		}

			/* 文章標題鏈接 */
			.article_title{
				/* color: var(--fourth_color); */
				color: var(--dark_color);
				/*font-size: 36px;*/
				font-size:clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
				line-height: 1.2;
				font-weight: bolder;
				margin-bottom:  clamp(1.4517rem, 2.3438vw, 2.8125rem); /* 23.23px , 2.3438vw , 45.00px */
			}
				.article_title a {
					font-size: inherit;
					color: inherit;
					text-decoration: none;
					display: block;
					font-weight: inherit;
				}
				.article_title a:hover {
					opacity: 0.5;
				}
				.article_title span{
					color: var(--fourth_color);
				}


				
			/* 文章簡述 */
			.article_description {
				/* color: var(--dark_color); */
				color: #747474;
				font-size: clamp(1rem, 1.0417vw, 1.25rem); /* 16px , 1.0417vw , 20px */
				line-height: 1.5;
				font-weight: 500;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 5;
				overflow: hidden;
			}

			

		/* 文章圖片區域 */
		.article-image {
			/* width: 50%; */
			overflow: hidden;
		}
			/* 文章圖片 */
			.article-image a{
				transition: all 0.3s ease-out;
				display: block;
				background-color: #000;
			}
				.article-image span{
					position: relative;
					padding-top: 67.7%;
					overflow: hidden;
					display: block;
				}				
					.article-image 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: all 0.3s ease-out;
					}
			.article-image a:hover img{
				opacity: 0.4;
				transform: scale(1.1);
			}


			

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

	/* 文章卡片外容器 */
	.index_articleBg .wrap{
		max-width: unset;
	}


}

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

	/* 文章卡片外容器 */
	.index_articleBg .wrap {
		max-width: 81.875rem; /*1310*/
	}

}

/* 在螢幕放大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) {
	
	/* 文章卡片外容器 */
	.index_articleBg .wrap {
		max-width: 81.875rem; /*1310*/
	}

}




@media (max-width: 990px){

	.index_articleBg {
		/* padding: 25px 0; */
	}

	/* 文章卡片 */
	.article {
		display: flex;
		flex-direction: column-reverse;
	}

		/* 文章內容區域 */
		.article-content {
			
		}
		/* .index_articleBg1 .article-content ,
		.index_articleBg2 .article-content{
			width: 100%;
			padding: 25px 0px 0px 0px;
		} */
			/* 文章標題鏈接 */
			.article_title{
				margin-bottom: 15px;
			}


			/* 文章簡述 */
			.article_description {
				font-weight: 400;
			}





		/* 文章圖片區域 */
		.article-image {
			width: 100%;
		}
			.article-image span {
				/* height: auto;
				padding-top: 56.1%; */
			}


		/*----- 查看更多按鈕 -----*/
		.index_articleBg2 .read-more {
			/* display: flex; */
			justify-content: center;
			/* margin: 15px auto 0; */
		}



}





























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

.index_newsBg{
	/* width: calc(100% - 300px - 100px); */
}

	.index_newsBg .wrap {
	}



	.index_newsBg .tab_area {
		font-size: clamp(1.2904rem, 2.0833vw, 2.5rem); /* 20.65px , 2.0833vw , 40px */
		border-bottom: none;
		z-index: 5;
	}
		.index_newsBg .tabs_btn_now {
		}
			.index_newsBg .tabs_btn_now:hover {
			}
			.index_newsBg .tabs_btn_now_arrow {
				border: none;
				background: url(../images/chevron-down.svg);
				background-position: center;
				background-repeat: no-repeat;
				background-size: 20px;
				width: 20px;
				height: 20px;
				right: 10px;
				transition: 0.3s ease all;
			}
			.index_newsBg .tabs_btn_now_arrow.active {
				transform: rotate(180deg);
				transition: 0.3s ease all;
			}


	/*----- 首頁標題1 -----*/
	.index_newsBg .tabs_btn_now {
		color: var(--primary_color);
		font-size: clamp(1.2904rem, 2.0833vw, 2.5rem); /* 20.65px , 2.0833vw , 40px */
		line-height: 1;
		font-weight: 700;
		margin-bottom: 40px;
		background: transparent;
		padding-bottom: 0.9375rem; /*15*/
		border-bottom-color: var(--primary_color);
	}	
		.index_newsBg .tabs_btn_now span{
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
			display: inline-flex;
			align-items: center;
			margin: 0 -0.625rem; /*0 -10*/
			position: relative;
			padding-top: 0.9375rem; /*15*/
		}	

		.index_newsBg .tabs_btn_now span:before{
			position: absolute;
			content: "";
			top: 0;
			left: 10px;
			width: calc(100% - 1.4375rem); /*100 - 23*/
			height: 8px;
			background-color: var(--fourth_color);
		}


		.index_newsBg .tabs_btn_now b{	
			font-size: inherit;
			line-height: initial;			
			font-weight: inherit;
			display: block;
			padding: 0 0.625rem; /*10px*/
			position: relative;
		}
		.index_newsBg .tabs_btn_now b:before{
			position: absolute;
			content: "";
			width: 1px;
			height: 18px;
			top: 50%;
			left: 0px;
			transform: translateY(-50%);
			background-color: var(--fourth_color);
		}
		.index_newsBg .tabs_btn_now b:first-of-type:before{	
			display: none;
		}















		.index_newsBg .img-scroll {
			/* height:39px; 
			position:relative; */
			height: 2.8125rem; /*45*/
		}
			.index_newsBg .img-list { 
				/* position:relative;  */
			}
				.index_newsBg ul.tabs {
					/* margin:0; 
					padding:0; 
					list-style:none; */
					margin: 0 -0.625rem; /*0 -10*/
				}
					.index_newsBg .tabs li {
						color: var(--dark_color);
						border-right: none;
						padding: 0 0.625rem; /*0 10*/
						width: 20%;
						line-height: 2.8125rem; /*45*/

						font-size: clamp(1rem, 1.0417vw, 1.25rem); /* 16px , 1.0417vw , 20px */
					}
						.index_newsBg .tabs span {
							padding: 0 0.3125rem; /*0 5*/
							background: transparent;
							border-radius: 7px;
							border: 1px solid var(--primary_color);
							background: #FFF;
							font-size: inherit;
						}
							.index_newsBg .tabs li span:hover {
								/* color:#333;*/
								box-shadow: none; 
								background-color: var(--primary_color);
								color: #FFF;
							}
							
						.index_newsBg .tabs li.active {
							/*當前模式*/
							color: #393939;
						}
							.index_newsBg .tabs li.active span {
								box-shadow: none;
								/* background-color: #fff; */

								background-color: var(--primary_color);
								color: #FFF;
							}
							.index_newsBg .tabs li.active:after {
							}
			







	.index_newsBg .p_tab_text_area {
		/* padding:40px 0 0; */
		padding: 0;
		padding-top:clamp(1.2904rem, 2.0833vw, 2.5rem); /* 20.65px , 2.0833vw , 40px */
		background: transparent;
	}


		.news {
			width:100%;
		}


		/*內頁附加newsInArea*/
		.newsInArea {
			/*font-size:min(max(0.83vw, 14px), 22px); */ /*字體大小 1.8vw、最小值 20px、最大值 40px*/
		}



		.news_wrap{
		    margin: 0px auto; 
			/*width:984px;*/
		}
		.news_bar{
			display: inline-block;
			width:100%;
			/* margin-bottom: 15px; */

			display: flex;
			flex-direction: column;
			gap:0.9375rem; /*15*/
		}
		.news_list{
			position: relative;
			padding:3rem 2.5rem 1.25rem 1.25rem; /*48px 40px 20px 20px*/
			display: flex;
			flex-wrap: nowrap;
			flex-direction: row;
			align-items: center;
			/* font-size: 16px; */
			font-size: inherit;
			border-bottom: 1px #E1E1E1 solid;
			/*margin-bottom: 0.9375rem*/ /*15*/
			font-size: clamp(1rem, 0.9375vw, 1.125rem); /* 16px , 0.9375vw , 18px */
		}
		.news_list:before{
			position: absolute;
			content: "";
			background-color: var(--third_color);
			width: 8px;
			height: calc(100% - 1.25rem); /*100% - 20*/
			left: 0;
			top: 6px;
		}


			.news_list_date{
				color: var(--dark_color);
				font-family: var(--foreign_font);
				font-weight: 700;
				position: absolute;
				top: 0.625rem; /*10*/
			}
			.news_list_sort{
				position: absolute;
				top: 0.625rem; /*10*/
				left: 8.125rem; /*130*/
				color:var(--eighth_color);
				/* font-size: 16px; */
				font-weight: 700;
			}
			.news_list_sort1{				
			}
			.news_list_sort2{				
				color: var(--ninth_color);
			}

			.news_list_remark{
				color: var(--dark_color);
				font-weight: 400;

				font-size: clamp(1rem, 1.0417vw, 1.25rem); /* 16px , 1.0417vw , 20px */
				line-height: 1.5;
				/* font-weight: 500; */
			}
			.news_list_remark a {
				text-decoration:none;
				color: inherit;
				display: block;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				overflow: hidden;
			}
			.news_list_remark a:hover {
				opacity:0.5;
			}	
			

			.news_list_icon{	
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(calc(-50% + -10px));	
			}
				.news_list_icon a{
					display: block;	
					transition: 0.3s ease all;			
				}
					.news_list_icon img{	
						width: 27px;
						height: auto;			
					}
					.news_list_icon a:hover img{
						transform: translateX(5px);	
						transition: 0.3s ease all;
					}







					


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

	/* 文章卡片外容器 */
	.index_latestBg .wrap{
		max-width: unset;
	}


}

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

	/* 文章卡片外容器 */
	.index_latestBg .wrap {
		max-width: 81.875rem; /*1310*/
	}

}


/* 在螢幕放大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) {
	
	/* 文章卡片外容器 */
	.index_latestBg .wrap {
		max-width: 81.875rem; /*1310*/
	}

}


@media (max-width: 990px){

	/*-------首頁_最新消息區塊--------*/
	.index_newsBg{
		width: 100%;
	}

		.index_newsBg .p_tab_text_area {
			padding:25px 0 0;
		}
		.index_newsBg .tabs_btn_now {
			margin-bottom: 25px;
		}

			.index_newsBg .news_list_remark a {
				-webkit-line-clamp: 2;
			}
}



@media (max-width: 760px){

	.index_newsBg .index_title{
		display: none;
	}
	.index_newsBg .img-scroll{
		height: auto;
		margin-bottom: 25px;
	}
	.index_newsBg ul.tabs {
		margin: -5px -5px;
		position: relative;
		display: flex;
		flex-wrap: wrap;
	}
		.index_newsBg .tabs li {
			padding: 5px 5px;
			width: 50%;
		}

		.index_newsBg .p_tab_text_area {
			padding: 0 0;
		}
}

@media (max-width:640px){

	.news_list {
		padding: 35px 40px 20px 15px;
		margin-bottom: 10px;
	}
	.news_list:before {
		width: 5px;
	}
		.news_list_remark a {
			-webkit-line-clamp: 2;
			line-height: 1.5;
		}

		.news_list_icon {
			transform: translateY(calc(-50% + 2px));
		}

		


	.index_newsBg .wrap {
	}	
	.news_list_remark {
	}		
}