/*========================================================*/
/*-------首頁_廣告連結 區塊--------*/
/*========================================================*/

.index_linkBg{
	position: relative;
    padding-top: 0.3125rem;
	padding-bottom: clamp(1.613rem, 2.6vw, 3.125rem);
	overflow: hidden;	
}
.index_linkBg::before{
	/* position: absolute;
	content: "";
	background-color: var(--primary_color);
	width: 100%;
	height: 70%;
	bottom: 0;
	left: 0;
	z-index: 0; */
}

	.index_linkBg .wrap{
		/* max-width: 99.9%; */
		/* width: 100%; */
		
		position: relative;	
	}


	.index_link_area{
        width: 100%;
    }	

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

            padding-top: clamp(0.644rem, -0.003rem + 1.04vw, 1.25rem);
            width: 100%;
		}


		.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_link_control{		
		/* width: 100%; */
		width: clamp(calc(100% + (1.4839rem * 2) + 2.0833vw), calc(100% + (2.3958vw * 2) + 2.0833vw), calc(100% + (2.8750rem * 2) + 2.0833vw)); /* 23.74px , 2.3958vw , 46.00px */
		/* height: 10px; */
		/* display: none; */
		left: 50%;
		top: 50%;
		position: absolute;
		transform: translateX(-50%) translateY(-50%);
	}

	.main .index_linkBg .swiper-button-prev{		
		left: -2.3125rem;	
		background-image: url(../index/images/left_arrow.png);	
	}
	.main .index_linkBg .swiper-button-next{
		right: -2.3125rem;	
		background-image: url(../index/images/right_arrow.png);	
	}

	.main .index_linkBg .swiper-button-prev , .main .index_linkBg .swiper-button-next{
		width: 2.3125rem;	
		aspect-ratio: 1;
	}








	.main .index_linkBg .swiper-button-prev:after, 
	.main .index_linkBg .swiper-button-next:after {
		/* content: 'prev'; */
		display: none;
	}





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




    .index_link_list{
            width: 100%;
    }
            
         .index_link_list > a{
			position: relative;
            aspect-ratio: 45/ 20; /*上傳450 * 200*/
            display: block;
            overflow: hidden;
            border: solid 1px #E6E6E6;
         }
         .index_link_list 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_link_list span{
            display: block;
            margin-top: clamp(0.4839rem, 0.7813vw, 0.9375rem);
            font-size: 1rem;
            line-height: 1.625;
         }
         .index_link_list span > a{
            position: unset;
            aspect-ratio: unset;
            display: block;
            overflow: unset;
            border: none;
            display: block;
            color: #000;
            text-decoration: none;
            text-align: center;
            display: -webkit-box;
            -webkit-box-orient: vertical;	
            -webkit-line-clamp: 1;	
            overflow: hidden;
         }







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

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

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

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

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

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





@media (max-width: 990px){

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

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

	/* .index_link_control{		
		display: none;
	} */

}