/* 匯入共用最新消息文字模組 */
@import url(../css/style_nav/style_latest_news/style_latest_news.css);



/* ================================================================= */





.mainContent{
	padding: clamp(2.2581rem, 3.6458vw, 4.3750rem) 0;
	display: flex;
	flex-direction: column;
	row-gap:clamp(2.2581rem, 3.6458vw, 4.3750rem); /* 36.13px , 3.6458vw , 70.00px */
}



.index_title{
    font-size: clamp(1.2500rem, 1.5625vw, 1.8750rem); /* 20.00px , 1.5625vw , 30.00px */
    text-align: center;
    position: relative;
    font-weight: bold;
    color: #727272;
	font-weight: 600;
    padding: 0px 0px clamp(1.2904rem, 2.0833vw, 2.5000rem); /* 20.65px , 2.0833vw , 40.00px */
}
	.index_title strong{
		font-size: inherit;
		text-align: inherit;
		font-weight:inherit;
		color: inherit;
		line-height: inherit;
		padding: 0;
		margin: 0;
	}












/*/////////////////////////////////////////////////////////*/
/*-------首頁輪播區--------*/
/*/////////////////////////////////////////////////////////*/

.indexmain  .banner {
	background:#fff;
	position:relative;
	
	overflow: hidden;
}

/* .banner::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 100%;
	background-color: rgba(39,39, 39, 15%);
	z-index: 99;
}
.banner::after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 100%;
	background-color: rgba(39,39, 39, 15%);
	z-index: 99;
} */
.indexmain  .swiper-wrapper{
	/* transition-timing-function:ease-in 
	transition-timing-function: linear; ; */
	transition-timing-function: ease;
}
.indexmain  .swiper-button-prev, 
.indexmain  .swiper-button-next {
	position: absolute;
	top: 50%;
	margin: 0px;
	/* z-index: 10;
	cursor: pointer; */
	aspect-ratio: 1;
	width: 2rem;
	/* width: 200px;
	height: 100%; */
	background-size: 99.9%;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.indexmain  .swiper-button-prev{
	/* background-image:url(../index/images/Rectangle.png); */
	left: 0;
	/* display: block !important; */
}
.indexmain .swiper-button-next{
	/* background-image:url(../index/images/Rectangle.png); */
	right: 0;
}
.indexmain  .swiper-button-prev:after, 
.indexmain  .swiper-button-next:after {
	/* content: 'prev'; */
	display: none;
}

.indexmain  .swiper-pagination-clickable .swiper-pagination-bullet {
	/* background-color: #000; */
	background-color: #fff;
	z-index: 5;
	display: inline-block;
	width: 10px;
	height: 10px;
	/* opacity: 1; */
	opacity: 0.6;
}
.indexmain .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
	/* background-color: #231815; */
	background: #aaa;
	opacity: 1;
}

	.indexmain  .banner .swiper-slide a {
		display: block;
		position: relative;
		/* padding-top: 28%; */
		aspect-ratio: 1280 / 451;
	}

	.indexmain  .banner .swiper-slide a img {
		/* width:100%; */
		/* height:auto; */
	}


				.indexmain .banner .pcBanner,
				.indexmain .banner .mobileBanner {
					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;
				}
				.indexmain .banner .mobileBanner {
					display:none;
				}


@media (max-width:1440px){
	.indexmain .banner::before{
		display: none;
	}
	.indexmain .banner::after{
		display: none;
	}
}
@media (max-width: 990px){

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

@media (max-width: 990px){


	.indexmain  .banner .swiper-slide a {
		aspect-ratio: 64 / 83 ;
	}
	.indexmain .banner .pcBanner{
		display: none;
	}
	.indexmain .banner .mobileBanner {
		display: block;
		width: 100%;
		height: auto;
	}
}
				
		


















/*=======================================================*/
/*-------首頁 服務項目快速連結 區--------*/
/*=======================================================*/


.index_quickLinkBg{
}
            
.index_quickLinkBg .wrap{
	/*width:780px;*/
	max-width:51.125rem;
	/* margin:0 auto; */
	/* padding-top: 60px; */

	display: flex;
	gap: 1.9792vw;
}
                
	.qL_List{
		/* width:20%; */
		box-sizing:border-box;
		position:relative;
		width: calc((100% / 5) - (4 * 1.9792vw / 5)); /* 5欄平均寬度，扣除間距 */
	} 
		                
		.qL_List a{
			text-decoration:none;
			display:block;
		}						
						
		.qL{
			transition: 0.3s ease all;
			border-radius:50%;
			background:var(--second_color);
			aspect-ratio: 1;
			width: 100%;
			text-align:center;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: clamp(0.2581rem, 0.4167vw, 0.5000rem); /* 4.13px , 0.4167vw , 8.00px */
		}	
		
			.qL_IMG{
				display: flex;
				/* padding-top: 22px; */
				/* width:62px; */
				width: 49.2%;
				position: relative;
			}
				.qL_IMG img{
					width:100%;
					height:auto;
					transition: 0.3s ease all;
				}
							
			
			
			.qL_Title{
				/* font-size:19px; */
				color: var(--dark_color);
				font-weight:bolder;
				/* padding-top:8px; */
				font-size: clamp(1.0556rem, 0.9896vw, 1.1875rem); /* 16.89px , 0.9896vw , 19.00px */
				}


		.qL:hover{	
			background:var(--primary_color);	
		}


		.qL:hover .qL_Title{	
			color:#fff;
		}


		/*一開始白色按鈕隱藏*/	
		.qL_IMG_after{
			/* display:none; */
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
		}

		/*滑進黑色按鈕消失*/
		.qL:hover .qL_IMG_before{
			/* display:none; */
			opacity: 0;
		}
			
		/*滑進白色按鈕出現*/	
		.qL:hover .qL_IMG_after {
			/* display: block; */
			opacity: 1;
		}



@media (max-width: 990px){

.index_quickLinkBg .wrap{
	flex-wrap: wrap;
	justify-content: center;
	/* width:51.125rem; */
	max-width: 25rem;
	gap: 1.5625rem;

	/* display: flex; */
	/* gap: 1.9792vw; */
}
                
	.qL_List{		
		width: calc((100% / 3) - (2 * 1.5625rem / 3)); /* 5欄平均寬度，扣除間距 */
	} 

}

@media (max-width: 640px){

.index_quickLinkBg .wrap{
	/* max-width: 25rem; */
	gap: 0.625rem;
}
                
	.qL_List{		
		width: calc((100% / 3) - (2 * 0.625rem / 3)); /* 5欄平均寬度，扣除間距 */
	} 

	.qL_Title {
		font-size: .875rem;
	}

}




















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

.index_newsBg{

}


	.index_newsBg.index_title{

	}


	.index_newsBg .wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.index_newsBg .news_img{
			width: 30%;
		}
			.index_newsBg .news_img a{
				position: relative;
				aspect-ratio: 300 /248;
				display: block;
				overflow: hidden;
			}

				.index_newsBg .news_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;
				}


		.index_newsBg .news_right{
			width: 67%;
		}

				
		.index_newsBg .btn_area{
			width: 100%;
			text-align: right;
		}


@media (max-width: 990px){

	.index_newsBg .wrap{
		flex-direction: column;
		justify-content: unset;
		gap: 1.5625rem;
	}
		.index_newsBg .news_img{
			width: 100%;
		}
		
		.index_newsBg .news_right{
			width: 100%;
		}


		/* .index_newsBg .btn_area input {
			width: 100%;
		} */

}


@media (max-width: 640px){

	.index_newsBg .btn_area input {
		width: 100%;
	}

}






















/*========================================================*/
/*-------首頁_相關連結 區塊--------*/
/*========================================================*/

.index_linkBg{
	position: relative;
}
.index_linkBg::before{
}

	.index_linkBg .wrap{
		max-width: 63.25rem;			
		/* width: 100%; */
		overflow: hidden;		
	}


	/*----- 首頁標題1 -----*/
	.index_linkBg .index_title {
		text-align: center;
		margin-bottom: clamp(2.0646rem, 3.3333vw, 4.0000rem); /* 33.03px , 3.3333vw , 64.00px */
	}	

		.index_linkContainer{
			position: relative;
			/* padding-bottom: 1.5625rem; */
		}


		.index_link_area{			
			position: relative;						
			z-index: 5;	
			margin: 0 auto;
			/* margin: 0 -0.9375rem;					 */
			/*padding-bottom: clamp(1.6130rem, 2.6042vw, 3.1250rem);*/ /* 25.81px , 2.6042vw , 50.00px */
		}


				
		/* 首頁_相關連結  */
		.index_linkBg .index_link_area .mySwiper_link {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.index_linkBg .index_link_area .mySwiper_link .swiper-wrapper {
			
		}
		.index_linkBg .index_link_area .mySwiper_link .swiper-wrapper .swiper-slide{
		}
			.index_linkBg .index_link_area .mySwiper_link .swiper-wrapper .swiper-slide > a {
			}




	.index_linkBg  .swiper-button-prev, 
	.index_linkBg .swiper-button-next {
		opacity: 0;
		transition: 0.3s all ease;
	}
	.index_linkBg  .swiper-button-prev{
		background-image: url(../index/images/left_arrow02.webp);
	}
	.index_linkBg .swiper-button-next {
		background-image: url(../index/images/right_arrow02.webp);
	}
	
	.index_linkBg .index_link_area:hover .swiper-button-prev, 
	.index_linkBg .index_link_area:hover .swiper-button-next {
		opacity: 1;
	}

	.index_linkBg  .swiper-pagination{
		display: none;
	}



	/* .index_link_control{	
		width: clamp(calc(100% + (1.4839rem * 2) + 2.0833vw), calc(100% + (2.3958vw * 2) + 2.0833vw), calc(100% + (2.8750rem * 2) + 2.0833vw)); 
		left: 50%;
		top: 50%;
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
	}

		.index_link_control .swiper-pagination{

		}
		.main .index_link_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 .index_link_control .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
			background-color:var(--fourth_color);
		} 




	.index_linkBg .swiper-pagination {
		top: unset !important;
		bottom: 0px !important;
	}*/




/* 相關連結 列表 */
.link_list {
	display: flex;
    flex-direction: column;
}
	.link_list a{
		position: relative;
		aspect-ratio: 325 / 153;
		display: block;
		overflow: hidden;
	}
	.link_list img{
		max-width: 100%;
		max-height: 100%;
		height: auto;
		width: auto;
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		transition: 0.3s ease all;
	}

	







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

	.index_link_area.count_1,
	.index_link_area.count_2 ,
	.index_link_area.count_3 ,
	.index_link_area.count_4 ,
	.index_link_area.count_5 ,
	.index_link_area.count_gt4{
		/*margin: 0 auto;
		width: 90%;*/
	}

	.index_link_area.count_1 {
		/*max-width:  calc(66.75rem / 3 * 1);*/ /*1068*/	
		/* width: calc(100% / 3 * 1); */
	}
	.index_link_area.count_2 {
		max-width:  calc(66.75rem / 3 * 2); /*1068*/
		/* width: calc(100% / 3 * 2); */
	}
	.index_link_area.count_3 {
		/*max-width:  calc(66.75rem / 3 * 3);*/ /*1068*/
		/* width: calc(100% / 3 * 3); */
	}
	.index_link_area.count_4 {
		/*max-width:  calc(66.75rem / 3 * 4);*/ /*1068*/
		/* width: calc(100% / 4 * 3); */
	}
	.index_link_area.count_5 {
		/*max-width:  calc(66.75rem / 3 * 5);*/ /*1068*/
	}
	.index_link_area.count_gt4 {
		/*max-width:  calc(66.75rem / 3 * 5);*/ /*1068*/
		/* width: calc(100% / 4 * 3); */
	}

}









@media screen and (min-width: 991px) and  (max-width: 1280px) {

	.index_linkBg .wrap {
		/* width: 90%;		 */
	}

		.index_link_area.count_1{
			max-width:  calc((63.25rem) / 3 * 1);
		}
		.index_link_area.count_2 ,
		.index_link_area.count_3 ,
		.index_link_area.count_4 ,
		.index_link_area.count_5 ,
		.index_link_area.count_gt4{
			/* margin: 0 auto;	
			width: 100%;
			max-width: unset; */
			max-width:  calc((63.25rem) / 3 * 2);
		}



	/*----- 首頁標題1 -----*/
	.index_linkBg .index_title {
		/* margin-bottom: 0rem; */
	}
	
	
}



/* 在螢幕放大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_link_area.count_1 {
		/* max-width:  calc((66.75rem * 1.128) / 3 * 1);*/ /*1068*/	
	}
	.index_link_area.count_2 {
		/* max-width:  calc((66.75rem * 1.128) / 3 * 2); *//*1068*/
	}
	.index_link_area.count_3 {
		/* max-width:  calc((66.75rem * 1.128) / 3 * 3);*/ /*1068*/
	}
	.index_link_area.count_4 {
		/* max-width:  calc((66.75rem * 1.128) / 3 * 4);*//*1068*/
	}
	.index_link_area.count_5 {
		/* max-width:  calc((66.75rem * 1.128) / 3 * 5); *//*1068*/
	}
	.index_link_area.count_gt4 {
		/* max-width:  calc((66.75rem * 1.128) / 3 * 5); *//*1068*/
	}

	/* 首頁_相關連結  */
	.index_linkBg .index_link_area{
		max-width: 62.5rem;
	}
	.index_linkBg .index_link_area .mySwiper_link {
		/* max-width: 87.8125rem;*/
		/* width: 90%;*/
	}
	.index_link_control{	
		/* width: calc(87.8125rem + (1.4839rem * 4) + 5.2083vw);*/
	}
		
}


/* 在螢幕放大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_link_area.count_1 {
		/*max-width:  calc((66.75rem * 1.128) / 3 * 1);*/ /*1068*/	
	}
	.index_link_area.count_2 {
		/*max-width:  calc((66.75rem * 1.128) / 3 * 2);*/ /*1068*/
	}
	.index_link_area.count_3 {
		/*max-width:  calc((66.75rem * 1.128) / 3 * 3);*/ /*1068*/
	}
	.index_link_area.count_4 {
		/*max-width:  calc((66.75rem * 1.128) / 3 * 4);*/ /*1068*/
	}
	.index_link_area.count_5 {
		/*max-width:  calc((66.75rem * 1.128) / 3 * 5);*/ /*1068*/
	}
	.index_link_area.count_gt4 {
		/*max-width:  calc((66.75rem * 1.128) / 3 * 5);*/ /*1068*/
	}


	/* 首頁_相關連結  */
	.index_linkBg .index_link_area{
		max-width: 62.5rem;
	}
	.index_linkBg .index_link_area .mySwiper_link {
		/* max-width: 87.8125rem; */
		/* width: 90%; */
	}

	.index_link_control{	
		/* width: calc(87.8125rem + (1.4839rem * 4) + 5.2083vw); */
	}
	

}



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

	.index_linkBg .wrap {
		/* width: 90%;		 */
	}

		.index_link_area.count_1{
			max-width:  calc((63.25rem) / 3 * 1);
		}
		.index_link_area.count_2 {
			max-width:  calc((63.25rem) / 3 * 2);
		}
		.index_link_area.count_3 {
			
		}

		.index_link_area.count_gt4{
			/* margin: 0 auto;	
			width: 100%;
			max-width: unset; */
		}



	/*----- 首頁標題1 -----*/
	.index_linkBg .index_title {
		/* margin-bottom: 0rem; */
	}
	
	
}


@media (max-width: 990px){

	.index_linkBg .wrap{
		/* max-width: unset; */
		width: 90%;
	}

	.index_link_control{		
		display: none;
	}

}