html, body{overflow-x:hidden;}
body{position:relative;}
.product-option{display:grid;}
#to_top_scrollup{right:unset !important;left:20px;}
#reserved{width:100%;color:#0973bd;text-align:center;padding:10px;font-size:16px;}
.sub_more{float:left;width:50%;text-align:left;line-height:1.2;}
.more_dt{float:left;border:1px solid #16254f;width:65px;height:65px;padding-top:10px;font-weight:700;text-align:center;background-color:#16254f;color:#ffffff;border-radius:50%;cursor:pointer;}
.product-image img{margin:0 auto;max-width:100%;}
.btn_more_dit{position:absolute;left:0;}
@media only screen and (max-width: 780px) {
.col-md-4{width:50% !important;float:left !important;padding:2px !important;}
.product-image img{height:50%;}
.product-description{margin-top:-115px !important;}
.btn_more_dit{margin-top:-20px;}
.product-container:hover .product-image{height:85% !important;}
}
@media only screen and (min-width: 780px) and (max-width: 1024px) {
.col-md-4{width:33.3% !important;float:left !important;}
}
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
.col-md-4{width:25% !important;}
}
@media only screen and (min-width: 1800px) {
.col-md-4{width:20% !important;}
}
@media (min-width: 768px){
.container{width:100% !important;}
.product-image img{height:70%;}
.btn_more_dit{bottom:0;}
}
@media only screen and (max-width: 780px) {
.slideshow_pc{display:none;}
.slideshow_mb{padding:1% 1% 56.25% 1% !important;}
.dc_title_img_pc{display:none;}
.product-description h1{font-size:12px !important;height:25px;}
.product-description p{display:grid;font-size:11px;}
.page-title h1{padding-right:15%;font-size:27px;}
#dvc_logo{width:45px;}
.product-description .price{margin-bottom:20px !important;}
}
.row{margin-right:0;margin-left:0;}
@media only screen and (min-width: 780px) {
.slideshow_pc{padding:1% 1% 18.25% 1% !important;}
.slideshow_mb{display:none;}
.dc_title_img_mobile{display:none;}
.page-title h1{padding-right:20%;}
#dvc_logo{width:60px;}
}
.col-size-color{width:100%;float:right;}
.spn_logo p{color:#0072b6;font-size:11px;}
.spn_logo{width:20%;float:left;}
.slideshow{margin:0 auto;position:relative;width:100%;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,0.6);box-sizing:border-box;}
.slideshow > div{position:absolute;top:10px;left:10px;right:10px;bottom:10px;}
.slideshow > div > img{width:100%;height:100%;border-radius:20px;}
.slideshow:hover i, .slideshow:hover .slider-dots{opacity:1;}
.slidebtn{z-index:99;background:transparent;outline:none;border:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;padding:0 10px 0 10px;}
.slidebtn:active,
.slidedtn:focus{outline:none;}
.slidebtn i{color:#FFF;font-size:72px;opacity:0.2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.prev{position:absolute;top:10px;left:10px;bottom:10px;}
.next{position:absolute;top:10px;right:10px;bottom:10px;}
.slider-dots{opacity:0.2;list-style:none;display:inline-block;padding-left:0;margin-bottom:0;position:absolute;left:50%;bottom:3%;transform:translate(-50%, 0);z-index:99;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.slider-dots li{color:#000;display:inline;font-size:48px;margin-right:5px;cursor:pointer;}
.slider-dots li.active-dot{color:#fff;}
#content_colors{display:inline-flex;}
.product-size{margin-top:-15px;}
.product-color{margin-top:-15px;}
.circle{width:20px;height:20px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin-left:3px;margin-right:3px;border:1px solid #c5c5c5;}
.dc_title_img{width:100%;}
.dc_up_img{margin-bottom:20px;}
.prod_price{font-size:20px;color:#16254f;}
.page-title h1{margin-bottom:10px;color:#485a64;font-weight:bold;width:80%;}
.container.spc{margin-bottom:20px;margin-top:20px;}
.hovereffect{width:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;}
.hovereffect img{display:block;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.35s;transition:all 0.35s;}
.hovereffect:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');filter:brightness(0.7);-webkit-filter:brightness(0.7);}
.hovereffect h2{text-transform:uppercase;color:#fff;text-align:center;font-size:17px;padding:10px;width:100%;color:black;font-weight:bold}
.hovereffect:hover h2{opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);}
.hovereffect h3{position:absolute;bottom:5px;right:-35px;text-transform:uppercase;color:#fff;font-size:17px;color:black;font-weight:bold;text-decoration:none;padding:7px 14px;border:1px solid #fff;margin:50px 0 0;border-radius:0;background-color:transparent;}
.hovereffect:hover h3{position:absolute;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);}
.hovereffect a.info{display:inline-block;text-decoration:none;padding:7px 14px;text-transform:uppercase;color:#fff;border:1px solid #fff;margin:50px 0 0 0;background-color:transparent;}
.hovereffect a.info:hover{box-shadow:0 0 5px #fff;}
.hovereffect .rotate{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:100%;height:100%;position:absolute;}
.hovereffect hr{width:50%;opacity:0;filter:alpha(opacity=0);}
.hovereffect  hr:nth-child(2){-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale3d(0,0,1);}
.hovereffect  hr:nth-child(3){-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate(90deg) scale3d(0,0,1);}
.hovereffect h2, .hovereffect hr{position:absolute;top:50%;left:50%;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;background-color:transparent;margin:0px;}
.hovereffect h3{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;background-color:transparent;margin:0px;}
.group1, .group2{left:50%;position:absolute;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;background-color:transparent;margin:0px;padding:0px;}
.group1{top:40%;}
.group2{top:60%;}
.hovereffect p{width:30%;text-transform:none;font-size:15px;line-height:2;}
.hovereffect p a{color:#fff;}
.hovereffect p a:hover,
.hovereffect p a:focus{opacity:0.6;filter:alpha(opacity=60);}
.hovereffect  a i{opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;padding:10px;font-size:20px;}
.group1 a:first-child i{-webkit-transform:translate3d(-60px,-60px,0) rotate(45deg) scale(2);transform:translate3d(-60px,-60px,0) rotate(45deg) scale(2);}
.group1 a:nth-child(2) i{-webkit-transform:translate3d(60px,-60px,0) rotate(45deg) scale(2);transform:translate3d(60px,-60px,0) rotate(45deg) scale(2);}
.group2 a:first-child i{-webkit-transform:translate3d(-60px,60px,0) rotate(45deg) scale(2);transform:translate3d(-60px,60px,0) rotate(45deg) scale(2);}
.group2 a:nth-child(2) i{-webkit-transform:translate3d(60px,60px,0) rotate(45deg) scale(2);transform:translate3d(60px,60px,0) rotate(45deg) scale(2);}
.hovereffect:hover hr:nth-child(2){opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate(0deg) scale3d(1,1,1);}
.hovereffect:hover hr:nth-child(3){opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate(90deg) scale3d(1,1,1);}
.hovereffect:hover .group1 i:empty, .hovereffect:hover .group2 i:empty{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0) rotate(45deg) scale(1);opacity:1;filter:alpha(opacity=100);}
.space{margin:20px 0px 5px 0px}
.hovereffect-2{width:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.hovereffect-2 .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.5);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hovereffect-2 img{display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect-2 h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;background:rgba(0,0,0,0.6);-webkit-transform:translatey(-100px);-ms-transform:translatey(-100px);transform:translatey(-100px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:10px;}
.hovereffect-2 a.info{text-decoration:none;display:inline-block;text-transform:uppercase;color:#fff;border:1px solid #fff;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:50px 0 0;padding:7px 14px;}
.hovereffect-2 a.info:hover{box-shadow:0 0 5px #fff;}
.hovereffect-2:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.hovereffect-2:hover .overlay{opacity:1;filter:alpha(opacity=100);}
.hovereffect-2:hover h2,.hovereffect-2:hover a.info{opacity:1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}
.hovereffect-2:hover a.info{-webkit-transition-delay:.2s;transition-delay:.2s;}
.milk{height:50px;}
.product-container{background-color:#fff;height:400px;overflow:hidden;position:relative;margin-bottom:20px;}
.tag-sale{background-color:#16254f;width:86px;height:98px;position:absolute;color:#fff;right:-41px;z-index:9;top:-44px;transform:rotate(137deg);}
.tag-sale::before{font-size:14px;color:#fff;font-weight:bold;display:block;transform-origin:top center;transform:rotate(194deg) translateX(-59px) translateY(-56px);}
.product-description{background-color:#F7F7F7;border-top:1px solid #EFEFEF;padding:10px 10px;color:#797979;}
.product-image{height:323px;position:relative;overflow:hidden;transition:1s;border:1px solid #f7f7f7;}
.product-link{position:absolute;background:#fff;width:100px;height:100px;color:#4FDAA4;border-radius:50%;font-size:25px;text-align:center;padding:35px 0;line-height:25px;left:calc(50% - 50px);top:calc(50% - 50px);opacity:0;transition:1s;font-style:italic;}
.product-link:hover{text-decoration:none;color:#4FDAA4;}
.hover-link{background-color:#4FDAA4;position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;transition:0.5s;}
.product-description h1{font-size:18px;margin-bottom:5px;margin-top:0;display:inline-block;width:100%;}
.product-description p{color:#C4C4C4;}
.product-description .price{display:inline-block;width:50%;font-size:17px;text-align:right;font-weight:bold;color:#8a8a8a;margin-bottom:5px;}
.product-option{border-top:1px solid #D2D2D2;}
.product-option h3{font-size:16px;font-weight:bold;margin-bottom:3px;padding-right:7px;}
.product-option .product-color ul{list-style-type:none;padding:0;}
.product-option .product-color li{display:inline-block;width:15px;height:15px;}
.product-color li.red{background-color:#F75375;}
.product-color li.blue{background-color:#53A0F7;}
.product-color li.green{background-color:#59CFAF;}
.product-color li.gray{background-color:#C7C7C7;}
.product-color li.black{background-color:#4E5156;}
.product-color li.dark-blue{background-color:#2060AF;}
.product-container:hover{box-shadow:0px 10px 25px -2px rgba(0,0,0,0.36);}
.product-container:hover .product-image{height:240px;transition:1s;}
.product-container:hover .product-option{display:block;}
.product-container:hover .hover-link{opacity:0.5;}
.product-container:hover .product-link{opacity:1;}
.product-link:hover{-webkit-animation:hovering 1000ms linear both;animation:hovering 1000ms linear both;}
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
.wrp-product-2{color:#000000;font-size:16px;}
.wrp-product-2:hover{box-shadow:0px 10px 25px -2px rgba(0,0,0,0.36);}
.wrp-product-2 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.wrp-product-2 img{max-width:100%;vertical-align:top;position:relative;}
.wrp-product-2 .add-to-cart{position:absolute;top:0;right:0;padding-right:10px;color:#ffffff;font-weight:700;text-transform:uppercase;font-size:0.9em;opacity:0;background-color:#409ad5;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;padding:5px}
.wrp-product-2 .add-to-cart i{display:inline-block;margin-right:10px;width:40px;line-height:40px;text-align:center;background-color:#164666;color:#ffffff;font-size:1.4em;}
.wrp-product-2 .wrp-row{padding:20px;}
.wrp-product-2 h3,
.wrp-product-2 p{margin:0;}
.wrp-product-2 h3{font-size:1.5em;font-weight:700;margin-bottom:10px;text-transform:uppercase;}
.wrp-product-2 p{font-size:0.9em;letter-spacing:1px;font-weight:400;}
.wrp-product-2 .price{font-weight:500;font-size:1.5em;line-height:48px;letter-spacing:1px;}
.wrp-product-2 .price s{margin-right:5px;opacity:0.5;font-size:0.9em;}
.wrp-product-2 a{position:absolute;top:0;bottom:0;left:0;right:0;}
.wrp-product-2:hover .add-to-cart{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.wrp-product-2:hover .add-to-cart i{
background-color: #2980b9;
}