@charset "utf-8";
/*============================================================================*/

section.ere-tabcustomize.s1 {  }

@media screen and (min-width: 1px) and (max-width: 1679px) { sectionsection.ere-tabcustomize { width: 100% !important; } }

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

section.ere-tabcustomize.s1 .main {  }

section.ere-tabcustomize.s1 .main .col {  }

section.ere-tabcustomize.s1 .main .col .reveal {  }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites { margin: 20px auto; width: 100%;  }

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

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls {  }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.tohidden { visibility: hidden; width: 0px; height: 0px; }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container {  }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper {  }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide {
	position: relative; width: 180px; max-width: 180px; height: 42px;
	margin: 10px 10px 20px 10px; text-align: center;
	border-radius: 8px; border: 1px solid rgba(130, 210, 235, .65);
	background-color: rgba(255 ,255, 255, .85);
	overflow: hidden;
	cursor: pointer;
}

@media screen and (min-width: 1px) and (max-width: 679px) {
	section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide { width: 130px; max-width: 130px; }
}

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide mark {
	position: absolute; left: 0; top: 0; width: 20px; height: 100%;
	background-color: rgba(130, 210, 235, .65);
	-webkit-transition: width 300ms ease; transition: width 300ms ease;
}
section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide:hover > mark,
section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active mark { width: 30px; }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide mark:before {
	content: '';
	position: absolute; left: 21px; top: 0; width: 3px; height: 100%;
	background-color: rgba(255 ,255, 255, 0);
	-webkit-transition: background-color 300ms linear; transition: background-color 300ms linear;
}
section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide:hover mark:before { background-color: rgba(255 ,255, 255, .65); }
section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide:hover.swiper-slide-thumb-active mark:before { background-color: rgba(255 ,255, 255, 0); }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide mark:after {
	position: absolute; left: -50px; top: 11px;
	content: '\f0da';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-size: 18px; color: rgba(255, 255, 255, .85);
	-webkit-transition: left 300ms linear; transition: left 300ms linear;
}

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active mark:after { left: 10px; }


section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide:first-child { margin-left: 0; }
section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide:last-child { margin-right: 0; }

@media screen and (min-width: 1px) and (max-width: 1679px) {
	section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide:first-child { margin-left: 10px; }
	section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide:last-child { margin-right: 10px; }
}

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
	
}

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide strong {
	padding: 12px 15px 15px 25px;
	color: rgba(0, 0, 0, .85); font-size: 16px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	transform: translate(0, 0);
	-webkit-transition: color 300ms linear, transform 300ms linear; transition: color 300ms linear, transform 300ms linear;
}

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide:hover > strong,
section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active > strong {
	color: rgba(2, 133, 210, .95);
	transform: translate(10px, 0);
}
section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active > strong { color: rgba(18, 100, 237, .95); }
section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:hover > strong { color: rgba(130, 119, 23, .95); }

@media screen and (min-width: 1px) and (max-width: 679px) {
	section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide { height: 38px; }
	section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .tab-ctrls.swiper-container .swiper-wrapper .swiper-slide strong { font-size: 14px; }
}

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

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content { overflow: hidden; }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper {  }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper .swiper-slide { display: flex; }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper .swiper-slide article {
	margin: 0 0 25px 0; width: 100%;
	/*-webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;*/
}

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper .swiper-slide article:hover {
	/*-webkit-transform: scale(1.03); transform: scale(1.03);*/
}

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper .swiper-slide article {
	display: block; position: relative;
	background-color: rgba(255 ,255, 255, .95);
	overflow: hidden;
}

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

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper .swiper-slide article .con {
	/*
	padding: 10px 20px; height: 100%; line-height: 25px;
	color: rgba(0, 0, 0, .95); font-size: 14px;
	
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	-moz-text-align-last: justify;
	-webkit-text-align-last: justify;
	*/
}

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper .swiper-slide article .con img { width: 100%; height: 100%; }

section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper .swiper-slide article:hover .con { /*color: rgba(1, 92, 148, .95);*/ }


@media screen and (min-width: 1px) and (max-width: 1679px) {
	section.ere-tabcustomize.s1 .main .col .reveal .swiper-suites .swiper-container.tab-content .swiper-wrapper .swiper-slide article .con { font-size: 12px; padding: 10px; }
}

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

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

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

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

section.ere-tabcustomize.s1 .swiper-scrollbar { background-color: rgba(0, 0, 0, .35); }

section.ere-tabcustomize.s1 .swiper-scrollbar .swiper-scrollbar-drag {
	border: 1px solid rgba(255, 0, 0, .35);
	box-shadow: 1px 0px 1px 0.1px rgba(255, 255, 255, .65) inset, 0px 0px 8px 0px rgba(255, 0, 0, .15);
	background-color: rgba(255, 0, 0, .65);
}