/* BASIC css start */
div#blk_scroll_wings {
    position: fixed;
    right: 50%;
    left: inherit!important;
    margin-right: -750px;
    bottom: 45.5%;
    top: inherit!important;
        webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.side-nav__wrap {
  width: 100px;
  box-sizing: border-box;
  }
.side-nav__box {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  border: 1px solid rgb(221, 221, 221);
  margin-bottom: 50px;
}
.today-wrapper { position: relative; height: 255px; }
li.side-nav__list { text-align: center; }
li.side-nav__list > a { font-size: 13px; display: block; padding: 7.7px 0px; color: rgb(51, 51, 51); border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; }
.today-slide .swiper-slide > li > a { display: block; width : 100%; height : 100%;}
h3.today__title { color: rgb(51, 51, 51); font-size: 14px; text-align: center; margin-top: 12px; }
.today-wrapper .swiper-button-next, .today-wrapper .swiper-button-prev { text-align: center; width: 20px; height: 20px; font-size: 18px; color: rgb(184, 184, 184); opacity: 1; pointer-events: visible; margin-top: 0px; }
.today-wrapper .swiper-button-next { top: 100%; margin-top: -25px; left: calc(50% - 10px); }
.today-wrapper .swiper-button-prev { top: 0px; left: calc(50% - 10px); margin-top: 5px; }
.today-slide { width: 60px; height: 196px; overflow: hidden; position: absolute; left: calc(50% - 30px); top: calc(50% - 95.25px); }
.today-slide .swiper-slide > li > a > img { width: 100%; height: 100%; }
.today-slide .swiper-slide > li { height: 100%; }
.today-slide .swiper-slide { border: 1px solid rgb(221, 221, 221); box-sizing: border-box; width: 60px; }
div#move-btn {text-align: center;}
div#move-btn .top-btn { margin-bottom: 10px; }
div#move-btn .top-btn, div#move-btn .bottom-btn { cursor: pointer; }

.today-wrapper>.none-product {width : 100%; position: absolute;top: 50%;left: 50%;text-align: center;webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);color: #999;font-size: 12px;}
.info-btn.js-hidden{
    opacity : 0;
    cursor: inherit;
    }
.info-btn  {
    width: 44px;
    height: 44px;
    border-radius: 44px;
    text-align: center;
    font-size: 28px;
    top: 694px;
    line-height: 44px;
    cursor: pointer;
    z-index : 99;
    margin: 0 auto 10px;
    opacity : 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s;
}
.info-btn.info-btn--close {
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
}
.info-btn.info-btn--close>i {
    display: inline-block;
}
.info-btn {
    background-color: #ff0022;
}
.info-btn>img{
    vertical-align: middle;
    margin-bottom: 10px;
}
.info-btn>i,.info-btn.info-btn--close>img {
    display: none;
}


/* BASIC css end */