@charset "utf-8";
/*============================================================================*/
section.ere-ss-thumbnail.s1 {
	display: flex; justify-content: center; width: 100%; height: 100%; /*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-thumbnail.s1 .swiper-container {  }



section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites { margin: 0 auto 50px auto; width: 100vw; height: 80vh; max-width: 1920px; }

section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide {  }

/*----------------------------------------------------------------------------*/

section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .photo { position: relative; width:100%; height: 100%; }

section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .photo::after {
	content: '';
	position: absolute; width: 100%; height: 100%;
	background: rgba(255, 255, 255, .85);
	/*opacity: .35;*/
}
section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .photo img { width: 100%; height: 100%; object-fit: cover; }

/*----------------------------------------------------------------------------*/


section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents {
	display: flex; flex-direction: column; position: absolute; padding: 20px; width: 100vw; /*max-width: 800px;*/ max-width: 1920px;
	/*border: 1px solid rgba(0, 0, 0, .15);*/
	/*border-radius: 12px;*/
	/*box-shadow: -1px -1px 100px 0px rgba(0, 0,0, .35) inset, 1px -1px 100px 0px rgba(0, 0,0, .35) inset, -1px 1px 100px 0px rgba(0, 0,0, .35) inset, 1px 1px 100px 0px rgba(0, 0,0, .35) inset;*/
	/*background-color: rgba(0, 0, 0, .65);*/
	overflow: hidden;
}
/* 置中 */
section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents.cc {
	top: 50%; left: 50%; justify-content: center; text-align: center; max-width: 800px;
	border-radius: 12px;
	box-shadow: -1px -1px 100px 0px rgba(0, 0,0, .15) inset, 1px -1px 100px 0px rgba(0, 0,0, .15) inset, -1px 1px 100px 0px rgba(0, 0,0, .15) inset, 1px 1px 100px 0px rgba(0, 0,0, .15) inset;
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
/* 靠上置左 */
section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents.lt {
	top: 0; left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
/* 靠左置中 */
section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents.lc {
	top: 50%; left: 0;
	background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 100%);
	-webkit-transform: translate(0, -50%); transform: translate(0, -50%);
}
/* 靠左置底 */ 
section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents.lb {
	bottom: 0; left: 0; padding: 0 0 100px 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.85) 100%);
}
/*靠右的沒意義*/

/*--------------------------------------*/

section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents .title { margin: 0 0 20px 0; }
section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents .title a {
	display: inline-block; padding: 0 10px;
	font-size: 20px; color: rgba(255, 255, 255, .95);
	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);
	text-transform: capitalize;
	-webkit-box-decoration-break: clone;
	
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	
	-webkit-transition: all 300ms ease; transition: all 300ms ease;
}
section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents .title a:hover {  }

/*--------------------------------------*/


section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents .desc { margin: 0 0 10px 0; padding: 0 10px; line-height: 26px; }
section.ere-ss-thumbnail.s1 .swiper-container .swiper-suites .swiper-wrapper .swiper-slide .contents .desc a {
	line-height: 26px;
	font-size: 16px; color: rgba(220, 220, 230, .95);
	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);
	
	overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

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

section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs { margin: -150px auto 0 auto; /*width: 100vw;*/ /*max-width: 800px;*/ /*max-width: 1920px;*/ height: 100%; }

section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs .swiper-wrapper {  /*justify-content:center;*/ }

section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs .swiper-slide {
	width: 100%; height: 100%; max-width: 100px; max-height: 150px;
	border: 1px solid rgba(255, 255, 255, 0);
	-webkit-filter: blur(1px); filter: blur(1px);
	-webkit-transform: scale(1); transform: scale(1);
	
	transition: filter 300ms linear, transform 300ms ease;
	-webkit-transition: -webkit-filter 300ms linear, -webkit-transform 300ms ease;
	
}

section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs .swiper-slide .thumb { position: relative; }

section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs .swiper-slide .thumb img {
	width: 100%; max-width: 150px; height: 100%; max-height: 150px;
	border: 1px solid rgba(255, 255, 255, 0);
	box-shadow: 0 0 12px 0.5px rgba(0, 0, 0, 0);
	border-radius: 5px;
	object-fit: cover;
	cursor: pointer;
	transition: border 300ms ease, border-shadow 300ms ease;
	-webkit-transition: border 300ms ease, border-shadow 300ms ease;
}

section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs .swiper-slide.swiper-slide-prev {  }

section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
	-webkit-filter: blur(0px); filter: blur(0px);
	-webkit-transform: scale(1.15); transform: scale(1.15);
}
section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs .swiper-slide.swiper-slide-thumb-active .thumb img {
	border: 2px solid rgba(255, 255, 255, .85);
	box-shadow: 0 0 12px 1px rgba(0, 0, 0, .35);
}

section.ere-ss-thumbnail.s1 .swiper-container .swiper-thumbs .swiper-slide.swiper-slide-next {  }






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

section.ere-ss-thumbnail.s1 .swiper-container .swiper-button-prev,
section.ere-ss-thumbnail.s1 .swiper-container .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-thumbnail.s1 .swiper-container .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-thumbnail.s1 .swiper-container .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-thumbnail.s1 .swiper-container .swiper-button-prev::after,
section.ere-ss-thumbnail.s1 .swiper-container .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-thumbnail.s1 .swiper-container .swiper-button-prev::after { content: '\f104'; }
section.ere-ss-thumbnail.s1 .swiper-container .swiper-button-next::after { content: '\f105'; }

section.ere-ss-thumbnail.s1 .swiper-container .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-thumbnail.s1 .swiper-container .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-thumbnail.s1 .swiper-container .swiper-button-prev,
	section.ere-ss-thumbnail.s1 .swiper-container .swiper-button-next {
		width: 30px; height: 30px;
	}
	section.ere-ss-thumbnail.s1 .swiper-container .swiper-button-prev::after,
	section.ere-ss-thumbnail.s1 .swiper-container .swiper-button-next::after {
		font-size: 16px;
	}
}