



.main_title{

}
	.main_title strong{
		display: block;
		font-size: 2em;
		margin-block-start: 0.67em;
		margin-block-end: 0.67em;
		/* font-size: 2rem;
		margin-block-start: 0.67rem;
		margin-block-end: 0.67rem; */
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-weight: bold;
		unicode-bidi: isolate;
	}







/*/////////////////////////////////////////////////////////*/
/* 首頁大輪播banner===================================== */
/*/////////////////////////////////////////////////////////*/

.home_main .swiper-container_pc{
	width: 90%;
}






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

.home_main .banner .swiper-container_pc ,
.home_main .banner .swiper-wrapper ,
.home_main .banner .swiper-slide ,
.home_main .banner .swiper-slide a{
	min-height: inherit;
}
.home_main .banner .swiper-slide a{
	position: relative;
	display: block;
	overflow: hidden;
}


	.home_main .banner .swiper-slide a 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;
	}



}





@media (max-width: 990px){
	/* banner */
	.home_main .banner .swiper-slide a{
		display: block;
		width: 100%;
		/* aspect-ratio: 2.59 / 1;
		width: 100%; */
		/* padding-top: 155%; *//* 20250730移除手機版 by tom */
	}
	.home_main .banner .swiper-slide 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; */
		
		width: 100%;
		height: auto;
	}
}












/*/////////////////////////////////////////////////////////*/
/*-------首頁_最新消息區塊--------*/
/*/////////////////////////////////////////////////////////*/
.magazine_in{
	padding-bottom: 25px;
}
.index_MagazineBg{
	display: block;
	padding-top: clamp(1.25rem, -0.083rem + 2.15vw, 2.5rem);
}
.index_MagazineBg .wrap{
	position: relative;
}

/* 平板開始才有輪播 */
.index_MagazineMobileBg{
	display: none;
	padding-top: 45px;
}
	.index_MagazineListArea{
		/* display: flex;
		flex-direction: row;
		flex-wrap: wrap; */
		/* margin: 0 -15px; */
		padding: 25px 0;
	}

	.right .index_MagazineListArea {
		padding: unset;
	}


		.index_MagazineList{
			float: left;
			width: 33%;
			box-sizing: border-box;
			padding: 0 0px 45px 0px;
		}
			.index_MagazineListIn{

			}
			

			.index_MagazineListIn a:hover{
				text-decoration: none;
			}

				/* 圖片 */
				.index_MegazineImg{
					width: 100%;
				}
					/* 20250521 圖片大小固定 by tom start */				
					.index_MegazineImg a{
						display: block;
						position: relative;
						padding-top: 66%;
					}
									
						.index_MegazineImg img{
							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;

						}
					/* 20250521 圖片大小固定 by tom end */

				/* 標題 */
				.index_MegazineTit{
					padding: 15px 0 0;
				}
					.index_MegazineTit a {
						display: block;
						font-size: 1.5em;
						line-height: normal;
						color: #000;
						font-weight: bold;
						padding-top: 0;
					}

					.index_MegazineTit a:hover {
						color: #A0A0A0 !important;
						text-decoration: none !important;
					}

				/* 簡述 */
				.index_MegazineText {
					font-size: .9375em;
					line-height: normal;
					color: #333;
					padding: 15px 0 0;
				}

				/* 日期+時間 */
				.index_MegazineDate{
					font-size: 1.25em;
					color: #B5B5B5;
					padding: 15px 0 0;
				}

				/* 查看更多 */
				.index_MegazineButton {
					padding: 15px 0 0;
					width: 100%;
				}
					.index_MegazineButton a {
						display: block;
						text-align: center;
						font-size: 1em;
						font-weight: bold;
						color: #ffffff;
						background-color: #000000;
						padding: 12.5px 10px;

						-webkit-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}

					.index_MegazineButton a:hover {
						background: #A0A0A0;

						-webkit-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}


				
@media (max-width:990px){
	.index_MagazineBg{
		/* display: none; */
	}
	
	/* 平板開始才有輪播 */
	.index_MagazineMobileBg{
		display: block;
	}
	
	.index_MagazineListArea {
		position: relative;
		margin: 0px;
		/* height: 300px; */
	}

	.index_MagazineList{
		width: 100%;
		padding: 0 0 45px;
	}

	.index_MagazineListIn a img {
		width: 100%;
		/* height: 200px;
		object-fit: cover; */
	}
	.index_MegazineDate {
		/* font-size: 16px; */
		text-align: right;
	}
	/* 輪播箭頭樣式 */
	.index_MagazineMobileBg .swiper-button-prev{
		position: absolute;
		top: 34%;
		/* modify by david 20220919 start */
    	/* left: 0.6%; */
		left: 0;
		/* modify by david 20220919 end */
		margin: 0px;
		/* z-index: 10;
		cursor: pointer; */
		width: 15px;
		height: 22px;
		background-size: 15px;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	} 
	.index_MagazineMobileBg .swiper-button-next {
		position: absolute;
		top: 34%;
		/* modify by david 20220919 start */
    	/* right: 0.6%; */
		right: 0;
		/* modify by david 20220919 end */
		margin: 0px;
		/* z-index: 10;
		cursor: pointer; */
		width: 15px;
		height: 22px;
		background-size: 15px;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.index_MagazineMobileBg .swiper-button-prev{
		display: block;		
		background-image: url(../images/chevron-left.svg);
	}
	.index_MagazineMobileBg .swiper-button-next{	
		display: block;			
		background-image: url(../images/chevron-right.svg);
	}
}




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

.index_newsBg{
	padding: 50px 0px 50px;
}

	.index_newsBg > .wrap {
		position: relative;
	}
	
		.index_moreBtn{
			position: absolute;
			right: 0px;
			top: 0px;
		}
			.index_moreBtn a{
				color: #555655;
				text-decoration: none;
				display: block;
				padding: 13px 10px;
				height: 42px;
				font-size: 1.1875em;
				text-align: center;
				box-sizing: border-box;
				font-weight:  bold;
				transition: 0.3s ease all;
			}
			/*hover*/
			.index_moreBtn a:hover{
				color: #0068b7;
				transition: 0.3s ease all;
			}
	
	
						
						
						


@media (max-width: 990px){
	.index_moreBtn{
		right: 20px;
	}
}



@media (max-width: 640px){

.index_newsBg{
	padding: 50px 0px 50px;
}

	.index_moreBtn{
		position: static;
		padding: 15px 0px 0px;
		margin: 0px auto;
	}
		.index_moreBtn a{
			color: #a7a7a7;
			border: 1px solid #dcdcdc;
		}
}

/*/////////////////////////////////////////////////////////*/
/*-------首頁_會訊區塊--------*/
/*/////////////////////////////////////////////////////////*/
.event_in{
	padding-bottom: 25px;
}
.index_eventBg{
	display: block;
	padding-top: 45px;
}

/* 平板開始才有輪播 */
.index_eventMobileBg{
	display: none;
	padding-top: 45px;
}
	.index_eventListArea{
		/* display: flex;
		flex-direction: row;
		flex-wrap: wrap; */
		margin: 0 -15px;
		padding: 25px 0;
	}

	.right .index_eventListArea {
		padding: unset;
	}


		.index_eventList{
			float: left;
			width: 20%;
			box-sizing: border-box;
			padding: 0 25px;
		}
			.index_eventListIn{

			}
			

			.index_eventListIn a:hover{
				text-decoration: none;
			}

				/* 圖片 */
				.index_eventImg{
					width: 100%;
				}
							
					.index_eventImg a{
						display: block;
						position: relative;
						padding-top: 35%;
					}
									
						.index_eventImg img{
							width:100% !important;;
							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;
						}
					

				/* 標題 */
				.index_eventTit{
					padding: 15px 0 0;
				}
					.index_eventTit a {
						display: block;
						font-size: 1.375em;
						line-height: normal;
						color: #000;
						font-weight: bold;
					}

					.index_eventTit a:hover {
						color: #A0A0A0 !important;
						text-decoration: none !important;
					}

				/* 簡述 */
				.index_eventText {
					font-size: .9375em;
					line-height: normal;
					color: #333;
					padding: 15px 0 0;
				}

				/* 日期+時間 */
				.index_eventDate{
					font-size: 1.1875em;
					color: #B5B5B5;
					padding: 15px 0 0;
				}

				/* 查看更多 */
				.index_eventButton {
					padding: 15px 0 0;
					width: 100%;
				}
					.index_eventButton a {
						display: block;
						text-align: center;
						font-size: 1em;
						font-weight: bold;
						color: #ffffff;
						background-color: #000000;
						padding: 12.5px 10px;

						-webkit-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}

					.index_eventButton a:hover {
						background: #A0A0A0;

						-webkit-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
					}


				
@media (max-width:990px){
	.index_eventBg{
		/* display: none; */
	}
	
	/* 平板開始才有輪播 */
	.index_eventMobileBg{
		display: block;
	}
	
	.index_eventListArea {
		position: relative;
		margin: 0px;
		/* height: 300px; */
	}

	.index_eventList{
		width: 100%;
		padding: 0 0 45px;
	}

	.index_eventListIn a img {
		width: 100%;
		/* height: 200px;
		object-fit: cover; */
	}
	.index_eventDate {
		/* font-size: 16px; */
		text-align: right;
	}
	/* 輪播箭頭樣式 */
	.index_eventMobileBg .swiper-button-prev{
		position: absolute;
		top: 34%;
		/* modify by david 20220919 start */
    	/* left: 0.6%; */
		left: 0;
		/* modify by david 20220919 end */
		margin: 0px;
		/* z-index: 10;
		cursor: pointer; */
		width: 15px;
		height: 22px;
		background-size: 15px;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	} 
	.index_eventMobileBg .swiper-button-next {
		position: absolute;
		top: 34%;
		/* modify by david 20220919 start */
    	/* right: 0.6%; */
		right: 0;
		/* modify by david 20220919 end */
		margin: 0px;
		/* z-index: 10;
		cursor: pointer; */
		width: 15px;
		height: 22px;
		background-size: 15px;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.index_eventMobileBg .swiper-button-prev{
		display: block;		
		background-image: url(../images/chevron-left.svg);
	}
	.index_eventMobileBg .swiper-button-next{	
		display: block;			
		background-image: url(../images/chevron-right.svg);
	}
}

/* 輪播點點調整 start */
.swiper_control{
	position: absolute;
	width: 100%;
	max-width: 300px;
	height: auto;
	top: 6.1%;
	right: 3%;
	
}
.htmlFontSizeC .swiper_control{
	right: 5%;
	
}

/* 在螢幕放大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) { 
	.swiper_control{

		top: 8%;
		
		
	}
}
@media (max-width: 990px){
	.swiper_control{
		display: none;
		
	}
}
/* 輪播點點調整 end */



/*========================================================*/
/*-------首頁_關於促進會--------*/
/*========================================================*/

.index_aboutBg{
	padding-top: clamp(1.25rem, -0.083rem + 2.15vw, 2.5rem);
	padding-bottom: 60px;
	overflow: hidden;
}
.index_aboutBg_in {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

.index_aboutLeft{
	width: 40%;


	position: relative;
	aspect-ratio: 16 / 9;
	display: block;
	overflow: hidden;
}

.index_aboutLeft img {
    /* width: 100%;
    height: auto;
    object-fit: cover; */


	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_aboutRight {
    width: calc( 100% - 40% - 100px );
}
.index_about_area{
	/* max-height: 300px; */
	/* overflow: hidden; */
}

.index_aboutBg_in .btn_area{
	text-align: left;
}

.index_aboutBg_in .index_title2 {
	
	text-align: left;
	margin-bottom: 20px;
}
.index_aboutBg_in .index_title2 {
    display: inline-block;
}
@media(max-width:990px){
	.index_aboutBg{
		padding: 30px 0;
	}
	.index_aboutBg_in {
		display: block;
	}
	.index_aboutLeft {
		width:100%;
	}
	.index_aboutRight {
		width:100%;
		margin-top: 20px;
	}
	.index_aboutBg_in .index_title2 {
		text-align: center;
		display: block;

	}
	.index_title2::before {
		left: 54%;
	}
	.index_aboutBg_in .btn_area {
		text-align: center;
	}
}
@media (max-width: 640px) {
    input[type="button"] {
        color: #a7a7a7;
        border: 1px solid #dcdcdc;
		width: 100%;
		background-color: #fff;
    }
}
@media(max-width:540px){
	/* .index_aboutBg_in .index_title2 {
		font-size: 24px;
	} */
	.index_title2::before {
		left: 60%;
	}
}


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

.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(1.25rem, -0.083rem + 2.15vw, 2.5rem);
			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;
		display: none;
	}








	.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: 25/ 5; 
            display: block;
            overflow: hidden;
            border: solid 1px #E6E6E6;
			padding: 0;
         }
         .index_link_list > a 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;
			object-fit: contain;
         }
         .index_link_list span{
            display: block;
            margin-top: clamp(0.4839rem, 0.7813vw, 0.9375rem);
            font-size: 1.375em;
            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;
			padding: 0;
         }

		 







@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;
	} */

}

