@charset "utf-8";
/*============================================================================*/
section.ere-ss-default.s1 {
	display: flex; justify-content: center; width: 100%; height: calc(100vh / 1.5 + 50px); /*overflow-y: visible !important; /*height: 30vh; /*overflow: hidden;*/
	border-bottom: 1px solid rgba(0, 0, 0, .65);
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .65);
	overflow: hidden;
}

section.ere-ss-default.s1 .swiper-container { width: 100%; height: 100%; }

section.ere-ss-default.s1 .swiper-container .swiper-slide {
	display: flex; position: relative; align-items: center; justify-content: center; flex-direction: column; /*min-height: 80vh;*/
	background-size: cover;
	background-position: 50%;
}
/* overlay */
/*
section.ere-ss-default.s1 .swiper-container .swiper-slide:before {
	content: '';
	z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, .05);
	/*opacity: .35;*
}
*/
section.ere-ss-default.s1 .swiper-container .swiper-slide img {
	pointer-events: none;
	width: 100%; height: 100%; min-width: 100%; min-height: 100%;
	object-fit: cover;
	background-size: cover;
	-webkit-background-size: cover;
}
/*============================================================================*/
section.ere-ss-default.s1 .swiper-container .swiper-slide figure {
	z-index: 2; position: absolute; left: 0; left: 0; width: 100%; height: 100%;
	
}

section.ere-ss-default.s1 .swiper-container .swiper-slide figure a {
	display: flex; align-items: flex-end; flex-direction: column; height: 100%; text-align: left;
	-webkit-transform: translateY(85%); transform: translateY(85%);
	-webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
}

section.ere-ss-default.s1 .swiper-container .swiper-slide figure a figcaption {
	margin: 0 auto; width: calc(98%);
	color: rgba(255, 255, 255, .95); font-size: 26px; /*letter-spacing: -1px;*/
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	
	transform: translateY(-5%) scale(0.8);
	transition: 100ms ease;
	opacity: 0;
}

section.ere-ss-default.s1 .swiper-container .swiper-slide figure a:hover > figcaption { /*color: rgba(2, 133, 210, .95);*/ }

section.ere-ss-default.s1 .swiper-container .swiper-slide figure a article {
	margin: 0 auto; padding: 10px 20px; width: 100%; height: 100%; line-height: 26px; text-align: left;
	border-top: 1px solid rgba(0, 0, 0, .85);
	box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, .65) inset, 0px 0px 36px 0px rgba(0, 0, 0, .35);
	background-color: rgba(0, 0, 0, .65);
	-webkit-transform: translateY(20%); transform: translateY(20%);
	-webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
}
section.ere-ss-default.s1 .swiper-container .swiper-slide figure a article strong {
	color: rgba(255, 255, 255, .95); font-size: 16px; text-shadow: 0 0 5px rgba(0, 0, 0, .65);
	
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

section.ere-ss-default.s1 .swiper-container .swiper-slide figure:hover a { -webkit-transform: translateY(75%); transform: translateY(75%); }
section.ere-ss-default.s1 .swiper-container .swiper-slide figure:hover a article { -webkit-transform: translateY(5%); transform: translateY(5%); }


/* prev */
section.ere-ss-default.s1 .swiper-container .swiper-slide.swiper-slide-prev a figcaption {
	
}
/* active */
section.ere-ss-default.s1 .swiper-container .swiper-slide.swiper-slide-active a figcaption {
	opacity: 1;
	transform: translateY(30%) scale(1);
	transition: 100ms ease;
}
/* next */
section.ere-ss-default.s1 .swiper-container .swiper-slide.swiper-slide-next a figcaption {
	
}
@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.ere-ss-default.s1 .swiper-container .swiper-slide figure:hover a { -webkit-transform: translateY(85%); transform: translateY(85%); }
	
	section.ere-ss-default.s1 .swiper-container .swiper-slide figure a article { display: none; }
	

}
@media screen and (min-width: 480px) and (max-width: 1279px) {
	section.ere-ss-default.s1 .swiper-container .swiper-slide figure a figcaption { font-size: calc(3vw); }
}
@media screen and (min-width: 1px) and (max-width: 479px) {
	section.ere-ss-default.s1 .swiper-container .swiper-slide figure a { text-align: center; }
	section.ere-ss-default.s1 .swiper-container .swiper-slide figure a figcaption { font-size: calc(5vw); }
}
/*============================================================================*/

section.ere-ss-default.s1 .swiper-button-prev,
section.ere-ss-default.s1 .swiper-button-next {
	z-index: 9; margin-top: -19px; width: 38px; height: 38px;
	border-radius: 100%;
	border: 1px solid rgba(0, 0, 0, .65);
	box-shadow: 1px 1px 1px 0.5px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .85);
	opacity: .75;
}
section.ere-ss-default.s1 .swiper-button-prev { box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15); }
section.ere-ss-default.s1 .swiper-button-next { box-shadow: -1px 1px 1px 0px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15); }
section.ere-ss-default.s1 .swiper-button-prev::after,
section.ere-ss-default.s1 .swiper-button-next::after {
	display: flex; align-items: center; justify-content: center; padding: 5px; width: 30px; height: 30px;
	color: rgba(255, 255, 255, .85); font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 20px;
}
section.ere-ss-default.s1 .swiper-button-prev::after { content: '\f104'; }
section.ere-ss-default.s1 .swiper-button-next::after { content: '\f105'; }

section.ere-ss-default.s1 .swiper-button-prev:hover::after { content: '\f100'; -webkit-animation: 1s .1s normal ease infinite jellen-moveleft-3px; animation: 1s .1s normal ease infinite jellen-moveleft-3px; }
section.ere-ss-default.s1 .swiper-button-next:hover::after { content: '\f101'; -webkit-animation: 1s .1s normal ease infinite jellen-moveright-3px; animation: 1s .1s normal ease infinite jellen-moveright-3px; }

@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.ere-ss-default.s1 .swiper-button-prev,
	section.ere-ss-default.s1 .swiper-button-next {
		width: 30px; height: 30px;
	}
	section.ere-ss-default.s1 .swiper-button-prev::after,
	section.ere-ss-default.s1 .swiper-button-next::after {
		font-size: 16px;
	}
}
/*============================================================================*/

section.ere-ss-default.s1 .swiper-pagination {  }

section.ere-ss-default.s1 .swiper-pagination span.swiper-pagination-bullet {
	position: relative; width: 36px; height: 3px;
	border-radius: 0;
	overflow: hidden;
}
section.ere-ss-default.s1 .swiper-pagination span.swiper-pagination-bullet::before {
	content: '';
	display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
}

section.ere-ss-default.s1 .swiper-pagination span.swiper-pagination-bullet { background: rgba(0, 0, 0, .65); border-radius: 36px; }

section.ere-ss-default.s1 .swiper-pagination span.swiper-pagination-bullet-active { background: rgba(0, 0, 0, .85); }

section.ere-ss-default.s1 .swiper-pagination span.swiper-pagination-bullet-active::before {
	box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, .65) inset, 0 0 12px rgba(0, 0, 0, .15);
	background-color: rgba(255, 0, 0, .85);
	animation: swiper-slide-progress 6000ms cubic-bezier(0.3, 0, 0.3, 1) forwards;
	-webkit-animation: swiper-slide-progress 6000ms cubic-bezier(0.3, 0, 0.3, 1) forwards;
}

/* 當前 */
section.ere-ss-default.s1 .swiper-pagination span.swiper-pagination-bullet-active-main {  }

section.ere-ss-default.s1 .swiper-pagination .swiper-paused .swiper-pagination-bullet-active::before {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}

@-webkit-keyframes swiper-slide-progress {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(0); }
}
@keyframes swiper-slide-progress {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(0); }
}

/*============================================================================*/