@charset "utf-8";
/*============================================================================*/
section.ere-mth .main { display: flex; justify-content: center; width: 100%; overflow: hidden; }

section.ere-mth.s2 .main { justify-content: space-around; }

section.ere-mth.s2 .main .col { display: inline-block; margin: 0 10px; width: calc(100% / 3 - 15px); height: 50%; }

/*
section.ere-mth.s2 .main .col:first-child { margin: 0 10px 0 0; }
section.ere-mth.s2 .main .col:last-child { margin: 0 0 0 10px; }
*/
section.ere-mth.s2 .main .col.setleft { margin: 0; }
section.ere-mth.s2 .main .col.setcenter { margin: 0; }
section.ere-mth.s2 .main .col.setright { margin: 0; }


section.ere-mth.s2 .main .col.mt-solo {  }

section.ere-mth.s2 .main .col.mt-layer {  }

section.ere-mth.s2 .main .col .reveal {
	border-width: 12px;
	border-bottom-width: 56px;
	border-style: solid;
	border-color: rgba(255, 255, 255, .65);
	border-radius: 5px;
	position: relative;
	/*overflow: hidden;*/
	overflow-x: clip;
	-webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
}

section.ere-mth.s2 .main .col .reveal.mt-cut {
	border-width: 12px;
	border-bottom-width: 31px;
	border-style: solid;
	border-color: rgba(255, 255, 255, .65);
}

section.ere-mth.s2 .main .col .reveal:hover {
	-webkit-transform: scale(1.02); transform: scale(1.02);
}

section.ere-mth.s2 .main .col.mt-solo {  }

section.ere-mth.s2 .main .col .reveal.mt-cut { display: inline-block; margin: 10px; width: calc(100% / 2 - 10px); vertical-align: top; }

section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(1) { margin: 0 10px 0 0; }
section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(2) { margin: 0; }
section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(3) { margin: 10px 10px 0 0; }
section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(4) { margin: 10px 0 0 0; }

section.ere-mth.s2 .main .col .reveal { background-color: rgba(255, 255, 255, .95); }

section.ere-mth.s2 .main .col .reveal div.owl-carousel {  }

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-stage-outer .owl-stage {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: stretch;
	align-items: center;
}

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-stage-outer .owl-stage .owl-item .item {  }

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {
	display: block; height: 100%;
	/*border-radius: 5px;*/
	object-fit: cover;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

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

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-dots { display: inline-block; position: absolute; bottom: 3px; width: 100%; text-align: center; }

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-dots .owl-dot span {
	display: block; margin: 0 5px; width: 15px; height: 2px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, .35);
	-webkit-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out;
}
section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-dots button.active span {
	width: 30px;
	background-color: rgba(255, 0, 0, .65);
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-dots .owl-dot span { margin: 0 3px; width: 8px; }
	section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-dots button.active span { width: 15px; }
}

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

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav {  }

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav {  }
section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button { z-index: 1; position: absolute; bottom: 5px; margin-top: -15px; }
section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev { left: 10px; }
section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-next { right: 10px; }

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev:before { content: '\f053'; }
section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-next:before { content: '\f054'; }

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev:before,
section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-next:before {
	font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; font-size: 8px; color: rgba(255, 255, 255, .65);
	text-shadow: -1px -1px rgba(0, 0, 0, .85), -1px 1px rgba(0, 0, 0, .85), 1px -1px rgba(0, 0, 0, .85), 1px 1px rgba(0, 0, 0, .85), 1px 1px rgba(0, 0, 0, .85);
	-webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out;
}

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev.disabled:before,
section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-next.disabled:before { opacity: 0; }

section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev span,
section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-nav button.owl-next span { display: none; }

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

section.ere-mth.s2 .main .col .reveal > a > strong {
	z-index: 9;
	position: absolute; bottom: -35px; left: 0; padding: 0 30px 0 0; width: 100%;
	color: rgba(0, 0, 0, .85); font-size: 16px;
	text-shadow: none;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
section.ere-mth.s2 .main .col .reveal:hover > a > strong { color: rgba(2, 133, 210, .95); }

section.ere-mth.s2 .main .col .reveal.mt-cut > a > strong { bottom: -22px; font-size: 14px; }

section.ere-mth.s2 .main .col .reveal a em:after {  }
section.ere-mth.s2 .main .col .reveal:hover > a > strong,
section.ere-mth.s2 .main .col .reveal:hover a em:after {  }


section.ere-mth.s2 .main .col .reveal a mark:before {
	position: absolute; bottom: -38px; right: 0;
	content: '\f0c1';
	font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 500; font-size: 20px; color: rgba(0, 0, 0, .65);
	-webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;
}

section.ere-mth.s2 .main .col .reveal:hover a mark:before { color: rgba(2, 133, 210, .95); }

section.ere-mth.s2 .main .col .reveal.mt-cut a mark:before { bottom: -23px; font-size: 16px; }

section.ere-mth.s2 .main .col .reveal a:hover > mark:before {
	-webkit-transform: rotateZ(720deg); transform: rotateZ(720deg);
}


@media screen and (min-width: 1px) and (max-width: 1679px) {
	section.ere-mth { width: 100% !important; }
	section.ere-mth .main { display: inline-block; }
	section.ere-mth.s2 .main .col.mt-solo { display: inline-block; margin: 0 0 10px 0; width: calc( 100% / 2 - 10px); }
	section.ere-mth.s2 .main .col.mt-solo.w100 { width: 100%; }
	section.ere-mth.s2 .main .col.mt-solo:nth-child(odd) { float: left; }
	section.ere-mth.s2 .main .col.mt-solo:nth-child(even) { float: right; }
	section.ere-mth.s2 .main .col:first-child,
	section.ere-mth.s2 .main .col:last-child,
	section.ere-mth.s2 .main .col .reveal { margin: 0; border-radius: 0; }
	
	section.ere-mth.s2 .main .col.mt-layer { display: inline-block; width: 100%; }
	
	section.ere-mth.s2 .main .col .reveal.mt-cut { margin: 10px 0; width: calc( 100% / 2 - 10px); }
	section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(odd) { float: left; }
	section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(even) { float: right; }
	section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(1),
	section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(2),
	section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(3),
	section.ere-mth.s2 .main .col .reveal.mt-cut:nth-child(4) { margin: 10px 0; }
	
	section.ere-mth.s2 .main .col .reveal div.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img { border-radius: 0; }
	
	section.ere-mth.s2 .main .col .reveal,
	section.ere-mth.s2 .main .col .reveal.mt-cut { border-bottom-width: 42px; }
	
	section.ere-mth.s2 .main .col .reveal > a > strong,
	section.ere-mth.s2 .main .col .reveal.mt-cut > a > strong { bottom: -28px; font-size: 16px; }
	
	section.ere-mth.s2 .main .col .reveal a mark:before { bottom: -30px; }
	section.ere-mth.s2 .main .col .reveal.mt-cut a mark:before { bottom: -30px; font-size: 20px; }
	
	section.ere-mth.s2 .main .col .reveal a em:after {  }
	section.ere-mth.s2 .main .col .reveal:hover a em:after {  }
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.ere-mth.s2 .main .col .reveal,
	section.ere-mth.s2 .main .col .reveal.mt-cut { border-width: 5px; border-bottom-width: 42px; }
	section.ere-mth.s2 .main .col .reveal > a > strong,
	section.ere-mth.s2 .main .col .reveal.mt-cut > a > strong { font-size: 14px; }
	
	section.ere-mth.s2 .main .col .reveal a mark:before,
	section.ere-mth.s2 .main .col .reveal.mt-cut a mark:before { bottom: -28px; font-size: 14px; }
}



/*============================================================================*/
section.ere-mth.s2 .main .col .reveal 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-mth.s2 .main .col .reveal:hover ul { right: -50px; }
/*----------------------------------------------------------------------------*/
section.ere-mth.s2 .main .col .reveal ul li { margin: 15px 0; }
section.ere-mth.s2 .main .col .reveal ul li img {
	
}
section.ere-mth.s2 .main .col .reveal ul li img.news { width: 26px; height: 9px; object-fit: contain; }

section.ere-mth.s2 .main .col .reveal ul li strong { display: inline-block; width: 100%; text-align: center; }

section.ere-mth.s2 .main .col .reveal ul li strong.new,
section.ere-mth.s2 .main .col .reveal ul li strong.hot,
section.ere-mth.s2 .main .col .reveal ul li strong.sale,
section.ere-mth.s2 .main .col .reveal 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-mth.s2 .main .col .reveal:hover ul { right: 0; }
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.ere-mth.s2 .main .col .reveal ul li { margin: 5px 0; }
}
@media screen and (min-width: 1px) and (max-width: 479px) {
	section.ere-mth.s2 .main .col .reveal ul { top: 5px; width: 36px; }
	section.ere-mth.s2 .main .col .reveal ul li strong.new,
	section.ere-mth.s2 .main .col .reveal ul li strong.hot,
	section.ere-mth.s2 .main .col .reveal ul li strong.sale,
	section.ere-mth.s2 .main .col .reveal ul li strong.pack { font-size: 10px; }
}