body.with-panel-left-reveal .statusbar-overlay {
  background: linear-gradient(to right, #4c2d84, #b864b8);
}
.blur-load{
  -webkit-filter: blur(1.5px);
  filter: blur(1.5px);
}
.arrow, .arrow:before {
  position: absolute;
  right: 5px;
}

.wrap-btn-fixed,.wrap-btn-tablet-fixed {
  background-color: #4c2d84;
}
.statusbar-overlay {
  background: #4c2d84 !important;
}
.show_list_product_trade::before{
  height: 0px!important;
}
.bggame{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  background: black!important;
  background-image: url(https://www.sheepola.com/application/views/game/ghostgame/asset/halloween-shake/HW_bg2.png)!important;
  background-size: cover!important;
  overflow: hidden!important;
  -webkit-background-size: cover!important;
  background-repeat: no-repeat!important;
  background-position: top!important;
  height: 100%!important;

}




html{
  overflow: hidden;
}
#img1,#img2,#img3,#img4,#img5,#img6,#img7,#img8{
  height: 10vmax;
  width: 10vmax;
  margin-top: -85%;
  position: absolute;
  /* border-radius: 100%; */
  /* background-color:red; */

}

.hide_one{
  margin-top: -223%;
  margin-left: 193%;
}
.animetion_set{
  transition: 1s;
}

        /*    animation-duration: 1.5s;
              animation-timing-function: linear; //รุปแบบการเล่น
              animation-iteration-count: infinite; //จำนวนครั้งที่เล่น
              animation-direction: alternate; //กำหนดทิศทางการแสดงแอนิเมชั่น
              animation-play-state: running;
              animation-delay: 0s; //กำหนดความล่าช้าของแอนิเมชั่น
              animation-fill-mode: forwards; // */
              .ghost1 {

                -webkit-animation:animation1 2.5s linear infinite alternate forwards;
                position :absolute;

              }
              .ghost2 {

                -webkit-animation:animation2 2.5s ease-in infinite reverse forwards;
                position :absolute;

              }
              .ghost3 {

                -webkit-animation:animation3 2.5s linear infinite alternate forwards;
                position :absolute;

              }
              .ghost4 {
                -webkit-animation:animation4 2.5s ease-in 300ms infinite reverse forwards;
                position :absolute;
                ;
              }
              .ghost5 {
                -webkit-animation:animation5 2.5s ease-in-out infinite alternate-reverse forwards;
                position :absolute;
                ;
              }
              .ghost6 {
                -webkit-animation:animation6 2.5s ease-out infinite alternate forwards;
                position :absolute;
                ;
              }
              .ghost7 {
                -webkit-animation:animation7 2.5s linear 300ms infinite alternate-reverse forwards;
                position :absolute;
                ;
              }
              .ghost8 {
                -webkit-animation:animation8 2.5s linear 300ms infinite alternate forwards;
                position :absolute;
                ;
              }


              audio{
                /*display: none;*/
              }
        /* @keyframes bounce {
            from {
                transform: translateY(0px);
            }
            to {
                transform: translateY(-15px);
            }
        }
        @keyframes bounce {
            from {
                transform: translateY(0px);
            }
            to {
                transform: translateY(-15px);
            }
            } */



            @-webkit-keyframes animation1{
             0% {
              -webkit-transform:  translate(0vh,-10vh)  ; /*  x=ขวา,y=ล่าง */
            }
            10% {
              -webkit-transform:  translate(5vw,10vh)  ;
            }
            20% {
              -webkit-transform:  translate(5vw,10vh)  ;
            }
            30% {
              -webkit-transform:  translate(10vw,10vh)  ;
            }
            40% {
              -webkit-transform:  translate(10vw,10vh)  ;
            }
            50% {
              -webkit-transform:  translate(30vw,30vh)  ;
            }
            60% {
             -webkit-transform:  translate(80vw,20vh)  ;
           }
           70% {
            -webkit-transform:  translate(20vw,80vh)  ;
          }
          100% {
           -webkit-transform:  translate(10vw,3vh)  ;
         } 

       }
       @-webkit-keyframes animation2{
         0% {
          -webkit-transform:  translate(36vh,39vh)   ; 
        }
        10% {
          -webkit-transform:  translate(5vw,10vh)  ;
        }
        20% {
          -webkit-transform:  translate(25vw,10vh)  ;
        }
        30% {
          -webkit-transform:  translate(20vw,10vh)  ;
        }
        40% {
          -webkit-transform:  translate(10vw,10vh)  ;
        }
        50% {
          -webkit-transform:  translate(80vw,40vh) ; 
        }
        60% {
          -webkit-transform:  translate(50vw,40vh)  ;
        }
        70% {
          -webkit-transform:  translate(40vw,10vh)  ;
        }
        100% {
          -webkit-transform:  translate(80vw,80vh)  ;
        }

      }

      @-webkit-keyframes animation3{
       0% {
        -webkit-transform:  translate(10vh,50vh)   ; /*  x=ขวา,y=ล่าง */
      }
      10% {
        -webkit-transform:  translate(5vw,10vh)  ;
      }
      20% {
        -webkit-transform:  translate(85vw,5vh)  ;
      }
      30% {
        -webkit-transform:  translate(15vw,40vh)  ;
      }
      40% {
        -webkit-transform:  translate(70vw,10vh)  ;
      }
      50% {
        -webkit-transform:  translate(60vw,20vh) ; /*  w= ตัวเลขมาก->ขวา  w=ตัวเลขน้อยซ้าย */
      }
      60% {
        -webkit-transform:  translate(15vw,40vh)  ;
      }
      70% {
        -webkit-transform:  translate(42vw,10vh)  ;
      }
      100% {
        -webkit-transform:  translate(50vw,50vh)  ;
      }

    }

    @-webkit-keyframes animation4{
     0% {
      -webkit-transform:  translate(20vh,20vh)   ; /*  x=ขวา,y=ล่าง */
    }
    10% {
      -webkit-transform:  translate(35vw,2vh)  ;
    }
    20% {
      -webkit-transform:  translate(55vw,35vh)  ;
    }
    30% {
      -webkit-transform:  translate(12vw,33vh)  ;
    }
    40% {
      -webkit-transform:  translate(100vw,-10vh)  ;
    }
    50% {
      -webkit-transform:  translate(30vw,20vh) ; /*  w= ตัวเลขมาก->ขวา  w=ตัวเลขน้อยซ้าย */
    }
    60% {
      -webkit-transform:  translate(12vw,10vh)  ;
    }
    70% {
      -webkit-transform:  translate(82vw,10vh)  ;
    }
    100% {
      -webkit-transform:  translate(26vw,40vh)  ;
    }
    
  }

  @-webkit-keyframes animation5{
   0% {
    -webkit-transform:  translate(80vh,1vh)   ; /*  x=ขวา,y=ล่าง */
  }
  10% {
    -webkit-transform:  translate(23vw,11vh)  ;
  }
  20% {
    -webkit-transform:  translate(25vw,15vh)  ;
  }
  30% {
    -webkit-transform:  translate(10vw,33vh)  ;
  }
  40% {
    -webkit-transform:  translate(15vw,10vh)  ;
  }
  50% {
    -webkit-transform:  translate(20vw,10vh) ; /*  w= ตัวเลขมาก->ขวา  w=ตัวเลขน้อยซ้าย */
  }
  60% {
    -webkit-transform:  translate(12vw,40vh)  ;
  }
  70% {
    -webkit-transform:  translate(62vw,15vh)  ;
  }
  100% {
    -webkit-transform:  translate(57vw,20vh)  ;
  }

}
@-webkit-keyframes animation6{
 0% {
  -webkit-transform:  translate(15vh,40vh)   ; /*  x=ขวา,y=ล่าง */
}
10% {
  -webkit-transform:  translate(1vw,13vh)  ;
}
20% {
  -webkit-transform:  translate(94vw,15vh)  ;
}
30% {
  -webkit-transform:  translate(15vw,33vh)  ;
}
40% {
  -webkit-transform:  translate(11vw,10vh)  ;
}
50% {
  -webkit-transform:  translate(35vw,26vh) ; /*  w= ตัวเลขมาก->ขวา  w=ตัวเลขน้อยซ้าย */
}
60% {
  -webkit-transform:  translate(82vw,-12vh)  ;
}
70% {
  -webkit-transform:  translate(42vw,12vh)  ;
}
100% {
  -webkit-transform:  translate(46vw,20vh)  ;
}

}

@-webkit-keyframes animation7{
 0% {
  -webkit-transform:  translate(26vh,-22vh)   ; /*  x=ขวา,y=ล่าง */
}
10% {
  -webkit-transform:  translate(45vw,50vh)  ;
}
20% {
  -webkit-transform:  translate(55vw,39vh)  ;
}
30% {
  -webkit-transform:  translate(12vw,-23vh)  ;
}
40% {
  -webkit-transform:  translate(20vw,30vh)  ;
}
50% {
  -webkit-transform:  translate(10vw,21vh) ; /*  w= ตัวเลขมาก->ขวา  w=ตัวเลขน้อยซ้าย */
}
60% {
  -webkit-transform:  translate(12vw,11vh)  ;
}
70% {
  -webkit-transform:  translate(52vw,10vh)  ;
}
100% {
  -webkit-transform:  translate(16vw,30vh)  ;
}

}

@-webkit-keyframes animation8{
 0% {
  -webkit-transform:  translate(32vh,19vh)   ; 
}
10% {
  -webkit-transform:  translate(15vw,10vh)  ;
}
20% {
  -webkit-transform:  translate(55vw,-19vh)  ;
}
30% {
  -webkit-transform:  translate(80vw,80vh)  ;
}
40% {
  -webkit-transform:  translate(2vw,40vh)  ;
}
50% {
  -webkit-transform:  translate(10vw,-10vh) ; 
}
60% {
  -webkit-transform:  translate(10vw,30vh)  ;
}
70% {
  -webkit-transform:  translate(80vw,20vh)  ;
}
100% {
  -webkit-transform:  translate(40vw,-20vh)  ;
}

}
.lighting {
  animation: lighting 1s infinite alternate;
  animation: lighting 1s infinite alternate;
}

/* pumkin */
.imageb01 {

  position: absolute;
  width: 50%;
  /*   margin-top: 15%; */
  margin-left: -2%;/*  height: 30%; */
  /* top: 70%; */
}
.imageb04{
  position: absolute;
  /* margin-top: -1%; */
  margin-left: 65%;
  width: 30%;/* height: 20%; */
  /* top: 70%;   */    



}

@-webkit-keyframes lighting {
  from {
    filter: brightness(1.4);
  }
  to {
    filter: brightness(1);
  }
}
@-webkit-keyframes lighting {
  from {
    filter: brightness(1.4);
  }
  to {
    filter: brightness(1);
  }
}

button.close {
  appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}


.img_shake{
 animation: shake 0.5s;
 animation-iteration-count: infinite;
}

@-webkit-keyframes shake {
  0% { -webkit-transform: translate(1px, 1px) rotate(0deg); }
  10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  30% { -webkit-transform: translate(3px, 2px) rotate(0deg); }
  40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  70% { -webkit-transform: translate(3px, 1px) rotate(-1deg); }
  80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
  90% { -webkit-transform: translate(1px, 2px) rotate(0deg); }
  100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}










div.navbar > div > div.center {
  white-space: nowrap!important;
  width: 100%!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  display: block!important; 
  /*  margin-right: 50px; */
}
h5.trade_detail_title {
  display: inline;
}
h5.title-trade {
  display: inline;
}
#mcetoc_1ci6g6b2m0 > span > strong > span{
  font-size: 20px!important;
}
.couponbg{
  background: #686e85!important;
}
.list-block ul:before {
  height: 0px;
}
.text-sdo{
  text-shadow: 0px 0px 5px #868686;
}
.box-sdo-t{
  box-shadow: 0px 0px 10px 0px #000;
}
.box-sdo-b{
  box-shadow: 0px 3px 10px 0px #424040;
}
.change-address-cart{
  float: right;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  top: -2px;
  font-weight: bold;
  background-color: #ff3b30;
  color: white!important;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
}
h2#mcetoc_1ci6g6b2m0 {
  height: 36px!important;
}
div.navbar > div > div.center > img {
  margin-top: 18px!important;
}
.toolbar-hidden{
  margin-bottom: -25px!important;
}
.tradeing_cart {
  line-height: 17px!important;
  padding-right: 2px!important;
}
.tradeing_cart:before {
  color: #FFC107!important;
  margin-top: 5px;
}
.demo-card-header-pic .card-header {
   /*  height: 100vw;
   width: 100vw;
   max-width: 100%;
   background-size: cover;
   background-position: center; */
 }
 .body-trade{
  background-color: #FFFFFF!important;
  border-radius: 10px!important;
  padding: 5px!important;
}
.tradebtnimga{
  display: block;
  text-align: -webkit-right;
}
.show_list_product{
  padding-left: 5px;
  padding-right: 5px;
}
.item-title-trade{
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  height: 19px;
  font-size: 12px;
  color: black;
  font-weight: 500;
}
.color_title{
  color:#feaa33;
}
.card-content-inner.trade_detail {
  border-bottom: 3px solid #F1F1F1;
  height: auto;
}
.content-block-inner.detail-b-trade {
  border-bottom: 3px solid #F1F1F1;
  /* margin-bottom: 30px; */

}
.content-block-inner {
  background: #fff;
  padding: 10px 15px;
  margin-left: 1px;
  width: 100%;
  position: relative;
  color: #000;
  border-radius: 0px !important;
}
a.button.button-big.btn-purple.gotoaddresstrade {
  border-radius: 10px;
  background-color: #fea732;
  color: white;
  border: 0px;
  font-size: 17px;
  height: 44px;
  line-height: 38px;
  padding: -20px;
}
.tradeingshowprice{
  font-size: 40px!important;
  right: 45px!important;
  position: absolute!important;
}
.tradecashbackprice{
  font-size: 30px!important;
  line-height: 41px!important;
  margin-top: -2px!important;
  position: absolute!important;
  right: 10px!important;
}
.tradelistprice{
  text-align: -webkit-right;margin-top: -25px;
}
.tradebtnimage {
  width: 70px;
  float: left;
  background-color: #9184A7;
  color: white;
  border-radius: 10px;
  font-size: 10px;
  text-align: center;
  padding-bottom: 5px;
  margin-bottom: 5px;

}
.tradeinset{
  margin-bottom: 35px!important;
  height: 310px!important;
}
button.btn-detail {
  border-radius: 8px;
  background-color: #FE9220;
  color: white;
  border: 0px;
  width: 100px;
}
.item-subtitle-trade.text-success.tradeing_text{
  color: #7D7D80;
}
.div-detail{
  text-align: center;
}
.tradetextw{
 color: #FFFFFF!important;
}

.text-success.tradeing_text {
  color: black;
}

.unit_product{
 color: black;
}
span.cash_product.tradeing_per_cashback {
  color: #f9bc02;
}
.content-block.inset{
  margin-top: 5px;
}
.tradebg{
  background-color: #4c2d84!important;
}

.qty_trade{
  height: 35px!important;
}

.tradeing_text_r{
  height: 35px;
  text-align: -webkit-right;
}

.tradeing{
  line-height: 17px!important;
  padding-right: 18px!important;
}
.tradeing:before{
  color: #FFC107!important;
  margin-top: 5px;
  position: absolute;
}
.tradeing_text{
  font-weight: bold!important;
}
.tradeing_img {
  max-width: 145px!important;
}
.imageheadertrade{
  text-align: -webkit-center;
}

@media screen and (max-width: 360px) {
  .tradeing_img {
    max-width: 140px!important;
  }

}

@media screen and (max-width: 460px) {
  .popup-confirm-download{
    margin-top: 15%;height: auto;width: 90%;margin-left: 5%;
  }
  .slide-img {
    height: 215px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 8px;
  }

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .slide-img {
    height: 340px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin: 8px;
  }

}

@media screen and (min-width: 800px) {

  .tradeinset {
    margin-bottom: 35px!important;
    height: 346px!important;
  }
  .tradeing_img {
    max-width: 250px!important;
  }

}

.tradecashback{
  /* margin-left: 15px; */
}
.disabled-li {
  pointer-events: none;
  opacity: 0.6;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

a.login-line-link {
  background: #00B300;
  margin-right: -5px;
  color: #ffffff;
  border: 0px;
}

i.icon-plus-circle {
  color: #fff;
}

.change_email {
  float: right;
  color: #4c2d84;
}

.change_email:active,.change_email:focus {
  color: #a48dce;
}

.arrow {
  width: 5px;
  height: 5px;
  top: 66%;
  margin: -20px 0 0 -20px;
  -webkit-transform: rotate(135deg);
  border-left: none;
  border-top: none;
  border-right: 2px #4c2d84 solid;
  border-bottom: 2px #4c2d84 solid;
}

.arrow:before {
  content: "";
  width: 7px;
  height: 7px;
  top: 0%;
  margin: 0 -8px 0 0;
  border-left: none;
  border-top: none;
  border-right: 1px #4c2d84 solid;
  border-bottom: 1px #4c2d84 solid;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: arrow;
}

@keyframes arrow {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(10px, 10px);
  }
}

.navbar:after {
  background-color: transparent;
}

.navbar {
  background: #4c2d84;
    /*  background-image: url('../img/bg-sheepola.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;*/
    color: #ffffff;
  }

  .navbar a.icon-only {
    color: #ffffff;
  }

  .statusbar-overlay-purple {
    background: #4c2d84 !important;
  }

  .statusbar-overlay-white {
    background: #4c2d84 !important;
  }

  .infinite-scroll-preloader {
    margin-top: -20px;
    margin-bottom: 10px;
    text-align: center;
  }

  .infinite-scroll-preloader .preloader {
    width: 34px;
    height: 34px;
  }

  .remain-center {
    text-align: center!important;
    text-align: -webkit-center!important;
  }

  .marquee_text {
    color: #ff3b30;
    font-size: 12px;
  }

  .discount_percent_big {
    position: absolute !important;
    background: #ff3b30 !important;
    color: white !important;
    /* width: 35px !important; */
    /* border-radius: 100% !important; */
    font-size: 10px !important;
    /* height: 35px !important; */
    text-align: -webkit-center !important;
    vertical-align: middle !important;
    /* padding-top: 9px !important; */
    /* border: 2px solid; */
    box-sizing: border-box;
    top: 8px;
    left: 8px;
    padding: 4px 7px;
  }

  .discount_percent_big_list {
    margin-top: auto!important;
    right: 5px!important;
    bottom: 5px!important;
  }

  .qtylessten {
    color: #ff3b30;
    font-size: initial;
  }

  .endofproductall {
    text-align: -webkit-center!important;
    width: 100%!important;
    margin-top: 20px!important;
    color: brown!important;
  }

  .productdetail_detail {
    padding: 15px !important;
    background: #ffffff !important;
  }

  .productdetail_detail img {
    max-width: 100% !important;
  }

  .detailall {
    top: 0 !important;
  }

  .remainmagin {
    margin-bottom: -25px;
    margin-top: -15px;
  }

  .text-left {
    text-align: -webkit-left;
    text-align: left;
  }

  .discountdetail {
    background: #ff3b30;
    padding: 5px 10px;
    margin-top: 5px;
    margin-left: 12px;
    font-size: 16px;
    color: white;
    position: absolute;
    text-align: center;
    left: -5px;
    top: 5px;
    z-index: 99;
  }

  .padding-zero {
    padding: 0!important;
  }

  .line-height {
    line-height: 30px;
    height: 30px;
  }

  .classdiscounts {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #ff3b30;
  }

  div.discount {
    background-image: url('../img/banking.png');
    height: 13.36px;
    background-size: cover;
    width: 13.36px;
    position: absolute;
    right: 0px;
  }

  .save_price {
    position: absolute;
    right: 0px;
  }

  .font-size {
    font-size: initial!important;
  }

  .loadall {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }

  .wrap-tutorial {
    position: relative;
    /* width: 100%;
    height: 100%; */
    /* background: #f7f7f8; */
    box-sizing: border-box;
  }

  .preloader-indicator-overlay {
    transition: 1s;
    opacity: 1;
    background: #f7f7f8;
    /*top: 46px!important;*/
  }

/* .tutorial-img{
    width: 300px;
    overflow: hidden;
    margin: auto;
    margin-top: 65px;
    text-align: center;
    } */
    .tutorial-img {
      width: 300px;
      overflow: hidden;
      margin: auto;
      margin-top: 100%;
      text-align: center;
    }

    .tutorial-img h2 {
      margin-bottom: 0px;
    }

    .tutorial-img h4 {
      margin-top: 10px;
    }

    .wrap-tutorial-bullet {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
      box-sizing: border-box;
      text-align: center;
      padding: 15px;
      padding-bottom: 0px;
    }

    .tutorial-bullet {
      width: 10px;
      height: 10px;
      margin-right: 5px;
      margin-left: 5px;
    }

/* .wrap-tutorial-a{
    padding: 15px;
    padding-bottom: 55px;
    font-size: 16px;
    color: #363636;
    text-decoration: underline;
    } */
    .wrap-tutorial-a {
      /*padding: 15px;*/
      font-size: 16px;
      color: #363636;
      text-decoration: underline;
    }

    .wrap-tutorial-a a {
      color: #363636;
    }

    .popover-inner a i {
      vertical-align: middle;
      font-size: 18px;
      position: relative;
      top: -3px;
      margin-right: 10px;
    }

    .popover-inner .list-block .item-link.list-button {
      text-align: left;
      padding-left: 25px;
    }

    .doc_file {
      width: 100%;
      display: none;
    }

    .swiper-slide {
      /*background: #fff;*/
      box-sizing: border-box;
    }

    .swiper-container {
      overflow: hidden;
    }

    .disablebankwithdraw {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgb(239, 239, 239);
      z-index: 99;
    }

    .lazy-fadein {
      transition: 1s !important;
      opacity: 0.5 !important;
    }

    .lazy-loaded {
      opacity: 1!important;
    }

    .noting {
      position: absolute;
      width: 100%;
      height: 350px;
      background-color: #efefef;
      text-align: center;
      z-index: 21;
      top: 50%;
      margin-top: -175px;
      opacity: 0.9;
    }
    .noting-v2{
      margin-top: -35px; 
    }
    .noting-img {
      background-size: 90%;
      width: 200px;
      height: 200px;
      background-repeat: no-repeat;
      background-position: 45% 35px;
      margin: auto;
    }

    .noting h5 {
      font-size: 14px;
      margin-bottom: 15px;
      margin-top: 10px;
      color: rgba(119,119,119,0.75);
    }

    .noting .btn-noting {
      width: 130px;
      margin: auto;
      font-size: 13px;
    }

    .preloader-white {
      /*background-image: url(../img/ring-alt.gif) !important;*/
        /*-webkit-animation: initial;
        animation: initial;*/
      }

      .preloader-indicator-modal {
        background: transparent;
        /*border-radius: 50%!important;*/
        /*background-image: url(../img/loading.svg);*/
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 1px;
        opacity: 0.9;
      }

      .preloaderloadall {
        margin-top: 20px!important;
        margin-bottom: -20px!important;
      }

/*.preloader:before {
    position: absolute;
    top: 15px;
    left: 19px;
    content: "\e901";
    font-size: 32px;
    color: #afafb7;
    font-family: 'icomoon' !important;
    }*/
    .preloader-indicator-modal .preloader {
      width: 70px!important;
      height: 70px!important;
    }

    .banner_index,.new_product,.rand_product {
      height: auto !important;
      background: #ffffff!important;
    }

    .new_product {
      padding-left: 5px;
      padding-right: 5px;
    }

    .bg-gray-notice {
      background-color: rgba(99, 99, 99, 0.15);
    }

    .new_product_remem {
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 5px;
    }

    .o-text {
      font-size: 16px;
      color: #000;
    }

    .o-text a {
      font-size: 14px;
      color: #4c2d84;
      float: right;
    }

    .o-text a i {
      vertical-align: middle;
    }

    i.icon-lg {
      font-size: 36px;
    }

    pre {
      font-family: Roboto,Noto,Helvetica,Arial,sans-serif;
    }

    .detail_product {
      font-size: 14px;
      word-break: break-word;
      white-space: pre-wrap;
      padding-left: 5px;
      padding-right: 5px;
    }

    .toolbar-hidden {
      display: none;
    }

/*.toolbar-hiddens{
transition: .2s;
padding: 5px 3px;
opacity: 1;
}*/
.navbar, .toolbar {
  height: 46px!important;
}

.btn-all {
  width: 160px;
  line-height: 30px;
  margin: 0 auto;
}

.btn-all i {
  vertical-align: middle;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(204,204,204,0.3);
  margin-left: 5px;
  margin-right: 5px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.border-orange {
  border: 1px solid #4c2d84;
}

.page>.navbar, .page>.toolbar, .view>.navbar, .view>.toolbar, .views>.navbar {
  padding: 5px 3px!important;
}

.tabbar-ios {
  /*background: rgba(253,253,253,0.95)*/
  background: #fff;
}

.toolbar-inner-ios {
  padding: 3px;
}

.toolbar-inner a span {
  font-size: 10px;
}

.tabbar.theme-purple a.active, .tabbar.theme-purple a.active i, .theme-purple .tabbar a.active, .theme-purple .tabbar a.active i {
  color: #4c2d84;
  /*background: #e8d6e8;*/
  border-radius: 5px;
}

a.tab-link>i {
  font-size: 18px;
  margin-bottom: 2px;
}

.navbar-popup {
  width: 100%;
  height: 46px;
  background: #4c2d84;
  font-size: 17px;
  color: #ffffff;
  text-align: center;
  padding-top: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.navbar-popup .colse-popup {
  width: 60px;
  position: absolute;
  top: 12px;
}

.navbar-popup .colse-popup a {
  color: #fff;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.pull-up {
  position: relative;
  width: 100%;
  padding: 25px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wrap-pull-up {
  padding: 5px;
  text-align: center;
  color: #bbbbbb;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 260px;
  padding-top: 221px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wrap-pull-up p {
  margin: 0;
  line-height: 1;
  font-size: 12px;
}

.coin-cash {
  font-size: 36px;
  color: #FFFFFF;
  vertical-align: middle;
}

.num-cash {
  font-size: 30px;
  font-weight: bold;
  color: #f9bc02;
  vertical-align: middle;
}

.label-tab {
  padding: 3px 10px;
  background: #4c2d84;
  color: white;
  font-size: 12px;
}

.toolbar-badge {
  position: absolute;
  font-size: 10px;
  top: 5px;
  right: -2px;
  width: 20px;
  padding: 0;
  line-height: 21px;
}

.navbar-badge {
  position: absolute;
  font-size: 10px;
  top: 7px;
  right: 0;
  width: 17px;
  height: 17px;
  padding: 0;
  line-height: 17px;
}

.page-content-detail {
  position: relative;
  padding-top: 56px !important;
  padding-right: 10px;
  padding-left: 10px;
}

.bz-img-product {
  width: 100%;
}

.bzz-img-product {
  width: 100%;
}

.bzz-img-banner {
  width: 100%;
  border-radius: 10px;
}

.bzz-img-circle {
  width: 70%;
  border-radius: 10px;
}
.sub-promo {
  padding: 3px 6px;
  background: #ec068d;
  color: #fff;
  font-size: 8px;
  border-radius: 5px;
}

.user-block-panel {
  padding: 0px 20px;
  min-height: 100%;
  overflow: hidden;
  color: #f3f3f3;
  padding-right: 0px;
  position: relative;
}

.user-block-panel-img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  display: inline-block;
  vertical-align: top;
}

.user-block-panel-img img {
  width: 100%;
}

.user-block-panel-name {
  float: left;
  display: inline-block;
  vertical-align: top;
  padding: 0px 15px;
}

.user-block-panel-name a {
  color: #ffffff;
}

.list-logout {
  position: absolute;
  bottom: 65px;
  left: 30px;
}

.list-logout ul {
  background: transparent;
  font-size: 15px;
}

.list-logout ul:after,.list-logout ul:before {
  background: transparent;
}

.list-logout ul li span {
  vertical-align: middle;
  color: #fff!important;
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.button i {
  vertical-align: middle;
  font-size: 18px;
  position: relative;
  top: 0px;
}

.panel-name {
  width: 120px;
  font-size: 18px;
  padding-top: 6px;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-block-panel-menu {
  width: 100%;
  padding-top: 20px;
  min-height: 200px;
  overflow: hidden;
  color: #efefef;
}

.user-block-panel-menu .content-block-title {
  color: #5f5f5f;
  font-size: 20px;
  padding-left: 0px;
  margin-left: 8px;
}

.user-block-panel-menu .accordion-item-content .content-block {
  color: #efefef;
  margin-left: 28px;
  margin-top: -5px;
}

.user-block-panel-menu .accordion-item-content .content-block p {
  margin: 5px 0px;
}

.user-block-panel-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: transparent;
}

.user-block-panel-menu ul:before,.user-block-panel-menu ul:after,.user-block-panel-menu ul li .item-inner:after {
  background: transparent;
}

.user-block-panel-menu ul li {
  display: block;
  font-size: 15px;
  color: #efefef;
  border-bottom: 1px solid #4c2d84;
}

.user-block-panel-menu ul li a {
  color: #efefef;
}

.user-block-panel-menu ul li a i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 10px;
  color: #efefef !important;
}

.user-block-panel-menu ul li a img {
  width: 18px;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.user-block-panel-menu ul li span.badge {
  float: right;
  background: #e73827;
  font-size: 10px;
  margin-top: 2px;
}

.user-block-panel-menu ul li .item-content {
  padding-left: 0px;
}

.user-block-panel-menu ul li .item-content:active,.user-block-panel-menu ul li .item-content:focus {
  background: transparent!important;
}

.product_image {
  width: 100%;
  height: auto !important;
}

.photo-browser-swiper-container {
  height: 100% !important;
}

.bz-img-product-detail {
  width: 100%;
  margin: auto;
}

.swiper-slide-detail {
  text-align: center;
}

.tabbar-top-ios {
  background-color: #f7f7f8 !important;
  border-bottom: 1px solid #e6e6e6;
}

.bar_filter {
  width: 100%;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bar_filter {
  padding: 10px 8px;
}

.bar_filter a {
  position: relative;
  font-size: 13px;
  top: 2px;
}

.bar_filter a.active {
  color: #4c2d84;
}

.bar_filter a.grid-menu {
  position: relative;
  font-size: 26px;
  vertical-align: top;
  margin-right: 8px;
  top: 4px;
}

.bar_filter a.list-menu {
  position: relative;
  /*    font-size: 26px;*/
  vertical-align: top;
  margin-right: 12px;
  margin-bottom: 8px;
  top: -2px;
}

.bar_filter a i {
  vertical-align: middle;
  font-size: 22px;
}

.p-product {
  font-size: 12px;
  color: #010101 !important;
  padding-left: 10px;
}
.p-product-allban{
 font-size: 12px;
 color: #010101 !important;
 padding-left: 10px;
 padding-top: 40px;

}

.a-tab-link {
  color: #010101 !important;
}

.a-icon-tab {
  color: #4c2d84;
}

.bz-product-name {
  font-size: 12px;
  height: 34px;
  padding: 2px 5px;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bzz-product-name {
  font-size: 12px;
  /*height: 34px;*/
  padding: 2px 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bzz-product-price.price_product {
  font-size: 15px;
  font-weight: bold;
  color: #ff3b30;
  padding: 0px 5px 8px;
}

.price_product {
  font-size: 15px;
  font-weight: bold;
  color: #ff3b30;
  padding: 4px 5px 8px;
}

.a-initial {
  color: initial !important;
}

s {
  font-size: 9px;
  color: #8e8e93;
}

.col-border-remproduct {
  /*  border: 1px solid #cccccc;*/
  border-radius: 8px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 8px;
  margin-left: 3px;
  margin-right: 3px;
  background: #ffffff!important;
  position: relative;
}

.ks-grid div[class*="col-"] {
  background: #fff;
  text-align: center;
  color: #000;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 15px;
}

.ks-preloaders {
  text-align: center;
}

.ks-preloader-big {
  width: 42px;
  height: 42px;
}

.item-media img {
  width: auto;
  height: auto;
  max-width: 65px;
  border-radius: 50%;
}

.tabbar i.icon {
  -webkit-transition: 200ms;
  transition: 200ms;
}

.ks-demo-slider {
  width: 100%;
  height: 150px;
}

.ks-demo-slider .swiper-slide, .ks-carousel-slider .swiper-slide {
  font-weight: 300;
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #fff;
}

.ks-carousel-slider .swiper-slide {
  box-sizing: border-box;
  border: 1px solid #ccc;
  background: #fff;
}

.ks-carousel-slider.ks-carousel-slider-auto .swiper-slide {
  width: 85%;
}

.ks-carousel-slider.ks-carousel-slider-auto .swiper-slide:nth-child(2n) {
  width: 70%;
}

.ks-carousel-slider.ks-carousel-slider-auto .swiper-slide:nth-child(3n) {
  width: 30%;
}

.page[data-page="swiper-multiple"] .swiper-container {
  margin: 0px 0 35px;
  font-size: 18px;
  height: 120px;
}

.ks-slider-custom {
  height: 100%;
}

.ks-slider-custom .swiper-container {
  background: #000;
  height: 100%;
}

.ks-slider-custom .swiper-slide {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.ks-slider-custom .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0);
  opacity: 1;
  border-radius: 0;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -ms-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
  position: relative;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  transform: scale(0.9);
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.ks-slider-custom .swiper-pagination .swiper-pagination-bullet-active {
  z-index: 1;
  border: 1px solid #007aff;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  transform: scale(1.4);
}

.ks-cube-slider {
  width: 80%;
  height: 70%;
  top: 15%;
}

.ks-coverflow-slider {
  height: 60%;
  top: 20%;
}

.ks-coverflow-slider .swiper-slide {
  width: 65%;
}

.ks-cube-slider .swiper-slide, .ks-coverflow-slider .swiper-slide {
  background-size: cover;
  color: #fff;
  -webkit-backface-visibility: hidden;
}

.ks-fade-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}

.page[data-page="swiper-gallery"] {
  background: #000;
}

.ks-swiper-gallery-top {
  height: 70%;
}

.ks-swiper-gallery-thumbs {
  margin-top: 10px;
  height: 20%;
  height: -webkit-calc(30% - 20px);
  height: -moz-calc(30% - 20px);
  height: -ms-calc(30% - 20px);
  height: calc(30% - 20px);
}

.ks-swiper-gallery-thumbs .swiper-slide {
  width: 25%;
}

.ks-swiper-gallery-thumbs .swiper-slide-pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  -webkit-transition: 300ms;
}

.ks-swiper-gallery-thumbs .swiper-slide-active .swiper-slide-pic {
  opacity: 1;
}

.ks-swiper-gallery-top .swiper-slide, .ks-swiper-gallery-thumbs .swiper-slide, .ks-swiper-gallery-top .swiper-slide-pic, .ks-swiper-gallery-thumbs .swiper-slide-pic {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.ks-parallax-slider {
  height: 100%;
}

.ks-parallax-slider .swiper-parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.ks-parallax-slider .swiper-slide {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 60px;
  color: #fff;
}

.ks-parallax-slider .swiper-slide-title {
  font-size: 41px;
  font-weight: 300;
}

.ks-parallax-slider .swiper-slide-subtitle {
  font-size: 21px;
}

.ks-parallax-slider .swiper-slide-text {
  font-size: 14px;
  max-width: 400px;
  line-height: 1.3;
}

.page[data-page="virtual-list"] .virtual-list li {
  height: 73px;
}

#ks-picker-date-container .picker-item {
  color: #999;
}

#ks-picker-date-container .picker-selected {
  color: #000;
}

.layout-dark #ks-picker-date-container .picker-selected {
  color: #fff;
}

.view-left {
  width: 100%;
}

.mobile-menu {
  display: block;
}

.link-hide {
  visibility: visible;
}

.view-main-right,.view-another-right,.tablet-menu {
  display: none;
}

@media (max-width: 767px) {
  #ks-picker-date-container .picker-items {
    font-size: 21px;
  }

  #ks-picker-date-container .picker-item {
    height: 36px;
    line-height: 36px;
  }

  #ks-picker-date-container .picker-item span {
    padding: 0 6px;
  }
}

@media (min-width: 767px) {
  .toolbar-hidden {
    display: block;
  }
}

img.ks-demo-lazy {
  display: block;
  width: 100%;
  height: auto;
}

div.ks-demo-lazy {
  background: #aaa;
  -webkit-background-size: cover;
  background-size: cover;
  height: 300px;
  height: 60vw;
}

.ks-layout-theme {
  height: 44px;
  cursor: pointer;
}

.ks-layout-theme.ks-layout-default {
  background: #f3f3f3;
}

.ks-layout-theme.ks-layout-dark {
  background: #000;
}

.ks-layout-theme.ks-layout-white {
  background: #fff;
}

.ks-color-theme {
  height: 44px;
  cursor: pointer;
  margin-bottom: 10px;
}

.ks-card-header-pic .card-header {
  height: 40vw;
  background-size: cover;
  background-position: center;
}

.ks-facebook-card .card-header {
  display: block;
  padding: 10px;
}

.ks-facebook-card .ks-facebook-avatar {
  float: left;
}

.ks-facebook-card .ks-facebook-name {
  margin-left: 44px;
  font-size: 14px;
  font-weight: 500;
}

.ks-facebook-card .ks-facebook-date {
  margin-left: 44px;
  font-size: 13px;
  color: #8e8e93;
}

.ks-facebook-card .card-footer {
  background: #fafafa;
}

.ks-facebook-card .card-footer a {
  color: #81848b;
  font-weight: 500;
}

.ks-facebook-card .card-content img {
  display: block;
}

.ks-facebook-card .card-content-inner {
  padding: 15px 10px;
}

form .material-icons {
  color: #757575;
}

.ks-demo-icon {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #333;
}

.ks-demo-icon .icon-name {
  margin-top: 5px;
  font-size: 11px;
  color: #666;
}

code {
  background: #f3f3f3;
  padding: 5px;
}

body {
  color: #5f5f5f;
  background: #4c2d84;
  /* fallback for old browsers */
    /*  background: -webkit-linear-gradient(to right, #4c2d84, #b864b8);
    background: linear-gradient(to right, #4c2d84, #b864b8);*/
  }

  textarea {
    resize: none;
    padding-top: 10px;
  }

  .col-padding {
    padding: 15px 0px 10px;
  }

  .label-form {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
  }

  .label-form i {
    font-size: 18px;
    vertical-align: middle;
    color: #000000;
  }

  .wrap-label-checkbox-filter {
    padding: 15px 0px;
  }

  .wrap-label-checkbox-filter label {
    padding: 5px 8px;
    font-size: 15px;
    color: #bbbbbb;
    border: 1px solid #bbbbbb;
    margin-right: 8px;
  }

  .wrap-label-checkbox-filter label i {
    font-size: 17px;
    vertical-align: middle;
    color: #bbbbbb;
    margin-top: -4px;
  }

  .wrap-label-checkbox-filter input[type=checkbox] {
    display: none;
  }

  .wrap-label-checkbox-filter input[type=checkbox]:checked + label {
    color: #4c2d84;
    border: 1px solid #4c2d84;
  }

  .wrap-label-checkbox-filter input[type=checkbox]:checked + label i {
    color: #4c2d84;
  }

  .form-control {
    width: 100%!important;
    height: 40px!important;
    padding-left: 10px!important;
    font-size: 15px!important;
    border-radius: 0px!important;
    background: #ededed!important;
    border: 1px solid rgba(188,192,192,0.3)!important;
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
    appearance: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
  }

  .button {
    border-radius: 0px;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
  }

  .panel,.pages,.page {
    /*background: transparent;*/
    background: #4c2d84;
  }

  .navbar-fixed .page-content, .navbar-through .page-content {
    /*background: #f7f7f8!important;*/
    background: #efefef;
  }

  a.btn-close-popup {
    position: absolute;
    top: 45px;
    left: 15px;
    font-size: 18px;
  }

  .close-popup {
    text-decoration: none !important;
    color: #659cff !important;
    font-weight: bold;
  }

  .login-head {
    font-size: 28px;
    padding: 60px 10px;
    text-align: center;
    padding-bottom: 15px;
  }

  .label-danger {
    font-size: 13px;
    color: #f44336;
    padding-top: 5px;
  }

  .list-form {
    padding: 5px;
  }

  .list-form ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-form ul li {
    padding: 5px 0px;
  }

  .list-form ul li label {
    font-size: 13px;
    font-weight: bold;
    color: #757575;
    margin-bottom: 3px;
  }

  .list-form ul li .form-control {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    font-size: 15px;
    border-radius: 0px;
    background: #ededed;
    border: 1px solid #ededed;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .list-form ul li .form-profile-pic {
    width: 200px;
    height: 200px;
    background: #ededed;
    border: 1px solid #ededed;
    margin: auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .list-form ul li .form-profile-pic label {
    position: absolute;
    margin: 75px;
    z-index: 20;
    opacity: 0.5;
  }

  .list-form ul li .form-profile-pic label i {
    font-size: 50px;
    color: #c1c1c1;
  }

  .list-form ul li .form-pic {
    opacity: 0;
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 21;
  }

  .list-block {
    margin: 5px 0px;
    margin-top: -5px;
  }

  .list-block .swipeout-actions-left.swipeout-actions-left-2action {
    left: -48%!important;
  }

  .list-block .swipeout-actions-left.swipeout-actions-left-1action {
    left: -20%!important;
  }

  .list-block .swipeout-actions-right.swipeout-actions-right-1action {
    right: -20%!important;
  }

  .list-block ul li i {
    color: #4c2d84;
  }

  .list-block ul.block-detail {
    padding: 15px 10px;
  }

  .list-block ul.block-detail.block-detail-cate {
    padding-right: 0px!important;
    padding-bottom: 0px;
  }

  .list-block ul.block-detail.block-detail-cate-icon {
    padding-top: 0px!important;
    padding-bottom: 15px!important;
  }

  .swiper-pagination {
    bottom: 15px!important;
  }

  .list-block.list-no-top ul:before {
    background: transparent;
  }

  .list-block ul li .item-inner {
    padding-left: 10px;
  }

  .list-block input[type=number] {
    width: 40%;
    height: 35px;
    font-size: 15px;
    border: 1px solid #4c2d84!important;
    color: #424242;
    border-radius: 0px!important;
    padding-left: 0px!important;
    margin-left: 0px;
    margin-right: 0px;
  }

  .button.button-fill i {
    color: #ffffff;
  }

  .button-fill-red {
    background: #ff3b30;
    color: #ffffff;
    border-color: #ff3b30!important;
  }

/*.list-block ul li a{
color: #000000;
}
.list-block ul li.active{
background: #ffedcf;
}*/
.list-block .item-content {
  position: relative;
}

.list-block .item-inner {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-right: 3px;
}

.list-block .item-title {
  font-size: 13px;
}

.list-block .item-after i {
  color: #8e8e93!important;
}

.list-block .item-inner .item-title-history {
  font-size: 14px;
  width: 230px;
}

.list-block .item-label-pic {
  float: left;
  margin-left: -10px;
}

.list-block .item-label-pic img {
  width: 70px;
}

.list-block .item-label-pic .label-circle {
  width: 40px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  padding-top: 10px;
  color: #fff;
}

.list-block .item-label-pic .label-circle i {
  font-size: 20px;
  color: #fff!important;
}

.list-block .item-label-pic .label-circle.label-green {
  background: #16a085;
}

.list-block .item-label-pic .label-circle.label-orange {
  background: #4c2d84;
}

.list-block .item-label-pic .label-circle.credit_card {
  background: #FF9800;
}

.list-block .item-label-pic .label-circle.lightbulb_outline {
  background: #2196F3;
}

.list-block .item-label-pic .label-circle.shopping_cart {
  background: #4c2d84;
}

.list-block .item-label-content {
  display: inline-block;
  vertical-align: top;
  float: left;
  padding-left: 10px;
  font-size: 12px;
  padding-right: 15px;
}

.list-block .item-label-content a.delete_product {
  position: absolute;
  right: 6px;
  top: 10px;
}

.list-block .item-label-content a.delete_product i {
  font-size: 16px;
  opacity: 0.4;
}

.list-block .item-label-content .name_product {
  font-weight: bold;
  color: #363636;
}

.list-block .item-label-content .price_product {
  font-size: 14px;
  padding-bottom: 0px;
}

.list-block .item-label-content .qty_product {
  font-size: 13px;
  padding-top: 5px;
}

.list-block .item-label-content .item-label-time,.list-block .item-inner .item-title-history .item-label-time {
  font-size: 11px;
  font-weight: bold;
  padding-top: 2px;
}

.list-block .item-label-content .item-label-time i,.list-block .item-inner .item-title-history .item-label-time i {
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}

.label-switch input[type=checkbox]:checked+.checkbox {
  background: #4c2d84!important;
}

.wrap-label-checkbox-filter {
  padding: 15px 0px;
}

.list-block .item-checkbox input[type=radio]:checked + label {
  background: rgba(94,52,94,0.4);
}

/*.wrap-label-checkbox-filter label i{
font-size: 17px;
vertical-align: middle;
color: #bbbbbb;
margin-top: -4px;
}*/
.list-block .item-checkbox input[type=radio] {
  display: none;
}

/*.wrap-label-checkbox-filter input[type=checkbox]:checked + label{
color: #4c2d84;
border: 1px solid #4c2d84;
}
.wrap-label-checkbox-filter input[type=checkbox]:checked + label i{
color: #4c2d84;
}

.list-block .item-checkbox{

  }*/
  .btn-form {
    margin-top: 15px;
    border-radius: 0px;
    width: 100%;
  }

  .btn-otp {
    border-radius: 20px!important;
    font-size: 18px;
  }

  .btn-otp i {
    font-size: 18px;
    vertical-align: middle;
  }

  .wrap-btn-form {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
  }

  /* btn size */
  .fbshareinvice,.next_money_withdraw,.logout_action {
    width: 100%;
    margin: auto;
  }

  /* btn size */
  .color-fb {
    background: #3b5998!important;
  }

  .color-green {
    color: #32b268!important;
  }

  .color-reds {
    color: red!important;
  }

  .lable-term-login {
        /*position: fixed;
        bottom: 15px;*/
        margin-top: 100px;
        left: 0px;
        text-align: center;
        font-size: 14px;
        width: 100%;
      }

      .content-block-copyright {
        font-size: 12px;
        padding: 15px;
        margin-bottom: 15px;
      }

      .swiper-slide {
        /* background: transparent!important; */
        padding: 5px 0px;
      }

/*  .swiper-slide img{
        border-radius: 10px;
        }*/
        .content-block-title {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin-top: 20px;
          overflow: visible;
          white-space: normal;
          font-size: 18px;
          line-height: 1.3;
          text-transform: capitalize;
          color: #4f4f4f;
          font-weight: bold;
        }

        .content-block-title a {
          float: right;
          font-size: 13px;
          font-weight: normal;
          position: relative;
          top: 2px;
        }

        .content-block-title a i {
          vertical-align: middle;
          font-size: 18px;
          position: relative;
          top: -2px;
        }

        .swiper-cate {
          padding-left: 5px;
          padding-right: 5px;
        }

        .popular-cate {
          padding: 8px;
          text-align: center;
          padding-top: 15px;
          /*border: 1px solid #4c2d84;*/
          /*width: 90px!important;*/
          height: 105px;
          margin-right: 2px!important;
        }

        .popular-cate-2 {
          padding: 0px;
          padding-top: 2px;
          height: 110px;
          text-align: center;
        }

        .popular-cate-2 img {
          width: 85%;
        }

        .popular-cate-2 p {
          font-size: 12px;
          color: #363636;
          position: relative;
          padding: 0px;
          top: 5px;
          margin-top: 0;
          margin-bottom: 0;
        }

        .circle-icons {
          width: 55px;
          height: 55px;
          border-radius: 50%;
          margin: auto;
          color: #fff;
          /*padding-top: 15px;*/
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
        }

        .circle-icons img {
          width: 46px!important;
          position: relative!important;
          top: 1px!important;
        }

        .popular-cate p {
          margin: 0px;
          font-size: 11px;
          line-height: 18px;
          margin-top: 18px;
          color: #5f5f5f;
        }

        .popular-cate img {
          width: 120px;
        }

        .button-view-all {
          margin: 15px 65px 25px;
        }

        .bz-product-cash {
          margin-top: -8px;
          margin-bottom: 10px;
          padding-left: 6px;
          color: #4c2d84;
        }

        .bz-product-cash i {
          font-size: 24px;
          vertical-align: middle;
          position: relative;
          top: 1px;
          color: #f9bc02;
        }

        .bzz-product-cash {
          margin-top: -8px;
          margin-bottom: 10px;
          font-size: 8px;
          padding-left: 6px;
        }

        .bzz-product-cash i {
          font-size: 24px;
          vertical-align: middle;
          position: relative;
          top: -1px;
          color: #f9bc02!important;
        }

        .bzz-product-cash .cash_product {
          font-size: 12px;
        }

        .cash_product {
          font-size: 13px;
          color: #f9bc02;
          font-weight: bold;
        }

        .cash_products {
          font-size: 11px;
          color: #4c2d84;
          font-weight: bold;
          position: relative;
          top: -6px;
        }

        .contact-list {
          padding: 15px!important;
          font-size: 15px;
        }

        /*cart*/
        .list-block .spinner-cart input[type=number] {
          width: 50px;
          height: 28px;
          border: 1px #4c2d84 solid;
          font-size: 13px;
          color: #424242;
        }

        .spinner-cart {
          width: 120px;
          margin-top: 10px;
        }

        .spinner-cart span.spinner {
          height: 30px;
        }

        .spinner-cart span.spinner > .sub button, .spinner-cart span.spinner > .add button {
          width: 25px;
          height: 28px;
          line-height: 23px;
        }

        .price_product_cart {
          font-size: 15px;
          color: #4c2d84;
          position: absolute;
          right: 15px;
          bottom: 15px;
        }

        .ori_price {
          font-size: 15px;
          color: #4c2d84;
          position: absolute;
          right: 10px;
          bottom: 15px;
        }

        .total_cashback {
          font-size: 16px;
          vertical-align: middle;
          line-height: 2.3;
        }

        .total_cashback i {
          font-size: 24px;
          vertical-align: middle;
          color: #f9bc02!important;
        }

        .cashback-i {
          vertical-align: middle;
          color: #f9bc02!important;
        }

        .list-block-total {
          background: #fff;
          padding: 10px 15px;
          font-weight: bold;
        }

        .page-content-cart {
          padding-bottom: 160px!important;
        }

        .list-cart {
          padding: 10px 15px!important;
          font-size: 13px;
        }

        .list-cart h4 {
          margin: 10px 0px 5px;
        }

        .list-cart span.title {
          font-weight: bold;
          color: #4c2d84;
        }

        .list-cart span {
          line-height: 19px;
        }

        .btn-redeem {
          width: 100%;
          height: 40px!important;
        }

        .cart-detail {
          font-size: 13px;
          font-weight: normal;
          padding: 5px 0px;
        }

        .cart-total-detail {
          font-size: 15px;
          padding: 10px 0px;
          color: #4c2d84;
        }

        .wrap-btn-fixed {
          width: 100%;
          position: fixed;
          bottom: -8px;
          left: 0;
          z-index: 99999;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
        }

        .wrap-btn-fixed:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          bottom: auto;
          right: auto;
          height: 1px;
          width: 100%;
          background-color: #c4c4c4;
          display: block;
          z-index: 15;
          -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
        }

        .page-content-d {
          padding-bottom: 48px !important;
        }

        .cart-address {
          font-size: 13px;
          padding: 15px!important;
          padding-right: 20px;
        }

        .cart-address-add {
          font-size: 14px;
          padding: 10px 0px;
        }

        .cart-address-add i {
          font-size: 18px;
          vertical-align: middle;
        }

        .cart-address-edit {
          position: absolute;
          right: 5px;
          top: 32px;
          opacity: 0.5;
        }

        .cart-purchase {
          font-size: 17px;
          padding: 25px 15px!important;
          padding-right: 20px;
        }

        .cart-purchase-add {
          position: absolute;
          right: 5px;
          top: 26px;
          opacity: 0.5;
        }

        .cart-bank {
          padding: 25px;
          padding-top: 15px;
          font-size: 15px;
          overflow: hidden;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          position: relative;
          color: #fff;
        }

        .cart-bank-h {
          font-size: 24px;
          line-height: 50px;
        }

        .cart-bank-icon {
          font-size: 120px;
          position: absolute;
          bottom: -65px;
          right: -35px;
        }

        .bank-bbl {
          background-color: #1e4598
        }

        .bank-kbank {
          background-color: #138f2d
        }

        .bank-rbs {
          background-color: #032952
        }

        .bank-ktb {
          background-color: #1ba5e1
        }

        .bank-jpm {
          background-color: #321c10
        }

        .bank-mufg {
          background-color: #d61323
        }

        .bank-tmb {
          background-color: #1279be
        }

        .bank-scb {
          background-color: #4e2e7f
        }

        .bank-citi {
          background-color: #1583c7
        }

        .bank-smbc {
          background-color: #a0d235
        }

        .bank-sc {
          background-color: #0f6ea1
        }

        .bank-cimb {
          background-color: #7e2f36
        }

        .bank-uob {
          background-color: #0b3979
        }

        .bank-bay {
          background-color: #fec43b
        }

        .bank-mega {
          background-color: #815e3b
        }

        .bank-boa {
          background-color: #e11e3c
        }

        .bank-cacib {
          background-color: #0e765b
        }

        .bank-gsb {
          background-color: #eb198d
        }

        .bank-hsbc {
          background-color: #fd0d1b
        }

        .bank-db {
          background-color: #0522a5
        }

        .bank-ghb {
          background-color: #f57d23
        }

        .bank-baac {
          background-color: #4b9b1d
        }

        .bank-mb {
          background-color: #150b78
        }

        .bank-bnp {
          background-color: #14925e
        }

        .bank-tbank {
          background-color: #fc4f1f
        }

        .bank-ibank {
          background-color: #184615
        }

        .bank-tisco {
          background-color: #12549f
        }

        .bank-kk {
          background-color: #199cc5
        }

        .bank-icbc {
          background-color: #c50f1c
        }

        .bank-tcrb {
          background-color: #0a4ab3
        }

        .bank-lhb {
          background-color: #6d6e71
        }

        .cart-credit {
          padding: 25px;
          text-align: center;
        }

        .cart-credit img {
          width: 90px;
        }

        /*product-detail*/
        .name_product_detail {
          font-size: 20px;
          line-height: 24px;
          font-weight: 600;
          padding: 10px 5px;
          padding-bottom: 5px;
          padding-left: 0px;
          left: 0px !important;
        }

        .name_product_all {
          left: 0px !important;
        }

        .price_product_detail {
          color: #ff3b30;
          padding: 5px 5px 8px;
          font-size: 24px;
          font-weight: bold;
        }

        .refund_product_detail {
          margin-bottom: 15px;
        }

        .refund_percent {
          font-size: 16px;
          font-weight: bold;
          color: #f9bc02;
        }

        .refund_percent i {
          font-size: 25px;
          color: #f9bc02!important;
          vertical-align: middle;
          position: relative;
          top: -1px;
        }

        .wrap-spinner-detail {
          width: 100%;
          height: 35px;
          display: inline-block;
          vertical-align: top;
        }

        .wrap-btn-detail {
          width: 100%;
          margin-top: 20px;
          margin-bottom: 10px;
        }

        .btn-favorite {
          width: 48.2%;
          height: 35px!important;
          line-height: 29px!important;
          text-align: center;
          display: inline-block;
          vertical-align: top;
          margin-bottom: 8px;
          border-radius: 30px;
        }

        .btn-favorite i {
          vertical-align: middle;
          line-height: inherit;
        }

        .btn-cart {
          width: 100%;
          text-align: center;
          display: inline-block;
          vertical-align: top;
          margin-bottom: 8px;
        }

        .btn-cart i {
          vertical-align: middle;
          line-height: inherit;
        }

        .remain_product_detail {
          width: 100%;
          padding: 5px 0px;
          font-size: 14px;
          color: #7b7b7b;
        }

        .select_product_item {
          /*width: 75px !important;*/
          /*height: 75px;*/
          border: 1px solid #dedede;
          overflow: hidden;
          margin-right: 5px;
        }

        .select_product_item img {
          width: 100%;
        }

        .list_comment_limit {
          padding-left: 0!important;
        }

        .rating-comment {
          padding: 10px 0px;
          font-size: 13px;
        }

        .rating-comment i {
          vertical-align: middle;
          font-size: 16px;
        }

        .num-rating-comment {
          font-size: 40px;
          line-height: 4px;
          display: inline-block;
          vertical-align: top;
          padding: 10px;
        }

        .num-rating-comment span.num-rating-s {
          font-size: 12px;
        }

        .num-rating-comment-all {
          font-size: 40px;
          line-height: 4px;
          display: inline-block;
          vertical-align: top;
          padding: 20px 15px;
          padding-bottom: 0px;
        }

        .num-rating-comment-all span.num-rating-s {
          font-size: 12px;
        }

        .star-rating-comment-all {
          font-size: 12px;
          margin-top: 20px;
        }

        .star-rating-comment-all img {
          width: 80px;
        }

        .star-rating-comment-all p {
          margin: 5px 0px;
        }

        .star-rating-comment-all a {
          font-size: 12px;
        }

        .star-rating-comment-all a i {
          vertical-align: middle;
          font-size: 12px;
        }

        .star-rating-comment {
          display: inline-block;
          vertical-align: top;
        }

        .star-rating-comment img {
          width: 120px;
          margin-top: -12px;
        }

        .star-rating-comment p {
          margin: 0px;
        }

        .star-rating-comment a {
          font-size: 13px;
        }

        .star-rating-comment a i {
          vertical-align: middle;
          font-size: 13px;
        }

        .block-popup {
          margin: 0;
          padding: 0;
        }

        .block-comment {
          padding: 0px 3px;
        }

        .block-login {
          padding: 0px 25px;
        }

        .list-block-comment {
          margin: 5px 0px;
        }

        .list-h {
          padding-top: 10px;
        }

        .list-h span {
          font-size: 13px;
        }

        .name_product_comment {
          font-size: 15px;
          font-weight: normal;
          padding-top: 15px;
        }

        .price_product_comment {
          font-size: 14px;
          text-align: left;
        }

        .rating {
          overflow: hidden;
          display: inline-block;
          font-size: 0;
          position: relative;
        }

        .rating-input {
          float: right;
          width: 15px;
          height: 26px;
          padding: 0;
          margin: 0 0 0 -16px;
          opacity: 0;
          cursor: pointer;
        }

        .rating:hover .rating-star:hover, .rating:hover .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star {
          background-position: 0px;
        }

        .rating-star, .rating:hover .rating-star {
          position: relative;
          float: right;
          display: block;
          width: 26px;
          height: 26px;
          background: url(../img/star.png);
          background-repeat: no-repeat;
          background-position: -27px;
          cursor: pointer;
        }

        .wrap-product-point {
          text-align: center;
        }

        .wrap-product-star {
          width: 100%;
          padding: 0px 10px;
          font-size: 12px;
        }

        .wrap-product-star ul {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .wrap-product-star ul li {
          padding: 0px 5px;
          font-size: 12px;
          width: 100%;
          position: relative;
        }

        .prograss-rate-no {
          float: left;
          font-size: 11px;
          margin-right: 5px;
          position: relative;
          top: -2px;
        }

        .prograss-rate {
          width: 150px;
          height: 9px;
          margin-bottom: 8px;
          background-color: #e0e0e6;
          margin-left: 26px;
        }

        .prograss-rate span {
          position: absolute;
          right: 15px;
          top: -3px;
          margin-right: 5px;
          font-size: 11px;
        }

        .progress-bar {
          float: left;
          width: 0;
          height: 100%;
          text-align: center;
          background-color: #4c2d84;
          -webkit-transition: width .6s ease;
          -o-transition: width .6s ease;
          transition: width .6s ease;
        }

        .wrap-product-star ul li i {
          font-size: 13px;
          vertical-align: middle;
          margin-left: 2px;
          margin-top: 0px;
          color: #4c2d84;
          position: absolute;
        }

        .progress-bar-warning {
          background: #4c2d84 !important;
        }

        /*step*/
        .container-step {
          width: 100%;
        }

        .progressbar-step {
          height: 55px;
          counter-reset: step;
          padding-left: 0px;
        }

        .progressbar-step li {
          list-style-type: none;
          float: left;
          width: 24.8%;
          position: relative;
          text-align: center;
          font-size: 12px;
        }

        .progressbar-step li:before {
          content: counter(step);
          counter-increment: step;
          font-size: 16px;
          width: 30px;
          height: 30px;
          line-height: 30px;
          border: 2px solid #bbb;
          display: block;
          text-align: center;
          margin: 0 auto 5px auto;
          border-radius: 50%;
          background-color: #f7f7f8;
        }

        .progressbar-step li:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background-color: #ddd;
          top: 15px;
          left: -50%;
          z-index: -1;
        }

        .progressbar-step li:first-child:after {
          content: none;
        }

        .progressbar-step li.active {
          color: #4c2d84;
        }

        .progressbar-step li.active:before {
          border-color: #4c2d84;
        }

        .progressbar-step li.active + li:after {
          background-color: #4c2d84;
        }

        .progressbar-step li.cancel-bar:before {
          border-color: #e6002d;
        }

        .progressbar-step li.cancel-bar + li:after {
          background-color: #e6002d;
        }

        .progressbar-step li.cancel-bar.active {
          color: #e6002d;
          list-style-type: none;
          float: left;
          width: 49.5%;
          position: relative;
          text-align: center;
          border-color: #e6002d !important;
        }

        .status-purchase {
          text-align: center;
        }

/*.progressbar li.cancel-bar {
            list-style-type: none;
            float: left;
            width: 49.5%;
            position: relative;
            text-align: center;
        }
        */
        /*spinner*/
        input[type=number] {
          float: left;
          width: 50%;
          height: 42px;
          padding: 0;
          font-weight: 700;
          font-size: 1.2em;
          text-transform: uppercase;
          text-align: center;
          color: #4c2d84;
          border: 1px #4c2d84 solid;
          border-radius: 0px;
          background: none;
          outline: none;
          pointer-events: none;
        }

        span.spinner {
          /*  position: absolute;*/
          height: 42px;
          user-select: none;
          -ms-user-select: none;
          -moz-user-select: none;
          -webkit-user-select: none;
          -webkit-touch-callout: none;
        }

        span.spinner > .sub button, span.spinner > .add button {
          padding: 0;
          float: left;
          display: inline-block;
          width: 44px;
          height: 35px;
          text-align: center;
          font-family: Lato;
          font-weight: 700;
          font-size: 1.3em;
          line-height: 24px;
          color: #ffffff;
          background: #4c2d84;
          border: 1px #4c2d84 solid;
          border-radius: 30px 0px 0px 30px;
          cursor: pointer;
          transition: 0.1s linear;
          -o-transition: 0.1s linear;
          -ms-transition: 0.1s linear;
          -moz-transition: 0.1s linear;
          -webkit-transition: 0.1s linear;
        }

        span.spinner > .add button {
          top: 0;
          border: 1px #4c2d84 solid;
          border-radius: 0px 30px 30px 0px;
        }

        span.spinner > .sub button:hover, span.spinner > .add button:hover {
          background: #4c2d84;
          color: #ffffff;
        }

        input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
          -webkit-appearance: none;
        }

        /*product*/
        .bt-filter {
          border-right: 1px solid rgba(94,52,94,0.4);
        }

        .all_product {
          padding-left: 5px;
          padding-right: 5px;
        }

        .list-product-all {
          /*list*/
          width: 100%;
          padding-left: 105px;
          padding-top: 8px;
          position: relative;
          min-height: 105px;
        }

        .list-product-all .bz-img-product {
          width: 100px;
          position: absolute;
          left: 0;
          top: 0;
        }

        /*setting*/
        .wrap-profile {
          padding: 15px;
          padding-top: 15px;
          position: relative;
          /*text-align: center;*/
        }

        .coin-cash {
          color: #f1a800;
        }

        .wrap-profile .profile-pic {
          display: inline-block;
          vertical-align: top;
          width: 65px;
        }

        .wrap-profile .profile-pic img {
          width: 60px;
          border-radius: 50%;
        }

        .profile-detail h5 {
          margin: 0;
          padding-left: 10px;
          color: #4c2d84;
        }

        .profile-detail p {
          margin: 1px 0;
          padding-left: 10px;
          font-size: 11px;
        }

        .profile-detail p i {
          font-size: 12px;
          vertical-align: middle;
          color: #FFFFFF !important;
        }

        .profile-detail {
          display: inline-block;
          vertical-align: top;
          color: #FFFFFF;
        }

        .wrap-coin {
          padding: 10px 15px;
          padding-top: 0px;
          color: #FFFFFF;
          position: relative;
          /*text-align: center;*/
        }

        .withdrawal-btn {
          padding: 5px 30px;
          color: #ffffff;
          font-size: 14px;
          background: #f1a800;
          position: absolute;
          right: 15px;
          top: 5px;
          border-radius: 10px;
        }

        .withdrawal-detail {
          width: 300px;
          margin: auto;
          padding: 15px 10px;
        }

        .withdrawal-detail .profile-pic {
          width: 35%;
          display: inline-block;
          vertical-align: middle;
          text-align: right;
          padding-right: 10px;
        }

        .withdrawal-detail .profile-pic img {
          width: 65px;
          height: 65px;
          border-radius: 50%;
        }

        .withdrawal-detail .withdrawal-arrow {
          width: 19%;
          display: inline-block;
          vertical-align: middle;
          text-align: center;
        }

        .withdrawal-detail .withdrawal-arrow img {
          width: 40px;
        }

        .withdrawal-detail .withdrawal-bank {
          width: 35%;
          display: inline-block;
          vertical-align: middle;
          padding-left: 10px;
          padding-top: 5px;
        }

        .withdrawal-detail .withdrawal-bank img {
          width: 65px;
          height: 65px;
          border-radius: 50%;
        }

        .withdrawal-bank-detail p {
          margin: 0;
        }

        .wrap-touchid {
          width: 100%;
          text-align: center;
          padding: 25px;
          padding-bottom: 0px;
          box-sizing: border-box;
        }

        .wrap-touchid i {
          font-size: 120px;
          color: #4c2d84;
        }

        .wrap-touchid-login {
          width: 100%;
          text-align: center;
          padding: 25px;
          padding-bottom: 0px;
          box-sizing: border-box;
        }

        .wrap-touchid-login i {
          font-size: 70px;
          color: #4c2d84;
        }

        .wrap-btn-otp {
          padding: 173px 25px 10px 25px;
        }

        .wrap-touchid-otp {
          width: 100%;
          text-align: center;
          padding: 10px 25px;
          padding-bottom: 0px;
          box-sizing: border-box;
        }

        .wrap-touchid-otp i {
          font-size: 80px;
          color: #4c2d84;
        }

        /*chat*/
        .sticker-all {
          width: 100%;
          height: 240px;
          background: #fff;
          border-top: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
          position: fixed;
          bottom: 46px;
          z-index: 99;
          overflow: auto;
          padding: 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transition-duration: .4s;
          transition-duration: .4s;
          -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
        }

        .sticker-all img {
          display: inline-block;
          vertical-align: top;
          width: 65px;
          margin: 3px;
        }

        .hideSticker {
          -webkit-transition-duration: .4s;
          transition-duration: .4s;
          -webkit-transform: translate3d(0,100%,0);
          transform: translate3d(0,100%,0);
        }

        .messages {
          padding-bottom: 15px;
        }

        .message {
          margin-top: 10px;
        }

        .message .message-text {
          box-sizing: border-box;
          border-radius: 8px;
          padding: 10px 16px 9px;
          font-size: 14px;
          color: #363636;
          line-height: 1;
        }

        .message-sent .message-text {
          background-color: #e6e6e6;
        }

        .message-received .message-text {
          background-color: #e4cae4;
        }

        .message .message-label {
          font-size: 10px;
        }

        .message .message-label i {
          font-size: 12px;
          vertical-align: middle;
        }

        .chip {
          background-color: rgb(76, 45, 132)!important;
          margin-right: 5px;
        }

        .chip a {
          color: #fff;
        }

        .thbanks {
          color: #fff!important;
          padding: 5px 7px 0px !important;
        }

        .thbanks-circle {
          border-radius: 40px;
          padding: 10px 10px 0px !important;
          font-size: 3.4em;
        }

        .block-ads {
          padding: 10px 8px;
          padding-top: 55px;
        }

        .item-ads {
          margin-bottom: 3px;
        }

        .item-ads img {
          width: 100%;
        }

        .slide-container-menu {
          width: 100%;
          /* max-width: 600px; */
          white-space: nowrap;
          overflow-y: hidden;
          overflow-x: scroll;
          -webkit-overflow-scrolling: touch;
          margin-bottom: 10px;
          position: absolute;
          top: 46px;
          left: 0;
          background: #f7f7f8;
        }

        .slide-container-menu::-webkit-scrollbar {
          height: 0px;
        }

        .slide-container-menu::-webkit-scrollbar-thumb {
          background: transparent;
        }

        .slide-container-menu::-webkit-scrollbar * {
          background: transparent;
        }

        .slide-container-menu .slide-wrapper {
          box-sizing: border-box;
          -webkit-transition: left 2s;
          /* Safari */
          transition: left 2s;
          position: relative;
          text-align: center;
        }

        .slide-container-menu .slide-menu {
          text-align: center;
          display: inline-block;
          margin-left: -3px;
          font-size: 14px;
          padding-top: 14px;
          width: 130px;
          height: 46px;
          box-sizing: border-box;
          border-bottom: 1px solid #e6e6e6;
          color: #4c2d84;
        }

        .slide-container-menu .slide-menu.active {
          color: #4c2d84;
          font-weight: bold;
          border-bottom: 1px solid #4c2d84;
        }

        .swiper-container-menu {
          height: 120px;
        }

        

        .graNew {
          background: #4c2d84;
    /*background: -webkit-linear-gradient(to top, #dc2430, #7b4397);
    background: linear-gradient(to top, #dc2430, #7b4397);*/
  }

  .graNew2 {
    background: ##FFFFFF;
    /*background: -webkit-linear-gradient(to top, #dc2430, #7b4397);
    background: linear-gradient(to top, #dc2430, #7b4397);*/
  }

  .txt-notice2 {
    color: #0B0A0A;
  }

  .graFlash {
    background: #ff3b30;
  }

  .gra00 {
    background: #b570a2;
    /*background: -webkit-linear-gradient(to top, #1D2671, #C33764);
    background: linear-gradient(to top, #1D2671, #C33764);*/
  }

  .gra01 {
    background: #FF5F6D;
    /*background: -webkit-linear-gradient(to top, #FFC371, #FF5F6D);
    background: linear-gradient(to top, #FFC371, #FF5F6D);*/
  }

  .sub_gra01 {
    background: #FF5F6D;
  }

  .gra02 {
    background: #FEAC5E;
    /*background: -webkit-linear-gradient(to top, #4BC0C8, #C779D0, #FEAC5E);
    background: linear-gradient(to top, #4BC0C8, #C779D0, #FEAC5E);*/
  }

  .sub_gra02 {
    background: #FEAC5E;
  }

  .gra03 {
    background: #4DA0B0;
    /*background: -webkit-linear-gradient(to top, #D39D38, #4DA0B0);
    background: linear-gradient(to top, #D39D38, #4DA0B0);*/
  }

  .sub_gra03 {
    background: #4DA0B0;
  }

  .gra04 {
    background: #000046;
    /*background: -webkit-linear-gradient(to top, #1CB5E0, #000046);
    background: linear-gradient(to top, #1CB5E0, #000046);*/
  }

  .sub_gra04 {
    background: #000046;
  }

  .swiper-slide-cate {
    /*width: 160px!important; */
    position: relative;
    padding-right: 5px;
  }

  .discount_percent {
    position: absolute !important;
    background: #ff3b30 !important;
    color: white !important;
    /* width: 35px !important; */
    /* border-radius: 100% !important; */
    font-size: 10px !important;
    /* height: 35px !important; */
    text-align: -webkit-center !important;
    vertical-align: middle !important;
    /* padding-top: 9px !important; */
    /* border: 2px solid; */
    box-sizing: border-box;
    top: 8px;
    left: 8px;
    padding: 4px 7px;
  }

  .wrap-promo-index {
    padding-top: 5px;
    padding-right: 0px;
    color: #fff;
    box-sizing: border-box;
  }

  .wrap-promo-index h3 {
    font-size: 18px;
    margin: 8px 10px;
  }

  .promo-index {
    width: 100%;
    height: 175px;
    background: #fff;
    box-sizing: border-box;
  }

  .block-title-promo {
    width: 100%;
    position: relative;
    font-size: 16px;
    padding: 4px 10px;
    padding-bottom: 14px;
    box-sizing: border-box;
  }

  .block-title-promo img {
    width: 20px;
    position: relative;
    top: 5px;
  }

  .block-title-promo a {
    float: right;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    position: relative;
    top: 6px;
  }

  .block-title-promo a span {
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
    position: relative;
    top: -2px;
  }

  .block-title-top {
    width: 100%;
    position: relative;
    font-size: 16px;
    padding: 10px 10px;
    padding-bottom: 14px;
    box-sizing: border-box;
  }

  .block-title-top img {
    width: 20px;
    position: relative;
    top: 5px;
  }

  .block-title-top a {
    float: right;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    top: 0px;
    padding: 3px 10px;
    background: #4c2d84;
    border-radius: 10px;
    color: #ffffff;
  }

  .block-title-top a span {
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    top: -2px;
  }

  .bg-cate {
    min-height: 100%;
    box-sizing: border-box;
  }

  .banner-all-cate {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .banner-all-cate img {
    width: 100%;
  }

  .banner-all-subcate {
    margin: 5px 8px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .swiper-slide-subcate {
    /*width: 110px!important;*/
  }

  .swiper-subcate {
    margin: auto;
    height: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    padding: 14px 8px;
    border-radius: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 17px;
  }

  .promo-recom {
    padding-left: 0px!important;
    padding-top: 0px!important;
  }

  .promo-recom .block-title-promo {
    color: #5f5f5f;
    padding-bottom: 0px;
  }

  .promo-recom .block-detail {
    background: transparent!important;
    padding-top: 0px;
  }

  .promo-recom .block-detail:after,.promo-recom .block-detail:before {
    background: transparent;
  }

  .promo-recom .block-detail .swiper-slide {
    padding-top: 15px!important;
    background: #fff!important;
  }

  .title-promo {
    margin: 10px 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
    background: #4c2d84;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .date-promo {
    width: 100%;
    padding: 10px;
    font-size: 11px;
    color: #5f5f5f;
    padding-top: 0px;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .footer {
    width: 100%;
    padding: 15px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 35px;
  }

  .footer p {
    margin: 0;
    font-size: 11px;
    text-align: center;
  }

  .footer p i {
    font-size: 26px;
  }

  .footer p a {
    color: #5f5f5f;
  }

  .wrap-purchase-item {
    padding: 15px;
    background: #fff;
  }

  .wrap-purchase-item p img {
    vertical-align: middle;
    position: relative;
    top: -2px;
  }

  .promotiondetail_detail {
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .circle-bottom {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #4c2d84;
    z-index: 99;
    color: #ffffff;
    top: -24px;
    font-size: 39px;
    text-align: center;
    border: 4px solid #ffffff;
  }

  .tabbar.theme-purple a.tab-circle-bottom.active, .tabbar.theme-purple a.tab-circle-bottom .circle-bottom i, .theme-purple .tabbar a.tab-circle-bottom, .theme-purple .tabbar a.tab-circle-bottom .circle-bottom i {
    color: #ffffff;
    background: transparent;
  }

  .btn-60 {
    width: 60%;
    float: left;
  }

  .btn-40 {
    width: 40%;
    float: left;
  }

  .list-block .item-after {
    font-size: 14px;
    position: relative;
    top: 1px;
  }

  .nav-i {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 3px;
  }

  .share_fb {
    width: 100%;
    height: 60px;
    font-size: 25px;
    border-radius: 10px;
    background-color: #337ab7;
    color: #FFFFFF;
  }

  .share_fb {
    width: 100%;
    height: 60px;
    font-size: 25px;
    border-radius: 10px;
    background-color: #337ab7;
    color: #FFFFFF;
  }

  .rulesb {
    border: 2px solid #337ab7;
    color: #286090;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    width: 90px;
    margin-top: 10px;
    border-radius: 10px;
  }

  .rulesb:hover {
    border: 2px solid #286090;
    color: #286090;
  }

  .card .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
  }

  .card .pull-right {
    float: right!important;
  }

  .card .label-danger {
    background-color: #d9534f;
  }

  .card .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
  }

  .card .pull-right {
    float: right;
  }

  .card * {
    box-sizing: border-box;
    outline: none;
  }

  .card * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .card .h4, h4 {
    font-size: 15px;
  }

  .card .h1,.card .h2,.card .h3, .card .h4,.card .h5,.card .h6, .card h2,.card h3,.card h4,.card h5, .card h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
  }

  .card h1 {
    color: #030303;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
  }

  h4.media-heading {
    color: #030303;
  }

  .container-promo-bg {
    background-image: url('https://sheepola.com/static/css/promotion/p1525169310/7918313642151.jpg') !important;
    background-position: bottom center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  .row {
    /* margin-right: 11px;
    margin-left: 11px; */
    font-family: inherit;
  }

  .row h3 {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
  }

  .w-friend {
    width: 100%;
    text-align: center;
    color: #4c2d84;
  }

  .text-success {
    color: #3c763d;
  }

  .text-danger {
    color: #e6002d;
  }

/* .btn-group-xs {
    padding: 1px 5px;
    font-size: 15px;
    line-height: 2.5;
    border-radius: 3px;
    } */
    .btn-warning {
      color: #fff;
      background-color: #f0ad4e;
      border-color: #eea236;
      border: 1px solid transparent;
      text-align: right;
      font-size: 13px;
    }

    .friends_invite strong {
      color: #4c2d84;
      font-size: 17px;
    }

    .wrap-cb-profile {
      display: block !important;
      width: 100% !important;
      /* white-space: nowrap!important; */
      overflow-y: hidden!important;
      overflow-x: scroll!important;
      -webkit-overflow-scrolling: touch!important;
      margin-left: 10px;
      margin-right: 10px;
    }

    .cbox {
      width: 100%;
      height: 100px;
      margin-bottom: 25px;
      position: relative;
      overflow: hidden;
      border-radius: 5px;
    }

    .cbox.cbox-success .cbox-title {
      background-color: #0e7a65;
      font-size: 11px;
      color: #fafafa;
      padding: 8px 10px;
    }

    .cbox-success {
      color: #fafafa;
      background-color: #16a085;
      border-color: #16a085;
    }

    .cbox.cbox-warning .cbox-title {
      background-color: #bb661b;
      font-size: 11px;
      color: #fafafa;
      padding: 8px 10px;
    }

    .cbox-warning {
      color: #fafafa;
      background-color: #e67e22;
      border-color: #e67e22;
    }

    .cbox.cbox-info .cbox-title {
      background-color: #408ab3;
      font-size: 11px;
      color: #fafafa;
      padding: 8px 10px;
    }

    .cbox-info {
      color: #fafafa;
      background-color: #59b0df;
      border-color: #59b0df;
    }

    .cbox.cbox-danger .cbox-title {
      background-color: #8c1500;
      font-size: 11px;
      color: #fafafa;
      padding: 8px 10px;
    }

    .cbox-danger {
      color: #fafafa;
      background-color: #bb1a00;
      border-color: #bb1a00;
    }

/* .wrap-cbox {
    width: 260px;
    padding-left: 0px;
    padding-right: 10px;
    } */
    /* size wrap-box */
    .wrap-cbox {
      width: 46%;
      padding-left: 0.5%;
      padding-right: 0.5%;
      display: inline-block;
      vertical-align: top;
    }

    /* size wrap-box */
    .cbox-summary {
      position: absolute;
      bottom: 5px;
      right: 11px;
      font-size: 10px;
      opacity: 0.8;
    }

    .cbox span.coin-cash {
      position: absolute;
      top: 50px;
      left: -15px;
      background-color: #000000;
      border-radius: 3.75em;
      color: #fff!important;
      display: inline-block;
      font-size: 36px!important;
      font-weight: 600;
      line-height: 1;
      text-align: center;
      padding-top: 0.3em;
      width: 2em;
      height: 2em;
      opacity: 0.2;
      vertical-align: middle;
    }

    .cbox span {
      position: absolute;
      color: #fafafa;
      font-size: 26px;
      top: 40px;
      right: 10px;
    }

    .table-responsive>.table {
      margin-bottom: 0;
    }

    .table-bordered {
      border: 1px solid #ddd;
    }

    .table {
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px;
    }

    table {
      border-spacing: 0;
      border-collapse: collapse;
      background-color: transparent;
    }

    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      min-height: .01%;
      overflow-x: auto;
    }

    .card_setting {
      min-height: 550px;
      padding: 0px;
      padding-bottom: 25px;
    }

/* .content-blog-page {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 30px;
}

.content-blog-page .radius {
    border-radius: 4px;
}
.text-center {
    text-align: center;
}
*/
.c-b {
  font-weight: bold;
}

.cc-i {
  top: 0px!important;
  right: 15px;
  font-size: 16px!important;
}

.cc-i-t {
  /*font-size: 16px!important;*/
}

.cc-i-2 {
  top: 0px!important;
  /*right: 15px;*/
  font-size: 11.3px!important;
  left: 0px!important;
  justify-content: center;
  align-items: center;
  padding-left: 0px!important;
}

.cc-i-t-2 {
  font-size: 11.3px!important;
  left: 0px!important;
  padding-bottom: 10px;
  justify-content: center;
  align-items: center;
  padding-left: 0px!important;
}

.cc-f-l {
  text-decoration: underline;
  color: #ff3b30!important;
  position: relative;
  bottom: 10px;
  font-size: 15px;
}

/*setting-handbag.html*/
.card-promo {
  width: 100%;
  min-height: 200px;
  background: #fafafa;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  margin-bottom: 15px;
  box-sizing: border-box;
  overflow: hidden;
}

.card-promo .inner-bottom .btn {
  border-radius: 5px;
}

.inner-bottom {
  padding: 5px;
  line-height: 1.0;
}

.card-promo .btn-card-ghost {
  background: transparent;
  border-color: #363636;
  color: #363636;
}

.card-promo .inner-bottom .detail {
  float: right;
}

.card-promo .btn-card {
  background: #363636;
  border-color: #363636;
  color: #fff;
}

.btn-card-ghost,.btn-card {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.card-promo .inner-code {
  width: 100%;
  height: 45px;
  background: #fafafa;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 10px;
  color: #363636;
  text-align: center;
  margin-top: 15px;
}

.name-code,.exp-code {
  color: #FFFFFF;
}

.inner {
  padding: 10px;
}

.after0 {
  top: 0px!important;
}

.item-input {
  margin: 2px!important;
}

input:not(.notord),select,textarea {
  color: #5f5f5f!important;
  background: #fff!important;
  border: 1px solid #E0E0E0!important;
  padding-left: 10px!important;
  border-radius: 5px!important;
  font-size: 14px!important;
}

.btn-cls {
  text-align: right;
}

.popup-about {
  color: #0A0A0A;
}

button.close {
  -webkit-appearance: none;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

.content-sharerabaht {
  margin: 35px 0;
  padding: 0 15px;
  color: #040404;
  box-sizing: border-box;
}

.modal-title {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-footer {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.btn-close {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border-radius: 0px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  /*  border: 1px solid transparent;*/
  border-radius: 4px;
}

body.panels-3d.with-panel-left-reveal .views {
}

/* .mny {
    bottom: 170px;
    position: absolute;
    text-align: center;
}
.mny2{
     bottom: 80px;
    position: absolute;
    text-align: center;
    } */
    .btn-register {
      color: #fff;
      background-color: #4c2d84;
      border-color: #4c2d84;
      display: inline-block;
      padding: 6px 12px;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.42857143;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      /*border: 1px solid transparent;*/
      text-decoration: none;
      width: 130px;
      border-radius: 4px;
    }

    .btn-login {
      color: #654a95;
      background-color: #FFFFFF;
      border-color: #654a95;
      display: inline-block;
      padding: 6px 12px;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.42857143;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      text-decoration: none;
      /*border: 1px solid transparent;*/
      width: 130px;
      border-radius: 4px;
    }

    .wrap-tutorial1 {
      background-image: url(../img/bg-1.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
    }

    .wrap-tutorial2 {
      background-image: url(../img/bg-2.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
    }

    .wrap-tutorial3 {
      background-image: url(../img/bg-3.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
    }

    .wrap-profile-li {
      /*background-image: url(../img/bg-profile.png); */
      color: #FFFFFF;
      background-color: #4c2d84;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 5px;
    }

    .wrap-profile-li .coin-cash-s {
      font-size: 18px;
      margin-right: 3px;
      color: #f1a800;
      position: relative;
      top: -1px;
    }

    .wrap-menu {
      color: #1A1818;
      text-align: center;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 5px;
      padding-top: 15px;
      font-size: 12px;
      line-height: 18px;
    }

    .wrap-menu a {
      color: #1A1818;
    }

    .wrap-menu i {
      font-size: 20px;
    }

    .wrap-menu div {
      position: relative;
    }

    .wrap-menu div .badge {
      position: absolute;
      top: 0px;
    }

    .row-ads {
      background: #ffffff;
    }

    .row-banner {
      padding: 10px;
    }

    .cols-100 {
      width: 100%;
      float: left;
      padding: 5px;
      padding-bottom: 0px;
    }

    .cols-50 {
      width: 47.3%;
      float: left;
      padding: 0px 5px;
    }

    .ads-banner {
      width: 100%;
    }

    .list-block-cate {
      background: #ffffff;
    }

    .owl-carousel .owl-item img {
      width: 60%;
      margin: 0px auto;
    }

    .accordion-item-content {
      margin-left: 58px;
    }

    .cates-img {
      width: 30px!important;
      min-width : 30px!important;
      vertical-align: middle;
    }

    .item-inner-sub {
      margin-left: 5px!important;
    }

    .item-title-sub {
      font-size: 13px!important;
      color: #5f5f5f!important;
    }

    .input-tax {
      margin-bottom: 20px!important;
    }

    .tax-check {
      font-size: 15px;
      padding: 15px;
      vertical-align: middle;
    }

    .item-inner-pay {
      padding-top: 15px!important;
      padding-bottom: 15px!important;
      padding-left: 35px!important;
    }

    .radio {
      position: absolute;
      top: 3px;
    }

    .radio label {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      padding-left: 5px;
      font-size: 15px;
      line-height: 18px;
      color: #333333;
    }

    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 22px;
      height: 22px;
      left: 0;
      top: -3px;
      margin-left: -22px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out;
    }

    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 16px;
      height: 16px;
      left: 2px;
      top: 1px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #4c2d84;
      outline: none;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    }

    .radio input[type="radio"] {
      opacity: 0;
      z-index: 1;
      outline: none;
      cursor: pointer;
    }

    .radio label.checked {
      color: #6813ab;
      font-weight: bold;
    }

    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }

    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1);
    }

    .radio input[type="radio"]:disabled {
      cursor: not-allowed;
    }

    .radio input[type="radio"]:disabled + label {
      opacity: 0.65;
    }

    .radio input[type="radio"]:disabled + label::before {
      cursor: not-allowed;
    }

    .radio.radio-inline {
      margin-top: 0;
    }

    .checkbox {
      vertical-align: middle;
      padding-left: 20px;
    }

    .checkbox label {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      padding-left: 5px;
      font-size: 16px;
      line-height: 18px;
      color: #6813ab;
    }

    .wrap-purchase-item-p {
      padding: 5px;
      background: #fff;
      font-size: 12px;
    }

    .wrap-purchase-item-p p {
      margin: 3px 0px!important;
    }

    .wrap-purchase-item-p p img {
      vertical-align: middle;
      position: relative;
      top: -2px;
    }

    .accordion-item-content-p {
      margin-left: 10px;
    }

    .button-fill-cancle {
      background-color: #ca332f;
      color: white !important;
      border: 0px;
    }
    span.info_username {
      color: white;
    }
    .priceorder_total_dis{
      color: red;
      font-size: 20px;
      font-weight: bolder;
    }
    .popup-confirm-download{
      height: auto!important;
    }
    .popup-confirm-download .content-block{
      margin: 0px; padding: 0px;
    }
    .popup-confirm-download .content-block img{
      width: 100%;
    }
    .btn-conf-inline{
      float: left;
      width: 100%;
    }
    .modal-text-input{
      text-align: center;
    }
    .pop-phone-body{
      background: #b0a0ca;
    }
    .pop-phone>label{
      color: #fff;
    }

    .confirm_download{
      margin-top: 0px;
    }
    .detail_pop{
      margin-top: 0px;
      background: green!important;
    }
    .pop-phone{
      margin-top: 10px;
      width: 100%;
      text-align: center;
    }
    .pop-phone>input{
      width: 80%; height: 30px; text-align: center;
      border: 1px solid #4c2d84!important;
    }

    .pop-phone>input::placeholder {
      color: #ccc;
      opacity: 1; /* Firefox */
    }
    .l-detail{
      text-align: center;
      padding-bottom: 10px;
    }
    .l-detail>a{
      color: #fff;
      text-decoration: underline;
    }
    .detail-bank-slip{
      margin-bottom: 20px!important;
    }
    .detail-bank-slip>li{
      list-style-type: circle;
      margin-bottom: 8px;
    }
    .icon-index{
      height: 70px;
    }
    /* .swiper-container.swiper-container-cate-horizontal.swiper-container-horizontal{
      height: 100px;
      } */
      .swiper-container.swiper-container-icon-horizontal.swiper-container-horizontal{
        padding: 10px;
      }
      .swiper-container.swiper-container-horizontal-banner.swiper-container-horizontal {
        padding: 10px;
      }
      .post-info{
        border: solid 1px;

        padding-left: 10px;
        background-color: white;
        font-size: 12px;
      }
      a.readmore{
        background: #48484c none repeat scroll 0 0;
        border-radius: 4px;
        color: #fff;
        padding: 5px 15px;
        display: inline-block;
        transition: all 0.5s ease-out 0s;
        -webkit-transition: all 0.5s ease-out 0s;
        margin-bottom: 5px;
      }
      .post-title {
        color: #5f5f5f !important;

      }
      .post-date-comment{
        margin-right: 10px;
      }
      .bg-img{
        border: solid 0px;
        padding: 10px;
        background-color: white;
        font-size: 12px;
        margin-bottom: 10px;
      }
      .bg-name {
        font-size: 15px;
        color: #48484c;
        font-weight: 600;
      }
      .bg-detail {

        color: #48484c;

      }
      .end-time{
        color: #ccc;
      }
      .icon-clock{
        font-size: 12px;
      }
      .sheep_category{
        height: 30px; 
        color: white; 
        text-align: center;
        font-size: 15px;
      }
      .swiper-slide.swiper-slide-cate.style_sheep.swiper-slide-active,.swiper-slide.swiper-slide-cate.style_sheep.swiper-slide-prev{
        height: auto;
        padding-top: 35px;
      }
      .name_icon{
        font-size: 10px;
      }
      .swiper-container.swiper-container-icon-horizontal.swiper-icon-cat.swiper-container-horizontal {
        text-align: center;
      }
      .bg-img-top {

        bottom: 50px;
        position: relative;
      }
      .row.show_promotion_banner{
        position: relative;
        bottom: -20px;
      }
      .bodytrade{
        font-size: 10px;
      }
      .content-block-title.trade_detail_title {
        text-align: center;
        font-size: 18px;
        padding: 15px;
        height: 40px;
      }
      .text-success.tradeing_text{
        text-align: center;
      }
/* .card-content-inner {
    border-bottom: 3px solid #F1F1F1;
    margin-bottom: 30px;
    } */

    .img_trade{
      width: 300px;
      margin: auto;
      height: 300px;
      padding: 20px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      margin-top: 10px;
      border-radius: 8px;
    }
    .tabbar-fixed .page-content, .tabbar-through .page-content, .toolbar-fixed .page-content, .toolbar-through .page-content{
      margin-top: 12px;
    }
    .price_product_cart {
      font-size: 15px;
      color: #4c2d84;
      position: absolute;
      right: 15px;
      bottom: 8px;
    }