/* 匯入共用最新消息list.css */
@import url(../css/style_nav/style_latest_news/style_latest_news_list.css);

/* 匯入共用活動資訊list.css */
@import url(../css/style_nav/style_latest_news/style_activity_list.css);






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


.indexmain{
	position:relative;
}




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


/*首頁內容區塊*/	
.mainContent{
	padding: 0;
	position: relative;
	overflow: hidden;

	/* background-image:url(../images/bg.webp);
	background-position: bottom center;
	background-repeat:no-repeat;
	background-size:cover; */
}

.mainContent::before{
	position: absolute;
	content: "";
	background-image:url(../images/bg.webp);
	background-position: bottom center;
	background-repeat:no-repeat;
	background-size:cover;
	width: 50%;
	max-width:  clamp(8.0648rem, 13.0208vw, 15.6250rem); /* 129.04px , 13.0208vw , 250.00px */
	aspect-ratio: 1; 
	top: 20%;
	right: 5%;
	z-index: -1;
}





	.index_itemBg{
		padding: clamp(3.3872rem, 5.4688vw, 6.5625rem) 0; /* 54.20px , 5.4688vw , 105.00px */
		position: relative;
	}


	/*----- 首頁標題1 -----*/
	.index_title {
		color: var(--dark_color);
        font-size: 1.95em;
        margin-bottom:clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
	}	
		.index_title strong{	
			font-size: inherit;
			line-height: initial;
			padding: 0;
			margin: 0;
			display: inline-block;
			font-weight: inherit;
			position: relative;
			padding-bottom: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
		}	
        .index_title strong:before{
            position:absolute;
            content:"";
            background-color: var(--fourth_color);
            width: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
            height:0.1875rem;
            bottom:0;
            left: 0%;
            -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%);
        }








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


		.index_itemBg{
			padding: clamp(2.1875rem, 2.8125vw, 3.3750rem) 0 0; /* 35px , 2.8125vw , 54.00px */
		}


		/*----- 首頁標題1 -----*/
		.index_title{
			/* font-size: 25px; */
			/* line-height: 1.2; */
			/* font-size: 1.375rem; */
			letter-spacing: normal; 

			font-size: 1.5625rem; /*25*/
		}
		

}








/*=========================================================================*/
/*------------首頁_輪播區塊------------*/
/*=========================================================================*/


.indexmain .banner {
	padding-bottom: 20px;
}
.banner_item a:focus {
    /* outline-width: var(--focus_outline-width) !important;
    outline-style: var(--focus_outline-style) !important;
    outline-color: var(--focus_outline-color) !important; */
    background-color: var(--focus_outline-color) ;
}
.banner_item a:focus img{
    opacity: 0.5;
    background-color: var(--focus_outline-color) ;
}

.indexmain .banner .swiper-pagination {
    /* position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10; */
	top: unset !important;
	bottom: 0 !important;
}


.pcBanner{
	/* aspect-ratio: 192 / 52; */
}
.mobileBanner{
	/* aspect-ratio: 1; */
}




@media (max-width: 990px){
	
.banner .swiper-button-prev,
.banner .swiper-button-next {
	display: none;
}

}





/*=========================================================================*/
/*------------首頁_活動資訊區塊------------*/
/*=========================================================================*/


/*首頁_活動資訊區塊*/
.index_activityBg{
	/*padding: clamp(0.9678rem, 1.5625vw, 1.8750rem) 0;*/ /* 15.48px , 1.5625vw , 30.00px */
    /* padding-top: 0; */
}	
		
/*首頁內容_活動資訊區塊-------------------------------------*/



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

    /*首頁_活動資訊區塊*/
    .index_activityBg{
        padding-top: 0;
    }	


}


@media (max-width:990px){

    .index_activityBg{
        padding-bottom: clamp(2.1875rem, 2.8125vw, 3.3750rem) ; /* 35px , 2.8125vw , 54.00px */
    }

}







/*=========================================================================*/
/*------------首頁_最新消息+熱門連結區塊------------*/
/*=========================================================================*/


/*-------首頁_最新消息+熱門連結區塊--------*/

.index_News_LinkBg{
	/* padding:30px 0px; */
}

.index_News_LinkBg .wrap{
	display: grid;
    justify-content: space-between;
    grid-template-columns: 6.5fr 3fr;
    gap: clamp(3.3872rem, 5.4688vw, 6.5625rem) ; /* 54.20px , 5.4688vw , 105.00px */
}


/*-------首頁_最新消息區塊--------*/
.index_newsBg {
    /*padding: 30px 0px;*/
    /* float: left; */
    /* width: 65%; */
    box-sizing: border-box;
}


@media (max-width:990px){

    .index_News_LinkBg .wrap{
        display: flex;
        flex-direction: column;
        justify-content: unset;
        grid-template-columns: unset;
        gap: 0;
        /*gap: clamp(3.3872rem, 5.4688vw, 6.5625rem) ;*/ /* 54.20px , 5.4688vw , 105.00px */
    }

}



















/*/////////////////////////////////////////////////////////*/
/*熱門連結*/
/*/////////////////////////////////////////////////////////*/


.index_linkBg{
	/*padding: 20px 0px;*/
	/* float: right; */
	/* width: 30%; */
	/*width: 49%;*/
	box-sizing: border-box;
}


.link_list_area{
	display: flex;
	flex-direction: column;
	gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
	color: var(--dark_color);
	font-size: 1.1875em;
	line-height: 1.1;
}

	.link_list{
		padding: 0;
		box-sizing: border-box;
        font-size: inherit;
        line-height: inherit;
	}	
	.link_list a {
        color: inherit;
        font-size: inherit;
        line-height: inherit;
		text-decoration: none;
		display: block;

		transition: 0.3s ease all;
		position: relative;
		padding-left: 35px;

        display: -webkit-box;
        -webkit-box-orient: vertical;	
        -webkit-line-clamp: 1;	
        overflow: hidden;
	}
	.link_list a:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 15px;
		width: 7px;
		height: 10px;
		background: url(../images/com_sp01.png)no-repeat -240px -40px;
	}	
	
	
	.link_list a:hover {
		opacity: 0.7;
		transition:0.3s ease all;
	}
	
@media (max-width:640px){
	
	.link_list_area {
		/* padding: 20px 0px 20px;
		margin: 0px 0px; */
	}
		.link_list{
			/* padding: 10px 0px;
			float:none;
			width: 100%; */
		}		
}

	







@media (max-width:990px){
	
/*-------首頁_最新消息+熱門連結區塊--------*/

.index_News_LinkBg{
	/* padding:20px 0px; */
}

	/*-------首頁_最新消息區塊--------*/
	.index_newsBg {
		/*padding: 30px 0px;*/
		/* float:none; */
		/* width:100%; */
	}
	
	
	/*-------首頁_熱門連結區塊--------*/
	.index_linkBg{
		/* padding: 20px 0px 0px; */
		/* float:none; */
		/* width: 100%; */
	}	
}