/* BASIC css start */
.btn_kitchenmore { width:250px; margin:0 auto; padding-top:40px; }
.btn_kitchenmore a { width:250px; height:60px; background:#8ca25a; border-radius:100px; text-align:center; color:#fff; font-size:15px; display:inline-block; line-height:60px; transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.btn_kitchenmore a:hover { background:#423836; transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; }
.btn_kitchenmore a span { margin-left:40px; }

/* youtube */
.detailyoutube_box{width:1100px;margin:0 auto;padding:100px 0;background:#8ca15a;}
.detailyoutube_box .title{position:relative;font-family:'Nunito', sans-serif;font-size:20px;line-height:20px;color:#fff;padding-top:50px;margin-bottom:50px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-align:center;}
.detailyoutube_box .title .line{position:absolute;left:50%;top:0;width:90px;height:1px;margin-left:-45px;background:#fff;}
.detailyoutube_box iframe{border:10px solid #fff;margin:0 auto;}








.detail-n{font-size:0; line-height:0;}
.detail-n>div{display:inline-block; margin:0 auto;}
.detail-n .toggle-area{cursor:pointer;}
.detail-n .toggle-area div:nth-child(1){}
.detail-n .toggle-area div:nth-child(2){display:none;}
.detail-n .toggle-area.on{}
.detail-n .toggle-area.on div:nth-child(1){display:none;}
.detail-n .toggle-area.on div:nth-child(2){display:block;}

.detail-n .pop-area{}
.detail-n .pop-area div:nth-child(1){cursor:pointer;}
.detail-n .pop-area div:nth-child(2){display:none; position:fixed; top:1vh; left:50%; width:auto !important; height:98vh; overflow-y:auto; transform:translateX(-50%); z-index:10002;}
.detail-n .pop-area div:nth-child(2):not(.close) img{max-width:initial !important;}
.detail-n .pop-area div:nth-child(2) .close{position:absolute; top:0x; right:0; width:50px !important; height:50px; background-image:url('/design/sd1206/images/detail-n1/close.png');  cursor:pointer; background-size:50px;}
.detail-n .pop-area.on div:nth-child(2){display:block;}

.detail-n .detail-dimmed{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10001; cursor:pointer;}
.detail-n.bg .detail-dimmed{display:block; animation:fadeIn 0.5s;}



.detail-n .pop-area div:nth-child(2)::-webkit-scrollbar {background: #fff; width: 5px;}
.detail-n .pop-area div:nth-child(2)::-webkit-scrollbar-thumb {background: #000;}
.detail-n .pop-area div:nth-child(2)::-webkit-scrollbar-thumb:hover {background: #B4B4B4;}




@-webkit-keyframes upanddown1 {
  to{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
     transform: translateY(-10px);
   }
}

@keyframes upanddown1 {
  to{
       transform: translateY(-10px);
   }
}



@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}














/**/

/* BASIC css end */