@import url('/static/css/landing/javis.css');
@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
:focus {
  box-shadow: none !important;
}
@font-face {
  font-family: LINESeedSansTH;
  src: url(/static/font/LINESeedSansTH_W_Rg.woff) format('woff');
  font-weight: 700 !important;
}
body {
  color: #fff !important;
}
.walletCarousel .carousel.carousel-slider {
  padding-bottom: 45px;
}
.walletCarousel .carousel .control-dots .dot {
  margin: 0 6px !important;
}
.categoryCarousel .carousel.carousel-slider {
  overflow: visible !important;
}
.categoryCarousel .carousel .control-dots {
  margin: -24px 0 !important;
}
.categoryCarousel .carousel .control-dots .dot {
  margin: 0 6px !important;
  z-index: 100;
}
.bannerCarousel .carousel.carousel-slider {
  overflow: visible !important;
}
.bannerCarousel .carousel .control-dots {
  margin: -18px 0 !important;
}
.bannerCarousel .carousel .control-dots .dot {
  margin: 0 6px !important;
  z-index: 100;
}
.carousel .control-dots .dot {
  background: #a569ea !important;
}
.hightlight-search-result {
  color: #fff !important;
  font-weight: 700;
}
.promotionModalContent p {
  padding: 0 !important;
}
.winwheel-table td,
.winwheel-table th {
  text-align: center !important;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}
.box_header_refer {
  background: linear-gradient(#934ce5, #5a1081);
  padding: 5px 10px;
}
.box_header_user_bank {
  background: linear-gradient(red, red);
  padding: 5px 10px;
}
.box_header_green_refer {
  background: #c2961b;
  padding: 5px 10px;
}
.st-inline-share-buttons {
  z-index: 1 !important;
}
.text-modalWheel {
  font-size: 20px;
  top: 12px;
  margin-left: 80px;
  position: relative;
  z-index: 2;
}
.image-modalWheel {
  position: absolute;
  z-index: 1;
  width: 370px !important;
  max-width: 380px;
  top: -120px;
  left: -30px;
}
@media only screen and (max-width: 370px) {
  .image-modalWheel {
    position: absolute;
    width: 350px !important;
    max-width: 350px;
    top: -120px;
    left: -26px;
  }
}
@media only screen and (max-width: 320px) {
  .image-modalWheel {
    position: absolute;
    width: 350px !important;
    max-width: 320px;
    top: -120px;
    left: -34px;
  }
}
.fixbutton {
  margin-right: -25px;
}
.affbutton {
  width: 40% !important;
}
.logofe {
  transform: translate(-50%, -50%) !important;
  left: 50% !important;
  top: 40% !important;
  position: absolute !important;
  z-index: 9999 !important;
}