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

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

		margin: 0;
		display: flex;
		flex-wrap: wrap;
		column-gap: clamp(0.968rem, -0.001rem + 1.56vw, 1.875rem);
		row-gap:clamp(1.452rem, 2.34vw, 2.813rem);
	}

	.right .eventListArea {
		/* padding: unset; */
	}


		.eventList{
			/* float: left; */
			/* width: 25%; */
			box-sizing: border-box;
			/* padding: 0 15px 45px 15px; */
			padding: 0;


			width: calc((100% / 4) - (3 * clamp(0.968rem, -0.001rem + 1.56vw, 1.875rem) / 4)); /* 4欄平均寬度，扣除間距 */
		}
			.eventListIn{

			}
			

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

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

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

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

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

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

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

				/* 查看更多 */
				.eventButton {
					padding: 15px 0 0;
					width: 100%;
				}
					.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;
					}

					.eventButton a:hover {
						background: #A0A0A0;

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



@media (max-width:990px){

	.eventList{
		width: calc((100% / 2) - (1 * clamp(0.968rem, -0.001rem + 1.56vw, 1.875rem) / 2)); /* 2欄平均寬度，扣除間距 */
	}


}

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

	.eventList{
		width: 100%;
		/* padding: 0 0 45px; */
	}

	.eventListIn a img {
		width: 100%;
		/* height: 200px;
		object-fit: cover; */
	}
	.eventDate {
		/* font-size: 16px; */
		text-align: right;
	}
	/* 輪播箭頭樣式 */
	.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%);
	} 
	.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%);
	}
	.eventMobileBg .swiper-button-prev{
		display: block;		
		background-image: url(../images/chevron-left.svg);
	}
	.eventMobileBg .swiper-button-next{	
		display: block;			
		background-image: url(../images/chevron-right.svg);
	}
}