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

section.ere-mlayer.s2 {  }

section.ere-mlayer.s2 .mlayer-main { display: flex; margin: 0 auto; }

section.ere-mlayer.s2 .mlayer-main .swiper-container {
	width: 100%; max-width: 1920px;
	overflow: hidden;
}

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { margin: 0 0 20px 0; height: 750px; }

@media screen and (min-width: 1600px) and (max-width: 1679px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 1100px; } }
@media screen and (min-width: 1500px) and (max-width: 1599px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 1000px; } }
@media screen and (min-width: 1400px) and (max-width: 1499px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 960px; } }
@media screen and (min-width: 1200px) and (max-width: 1399px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 860px; } }
@media screen and (min-width: 1100px) and (max-width: 1199px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 760px; } }
@media screen and (min-width: 1000px) and (max-width: 1099px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 960px; } }
@media screen and (min-width: 900px) and (max-width: 999px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 960px; } }
@media screen and (min-width: 800px) and (max-width: 899px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 860px; } }
@media screen and (min-width: 700px) and (max-width: 799px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 760px; } }
@media screen and (min-width: 600px) and (max-width: 699px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 660px; } }
@media screen and (min-width: 500px) and (max-width: 599px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 580px; } }
@media screen and (min-width: 450px) and (max-width: 499px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 460px; } }
@media screen and (min-width: 400px) and (max-width: 449px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 420px; } }
@media screen and (min-width: 1px) and (max-width: 399px) { section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper { height: 380px; } }

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


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

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure {
	vertical-align: top;
	border-width: 12px;
	border-bottom-width: 36px;
	border-style: solid;
	border-color: rgba(255, 255, 255, .65);
	border-radius: 5px;
	overflow-x: clip;
	-webkit-transition: -webkit-transform 300ms ease-in-out, border-color 300ms ease-in-out; transition: transform 300ms ease-in-out, border-color 300ms linear;
}
@media screen and (min-width: 1px) and (max-width: 1679px) {
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure { border-radius: 0; }
}

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide {
	position: relative; height: auto; /*min-height: 100%; max-height: 100%;*/
	cursor: pointer;
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure {
		border-width: 5px;
		border-bottom-width: 36px;
	}
}

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure:hover {
	border-color: rgba(255, 255, 255, .95);
	-webkit-transform: scale(1.02); transform: scale(1.02);
}
/*----------------------------------------------------------------------------*/

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a { display: flex; width: 100%; height: 100%; }

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a article { display: contents; }

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a article img {
	width: 100%; height: 100%; min-width: 100%; min-height: 100%;
	object-fit: cover; /*object-position: center;*/
	background-size: cover;
	-webkit-background-size: cover;
}

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

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a figcaption { display: none; }

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a figcaption strong { }
section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a figcaption em:after {  }

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

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide figcaption { display: inline-block; width: 100%; height: 40px; }

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide figcaption strong {
	padding: 10px 10px 8px 10px; width: 100%;
	color: rgba(0, 0, 0, .85); font-size: 14px;
	text-shadow: none;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	
	-webkit-transition: bottom 300ms ease-in-out; transition: bottom 300ms ease-in-out;
}

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide:hover figcaption strong { color: rgba(2, 133, 210, .95); }

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

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul {
	z-index: 2;
	position: absolute; top: 10px; right: 0px; width: 46px; height: auto; max-height: 130px;
	border: 1px solid rgba(0, 0, 0, .35);
	box-shadow: 1px 0px 1px 0px rgba(255, 255, 255, .65) inset, 0px 0px 8px 0px rgba(0, 0, 0, .35);
	border-radius: 8px 0 0 8px;
	background-color: rgba(0, 0, 0, .65);
	-webkit-transition: right 300ms ease-in-out; transition: right 300ms ease-in-out;
}
section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide:hover a ul { right: -50px; }
/*-------------------*/
section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li { margin: 15px 0; }
section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li img {
	
}
section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li img.news { width: 26px; height: 9px; object-fit: contain; }

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong { display: inline-block; width: 100%; text-align: center; }

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong.new,
section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong.hot,
section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong.sale,
section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong.pack {
	color: rgba(255, 255, 255, .85); font-size: 13px; 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),
	-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);
}
@media screen and (min-width: 1px) and (max-width: 1679px) {
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide:hover a ul { right: 0; }
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul { top: 5px; width: 36px; }
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li { margin: 5px 0; }
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong.new,
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong.hot,
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong.sale,
	section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-wrapper figure.swiper-slide a ul li strong.pack { font-size: 10px; }
}



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

section.ere-mlayer.s2 .mlayer-main .swiper-container .swiper-scrollbar { background-color: rgba(0, 0, 0, .35); }

section.ere-mlayer.s2 .mlayer-main .swiper-container .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);
}

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