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

.main{
	padding-top:clamp(2.903rem, 4.69vw, 5.625rem);
}

.main.indexmain{
	z-index: 0;
	padding-top: 0px;
	margin-bottom: clamp(6.452rem, 10.42vw, 12.5rem);
	position: relative;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, var(--primary_color) 49%);
    background: -webkit-linear-gradient(top, #ffffff 0%,var(--primary_color) 49%);
    background: linear-gradient(to bottom, #ffffff 0%,var(--primary_color) 49%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='var(--primary_color)',GradientType=0 );
}
/* 背景松果圖 */
.mainbgImg{
	position: absolute;
    background-image: url(../index/images/bg03.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: clamp(16.129rem, 26.04vw, 31.25rem);
    /* height: 500px; */
    aspect-ratio: 1;
    width: 80%;
    /* max-height: 80%; */
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.2;
    transform: rotate(180deg);
}
.mainbgImg2{
    position: absolute;
    right: 0;
    top: 29%;
    max-width: clamp(22.581rem, 36.46vw, 43.75rem);
    aspect-ratio: 1;
    /* height: 700px; */
    width: 80%;
    /* max-height: 80%; */
    overflow: hidden;
}

.mainbgImg2::before{
    content: '';
    position: absolute;
    background-image: url(../index/images/bg03.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    right: -10%;
    z-index: -1;
    opacity: 0.2;
    transform: rotate(280deg);
}

.mainbgImg3 {
    position: absolute;
    background-image: url(../index/images/bg03.webp);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: clamp(12.904rem, 20.83vw, 25rem);
    aspect-ratio: 1;
	width: 80%;
    /* max-height: 80%; */
    bottom: calc(clamp(6.452rem, 10.42vw, 12.5rem) * -1);
    left: 0;
    /* z-index: -1; */
    opacity: 0.2;
    transform: rotate(90deg);
}

.main.indexmain::after{
	/* content: "";
    position: absolute;
    background-image: url(../index/images/bg03.webp);
    background-position: 110% 100%;
    background-repeat: no-repeat;
    background-size: 20%;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: 0.2;
    transform: rotate(180deg); */
}
.main.indexmain::before {
    position: absolute;
    content: "";
    bottom: calc(clamp(3.226rem, -0.001rem + 5.21vw, 6.25rem) * -1);
    width: 100%;
    height: clamp(3.226rem, -0.001rem + 5.21vw, 6.25rem);
    border-radius: 0 0 100% 100%;
    background-color: var(--primary_color);
}

/*首頁內容區塊*/	
.mainContent{
	padding: 0;
	padding-top: clamp(1.613rem, 2.6vw, 3.125rem);
	padding-bottom: clamp(2.581rem, 4.17vw, 5rem);
	position: relative;
}
.mainContent::after{
	/* content: "";
    position: absolute;
    background-image: url(../index/images/bg03.webp);
    background-position: 135%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: 0.2; */
}
.mainContent > .wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
	.index_tit{
		font-size: 1.625em;
		font-weight: bolder;
		padding: clamp(0.645rem, 1.04vw, 1.25rem) 0;
		position: relative;
	}

	.index_tit.ltitle{
		padding-left: 2.1875rem;
	}

	.index_tit.rtitle{
		padding-left: 35px;
	}

	.index_tit.ltitle::before{
		content: "";
		background-image: url(../images/icon_01.svg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 99.9%;
		width: 3.125rem;
		aspect-ratio: 1;
		/* height: 50px; */
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(-20%, -50%);
	}

	.index_tit.rtitle::before{
		content: "";
		background-image: url(../images/icon_02.svg);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 50px;
		width: 50px;
		height: 50px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(-20%, -50%);

	}

	.index_morebtn{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		/* width: calc(100% - 42px); */
	}
	.index_morebtn.moreright{
		padding: 23px 0 0;
	}
	    .index_morebtn a{
			color: #fff;
			display: flex;
			text-decoration: none;
		}

.index_morebtn a:hover {
    opacity: 0.7;
    transition: 0.3s ease all;
}

		.buttonMore{
			border-radius: 15px 0 0 15px;
			width: 100px;
			height: 42px;
			background: var(--fourth_color);
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.buttonMore:hover{
			/* opacity: 0.7; */
			/* transition: 0.3s ease all; */
		}
		.buttonMore a{
			color: #fff;
		}
		.buttonMore a:hover{
			text-decoration: none;
		}
		.buttonArrow{
			padding: 0 2px;
			padding: 0;
			width: 42px;
		}
		/* .buttonArrow a::after , */
        .buttonArrow::after{
			position: absolute;
			content: "";
			background-image: url("../images/Button_04.webp");
			background-position: 50%;
			background-repeat: no-repeat;
			background-size: 24px;
			width: 42px;
			aspect-ratio: 1;
			background-color: var(--fourth_color);
			border-radius: 0 15px 15px 0;
		}

		.buttonArrow a:hover{
			opacity: 0.7;
		}
@media(max-width:1100px){
	.mainContent > .wrap {
		flex-direction: column;
	}
		
}
@media(max-width:990px){
	.mainbgImg3{
		/* display: none; */
	}
}
@media (max-width: 900px){
	
	.main {
		padding-top: 58px;
	}	
}
@media(max-width:425px){
	.mainContent{
		padding: 15px 0 0;
	}
}
/* modify by david 20220908 start */
@media(max-width:375px){
	.mainbgImg{
		display: none;
	}
	.mainbgImg2{
		display: none;
	}
	.mainbgImg3{
		display: none;
	}
}





/*/////////////////////////////////////////////////////////*/
/*-------首頁banner區塊--------*/
/*/////////////////////////////////////////////////////////*/

.indexmain .banner{

}

.indexmain .banner .swiper-slide a{
    display: block;
}

.indexmain .banner .swiper-slide a:focus{
    background-color: var(--focus_color);
}
.indexmain .banner .swiper-slide a:focus .banner_bg{
    opacity: 0.4;
}



















/*/////////////////////////////////////////////////////////*/
/*-------最新消息區塊--------*/
/*/////////////////////////////////////////////////////////*/

.index_news_listarea{
	width: 50%;
}
	.index_news_list{
		width: 100%;
		padding: clamp(0.742rem, 1.2vw, 1.438rem) 0;
	}
		.index_news_listIn{
			display: flex;
			flex-direction: row;
			align-items: center;
			background: #fff;
			border-radius: clamp(0.323rem, 0.52vw, 0.625rem);
			position: relative;
			column-gap: clamp(0.806rem, 1.3vw, 1.563rem);
		}
			.index_newsBigTitle{
				box-sizing: border-box;
				padding: clamp(1.613rem, 2.6vw, 3.125rem) 0;
				width: clamp(4.839rem, 7.81vw, 9.375rem);
				background-color: var(--fourth_color);
				border-radius: clamp(0.323rem, 0.52vw, 0.625rem);
				text-align: center;
				min-width: clamp(4.839rem, 7.81vw, 9.375rem);
			}
			.index_newsBigTitle span{
				font-size: 1.5em;
				letter-spacing: clamp(0.0968rem, 0.1563vw, 0.1875rem);
				font-weight: bolder;
			}

			.index_newsCategory{
				letter-spacing: clamp(0.0968rem, 0.1563vw, 0.1875rem);
				font-weight: bolder;
				border-bottom: 0.1875rem solid var(--third_color);
				position: relative;
				/* padding-left: clamp(0.645rem, 1.04vw, 1.25rem); */
				margin: 0;
				font-size: 1.125em;
				/* width: clamp(1.355rem, 2.19vw, 2.625rem); */
				/* min-width: clamp(1.355rem, 2.19vw, 2.625rem); */
				white-space: nowrap;
				display: flex;
				align-items: center;
			}

			.index_newsCategory::before{
				content: "";
				/* position: absolute; */
				background-position: center;
				background-image: url(../images/icon-06.webp);
				background-repeat: no-repeat;
				background-size: 99.9%;
				width: 1.875rem;
				min-width: 1.875rem;
				aspect-ratio: 1;
				/* height: 30px; */
				/* left: 0; */
				top: 50%;
				/* transform: translate(-25%, -50%); */
				display: block;
			}

			.index_newsTit{
				
				width: calc(100% - 13.25rem);
				

			}
			.index_newsTit a{
				font-size: 1.375em;
				font-weight: bolder;
				color: #333;
				/* white-space: nowrap;
				overflow: hidden;  
				text-overflow: ellipsis; */
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				overflow: hidden;
			}
			.index_newsTit a:hover{
				text-decoration: none;
				opacity: 0.7;
			}
				.index_newsDate{
					font-size: 0.9375em;
					color: #a9a3a3;
					padding: clamp(0.323rem, 0.52vw, 0.625rem);
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

	@media(max-width:1100px){

		.index_news_listarea{
			width: 100%;
			padding: 1.5625rem 0 0;
		}
			.index_newsTit a{
				font-size: .937em;
			}

			.index_newsDate {
    			font-size: 0.8em;
			}

			
	}
	@media(max-width:990px){
		.index_news_list {
		}
		.index_morebtn.moreleft{
		}
	}
	@media(max-width:768px){
		.index_newsBigTitle {
		}
		.index_newsCategory {
            margin: 0;
		}
		.index_newsTit {
		}
		.index_newsTit a{
		}
		.index_newsDate{
		}
	}


	@media(max-width:640px){
		.index_newsBigTitle {
			padding: 1.875rem 0;
			width: 5rem;
			min-width: 5rem;
		}
		.index_newsBigTitle span {
			font-size: 1.25em;
		}
		.index_newsCategory {
			margin: 0px;
			position: absolute;
			left: 6.25rem;
			top: 15%;
			font-size: 0.75em;
			padding: 0px;
			width: auto;
			min-width: unset;
			border-bottom: unset;
			background-color: var(--third_color);
			padding: .125rem .3125rem;
			color: #fff;
		}


		.index_newsCategory::before{
			width: 0;
            display: none;
		}
		.index_newsTit {
			width: calc(100% - 6.25rem);
			padding-top: 2.1875rem;
		}
		.index_newsTit a{
			font-size: 0.87rem;
		}
		.index_newsDate{
			font-size: 0.75em;
		}

		.index_morebtn {
			/* width: 90%;
			max-width: 90%; */
		}
	}













/*/////////////////////////////////////////////////////////*/
/*-------榮譽榜區塊--------*/
/*/////////////////////////////////////////////////////////*/
.index_honor_listarea{
	width: 45%;
}

.index_honor_listarea .swiper-button-prev, 
.index_honor_listarea .swiper-button-next {
    position: absolute;
    top: 50%;
    margin: 0px;
	width: 2.5rem;
    height: 2.5rem;
    background-size: 99.9%;
    background-position: center;
    background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.index_honor_listarea .swiper-button-prev{		
	background-image: url(../images/Button_02.svg);
}
.index_honor_listarea .swiper-button-next{
	background-image: url(../images/Button_01.svg);
}
.index_honor_listarea .swiper-button-prev:after, 
.index_honor_listarea .swiper-button-next:after {
    /* content: 'prev'; */
	display: none;
}



.index_honor_listarea .swiper-slide a{
    display: block;
}

.index_honor_listarea .swiper-slide a:focus{
    background-color: var(--focus_color);
}
.index_honor_listarea .swiper-slide a:focus img{
    opacity: 0.4;
}




@media(max-width:1100px){
	.index_honor_listarea{
		width: 100%;
		padding: clamp(1.613rem, 2.6vw, 3.125rem) 0;
	}
		
}