iframe{
	width: 100%;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner img{
	max-width: 100%;
	display: block;
}

.attach 
{
	position:absolute; top:0px;  
	transform: translateX(-50%);

}

.main-title{
	font-size: 1.2rem;
	font-weight: bolder;
	letter-spacing: 0;
}

.sub-title{
	font-size: 1rem;
	color: #F39737;
}

.news{
	padding: 0 3.2% 3rem 3.2%;
	background: #F2F2F2;
}

.stick{
	margin:0 auto 1rem auto;
	width: 0;
	height: 1.5rem;
	border: 0.2rem solid #F39737;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
}

.news-title{
	padding-bottom: 1rem;
}

.news-title h2{
	margin: 0;
	padding: 0;
}

.news-block{
	padding: 0.7rem;
	width: 100%;
}

.news-block a{
	text-decoration: none !important;
	display: flex;
}

a.news-link:hover .new-content-title{
    color: #F39737;
}

.news-time{
	display: inline-grid;
    text-align: center;
}

.news-time-YM{
	color: #A6A6A6;
	font-size: 0.8rem;
    line-height: initial;
    font-family: sans-serif;
}

.news-time-D{
	color: #000000;
	font-size: 1.4rem;
    line-height: initial;
    font-family: sans-serif;
}

.news-content-stick{
	margin-left: 1.1rem;
	width: 0;
	border: 0.15rem solid #000000;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
}

.news-content-div{
	margin-left: 0.5rem;
	display: grid;
	color: #000000;
}

.new-content-title{
	font-weight: bolder;
	font-size: 1rem;
}

.new-content-detail{
	font-size: 1rem;
}

.news-more{
	color: #000000;
	background-color: #F39737;
	padding: 0.3rem 1.5rem;
}

.event{
	padding: 0 9.5% 5rem 9.5%;
}

.event-title{
	padding-bottom: 1rem;
}

.event-title h2{
	margin: 0;
	padding: 0;
}

.event-block{
	padding: 1rem 0.7rem;
}

.event-block a{
	text-decoration: none !important;
}

a.event-link:hover .card-title{
    color: #F39737;
}

.event-block .card-body{
	min-height: 10rem;
	background-color: #000000;
}

.event-arrow-div{
	position: absolute;
	bottom: 0;
	right: 1rem;
	font-size: 2rem;
}

.event-arrow-div i{
	color: #F39737;
}

.card-body{
	color: #FFFFFF;
}

.card-title{
	font-weight: bolder;
}

.card-sub-title{
	font-weight: lighter;
}

.partners{
	padding: 0 9.5% 5rem 9.5%;
	background: #F2F2F2;
}

.partners-title{
	padding-bottom: 1rem;
}

.partners-title h2{
	margin: 0;
	padding: 0;
}

.partners img{
	margin: 1rem;
	height: 40px;
	max-width: 100%;
}
@media (min-width: 240px){
.rwd-display-none {
	display: none;
	}
	.rwd-display-show {
		display: block;
	}
}
@media (min-width: 480px){
	.rwd-display-none {
		display: none;
	  }
	  .rwd-display-show {
		  display: block;
	  }
}

@media (min-width: 576px){
	iframe{
		width: 480px;
		height: 280px;
	}
	.partners img{
		margin: 2rem;
		height: 65px;
	}
	.rwd-display-none {
		display: none;
	  }
	  .rwd-display-show {
		  display: block;
	  }
}

@media (min-width: 768px) {
	.main-title{
		font-size: 1.8rem;
	}

	.sub-title{
		font-size: 1.2rem;
	}
	.stick{
		height: 3rem;
	}
	.partners img{
		margin: 2.2rem;
		height: 80px;
	}
	.rwd-display-none {
		display: none;
	  }
	  .rwd-display-show {
		  display: block;
	  }
}
@media (min-width: 991px) {
	iframe{
		width: 768px;
		height: 432px;
	}
	.news-block{
		width: 50%;
	}
	.event-block{
		padding: 0 0.7rem;
	}
	.rwd-display-none {
		display: none;
	  }
	  .rwd-display-show {
		  display: block;
	  }
}

@media (min-width: 992px) {
	iframe{
		width: 768px;
		height: 432px;
	}
	.news-block{
		width: 50%;
	}
	.event-block{
		padding: 0 0.7rem;
	}
	.rwd-display-none {
		display: block;
	  }
	  .rwd-display-show {
		  display: none;
	  }
}

@media (min-width: 1200px) {
	.main-title{
		font-size: 2.5rem;
	}

	.sub-title{
		font-size: 1.5rem;
	}
	.news-block{
		padding: 2rem;
	}
	.news-time-YM{
		font-size: 1.2rem;
	}

	.news-time-D{
		font-size: 4rem;
	}

	.news-content-stick{
		margin-left: 3.5rem;
	}

	.news-content-div{
		margin-left: 1.5rem;
	}

	.new-content-title{
		font-size: 1.5rem;
	}

	.new-content-detail{
		font-size: 1.5rem;
	}
	.rwd-display-none {
		display: block;
	}
	.rwd-display-show {
		display: none;
	  }
}

.halfSection{
	margin:15px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.halfSectionIcon{
	flex: 0 0 45%; /* 將每個 div 的寬度設置為 40% */
	height: 50px;
	background: #ffffff;
	color: #333;
	display: flex;
	border-radius: 10px;
	box-shadow:
			2px 2px 5px rgba(0, 0, 0, .4),
			-0.5px 0px 0.2px rgba(255, 255, 255, 0.9);
}
.halfSectionIcon .halfSectionIconGraph{
	margin:10px auto auto auto;
	text-align: left;
	width: 30px;
	height: 30px;
}
.halfSectionIcon .halfSectionIconText{
	margin:10px auto auto auto;
	text-align: left;
}

.listSection {
	margin: 15px 10px;
	display: flex;
	flex-wrap: wrap; /* 允許多欄換行 */
	gap: 10px; /* 欄位之間間距 */
	justify-content: space-between;
}

.listSectionIcon {
	flex: 1 1 100%;
	box-sizing: border-box;
	margin: 10px 0px;
	height: 80px;
	background: #ffffff;
	color: #333;
	display: flex;
	border-radius: 10px;
	box-shadow:
		2px 2px 5px rgba(0, 0, 0, .4),
		-0.5px 0px 0.2px rgba(255, 255, 255, 0.9);
}

/* 兩欄排版 */
@media (min-width: 800px) {
	.listSectionIcon {
		flex: 1 1 calc(50% - 10px); /* 每欄 50%，減去 gap 空間 */
	}
}

/* 三欄排版 */
@media (min-width: 1200px) {
	.listSectionIcon {
		flex: 1 1 calc(33.333% - 10px); /* 每欄 1/3，減去 gap 空間 */
	}
}
.listSectionIcon .listSectionIconGraph{
	margin:10px 10px;
	text-align: left;	
	min-width: 60px;
	width: 60px;
	height: 60px;
}
.listSectionIcon .listSectionIconText{
	margin:7px 15px;
	text-align: left;
}
.listSectionIcon .listSectionIconText .listSectionIconTextTop{
	text-align: left;
	font-size: 1.2rem;
}
.listSectionIcon .listSectionIconText .listSectionIconTextSec{
	margin:3px 0px;
	text-align: left;
	font-size: 0.8rem;
}

.listSectionIcon .listSectionIconGraph img{
	width: 100%;
	height: 100%;
}



.listSection2{
	display: block;
	align-items: center;
	justify-content: space-between;
}

.listSectionIcon2{
	flex: 0 0 90%; /* 將每個 div 的寬度設置為 90% */
	margin:10px 0px;
	background: #ffffff;
	color: #333;
	display: flex;
	border-radius: 6px;
	box-shadow:
			1px 1px 4px rgba(0, 0, 0, .4),
			-0.5px 0px 0.2px rgba(255, 255, 255, 0.9);
}

.listSectionIcon2 .listSectionIconGraph2{
	margin:10px 5px;
	text-align: left;
	width: 120px;
	min-width: 120px;
	height: 120px;
	overflow:hidden;
}
.listSectionIcon2 .listSectionIconText2{
	margin:7px 7px;
	text-align: left;
}
.listSectionIcon2 .listSectionIconText2 .listSectionIconTextTop2{
	text-align: left;
	font-size: 1.0rem;
}
.listSectionIcon2 .listSectionIconText2 .listSectionIconTextSec2{
	text-align: left;
	font-size: 0.8rem;
}
.listSectionIcon2 .listSectionIconText2 .listSectionIconTextThird2{
	text-align: left;
	font-size: 0.8rem;
}
.listSectionIcon2 .listSectionIconText2 .listSectionIconText4th2{
	text-align: left;
	font-size: 0.8rem;
}

.listSectionIcon .listSectionIconGraph img{
	width: 100%;
	height: 100%;
}
.back-btn {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 20px;
	height: 20px;
	background-image:  url("/assets/icon/back.png"); 
	background-size: cover; /* 圖像將填充整個容器 */
	background-repeat: no-repeat; /* 避免圖像重複 */
	background-position: center; /* 圖像在容器中居中 */
}
.back-btn a {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 圖像將填充容器，保持長寬比並裁剪不適合的部分 */
}
.close-btn {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 20px;
	height: 20px;
	background-image:  url("/assets/icon/close.png"); 
	background-size: cover; /* 圖像將填充整個容器 */
	background-repeat: no-repeat; /* 避免圖像重複 */
	background-position: center; /* 圖像在容器中居中 */
}



.bannerOuter{
	width: 100%;
	height: 200px; /* 容器高度 */
	overflow: hidden; /* 裁剪超出容器的部分 */
	position: relative; /* 设置相对定位，以便相对于容器进行定位 */
}

.bannerImg {
	width: 100%; /* 图片宽度占满容器 */
	height: 200px; /* 高度自适应，防止图像变形 */
	object-fit: cover; /* 图像填充整个容器，保持纵横比 */
	object-position: center; /* 图像在容器中居中显示 */
	position: absolute; /* 设置绝对定位，相对于容器定位 */
	top: 50%; /* 图像上边缘距离容器上边缘的距离为50% */
	left: 0; /* 图像左边缘距离容器左边缘的距离为0 */
	transform: translateY(-50%); /* 将图像向上移动50%自身高度，使其垂直居中 */

}

.navbottomfix
{
	padding-bottom:70px !important;
}

.l-grey{
	color:#333333
}
.m-grey{
	color:#808080
}
.s-grey{
	color:#CCCCCC
}
.font{
	color: #0CB4B5
}
.font-reverse{
	color:white;
	background-color:#0CB4B5
}
.bold{
	font-weight: bold;
}

.swal2-popup {
	width: auto !important;
	/* 设置弹窗宽度为自适应 */
	max-width: 100% !important;
	/* 设置最大宽度为动画的宽度 */
	padding: 0 !important;
	/* 可选：去除内边距 */
}

.swal2-popup .swal2-content {
	padding: 0 !important;
	/* 可选：去除内容区域内边距 */
}

.btn-back-home{
	border: solid;
	color: #0CB4B5;
    font-weight: bold;
}

.error {
	color: red;
}