﻿.pop_slide .slick-list {border-bottom: 1px solid #ddd;}
.wrap_pop_slide {position:fixed; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100%; z-index:9999999;}
.wrap_pop_slide > div {position:fixed; top:48%; left:50%;  transform:translate(-50%,-50%); }
.pop_slide {width: 500px; max-width: 100%; background-color: #fff;}
.pop_no_img {padding: 3rem; background-color: #fff; line-height: 1.4;}
.slide-count {text-align: center; color: #aaa; margin-top: 2rem;}
.slide-count .current {color: #fff;}

/*

REGULAR SLIDE

*/
/* Arrows */
.wrap_pop_slide .slick-prev,
.wrap_pop_slide .slick-next
{
	opacity: 0;
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 5rem;
    height: 5rem;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.pop_slide:hover .slick-arrow {
	opacity: 1;
}
.wrap_pop_slide .slick-prev:hover,
.wrap_pop_slide .slick-prev:focus,
.wrap_pop_slide .slick-next:hover,
.wrap_pop_slide .slick-next:focus
{
    /* color: transparent;
    outline: none;
    background: transparent; */
}
.wrap_pop_slide .slick-prev:hover:before,
.wrap_pop_slide .slick-prev:focus:before,
.wrap_pop_slide .slick-next:hover:before,
.wrap_pop_slide .slick-next:focus:before
{
    /* opacity: 1; */
}
.pop_slide:hover .slick-prev.slick-disabled:before,
.pop_slide:hover .slick-next.slick-disabled:before
{
    opacity: .4;
}

.wrap_pop_slide .slick-prev:before,
.wrap_pop_slide .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 1;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wrap_pop_slide .slick-prev
{
    /*left: -25px;*/
	left: 0;
	z-index:999;
	overflow:hidden;
	background-color: rgba(0,0,0,0.2);
}

.wrap_pop_slide .slick-prev:before
{
    content: '';
	width: 2.2rem; 
	height: 2.2rem;
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	transform:rotate(-45deg);
	display:block;
	position: absolute;
    top: 1.4rem;
    left: 1.8rem;
}


.wrap_pop_slide .slick-next
{
	right: 0;
	z-index:999;
	overflow:hidden;
	background-color: rgba(0,0,0,0.2);
}

.wrap_pop_slide .slick-next:before
{
    content: '';
	width: 2.2rem; 
	height: 2.2rem;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform:rotate(-45deg);
	display:block;
	position: absolute;
    top: 1.4rem;
    right: 1.8rem;
}

/* Dots */
.wrap_pop_slide.slick-dotted.slick-slider
{
   
	margin:0;
}

.wrap_pop_slide .slick-dots
{
    position: absolute;
    bottom: -95px;
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
	z-index:999;

	display:none;
}
.wrap_pop_slide .slick-dots li
{
    position: relative;

    display: inline-block;

  
    margin: 0 8px;
    padding: 0;

    cursor: pointer;
}
.wrap_pop_slide .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
    height: 12px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.wrap_pop_slide .slick-dots li button:hover,
.wrap_pop_slide .slick-dots li button:focus
{
    outline: none;
}
.wrap_pop_slide .slick-dots li button:hover:before,
.wrap_pop_slide .slick-dots li button:focus:before
{
    opacity: 1;
}
.wrap_pop_slide .slick-dots li button:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 12px;
    height: 12px;

    content: '';
    text-align: center;

    opacity: 1;
    background:#fff;
	border-radius:100%;
	transition:all ease 0.1s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wrap_pop_slide .slick-dots li.slick-active button {/* width:16px; height:16px; */}
.wrap_pop_slide .slick-dots li.slick-active button:before
{
    opacity: 1.0;
	background:none;
	border:2px solid #fff;
	margin-top:0;
	
}


.pop_slide_img {vertical-align:top; background-color: #fff;}
.pop_slide_img img {width:100%;}


.wrap_pop_slide_footer {background:#fff; display: flex;}
.wrap_pop_slide_footer label {display: flex; align-items: center; flex-grow: 1; padding: 0 2.4rem;}
.wrap_pop_slide_footer label span {font-size: 1.5rem;color:#666666; display:inline-block; vertical-align:top; margin-left: 1rem;}
.wrap_pop_slide_footer label input {margin:0; padding:0; vertical-align:top; width:20px; height:20px; border-radius:0; border:1px solid #dbdbdb; margin-top:1px;}
.wrap_pop_slide_close {display:inline-block; width: 10rem; line-height: 6.2rem; text-align:center; font-size: 1.7rem;  border-left:1px solid #ddd; transition:all ease 0.3s;}
.wrap_pop_slide_close:hover {background:#f1f1f1;}

@media screen and (max-width:767px){
/* .wrap_pop_slide_footer label {float:left; }
.wrap_pop_slide_footer label input {float:left;}
.wrap_pop_slide_footer label span {float:left;} */

.wrap_pop_slide > div {width:80%;}
.pop_slide {width: 100%;}
/* .wrap_pop_slide_footer label {margin:10px 0 10px 20px;} */
.wrap_pop_slide_footer label span {font-size:12px; margin-top:2px;}
.wrap_pop_slide_close {width:auto; padding:0 20px; line-height:42px; font-size:14px;}
}