.swiper {
	margin: 0px 20px;
}
.swiper-slide {
	position: relative;
	--bs-aspect-ratio: 150%;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide-active {
	opacity: 1;
}

.swiper-slide img {
	height: auto;
	width: 100%;
}

.swiper-slide-content {
	position: absolute;
	background-image: url(../img/wave-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0px;
	padding: 35px 25px 10px 25px;
}

.swiper-slide span {
	line-height: 1.6;
	font-size: 0.9rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.swiper-slide-content .show-more {
	width: 3.125rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e6f8ff;
	border-radius: 50%;
	margin-top: 1em;
	height: 0;
	opacity: 0;
	margin-left: auto;
}
.swiper-slide-content .show-more:hover {
	background: #94dffa;
}
.swiper-slide-content .show-more i {
	font-size: 2rem;
	line-height: 2rem;
	color: #81d6f4;
}
.swiper-slide-content .show-more:hover i {
	color: #fff;
}

.swiper-slide-active:hover img,
.swiper-slide:hover img {
	transform: scale(1.15);
	animation-name: scale-115;
	animation-duration: 0.5s;
}
.swiper-slide-active:hover span,
.swiper-slide:hover span {
	display: block;
	overflow: visible;
}

.swiper-slide-active:hover .show-more,
.swiper-slide:hover .show-more {
	opacity: 1;
	height: 3rem;
}

@keyframes scale-115 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.15);
	}
}

/*----- 左右箭頭 -----*/
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, -40px);
	right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, -40px);
	left: auto;
}
.swiper-button-prev,
.swiper-button-next {
	color: rgb(197, 197, 197);
	display: none;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
	color: rgb(126, 126, 126);
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, -40px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%;
}
/*--- sm ---*/
@media screen and (min-width: 576px) {
	.swiper-slide {
		--bs-aspect-ratio: 150%;
	}
	.swiper {
		margin: 0px 0px;
	}
}
/*--- md ---*/
@media screen and (min-width: 768px) {
	.swiper-button-prev,
	.swiper-button-next {
		display: block;
	}
}

/*--- lg ---*/
@media screen and (min-width: 992px) {
	.swiper-slide {
		--bs-aspect-ratio: 160%;
	}
}