@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{/* background: #fff url('./ajax-loader.gif') center center no-repeat; */}

/* Arrows */
.slick-prev,
.slick-next{font-size: 0; line-height: 0; position: absolute; display: block; width:28px; height: 28px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none;
z-index:100; /*transform:translateY(-50%)*/ }


#mArrows .slick-prev,
#mArrows .slick-next {top:20px;}
#mArrows .slick-prev {right:calc(60px + 29px); background:url('/images/main/arrow-prev.png') no-repeat left center }
#mArrows .slick-prev:before {content:''; width:1px; height:12px; background:#CCC; position:absolute; right:-1px; top:50%; transform:translateY(-50%)}
#mArrows .slick-next {right:60px; background:url('/images/main/arrow-next.png') no-repeat right center}

@media all and (max-width: 1599px){
	#mArrows .slick-prev {right:29px; }
	#mArrows .slick-next {right:0; }
}
@media all and (max-width: 1280px){
	#mArrows .slick-prev,
	#mArrows .slick-next {top:17px;}
}
@media all and (max-width: 767px){
	#mArrows .slick-prev,
	#mArrows .slick-next {top:5px;}
}
@media all and (max-width: 580px){
	#mArrows .slick-prev,
	#mArrows .slick-next {top:28px}
}
@media all and (max-width: 480px){
	#mArrows .slick-prev,
	#mArrows .slick-next {top:7vw;}
}





.fran2-3Slick .slick-prev,
.fran2-3Slick .slick-next {bottom:0; width:60px; height:60px}
.fran2-3Slick .slick-prev {left:calc(50% - 60px); background:url('/images/main/marrow-prev.png') no-repeat left center }
.fran2-3Slick .slick-prev:before {content:''; width:1px; height:12px; background:rgba(255,255,255,0.3); position:absolute; right:-1px; top:50%; transform:translateY(-50%)}
.fran2-3Slick .slick-next {left:50%; background:url('/images/main/marrow-next.png') no-repeat right center}

@media all and (max-width: 1599px){
	.fran2-3Slick  .slick-prev {right:29px; }
	.fran2-3Slick  .slick-next {right:0; }
}
@media all and (max-width: 480px){
	.fran2-3Slick .slick-prev,
	.fran2-3Slick .slick-next { width:40px; height:40px; background-size:100% auto}
	.fran2-3Slick .slick-prev {left:calc(50% - 40px); }
}



/* Dots */
.slick-dotted.slick-slider { margin-bottom:0px; }
.slick-dots { position: absolute; bottom:0; left:50%; display: block;  padding: 0; margin: 0; list-style: none; text-align: center;  transform:translateX(-50%)}
.slick-dots li { position: relative; display: inline-block;  width:11px; height:11px; margin:0 4px; padding: 0; cursor: pointer;
                    box-sizing:border-box;  background:transparent;  border-radius: 100%; border:1px solid #FFF;)}
.slick-dots li.slick-active {  background: #fff;}
.slick-dots li:hover {  background: rgba(255,255,255,0.3)}
.slick-dots li button{display:none;}

.momp4Slick .slick-dots {bottom:-40px; width:100%}
.momp4Slick .slick-dots li { border:0; background:#DDD }
.momp4Slick .slick-dots li.slick-active {background:#222}

@media all and (max-width: 1024px){
	.momp4Slick .slick-dots {bottom:-3.5vw; }
	.slick-dots li {   width:8px; height:8px; margin:0 2px;}
}
@media all and (max-width: 768px){
	.momp4Slick .slick-dots {bottom:-5vw; }
	.slick-dots li {   width:8px; height:8px; margin:0 2px;}
}
@media all and (max-width: 568px){
   .slick-dots li { width: 8px; height: 8px; }
}
@media all and (max-width: 480px){
	.momp4Slick .slick-dots {bottom:-7vw; }
}