@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  font-size: -apple-system, "SF Pro TC", "PingFang TC", "Noto Sans TC", "微軟正黑體";
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  width: 100%;
  height: 100%;
  font-size: -apple-system, "SF Pro TC", "PingFang TC", "Noto Sans TC", "微軟正黑體";
  line-height: normal; }

a, button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border: none;
  line-height: normal; }

span {
  display: inline-block; }

div {
  display: block; }

img {
  border-style: none; }

table {
  border-collapse: collapse; }

ul, ol {
  list-style: none; }

li {
  display: inline-block; }

button, input,
optgroup, select,
textarea {
  outline: none;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15; }
  button:invalid, input:invalid,
  optgroup:invalid, select:invalid,
  textarea:invalid {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

input:focus, textarea:focus, button:focus {
  outline: none; }

.dropdown-menu {
  border: none;
  padding: 5px;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2); }

.txt-yellow {
  color: #FFD700; }

.div-tb {
  display: table;
  width: 100%;
  margin: 0 0 10px 0;
  table-layout: fixed; }
  .div-tb .tr {
    display: table-row; }
  .div-tb .td {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding: 0 1px 0 1px;
    line-height: normal; }
  .div-tb .td.ct {
    text-align: center; }
  .div-tb .td.rt {
    text-align: right; }
  .div-tb .td.vtop {
    vertical-align: top; }
  .div-tb .td.vmid {
    vertical-align: middle; }
  .div-tb .td.vbtm {
    vertical-align: bottom; }

.dis-B {
  display: block; }

.dis-F {
  display: flex; }

.owl-carousel .owl-nav button {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
  transition: all .4s; }
  .owl-carousel .owl-nav button i {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 25px;
    line-height: 35px;
    font-weight: bold; }
  .owl-carousel .owl-nav button.disabled {
    opacity: 0;
    transition: all .4s; }

.owl-carousel .owl-nav .owl-prev {
  left: -15px; }

.owl-carousel .owl-nav .owl-next {
  right: -15px; }

.owl-carousel .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: -30px;
  text-align: center;
  width: 100%;
  z-index: 10; }
  .owl-carousel .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 6px;
    border-radius: 100px;
    transition: all .4s; }
  .owl-carousel .owl-dots .owl-dot.active {
    transform: scale(1.4);
    transition: all .4s; }
    .owl-carousel .owl-dots .owl-dot.active span {
      margin: 6px 8px; }

.icon-flog {
  width: 20px;
  margin: 0 5px 0 3px; }

.p-50px {
  padding: 50px !important; }

.pt-20px {
  padding-top: 20px !important; }

.pt-30px {
  padding-top: 30px !important; }

.pt-40px {
  padding-top: 40px !important; }

.pt-50px {
  padding-top: 50px !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-5px {
  margin-top: 5px !important; }

.mt-10px {
  margin-top: 10px !important; }

.mb-5px {
  margin-bottom: 5px !important; }

.mb-10px {
  margin-bottom: 10px !important; }

.ct, .txt_date {
  text-align: center; }

.lt {
  text-align: left; }

.rt {
  text-align: right; }

.vtop {
  vertical-align: top; }

.vmid {
  vertical-align: middle; }

.vbtm {
  vertical-align: bottom; }

.v-inherit {
  vertical-align: inherit; }

.txt-keep {
  word-break: keep-all; }

.txt-breakAll {
  word-break: break-all; }

.txt_nodata {
  color: #757575;
  text-align: center;
  line-height: 44px; }

.h-40px {
  height: 40px !important; }

.h-68px {
  height: 68px !important; }

.h-80px {
  height: 80px !important; }

.h-100px {
  height: 100px !important; }

.h-130px {
  height: 130px !important; }

.h-200px {
  height: 200px !important; }

.min-h-150px {
  min-height: 150px !important; }

.w-auto {
  width: auto !important; }

.w-5 {
  width: 5% !important; }

.w-10 {
  width: 10% !important; }

.w-15 {
  width: 15% !important; }

.w-20 {
  width: 20% !important; }

.w-25 {
  width: 25% !important; }

.w-30 {
  width: 30% !important; }

.w-33 {
  width: 33% !important; }

.w-35 {
  width: 35% !important; }

.w-40 {
  width: 40% !important; }

.w-45 {
  width: 45% !important; }

.w-55 {
  width: 55% !important; }

.w-60 {
  width: 60% !important; }

.w-65 {
  width: 65% !important; }

.w-70 {
  width: 70% !important; }

.w-75 {
  width: 75% !important; }

.w-80 {
  width: 80% !important; }

.w-85 {
  width: 85% !important; }

.w-90 {
  width: 90% !important; }

.w-95 {
  width: 95% !important; }

.w-10px {
  width: 10px !important; }

.w-20px {
  width: 20px !important; }

.w-25px {
  width: 25px !important; }

.w-30px {
  width: 30px !important; }

.w-40px {
  width: 40px !important; }

.w-45px {
  width: 45px !important; }

.w-50px {
  width: 50px !important; }

.w-65px {
  width: 65px !important; }

.w-70px {
  width: 70px !important; }

.w-80px {
  width: 80px !important; }

.w-90px {
  width: 90px !important; }

.w-100px {
  width: 100px !important; }

.w-150px {
  width: 150px !important; }

.w-160px {
  width: 160px !important; }

.w-180px {
  width: 180px !important; }

.w-200px {
  width: 200px !important; }

.w-340px {
  width: 340px !important; }

.w-480px {
  width: 480px !important; }

.w-600px {
  width: 600px !important; }

.w-800px {
  width: 800px !important; }

.w-1000px {
  width: 1000px !important; }

.w-1200px {
  width: 1200px !important; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.over-hidden {
  overflow: hidden; }

.loading_area {
  margin: 0 auto;
  width: 100% !important;
  text-align: center; }

.demolink {
  margin: 50px 0 30px 0;
  text-align: center; }
  .demolink a {
    color: #ffffff6b;
    background: #0000002f;
    display: inline-block;
    margin-bottom: 5px;
    border: 1px solid #ffffff6b;
    text-decoration: none;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: normal; }

.user-balance .txt {
  line-height: normal;
  padding-left: 20px; }
  .user-balance .txt::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'icomoon' !important;
    content: '\e951';
    font-size: 120%;
    font-weight: lighter;
    line-height: normal; }
    .user-balance .txt.USD, .user-balance .txt.SGD, .user-balance .txt.MYR, .user-balance .txt.THB, .user-balance .txt.IDR, .user-balance .txt.KHR, .user-balance .txt.JPY, .user-balance .txt.KRW, .user-balance .txt.HKD, .user-balance .txt.CNY, .user-balance .txt.MXN, .user-balance .txt.VND, .user-balance .txt.MMK, .user-balance .txt.INR, .user-balance .txt.AUD, .user-balance .txt.MMKK, .user-balance .txt.COP, .user-balance .txt.EUR, .user-balance .txt.CAD, .user-balance .txt.PHP, .user-balance .txt.BDT {
      padding-left: 2px !important; }
    .user-balance .txt.USD::before, .user-balance .txt.SGD::before, .user-balance .txt.MYR::before, .user-balance .txt.THB::before, .user-balance .txt.IDR::before, .user-balance .txt.KHR::before, .user-balance .txt.JPY::before, .user-balance .txt.KRW::before, .user-balance .txt.HKD::before, .user-balance .txt.CNY::before, .user-balance .txt.MXN::before, .user-balance .txt.VND::before, .user-balance .txt.MMK::before, .user-balance .txt.INR::before, .user-balance .txt.AUD::before, .user-balance .txt.MMKK::before, .user-balance .txt.COP::before, .user-balance .txt.EUR::before, .user-balance .txt.CAD::before, .user-balance .txt.PHP::before, .user-balance .txt.BDT::before {
      position: relative;
      font-family: 'Arial' !important;
      content: '$ ';
      font-size: 100%;
      left: auto; }
  .user-balance .txt.USD::before {
    content: '$ '; }
  .user-balance .txt.SGD::before {
    content: '$ '; }
  .user-balance .txt.MYR::before {
    content: 'RM '; }
  .user-balance .txt.THB::before {
    content: '฿ '; }
  .user-balance .txt.IDR::before {
    content: 'Rp '; }
  .user-balance .txt.KHR::before {
    content: '៛ '; }
  .user-balance .txt.JPY::before {
    content: '¥ '; }
  .user-balance .txt.KRW::before {
    content: '₩ '; }
  .user-balance .txt.HKD::before {
    content: 'HK$ '; }
  .user-balance .txt.CNY::before {
    content: 'RMB¥ '; }
  .user-balance .txt.MXN::before {
    content: '$ '; }
  .user-balance .txt.VND::before {
    content: '₫ '; }
  .user-balance .txt.MMK::before {
    content: 'K '; }
  .user-balance .txt.INR::before {
    content: '₹ '; }
  .user-balance .txt.AUD::before {
    content: '$ '; }
  .user-balance .txt.MMKK::before {
    content: 'K '; }
  .user-balance .txt.COP::before {
    content: '$ '; }
  .user-balance .txt.EUR::before {
    content: '€ '; }
  .user-balance .txt.CAD::before {
    content: '$ '; }
  .user-balance .txt.PHP::before {
    content: '₱ '; }
  .user-balance .txt.BDT::before {
    content: '৳ '; }

.txt-bonus sup {
  top: 0; }

.txt-number sup::before,
.txt-bonus sup::before,
.txt-rate::before {
  font-family: 'Arial' !important;
  content: '$ '; }

.txt-number sup.USD::before,
.txt-bonus sup.USD::before,
.txt-rate.USD::before {
  content: '$ '; }

.txt-number sup.SGD::before,
.txt-bonus sup.SGD::before,
.txt-rate.SGD::before {
  content: '$ '; }

.txt-number sup.MYR::before,
.txt-bonus sup.MYR::before,
.txt-rate.MYR::before {
  content: 'RM '; }

.txt-number sup.THB::before,
.txt-bonus sup.THB::before,
.txt-rate.THB::before {
  content: '฿ '; }

.txt-number sup.IDR::before,
.txt-bonus sup.IDR::before,
.txt-rate.IDR::before {
  content: 'Rp '; }

.txt-number sup.KHR::before,
.txt-bonus sup.KHR::before,
.txt-rate.KHR::before {
  content: '៛ '; }

.txt-number sup.JPY::before,
.txt-bonus sup.JPY::before,
.txt-rate.JPY::before {
  content: '¥ '; }

.txt-number sup.KRW::before,
.txt-bonus sup.KRW::before,
.txt-rate.KRW::before {
  content: '₩ '; }

.txt-number sup.HKD::before,
.txt-bonus sup.HKD::before,
.txt-rate.HKD::before {
  content: 'HK$ '; }

.txt-number sup.CNY::before,
.txt-bonus sup.CNY::before,
.txt-rate.CNY::before {
  content: 'RMB¥ '; }

.txt-number sup.MXN::before,
.txt-bonus sup.MXN::before,
.txt-rate.MXN::before {
  content: '$ '; }

.txt-number sup.VND::before,
.txt-bonus sup.VND::before,
.txt-rate.VND::before {
  content: '₫ '; }

.txt-number sup.MMK::before,
.txt-bonus sup.MMK::before,
.txt-rate.MMK::before {
  content: 'K '; }

.txt-number sup.INR::before,
.txt-bonus sup.INR::before,
.txt-rate.INR::before {
  content: '₹ '; }

.txt-number sup.AUD::before,
.txt-bonus sup.AUD::before,
.txt-rate.AUD::before {
  content: '$ '; }

.txt-number sup.MMKK::before,
.txt-bonus sup.MMKK::before,
.txt-rate.MMKK::before {
  content: 'K '; }

.txt-number sup.COP::before,
.txt-bonus sup.COP::before,
.txt-rate.COP::before {
  content: '$ '; }

.txt-number sup.EUR::before,
.txt-bonus sup.EUR::before,
.txt-rate.EUR::before {
  content: '€ '; }

.txt-number sup.CAD::before,
.txt-bonus sup.CAD::before,
.txt-rate.CAD::before {
  content: '$ '; }

.txt-number sup.PHP::before,
.txt-bonus sup.PHP::before,
.txt-rate.PHP::before {
  content: '₱ '; }

.txt-number sup.BDT::before,
.txt-bonus sup.BDT::before,
.txt-rate.BDT::before {
  content: '৳ '; }

.img-platform-logo .icon-BGFISH,
.img-platform-logo .icon-BGCASINO {
  background: url(../../../library/img-platform/BG/BG-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-BGFISH::before,
  .img-platform-logo .icon-BGCASINO::before {
    content: ''; }

.img-platform-logo .icon-JDBFISH,
.img-platform-logo .icon-JDB {
  background: url(../../../library/img-platform/JDB/JDB-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-JDBFISH::before,
  .img-platform-logo .icon-JDB::before {
    content: ''; }

.img-platform-logo .icon-OG {
  background: url(../../../library/img-platform/OG/OG-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-OG::before {
    content: ''; }

.img-platform-logo .icon-DG {
  background: url(../../../library/img-platform/DG/DG-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-DG::before {
    content: ''; }

.img-platform-logo .icon-EZUGI {
  background: url(../../../library/img-platform/EZUGI/EZUGI-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-EZUGI::before {
    content: ''; }

.img-platform-logo .icon-SA {
  background: url(../../../library/img-platform/SA/SA-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-SA::before {
    content: ''; }

.img-platform-logo .icon-HRB {
  background: url(../../../library/img-platform/HRB/HRB-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-HRB::before {
    content: ''; }

.img-platform-logo .icon-SV388 {
  background: url(../../../library/img-platform/SV388/SV388-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-SV388::before {
    content: ''; }

.img-platform-logo .icon-MPSPORTS {
  background: url(../../../library/img-platform/MPSPORTS/MPSPORTS-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-MPSPORTS::before {
    content: ''; }

.img-platform-logo .icon-VBEVOLUTION {
  background: url(../../../library/img-platform/VBEVOLUTION/VBEVOLUTION-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-VBEVOLUTION::before {
    content: ''; }

.img-platform-logo .icon-POCKET {
  background: url(../../../library/img-platform/POCKET/POCKET-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-POCKET::before {
    content: ''; }

.img-platform-logo .icon-EVO {
  background: url(../../../library/img-platform/EVO/EVO-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-EVO::before {
    content: ''; }

.img-platform-logo .icon-EVOLUTION {
  background: url(../../../library/img-platform/EVOLUTION/EVOLUTION-logo.png) no-repeat center center;
  background-size: 100%; }
.img-platform-logo .icon-EVOLUTION::before {
    content: ''; }
    
  .img-platform-logo .icon-JILI {
  background: url(../../../library/img-platform/JILI/JILI-logo.png) no-repeat center center;
  background-size: 100%; }
.img-platform-logo .icon-JILI::before {
  content: ''; }

.img-platform-logo .icon-AESLOT {
  background: url(../../../library/img-platform/SEXYBCRT/AESLOT-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-AESLOT::before {
    content: ''; }

.img-platform-logo .icon-ICF {
  background: url(../../../library/img-platform/ICF/ICF-logo.png) no-repeat center center;
  background-size: 100%; }
    .img-platform-logo .icon-ICF::before {
      content: ''; }

.img-platform-logo .icon-SEXYBCRT {
  background: url(../../../library/img-platform/SEXYBCRT/SEXYBCRT-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-SEXYBCRT::before {
    content: ''; }

.img-platform-logo .icon-FACHAI {
  background: url(../../../library/img-platform/FACHAI/FACHAI-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-FACHAI::before {
    content: ''; }

.img-platform-logo .icon-KINGMAKER {
  background: url(../../../library/img-platform/KINGMAKER/KINGMAKER-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-KINGMAKER::before {
    content: ''; }

.img-platform-logo .icon-SPADE {
  background: url(../../../library/img-platform/SPADE/SPADE-logo.png) no-repeat center center;
  background-size: 80%; }
  .img-platform-logo .icon-SPADE::before {
    content: ''; }

.img-platform-logo .icon-VIVO {
  background: url(../../../library/img-platform/VIVO/VIVO-logo.png) no-repeat center center;
  background-size: 90%; }
  .img-platform-logo .icon-VIVO::before {
    content: ''; }

.img-platform-logo .icon-ICONIC {
  background: url(../../../library/img-platform/ICONIC/ICONIC-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-ICONIC::before {
    content: ''; }

.img-platform-logo .icon-RT {
  background: url(../../../library/img-platform/RT/RT-logo.png) no-repeat center center;
  background-size: 80%; }
  .img-platform-logo .icon-RT::before {
    content: ''; }

.img-platform-logo .icon-YL {
  background: url(../../../library/img-platform/YL/YL-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-YL::before {
    content: ''; }

.img-platform-logo .icon-WM {
  background: url(../../../library/img-platform/WM/WM-logo.png) no-repeat center center;
  background-size: 80%; }
  .img-platform-logo .icon-WM::before {
    content: ''; }

.img-platform-logo .icon-EKOR {
  background: url(../../../library/img-platform/EKOR/EKOR-logo.png) no-repeat center center;
  background-size: 80%; }
  .img-platform-logo .icon-EKOR::before {
    content: ''; }

.img-platform-logo .icon-PP {
  background: url(../../../library/img-platform/PP/PP-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-PP::before {
    content: ''; }
  .img-platform-logo .icon-PP.img-platform {
    background: url(../../../library/img-platform/PP/PP-logo-bk.png) no-repeat center center;
    background-size: contain; }

.img-platform-logo .icon-PT {
  background: url(../../../library/img-platform/PT/PT-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-PT::before {
    content: ''; }

.img-platform-logo .icon-PLAY8 {
  background: url(../../../library/img-platform/PLAY8/PLAY8-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-PLAY8::before {
    content: ''; }

.img-platform-logo .icon-CARD365 {
  background: url(../../../library/img-platform/CARD365/CARD365-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-CARD365::before {
    content: ''; }

.img-platform-logo .icon-ALLGAMES {
  background: url(../../../library/img-platform/ALLGAMES/ALLGAMES-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-ALLGAMES::before {
    content: ''; }

.img-platform-logo .icon-PLAYSTAR {
  background: url(../../../library/img-platform/PLAYSTAR/PLAYSTAR-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-PLAYSTAR::before {
    content: ''; }

.img-platform-logo .icon-VENUS {
  background: url(../../../library/img-platform/VENUS/VENUS-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-VENUS::before {
    content: ''; }

.img-platform-logo .icon-KA {
  background: url(../../../library/img-platform/KA/KA-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-KA::before {
    content: ''; }

.img-platform-logo .icon-RICH88 {
  background: url(../../../library/img-platform/RICH88/RICH88-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-RICH88::before {
    content: ''; }

.img-platform-logo .icon-EPG {
  background: url(../../../library/img-platform/EPG/EPG-logo.png) no-repeat center center;
  background-size: contain; }
  .img-platform-logo .icon-EPG::before {
    content: ''; }

.img-platform-logo .icon-VT {
  background: url(../../../library/img-platform/VT/VT-logo.png) no-repeat center center;
  background-size: 80%; }
  .img-platform-logo .icon-VT::before {
    content: ''; }

.img-platform-logo .icon-WMSLOT {
  background: url(../../../library/img-platform/WMSLOT/WMSLOT-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-WMSLOT::before {
    content: ''; }

.img-platform-logo .icon-MWSLOT {
  background: url(../../../library/img-platform/MWSLOT/MWSLOT-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-MWSLOT::before {
    content: ''; }

.img-platform-logo .icon-AMEBA {
  background: url(../../../library/img-platform/AMEBA/AMEBA-logo.png) no-repeat center center;
  background-size: 80%; }
  .img-platform-logo .icon-AMEBA::before {
    content: ''; }

.img-platform-logo .icon-MIMI {
  background: url(../../../library/img-platform/MIMI/MIMI-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-MIMI::before {
    content: ''; }

.img-platform-logo .icon-YB {
  background: url(../../../library/img-platform/YB/YB-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-YB::before {
    content: ''; }

.img-platform-logo .icon-JOKER {
  background: url(../../../library/img-platform/JOKER/JOKER-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-JOKER::before {
    content: ''; }

.img-platform-logo .icon-REDTIGER {
  background: url(../../../library/img-platform/REDTIGER/REDTIGER-logo.png) no-repeat center center;
  background-size: 80%; }
  .img-platform-logo .icon-REDTIGER::before {
    content: ''; }

.img-platform-logo .icon-TPG {
      background: url(../../../library/img-platform/TPG/TPG-logo-all.png) no-repeat center center;
      background-size: 80%; }
      .img-platform-logo .icon-TPG::before {
        content: ''; }

.img-platform-logo .icon-BTG {
      background: url(../../../library/img-platform/BTG/BTG-logo.png) no-repeat center center;
      background-size: 80%; }
      .img-platform-logo .icon-BTG::before {
      content: ''; }
            
.img-platform-logo .icon-NETENT {
  background: url(../../../library/img-platform/NETENT/NETENT-logo.png) no-repeat center center;
  background-size: 100%; }
  .img-platform-logo .icon-NETENT::before {
    content: ''; }
  .img-platform-logo .icon-NETENT.img-platform {
    background: url(../../../library/img-platform/NETENT/NETENT-logo-w.png) no-repeat center center;
    background-size: 100%; }

.img-platform-logo i {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 35px;
  background-color: #000; }

.balance-tooltip {
  display: none; }

ul li {
  line-height: normal; }

.list-dot li {
  padding-left: 15px;
  position: relative;
  line-height: normal;
  margin-bottom: 5px;
  font-size: 12px; }
  .list-dot li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '• ';
    font-weight: bold;
    color: #000;
    width: 25px;
    height: 25px; }

.list-num {
  list-style-type: decimal;
  padding-left: 15px; }
  .list-num li {
    display: list-item; }

.iframe-1st, .iframe-2nd, .iframe-3rd {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000; }

.iframe-1st {
  z-index: 1000; }

.iframe-2nd {
  z-index: 800; }

.iframe-3rd {
  z-index: 600; }

.modal#loadingMask.show {
  z-index: 2147483647; }

.marquee-txt > div {
  display: flex;
  flex-wrap: nowrap; }
  .marquee-txt > div .js-marquee {
    white-space: nowrap;
    min-height: 27px; }

.border-btm {
  border-bottom: 1px solid #e0e0e0; }

.iti__country-list {
  display: grid;
  border-radius: 0 6px 6px 6px; }

.iti__hide {
  display: none; }

#gameHallDiv .owl-carousel.owl-banner .item img {
  width: 100% !important;
  height: 110px;
  object-fit: revert !important;
  object-position: unset !important; }

main .owl-carousel.owl-banner .item img {
  width: 100% !important;
  height: 110px;
  object-fit: revert !important;
  object-position: unset !important; }

@media screen and (min-width: 1024px) {
  main .owl-carousel.owl-banner .item img {
    height: 185px; } }

.page-web .owl-carousel.owl-banner .item img {
  height: 110px; }

@media screen and (min-width: 1024px) {
  .page-web .owl-carousel.owl-banner .item img {
    height: 185px; } }

.owl-banner-box .owl-carousel.owl-banner .item img {
  height: 210px; }
  
        .LIVETABLE {
          padding: 0;
          margin: 0 auto;
          border-radius: 10px;
          position: relative;
          overflow: hidden; }
          .LIVETABLE .table-tit {
            position: absolute;
            top: -9px;
            left: -40px;
            background: linear-gradient(145deg, #00b4fcda, #fa1aface);
            transform: rotate(-45deg);
            width: 115px;
            height: 50px;
            font-size: 13px;
            letter-spacing: 1.5px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            text-transform: uppercase;
            color: #fff;
            padding: 4px 30px;
            pointer-events: none;
            box-shadow: 0 3px 5px #00000091;
            z-index: 10; }
            .LIVETABLE .table-tit i {
              display: none; }
          .LIVETABLE .table-group {
            overflow: hidden;
            padding-top: 3px;
            padding-top: 0;
            padding-bottom: 15px;
            background: none; }
            .LIVETABLE .table-group ul.table-inner {
              margin: 0; }
              .LIVETABLE .table-group ul.table-inner li {
                position: relative; }
                .LIVETABLE .table-group ul.table-inner li.show-maintain img, .LIVETABLE .table-group ul.table-inner li.show-blocked img {
                  filter: grayscale(70%) brightness(40%); }
                .LIVETABLE .table-group ul.table-inner li.show-maintain::after, .LIVETABLE .table-group ul.table-inner li.show-blocked::after {
                  content: '\e9b2';
                  display: block;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  margin: 0 auto;
                  font-family: 'icomoon' !important;
                  text-shadow: 0 3px 5px #000;
                  line-height: 100px;
                  font-size: 220%;
                  font-weight: 400;
                  color: #b8b8b8;
                  z-index: 101; }
                .LIVETABLE .table-group ul.table-inner li.show-maintain .gametable-tit .txt-gameName, .LIVETABLE .table-group ul.table-inner li.show-blocked .gametable-tit .txt-gameName {
                  opacity: .5; }
                .LIVETABLE .table-group ul.table-inner li.show-blocked::after {
                  content: '\e97f'; }
                .LIVETABLE .table-group ul.table-inner li::before {
                  content: '';
                  display: none;
                  position: absolute;
                  width: 30px;
                  height: 30px;
                  bottom: 4%;
                  left: 5px;
                  z-index: 10; }
                .LIVETABLE .table-group ul.table-inner li.li-SEXYBCRT::before {
                  background: url(../../../library/img-platform/SEXYBCRT/SEXYBCRT-logo.png) no-repeat;
                  background-size: 100%; }
                .LIVETABLE .table-group ul.table-inner li.li-VENUS::before {
                  background: url(../../../library/img-platform/VENUS/VENUS-logo.png) no-repeat;
                  background-size: 100%; }
                .LIVETABLE .table-group ul.table-inner li.li-DG::before {
                  top: 4px;
                  right: 4px;
                  width: 25px;
                  height: 25px;
                  background: url(../../../library/img-platform/DG/DG-logo.png) no-repeat;
                  background-size: 105%; }
                .LIVETABLE .table-group ul.table-inner li.li-WM::before {
                  background: url(../../../library/img-platform/WM/WM-logo.png) no-repeat;
                  background-size: 100%; }
                .LIVETABLE .table-group ul.table-inner li.li-EVOLUTION::before {
                  background: url(../../../library/img-platform/EVOLUTION/EVOLUTION-logo.png) no-repeat;
                  background-size: 100%; }
              .LIVETABLE .table-group ul.table-inner.owl-carousel {
                background: none;
                padding: 0; }
                .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
                  display: none;
                  position: relative;
                  bottom: 0; }
                  .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots .owl-dot {
                    border-radius: 50px;
                    margin: 0 3px;
                    opacity: .5; }
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots .owl-dot span {
                      background: #fff; }
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots .owl-dot.active {
                      opacity: 1; }
                .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav {
                  display: inline-block; }
                  .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-prev,
                  .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-next {
                    background: #000000b4;
                    width: 35px;
                    height: 35px; }
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-prev:hover,
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-next:hover {
                      box-shadow: 0 0 0 2px #808080; }
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-prev::before,
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-next::before {
                      font-family: 'icomoon' !important;
                      content: '\e904';
                      line-height: 35px;
                      color: #f1f1f1;
                      font-size: 30px; }
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-prev span,
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-next span {
                      display: none; }
                  .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-prev {
                    left: 0; }
                    .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-prev::before {
                      content: '\e903'; }
                  .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav .owl-next {
                    right: 0; }
                .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-stage-outer {
                  overflow: visible; }
                .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-item {
                  opacity: 1; }
                .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li {
                  padding: 2% 1%;
                  text-align: center; }
                .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a {
                  background: #000;
                  border-radius: 20px;
                  text-decoration: unset;
                  box-shadow: 0 10px 10px #00000030; }
                  .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit {
                    position: relative;
                    width: 100%;
                    margin: 0;
                    display: block;
                    border-radius: 0 0 20px 20px; }
                    .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit .txt-gameName {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      margin: 0;
                      padding: 2px 3px 0 3px;
                      font-size: 10px;
                      line-height: normal;
                      text-align: center;
                      width: 100%;
                      color: #fff;
                      padding-bottom: 5px;
                      border-radius: 0 0 20px 20px;
                      min-height: 35px; }
                  .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .img-banner {
                    display: inline-block;
                    border-radius: 17px 17px 0 0; }
          .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage, .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage {
            display: flex;
            flex-wrap: wrap;
            width: 100% !important;
            min-width: 100%; }
            .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item, .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item {
              width: 100% !important;
              float: none; }
              .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div, .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div {
                display: flex;
                width: 100%; }
                .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div > li, .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div > li {
                  width: 50%;
                  text-align: center; }
                .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div img, .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div img {
                  width: 100%; }
        
        .device-PC .LIVETABLE .table-tit {
          top: -12px;
          left: -56px;
          width: 170px;
          height: 80px;
          font-size: 20px;
          padding: 10px 40px; }
          .device-PC .LIVETABLE .table-tit i {
            display: none; }

        .device-PC .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-stage-outer li a .txt-gameName {
          font-size: 13px; }

        .device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-dots, .device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-dots, .device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-dots, .device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-dots, .device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-dots, .device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-dots {
          display: none; }
        
        .device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-stage, .device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-stage, .device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-stage, .device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-stage, .device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage, .device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage {
          display: flex;
          flex-wrap: wrap;
          width: 100% !important;
          min-width: 1000px; }
          .device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item, .device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item, .device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item, .device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item, .device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item, .device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item {
            width: 33.3% !important;
            float: none; }
            .device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div, .device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div, .device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div, .device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div, .device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div, .device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div {
              display: flex;
              width: 100%; }
              .device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div > li, .device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div > li, .device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div > li, .device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div > li, .device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div > li, .device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div > li {
                width: 50%;
                text-align: center; }
              .device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div img, .device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div img, .device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div img, .device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div img, .device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div img, .device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-stage .owl-item div img {
                width: 100%; }
        
        .LIVETABLE {
          padding: 5px; }
          .LIVETABLE .table-group {
            padding-top: 10px;
            background: #0c151d; }
            .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li div {
              margin-bottom: 4px; }
              .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li div .gametable-tit {
                margin: 0; }
                .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li div .gametable-tit .txt-gameName {
                  padding-bottom: 0; }
        
        .MWCASH .LIVETABLE {
          border-radius: 0; }
          .MWCASH .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a {
            border-radius: 0; }
            .MWCASH .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit {
              border-radius: 0; }
              .MWCASH .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit .txt-gameName {
                border-radius: 0; }
            .MWCASH .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .img-banner {
              border-radius: 0; }
        
            .MWCASH.device-PC .LIVETABLE {
              margin: 0 20px; }
              .MWCASH.device-PC .LIVETABLE .table-group {
                padding: 0 5px 15px 5px; }
            
            .KING88 .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit .txt-gameName {
              height: 35px;
              font-size: 12px;
              background-image: linear-gradient(-45deg, #ffffff00 0%, #601660, #ffffff00 100%); }
            
            .KING88.device-PC .LIVETABLE {
              margin: 0 20px; }
            
            .MWGAMING .LIVETABLE .table-group {
              background: transparent; }
              .MWGAMING .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-stage-outer div.owl-item a {
                box-shadow: 0 10px 15px #00000080; }
                .MWGAMING .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-stage-outer div.owl-item a .gametable-tit {
                  background: #fff;
                  height: 35px;
                  border-radius: 0 0 10px 10px; }
                  .MWGAMING .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-stage-outer div.owl-item a .gametable-tit .txt-gameName {
                    color: #333;
                    line-height: 13px; }
            
            .MWGAMING.device-PC .LIVETABLE {
              margin: 0 20px; }
            
            .EXTREME88 .LIVETABLE .table-tit {
              width: 97%;
              height: 35px;
              top: 5px;
              left: 50%;
              transform: rotate(0) translateX(-50%);
              align-items: center;
              border-radius: 20px 20px 0 0;
              background: linear-gradient(to bottom, #222 50%, #7a0e0e 95%, #c50000 96%); }
            
            .EXTREME88 .LIVETABLE .table-group {
              background: #0c151d;
              padding-top: 50px;
              border-radius: 20px 20px 0 0; }
            
            .EXTREME88.device-PC .LIVETABLE .table-tit {
              line-height: 50px;
              width: 99%;
              height: 60px; }
            
            body.TMT .LIVETABLE {
              background: rgba(87, 87, 87, 0.671);
              border-radius: 0;
              padding: 0; }
              body.TMT .LIVETABLE .table-tit {
                position: relative;
                top: 0;
                color: #fff;
                width: 100%;
                height: 40px;
                font-size: 18px;
                box-shadow: none;
                transform: rotate(0deg);
                left: 0;
                background: linear-gradient(0deg, #ffffff00, #ffffff4d);
                align-items: center; }
                body.TMT .LIVETABLE .table-tit .icon-fire {
                  display: none; }
              body.TMT .LIVETABLE .table-group {
                background: none;
                padding-top: 0; }
                body.TMT .LIVETABLE .table-group ul.table-inner.owl-carousel {
                  background: none;
                  margin: 1% auto 0 auto; }
                  body.TMT .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
                    display: none; }
                  body.TMT .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-stage-outer {
                    overflow: visible; }
                    body.TMT .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-stage-outer li a {
                      border: 3px solid #000; }
                    body.TMT .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-stage-outer li .img-banner {
                      border-bottom: 2px solid #daaf68 !important; }
            
            body.TMT.device-PC .LIVETABLE .table-tit {
              line-height: 50px;
              height: 60px;
              font-size: 23px; }
            
            .page-web .main-content.HOME .section-box.section-LIVE .LIVETABLE {
              padding: 0;
              background: none; }
              .page-web .main-content.HOME .section-box.section-LIVE .LIVETABLE .table-group {
                background: none; }
              
        .type-R main .LIVETABLE {
          margin-left: 5px; }
          .type-R main .LIVETABLE .table-tit {
            display: none; }
          .type-R main .LIVETABLE .table-group {
            background: none;
            padding: 0; }
            .type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel {
              padding-top: 10px;
              border-radius: 15px;
              background: #16113347; }
              .type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
                display: none; }
              .type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav {
                height: 0; }
              .type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li a {
                border: 2px solid #fff;
                border-radius: 15px; }
              .type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li .img-banner {
                border: none; }
              .type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit {
                background: #fff;
                border-radius: 0 0 12px 12px; }
                .type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit .txt-gameName {
                  color: #333;
                  margin-bottom: 0;
                  padding: 0 3px; }
        
        .type-R.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots, .type-R.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
          display: none; }
        
        .type-R.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel li a, .type-R.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel li a {
          border-color: #000; }
          .type-R.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit, .type-R.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit {
            background: #000; }
            .type-R.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit .txt-gameName, .type-R.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit .txt-gameName {
              color: #f1f1f1; }
        
        .type-W main .LIVETABLE {
          padding: 0;
          border-radius: 0;
          background: #0000006b; }
          .type-W main .LIVETABLE .table-tit {
            position: relative;
            left: auto;
            top: auto;
            color: #fff;
            width: 100%;
            box-shadow: none;
            padding: 0;
            background: transparent;
            transform: rotate(0deg);
            justify-content: center;
            text-transform: capitalize;
            font-weight: 300;
            text-shadow: 0 0px 10px #ffc900; }
            .type-W main .LIVETABLE .table-tit::after {
              content: '';
              display: inline-block;
              position: absolute;
              height: 2px;
              width: 100%;
              bottom: 63%;
              right: auto;
              left: 3%;
              background: linear-gradient(90deg, #00000000 0%, #f3c95488 10%, #00000000 40%, #00000000 60%, #f3c95488 90%, #00000000 100%); }
            .type-W main .LIVETABLE .table-tit i {
              display: none; }
          .type-W main .LIVETABLE .table-group {
            background: none;
            padding: 0; }
            .type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel {
              background: none; }
              .type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
                display: none; }
              .type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li {
                padding: 0; }
              .type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a {
                border-radius: 0; }
                .type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit {
                  border-radius: 0; }
                  .type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit .txt-gameName {
                    border-radius: 0; }
                .type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .img-banner {
                  border-radius: 0; }
        
        .type-W.device-PC main .LIVETABLE .table-tit::after {
          width: 80%;
          transform: translateX(10%); }
        
        .type-L main .LIVETABLE .table-tit {
          top: 20px;
          left: 50%;
          transform: rotate(0) translateX(-50%);
          display: block;
          height: 30px;
          background: #7acde9;
          border-radius: 20px;
          padding: 5px;
          box-shadow: none; }
          .type-L main .LIVETABLE .table-tit::before {
            white-space: nowrap;
            line-height: 14px; }
          .type-L main .LIVETABLE .table-tit::after {
            content: '';
            position: absolute;
            top: 50%;
            right: 0;
            left: auto;
            background: #7acde9;
            width: 50%;
            color: #000;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            transform: translateX(80%);
            box-shadow: -180px 0px 0 0.1px #7acde9;
            height: 2px;
            z-index: -1; }
          .type-L main .LIVETABLE .table-tit i {
            display: inline-block;
            box-shadow: none;
            animation: heartbeat 1s ease infinite; }
          
          .type-L main .LIVETABLE .table-group {
            background: #fff;
            box-shadow: inset -10px -10px 30px 0 #fff, inset 10px 10px 30px 0 #1d0dca17;
            padding: 0;
            border-radius: 15px; }
            .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel {
              padding-top: 60px;
              border-radius: 15px; }
              .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
                display: none; }
              .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav {
                height: 0; }
                .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav button {
                  background: #4997c3;
                  border-radius: 7px;
                  margin: 0 5px; }
              .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li::before {
                display: block;
                top: 6px;
                right: 6px;
                left: auto;
                width: 20px;
                height: 20px; }
              .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li::after {
                content: '';
                position: absolute;
                width: 30px;
                height: 30px;
                top: 3px;
                right: 1px;
                left: auto;
                transform: translateY(-9%) skew(-6deg);
                border-radius: 5px;
                background: linear-gradient(0deg, #4d4d4dee, #222324cb);
                border: 1px solid #fff;
                box-shadow: 0 0 10px #afafaf; }
              .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li .img-banner {
                border: none; }
              .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit {
                background: #fff;
                height: 35px;
                border-radius: 0 0 10px 10px; }
                .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit .txt-gameName {
                  color: #333;
                  line-height: 13px; }
          
          .type-L.device-PC main .LIVETABLE .table-tit::after {
            width: 100%;
            transform: translateX(105%);
            box-shadow: -320px 0px 0 0.1px #7acde9; }

          .type-L.device-PC main .LIVETABLE ul.table-inner.owl-carousel li::before {
            right: 5px;
            left: auto;
            width: 30px;
            height: 30px; }
          
          .type-L.device-PC main .LIVETABLE ul.table-inner.owl-carousel li::after {
            width: 40px;
            height: 40px;
            top: 3px;
            left: auto;
            right: -2px; }
          
            .type-L.device-PC main .LIVETABLE ul.table-inner.owl-carousel li .gametable-tit .txt-gameName {
              padding: 4px 10px; }
          
        .type-PGSOFT main .LIVETABLE {
          padding: 0;
          background: none;
          background: url(../../../library/img-logo/PGSOFT/page-bg.jpg) no-repeat left top;
          background-size: 100%;
          border-radius: 10px;
          margin-bottom: 15px; }
          .type-PGSOFT main .LIVETABLE .table-tit {
            display: none; }
          .type-PGSOFT main .LIVETABLE .table-group {
            background: none;
            padding: 10px 0 0 0; }
            .type-PGSOFT main .LIVETABLE .table-group ul.table-inner.owl-carousel {
              background: none; }
              .type-PGSOFT main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
                display: none; }
              .type-PGSOFT main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li {
                padding: 0;
                margin: 2%; }
              .type-PGSOFT main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a {
                border-radius: 0; }
                .type-PGSOFT main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit {
                  border-radius: 0; }
                  .type-PGSOFT main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .gametable-tit .txt-gameName {
                    color: #fff;
                    margin-bottom: 0;
                    height: 35px;
                    font-size: 12px;
                    border-radius: 0;
                    background-image: linear-gradient(-45deg, #ffffff00 0%, #601660, #ffffff00 100%); }
                .type-PGSOFT main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item a .img-banner {
                  border-radius: 0;
                  border: 3px solid #000; }

@media screen and (max-width: 320px) {
  .type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit .txt-gameName {
    padding: 1px 11px;
    line-height: 11px; } }

@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out; }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in; }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out; }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in; }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out; } }

@keyframes tableNAME {
  0%,
  100% {
    opacity: 1; }
  42% {
    opacity: 0; }
  43% {
    opacity: 1; }
  49% {
    opacity: 0; }
  50% {
    opacity: 1; } }

ul li .show-bonus-event::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
  display: inline-block;
  content: '';
  z-index: 2;
  width: 35px;
  height: 27px;
  background: url(../../../library/img-common/bonus/Treasure/treasure-box-s.gif) no-repeat left top;
  background-size: 35px; }

ul li .show-bonus-event::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -3px;
  width: 50px;
  height: 8px;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(#BF953F, #FCF6BA, #B38728, #ffe844, #ffe6ba);
  z-index: 2; }

ul li .show-bonus-event.Treasure::before {
  background: url(../../../library/img-common/bonus/Treasure/treasure-box-s.gif) no-repeat left top;
  background-size: 35px; }

ul li .show-bonus-event.Roulette::before {
  background: url(../../../library/img-common/bonus/Roulette/roulette-s.png) no-repeat left top;
  background-size: 35px; }

ul li .show-bonus-event.Raffle::before {
  background: url(../../../library/img-common/bonus/Raffle/Raffle-s.png) no-repeat left top;
  background-size: 35px; }

.fix-sticker {
  position: fixed;
  top: 65vh;
  right: -200px;
  z-index: 300;
  width: 270px;
  height: 55px;
  border-radius: 6px;
  padding-left: 55px;
  background: linear-gradient(#BE2425, #A52127);
  transition: all .3s ease-in-out;
  transition-delay: .2s;
  box-shadow: 0 5px 13px 0px #4C0006;
  cursor: pointer; }
  .fix-sticker.img-upload {
    background-image: url(../../../library/img-common/bonus/Raffle/img-sticker.png);
    box-shadow: 0 5px 13px 0px #000000b2;
    background-size: 100%;
    background-position: left top;
    height: 60px; }
    .fix-sticker.img-upload::after {
      display: none; }
    .fix-sticker.img-upload .show-bonus-event {
      top: auto;
      bottom: 0; }
    .fix-sticker.img-upload .txt-bonus {
      padding-top: 15px; }
  .fix-sticker.num-2 {
    top: 75vh; }
  .fix-sticker.num-3 {
    top: 55vh; }
  .fix-sticker.show {
    right: -5px; }
  .fix-sticker::after, .fix-sticker::before {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 20px;
    font-family: 'icomoon' !important;
    content: '\e9f4';
    font-size: 30px;
    color: #ffffff7c;
    transform: rotate(-90deg); }
  .fix-sticker::after {
    z-index: 0;
    transform: none;
    display: inline-block;
    content: '';
    left: 3px;
    top: 3px;
    border-radius: 6px;
    width: 300px;
    height: 50px;
    border: 1px dashed #ffffff52; }
  .fix-sticker .show-bonus-event {
    position: absolute;
    z-index: 10;
    display: inline-block;
    width: 70px;
    top: -10px;
    left: 0; }
    .fix-sticker .show-bonus-event .img-platform-logo {
      position: relative;
      background: url(../../library/img-common/bonus/Roulette/roulette-s.png) no-repeat left top;
      background-size: 62px;
      width: 62px;
      height: 45px;
      margin: 0px 5px 0 5px; }
      .fix-sticker .show-bonus-event .img-platform-logo i {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #000;
        border-radius: 100px; }
    .fix-sticker .show-bonus-event .txt {
      font-size: 90%;
      text-align: center;
      line-height: normal;
      color: #fff;
      margin-top: -3px; }
      .fix-sticker .show-bonus-event .txt span {
        white-space: nowrap;
        font-size: 90%; }
  .fix-sticker .txt-bonus {
    color: #fff;
    padding: 5px 0 0 20px; }
    .fix-sticker .txt-bonus small {
      display: block;
      margin-bottom: 0;
      line-height: normal; }
    .fix-sticker .txt-bonus::before {
      display: none; }
    .fix-sticker .txt-bonus b {
      font-size: 170%;
      line-height: normal;
      font-style: italic; }

.page-web.promote-bg::before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #000000da;
  z-index: 520; }

.page-bonus-div,
.page-promote-div {
  background: #008563 url(../../../library/img-common/bonus/bonus-result-bg.jpg) no-repeat center top;
  background-size: 100%;
  position: fixed;
  opacity: .5;
  top: 0;
  right: -100%;
  height: 100vh;
  width: 100%;
  max-width: 500px;
  z-index: 999;
  box-shadow: 0 5px 10px #333;
  transition: all .3s ease-in-out;
  overflow: hidden; }
  .page-bonus-div.ui-demo,
  .page-promote-div.ui-demo {
    background: none !important;
    z-index: 1000;
    height: 50px;
    box-shadow: none; }
  .page-bonus-div.iframe-div,
  .page-promote-div.iframe-div {
    position: relative;
    right: 0;
    opacity: 1; }
  .page-bonus-div.multi-event,
  .page-promote-div.multi-event {
    background: #d66555 url(../../../library/img-common/bonus/bonus-bg-NY.jpg) no-repeat center top;
    background-size: 100%; }
    .page-bonus-div.multi-event.img-upload,
    .page-promote-div.multi-event.img-upload {
      background: none;
      background-image: url(../../../library/img-common/bonus/img-bonus-bg.jpg);
      background-repeat: no-repeat;
      background-color: #000;
      background-position: center top;
      background-size: 100%; }
      .page-bonus-div.multi-event.img-upload .bonus-time .txt-info,
      .page-promote-div.multi-event.img-upload .bonus-time .txt-info {
        color: #fff !important; }
      .page-bonus-div.multi-event.img-upload .info-box,
      .page-promote-div.multi-event.img-upload .info-box {
        padding: 4% 2%; }
        .page-bonus-div.multi-event.img-upload .info-box .ticket-box::after, .page-bonus-div.multi-event.img-upload .info-box .ticket-box::before,
        .page-bonus-div.multi-event.img-upload .info-box .ticket-box .list-dot,
        .page-promote-div.multi-event.img-upload .info-box .ticket-box::after,
        .page-promote-div.multi-event.img-upload .info-box .ticket-box::before,
        .page-promote-div.multi-event.img-upload .info-box .ticket-box .list-dot {
          background: none; }
    .page-bonus-div.multi-event .page-bonus-body .bonus-result,
    .page-promote-div.multi-event .page-bonus-body .bonus-result {
      position: relative; }
      .page-bonus-div.multi-event .page-bonus-body .bonus-result .txt-ticket-all,
      .page-promote-div.multi-event .page-bonus-body .bonus-result .txt-ticket-all {
        position: absolute;
        top: 70px;
        left: 50%;
        transform: translateX(-50%); }
    .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn,
    .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn {
      padding: 30px 4% 10px 4%;
      display: grid;
      grid-row-gap: 5px;
      grid-template-columns: repeat(3, 33.3%);
      pointer-events: auto; }
      .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn,
      .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn {
        position: relative;
        z-index: 50;
        display: block;
        width: 120px;
        height: 120px;
        background: url(../../../library/img-common/bonus/treasure-box-big.png) no-repeat center center;
        background-size: 120px; }
        .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn::after,
        .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: -1;
          width: 70px;
          height: 70px;
          border-radius: 100px; }
        .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn::before,
        .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn::before {
          position: absolute;
          z-index: 10;
          bottom: -10px;
          display: block;
          width: 100%;
          height: 110px;
          content: '';
          animation: heartbeat 1.5s infinite;
          background: url(../../../library/img-common/bonus/bonus-question.png) no-repeat center bottom;
          background-size: 70px; }
        .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn .txt-number,
        .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn .txt-number {
          display: none; }
        .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open,
        .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open {
          animation: jello-horizontal 0.9s both !important;
          background: url(../../../library/img-common/bonus/treasure-box-open.png) no-repeat center center;
          background-size: 120px;
          opacity: .7; }
          .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open::before,
          .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open::before {
            display: none; }
          .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open.user-open,
          .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open.user-open {
            background-size: 140px;
            opacity: 1; }
            .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open.user-open::after,
            .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open.user-open::after {
              content: '';
              position: absolute;
              top: -50px;
              left: -30px;
              transform: none;
              background: url(../../../library/img-common/bonus/bonus-win-gold.png) no-repeat center center;
              background-size: 200px;
              z-index: 1;
              width: 200px;
              height: 200px;
              animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
              pointer-events: none; }
            .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open.user-open .txt-number,
            .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open.user-open .txt-number {
              font-weight: bold; }
          .page-bonus-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open .txt-number,
          .page-promote-div.multi-event .page-bonus-body .bonus-multi-btn .bonus-btn.open .txt-number {
            display: block;
            color: #fff;
            font-weight: normal; }
    .page-bonus-div.multi-event .page-bonus-body .bonus-time .txt-info,
    .page-promote-div.multi-event .page-bonus-body .bonus-time .txt-info {
      color: #f0d7a8 !important; }
    .page-bonus-div.multi-event .page-bonus-body .bonus-time .btn-detail,
    .page-promote-div.multi-event .page-bonus-body .bonus-time .btn-detail {
      background: #3b8ab8; }
    .page-bonus-div.multi-event .page-bonus-body .tooltip-box,
    .page-promote-div.multi-event .page-bonus-body .tooltip-box {
      background-color: #dba75c; }
  .page-bonus-div i,
  .page-promote-div i {
    display: inline-block; }
  @media (min-width: 500px) {
    .page-bonus-div.active,
    .page-promote-div.active {
      right: auto;
      left: 50% !important;
      transform: translateX(-50%); } }
  .page-bonus-div.active,
  .page-promote-div.active {
    opacity: 1;
    display: inline-block;
    right: 0; }
  .page-bonus-div .page-bonus-header,
  .page-bonus-div .page-promote-header,
  .page-promote-div .page-bonus-header,
  .page-promote-div .page-promote-header {
    position: absolute;
    left: 0;
    top: 3px;
    width: 100%;
    z-index: 200; }
    .page-bonus-div .page-bonus-header .header-lt,
    .page-bonus-div .page-promote-header .header-lt,
    .page-promote-div .page-bonus-header .header-lt,
    .page-promote-div .page-promote-header .header-lt {
      background-color: #52525296;
      margin: 5px auto 0 auto;
      padding: 3px;
      display: inline-block;
      vertical-align: top;
      border-radius: 0 50px 50px 0;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      text-shadow: 0 2px 3px #333; }
      .page-bonus-div .page-bonus-header .header-lt .btn,
      .page-bonus-div .page-promote-header .header-lt .btn,
      .page-promote-div .page-bonus-header .header-lt .btn,
      .page-promote-div .page-promote-header .header-lt .btn {
        vertical-align: top;
        font-size: 170%;
        line-height: 35px;
        color: #fff;
        padding: 0 10px; }
        .page-bonus-div .page-bonus-header .header-lt .btn i,
        .page-bonus-div .page-promote-header .header-lt .btn i,
        .page-promote-div .page-bonus-header .header-lt .btn i,
        .page-promote-div .page-promote-header .header-lt .btn i {
          line-height: 35px; }
      .page-bonus-div .page-bonus-header .header-lt .img-platform-logo,
      .page-bonus-div .page-promote-header .header-lt .img-platform-logo,
      .page-promote-div .page-bonus-header .header-lt .img-platform-logo,
      .page-promote-div .page-promote-header .header-lt .img-platform-logo {
        background-color: #000;
        border-radius: 100px;
        height: 40px;
        width: 40px;
        text-align: center;
        padding-top: 3px; }
      .page-bonus-div .page-bonus-header .header-lt .txt-date,
      .page-bonus-div .page-promote-header .header-lt .txt-date,
      .page-promote-div .page-bonus-header .header-lt .txt-date,
      .page-promote-div .page-promote-header .header-lt .txt-date {
        line-height: 40px;
        font-size: 90%;
        font-weight: 500;
        color: #ffffff;
        vertical-align: top;
        padding: 0px 15px 0 5px; }
  .page-bonus-div .page-bonus-body,
  .page-bonus-div .page-promote-body,
  .page-promote-div .page-bonus-body,
  .page-promote-div .page-promote-body {
    padding: 50px 0 100px 0;
    overflow-y: auto;
    height: 100vmax; }
    @media all and (min-width: 320px) and (max-width: 360px) {
      .page-bonus-div .page-bonus-body,
      .page-bonus-div .page-promote-body,
      .page-promote-div .page-bonus-body,
      .page-promote-div .page-promote-body {
        padding: 50px 0 50px 0; } }
    .page-bonus-div .page-bonus-body .bonus-result-txt,
    .page-bonus-div .page-promote-body .bonus-result-txt,
    .page-promote-div .page-bonus-body .bonus-result-txt,
    .page-promote-div .page-promote-body .bonus-result-txt {
      pointer-events: none; }
    .page-bonus-div .page-bonus-body .bonus-result,
    .page-bonus-div .page-promote-body .bonus-result,
    .page-promote-div .page-bonus-body .bonus-result,
    .page-promote-div .page-promote-body .bonus-result {
      pointer-events: none;
      position: relative;
      height: auto;
      color: #fff;
      text-shadow: 0 5px 8px #000000;
      text-align: center;
      padding: 55px 0 0 0; }
      .page-bonus-div .page-bonus-body .bonus-result .result-box,
      .page-bonus-div .page-promote-body .bonus-result .result-box,
      .page-promote-div .page-bonus-body .bonus-result .result-box,
      .page-promote-div .page-promote-body .bonus-result .result-box {
        pointer-events: none; }
        .page-bonus-div .page-bonus-body .bonus-result .result-box .bonus-img,
        .page-bonus-div .page-promote-body .bonus-result .result-box .bonus-img,
        .page-promote-div .page-bonus-body .bonus-result .result-box .bonus-img,
        .page-promote-div .page-promote-body .bonus-result .result-box .bonus-img {
          pointer-events: bounding-box;
          position: relative;
          z-index: 50;
          display: inline-block;
          background: url(../../../library/img-common/bonus/treasure-box-big.png) no-repeat center center;
          background-size: 100%;
          width: 140px;
          height: 120px;
          animation: heartbeat 1.5s ease-in-out infinite both; }
          .page-bonus-div .page-bonus-body .bonus-result .result-box .bonus-img::before,
          .page-bonus-div .page-promote-body .bonus-result .result-box .bonus-img::before,
          .page-promote-div .page-bonus-body .bonus-result .result-box .bonus-img::before,
          .page-promote-div .page-promote-body .bonus-result .result-box .bonus-img::before {
            display: inline-block;
            content: '';
            width: 150%;
            height: 4px;
            border-radius: 5px;
            position: absolute;
            bottom: 0;
            z-index: 1;
            left: 50%;
            transform: translateX(-50%); }
        .page-bonus-div .page-bonus-body .bonus-result .result-box.win::after,
        .page-bonus-div .page-promote-body .bonus-result .result-box.win::after,
        .page-promote-div .page-bonus-body .bonus-result .result-box.win::after,
        .page-promote-div .page-promote-body .bonus-result .result-box.win::after {
          content: '';
          position: absolute;
          top: -50px;
          left: 0;
          background: url(../../../library/img-common/bonus/bonus-win-gold.png) no-repeat center center;
          background-size: cover;
          z-index: 1;
          width: 100%;
          height: 300px;
          animation: scale-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          pointer-events: none; }
        .page-bonus-div .page-bonus-body .bonus-result .result-box.win .tit,
        .page-bonus-div .page-promote-body .bonus-result .result-box.win .tit,
        .page-promote-div .page-bonus-body .bonus-result .result-box.win .tit,
        .page-promote-div .page-promote-body .bonus-result .result-box.win .tit {
          display: none; }
        .page-bonus-div .page-bonus-body .bonus-result .result-box.win .txt-number,
        .page-bonus-div .page-promote-body .bonus-result .result-box.win .txt-number,
        .page-promote-div .page-bonus-body .bonus-result .result-box.win .txt-number,
        .page-promote-div .page-promote-body .bonus-result .result-box.win .txt-number {
          top: 140px;
          animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both; }
        .page-bonus-div .page-bonus-body .bonus-result .result-box.win .bonus-img,
        .page-bonus-div .page-promote-body .bonus-result .result-box.win .bonus-img,
        .page-promote-div .page-bonus-body .bonus-result .result-box.win .bonus-img,
        .page-promote-div .page-promote-body .bonus-result .result-box.win .bonus-img {
          background: url(../../../library/img-common/bonus/treasure-box-open.png) no-repeat center center;
          background-size: 100%; }
        .page-bonus-div .page-bonus-body .bonus-result .result-box.no-win .txt-number,
        .page-bonus-div .page-promote-body .bonus-result .result-box.no-win .txt-number,
        .page-promote-div .page-bonus-body .bonus-result .result-box.no-win .txt-number,
        .page-promote-div .page-promote-body .bonus-result .result-box.no-win .txt-number {
          top: 80px;
          animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }
        .page-bonus-div .page-bonus-body .bonus-result .result-box.no-win .bonus-img,
        .page-bonus-div .page-promote-body .bonus-result .result-box.no-win .bonus-img,
        .page-promote-div .page-bonus-body .bonus-result .result-box.no-win .bonus-img,
        .page-promote-div .page-promote-body .bonus-result .result-box.no-win .bonus-img {
          animation: shake-bottom 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
      .page-bonus-div .page-bonus-body .bonus-result .txt-number,
      .page-bonus-div .page-bonus-body .bonus-result .tit,
      .page-bonus-div .page-promote-body .bonus-result .txt-number,
      .page-bonus-div .page-promote-body .bonus-result .tit,
      .page-promote-div .page-bonus-body .bonus-result .txt-number,
      .page-promote-div .page-bonus-body .bonus-result .tit,
      .page-promote-div .page-promote-body .bonus-result .txt-number,
      .page-promote-div .page-promote-body .bonus-result .tit {
        position: absolute;
        top: 40px;
        left: auto;
        z-index: 90;
        font-size: 120%;
        font-weight: bold;
        width: 100%;
        text-align: center; }
      .page-bonus-div .page-bonus-body .bonus-result .txt-number,
      .page-bonus-div .page-promote-body .bonus-result .txt-number,
      .page-promote-div .page-bonus-body .bonus-result .txt-number,
      .page-promote-div .page-promote-body .bonus-result .txt-number {
        top: 60px;
        font-size: 200%;
        font-weight: bold;
        font-style: italic;
        white-space: nowrap; }
        .page-bonus-div .page-bonus-body .bonus-result .txt-number sup,
        .page-bonus-div .page-promote-body .bonus-result .txt-number sup,
        .page-promote-div .page-bonus-body .bonus-result .txt-number sup,
        .page-promote-div .page-promote-body .bonus-result .txt-number sup {
          font-size: 80%;
          top: 0; }
        .page-bonus-div .page-bonus-body .bonus-result .txt-number b,
        .page-bonus-div .page-promote-body .bonus-result .txt-number b,
        .page-promote-div .page-bonus-body .bonus-result .txt-number b,
        .page-promote-div .page-promote-body .bonus-result .txt-number b {
          font-weight: bold; }
      .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn,
      .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn,
      .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn,
      .page-promote-div .page-promote-body .bonus-result .bonus-result-btn {
        pointer-events: bounding-box;
        position: relative;
        animation: bg-pan-right 1.5s infinite;
        background-image: linear-gradient(135deg, #A52127 1%, #ecb41a 49%, #BE2425 50%, #A52127);
        background-size: 500% 100%;
        top: -20px;
        z-index: 110;
        padding: 3px;
        width: auto;
        display: inline-block;
        border-radius: 100px; }
        .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn,
        .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn,
        .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn,
        .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn {
          text-decoration: none;
          background: #911212;
          padding: 0 15px 12px 15px;
          line-height: 32px;
          border-radius: 100px;
          border: 2px solid #ffe661;
          color: #e1be83;
          min-width: 100px;
          text-align: center;
          transition: all .3s ease-in-out;
          white-space: nowrap; }
          .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn .txt-all,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn .txt-all,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn .txt-all,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn .txt-all {
            position: absolute;
            bottom: 8px;
            left: 45px;
            font-size: 11px;
            display: inline-block;
            width: auto;
            line-height: normal; }
          .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.disabled,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn.disabled,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.disabled,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn.disabled {
            background: #412828;
            border-color: #5f5f5f;
            color: #745656; }
          .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn i,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn i,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn i,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn i {
            width: 20px; }
          .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn:hover, .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn:focus, .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn:target, .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn:active,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn:hover,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn:focus,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn:target,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn:active,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn:hover,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn:focus,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn:target,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn:active,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn:hover,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn:focus,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn:target,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn:active {
            box-shadow: 0 0 0 4px #ffe761b6; }
          .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.btn-s,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn.btn-s,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.btn-s,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn.btn-s {
            position: absolute;
            padding: 0 10px;
            font-size: 80%;
            min-width: auto;
            width: 50px;
            height: 35px;
            margin: 6px 0 0 10px;
            text-shadow: 0 2px 3px #333333a1;
            border-color: #f18c88;
            right: -60px;
            top: 5px; }
            .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.btn-s i,
            .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn.btn-s i,
            .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.btn-s i,
            .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn.btn-s i {
              font-size: 23px;
              line-height: 30px;
              width: auto; }
        .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn-all,
        .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .btn-detail,
        .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn-all,
        .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .btn-detail,
        .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn-all,
        .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .btn-detail,
        .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn-all,
        .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .btn-detail {
          position: absolute;
          line-height: 30px;
          color: #b6f0a8;
          padding: 0 10px;
          background: #028564d8;
          border-radius: 30px;
          margin: 5px 5px 0 5px;
          white-space: nowrap; }
          .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn-all i,
          .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .btn-detail i,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn-all i,
          .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .btn-detail i,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn-all i,
          .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .btn-detail i,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn-all i,
          .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .btn-detail i {
            font-size: 22px;
            line-height: 30px;
            vertical-align: top; }
        .page-bonus-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn-all,
        .page-bonus-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn-all,
        .page-promote-div .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn-all,
        .page-promote-div .page-promote-body .bonus-result .bonus-result-btn .bonus-btn-all {
          background: #0000004b;
          font-size: 12px;
          line-height: 20px;
          text-decoration: none;
          text-shadow: 0 2px 4px #3333338c;
          margin: 10px 0 0 25px; }
    .page-bonus-div .page-bonus-body .btn-tooltip,
    .page-bonus-div .page-promote-body .btn-tooltip,
    .page-promote-div .page-bonus-body .btn-tooltip,
    .page-promote-div .page-promote-body .btn-tooltip {
      pointer-events: bounding-box;
      position: relative;
      margin: 0 0 0 5px;
      line-height: 25px;
      height: 25px;
      z-index: 102;
      color: #e1be83; }
      .page-bonus-div .page-bonus-body .btn-tooltip i,
      .page-bonus-div .page-promote-body .btn-tooltip i,
      .page-promote-div .page-bonus-body .btn-tooltip i,
      .page-promote-div .page-promote-body .btn-tooltip i {
        font-size: 20px;
        line-height: 25px;
        background: #911212;
        height: 25px;
        width: 25px;
        border-radius: 50px; }
      .page-bonus-div .page-bonus-body .btn-tooltip .tooltip-box,
      .page-bonus-div .page-promote-body .btn-tooltip .tooltip-box,
      .page-promote-div .page-bonus-body .btn-tooltip .tooltip-box,
      .page-promote-div .page-promote-body .btn-tooltip .tooltip-box {
        display: none; }
      .page-bonus-div .page-bonus-body .btn-tooltip:hover .tooltip-box,
      .page-bonus-div .page-promote-body .btn-tooltip:hover .tooltip-box,
      .page-promote-div .page-bonus-body .btn-tooltip:hover .tooltip-box,
      .page-promote-div .page-promote-body .btn-tooltip:hover .tooltip-box {
        display: inline-block;
        position: absolute;
        top: 35px;
        left: -200px;
        width: 300px;
        background-color: #911212;
        color: #fff;
        font-size: 90%;
        text-align: left;
        border-radius: 12px;
        padding: 10px;
        box-shadow: 0 3px 5px #000000b6; }
        .page-bonus-div .page-bonus-body .btn-tooltip:hover .tooltip-box::before,
        .page-bonus-div .page-promote-body .btn-tooltip:hover .tooltip-box::before,
        .page-promote-div .page-bonus-body .btn-tooltip:hover .tooltip-box::before,
        .page-promote-div .page-promote-body .btn-tooltip:hover .tooltip-box::before {
          content: '';
          position: absolute;
          top: -5px;
          right: 50%;
          transform: translateX(72px);
          border-style: solid;
          border-width: 0 10px 10px 10px;
          border-color: transparent transparent #911212 transparent; }
      .page-bonus-div .page-bonus-body .btn-tooltip:hover ul li,
      .page-bonus-div .page-promote-body .btn-tooltip:hover ul li,
      .page-promote-div .page-bonus-body .btn-tooltip:hover ul li,
      .page-promote-div .page-promote-body .btn-tooltip:hover ul li {
        text-align: left;
        text-shadow: none;
        line-height: normal;
        color: #fff;
        font-size: 90%; }
    .page-bonus-div .page-bonus-body .bonus-time,
    .page-bonus-div .page-promote-body .bonus-time,
    .page-promote-div .page-bonus-body .bonus-time,
    .page-promote-div .page-promote-body .bonus-time {
      margin-top: 5px;
      text-align: center;
      padding: 10px 20px 10px 20px; }
      .page-bonus-div .page-bonus-body .bonus-time .btn-detail,
      .page-bonus-div .page-promote-body .bonus-time .btn-detail,
      .page-promote-div .page-bonus-body .bonus-time .btn-detail,
      .page-promote-div .page-promote-body .bonus-time .btn-detail {
        position: absolute;
        top: 5px;
        right: 5px;
        line-height: 30px;
        color: #fff;
        padding: 0 10px;
        background: #028564;
        border-radius: 30px;
        margin: 5px 5px 0 5px; }
        .page-bonus-div .page-bonus-body .bonus-time .btn-detail i,
        .page-bonus-div .page-promote-body .bonus-time .btn-detail i,
        .page-promote-div .page-bonus-body .bonus-time .btn-detail i,
        .page-promote-div .page-promote-body .bonus-time .btn-detail i {
          font-size: 22px;
          line-height: 30px;
          vertical-align: top; }
      .page-bonus-div .page-bonus-body .bonus-time .txt-info,
      .page-bonus-div .page-promote-body .bonus-time .txt-info,
      .page-promote-div .page-bonus-body .bonus-time .txt-info,
      .page-promote-div .page-promote-body .bonus-time .txt-info {
        position: relative;
        background: #0000006b;
        border-radius: 10px;
        min-width: 80%;
        min-height: 50px;
        margin: 0 auto;
        font-size: 80%;
        color: #b6f0a8;
        padding: 6px 0 6px 15px;
        text-align: left;
        pointer-events: bounding-box; }
        .page-bonus-div .page-bonus-body .bonus-time .txt-info .txt-info-inner,
        .page-bonus-div .page-promote-body .bonus-time .txt-info .txt-info-inner,
        .page-promote-div .page-bonus-body .bonus-time .txt-info .txt-info-inner,
        .page-promote-div .page-promote-body .bonus-time .txt-info .txt-info-inner {
          word-wrap: break-word;
          padding-right: 60px;
          line-height: 20px; }
      .page-bonus-div .page-bonus-body .bonus-time .txt,
      .page-bonus-div .page-promote-body .bonus-time .txt,
      .page-promote-div .page-bonus-body .bonus-time .txt,
      .page-promote-div .page-promote-body .bonus-time .txt {
        text-align: center;
        color: #fff;
        font-size: 90%;
        display: inline-block;
        line-height: 25px; }
      .page-bonus-div .page-bonus-body .bonus-time small,
      .page-bonus-div .page-promote-body .bonus-time small,
      .page-promote-div .page-bonus-body .bonus-time small,
      .page-promote-div .page-promote-body .bonus-time small {
        color: #ffffff98;
        font-size: 80%; }
    .page-bonus-div .page-bonus-body .owl-bonus,
    .page-bonus-div .page-promote-body .owl-bonus,
    .page-promote-div .page-bonus-body .owl-bonus,
    .page-promote-div .page-promote-body .owl-bonus {
      padding: 0 20px;
      margin-bottom: 10px;
      display: grid;
      grid-template-columns: repeat(4, 25%); }
      .page-bonus-div .page-bonus-body .owl-bonus .item,
      .page-bonus-div .page-promote-body .owl-bonus .item,
      .page-promote-div .page-bonus-body .owl-bonus .item,
      .page-promote-div .page-promote-body .owl-bonus .item {
        position: relative;
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap;
        padding: 2% 0; }
        .page-bonus-div .page-bonus-body .owl-bonus .item.show-maintain img, .page-bonus-div .page-bonus-body .owl-bonus .item.show-blocked img,
        .page-bonus-div .page-promote-body .owl-bonus .item.show-maintain img,
        .page-bonus-div .page-promote-body .owl-bonus .item.show-blocked img,
        .page-promote-div .page-bonus-body .owl-bonus .item.show-maintain img,
        .page-promote-div .page-bonus-body .owl-bonus .item.show-blocked img,
        .page-promote-div .page-promote-body .owl-bonus .item.show-maintain img,
        .page-promote-div .page-promote-body .owl-bonus .item.show-blocked img {
          filter: grayscale(30%) brightness(30%); }
        .page-bonus-div .page-bonus-body .owl-bonus .item.show-maintain .show-maintain,
        .page-bonus-div .page-bonus-body .owl-bonus .item.show-maintain .show-blocked, .page-bonus-div .page-bonus-body .owl-bonus .item.show-blocked .show-maintain,
        .page-bonus-div .page-bonus-body .owl-bonus .item.show-blocked .show-blocked,
        .page-bonus-div .page-promote-body .owl-bonus .item.show-maintain .show-maintain,
        .page-bonus-div .page-promote-body .owl-bonus .item.show-maintain .show-blocked,
        .page-bonus-div .page-promote-body .owl-bonus .item.show-blocked .show-maintain,
        .page-bonus-div .page-promote-body .owl-bonus .item.show-blocked .show-blocked,
        .page-promote-div .page-bonus-body .owl-bonus .item.show-maintain .show-maintain,
        .page-promote-div .page-bonus-body .owl-bonus .item.show-maintain .show-blocked,
        .page-promote-div .page-bonus-body .owl-bonus .item.show-blocked .show-maintain,
        .page-promote-div .page-bonus-body .owl-bonus .item.show-blocked .show-blocked,
        .page-promote-div .page-promote-body .owl-bonus .item.show-maintain .show-maintain,
        .page-promote-div .page-promote-body .owl-bonus .item.show-maintain .show-blocked,
        .page-promote-div .page-promote-body .owl-bonus .item.show-blocked .show-maintain,
        .page-promote-div .page-promote-body .owl-bonus .item.show-blocked .show-blocked {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          .page-bonus-div .page-bonus-body .owl-bonus .item.show-maintain .show-maintain::after,
          .page-bonus-div .page-bonus-body .owl-bonus .item.show-maintain .show-blocked::after, .page-bonus-div .page-bonus-body .owl-bonus .item.show-blocked .show-maintain::after,
          .page-bonus-div .page-bonus-body .owl-bonus .item.show-blocked .show-blocked::after,
          .page-bonus-div .page-promote-body .owl-bonus .item.show-maintain .show-maintain::after,
          .page-bonus-div .page-promote-body .owl-bonus .item.show-maintain .show-blocked::after,
          .page-bonus-div .page-promote-body .owl-bonus .item.show-blocked .show-maintain::after,
          .page-bonus-div .page-promote-body .owl-bonus .item.show-blocked .show-blocked::after,
          .page-promote-div .page-bonus-body .owl-bonus .item.show-maintain .show-maintain::after,
          .page-promote-div .page-bonus-body .owl-bonus .item.show-maintain .show-blocked::after,
          .page-promote-div .page-bonus-body .owl-bonus .item.show-blocked .show-maintain::after,
          .page-promote-div .page-bonus-body .owl-bonus .item.show-blocked .show-blocked::after,
          .page-promote-div .page-promote-body .owl-bonus .item.show-maintain .show-maintain::after,
          .page-promote-div .page-promote-body .owl-bonus .item.show-maintain .show-blocked::after,
          .page-promote-div .page-promote-body .owl-bonus .item.show-blocked .show-maintain::after,
          .page-promote-div .page-promote-body .owl-bonus .item.show-blocked .show-blocked::after {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            margin: 0 auto;
            font-family: 'icomoon' !important;
            content: '\e9b2';
            text-shadow: 0 3px 5px #000;
            line-height: 50px;
            font-size: 220%;
            font-weight: 400;
            color: #aaaaaaf1;
            z-index: 101; }
        .page-bonus-div .page-bonus-body .owl-bonus .item.show-maintain .show-blocked::after, .page-bonus-div .page-bonus-body .owl-bonus .item.show-blocked .show-blocked::after,
        .page-bonus-div .page-promote-body .owl-bonus .item.show-maintain .show-blocked::after,
        .page-bonus-div .page-promote-body .owl-bonus .item.show-blocked .show-blocked::after,
        .page-promote-div .page-bonus-body .owl-bonus .item.show-maintain .show-blocked::after,
        .page-promote-div .page-bonus-body .owl-bonus .item.show-blocked .show-blocked::after,
        .page-promote-div .page-promote-body .owl-bonus .item.show-maintain .show-blocked::after,
        .page-promote-div .page-promote-body .owl-bonus .item.show-blocked .show-blocked::after {
          content: '\e97f'; }
        .page-bonus-div .page-bonus-body .owl-bonus .item .txt-gameName,
        .page-bonus-div .page-promote-body .owl-bonus .item .txt-gameName,
        .page-promote-div .page-bonus-body .owl-bonus .item .txt-gameName,
        .page-promote-div .page-promote-body .owl-bonus .item .txt-gameName {
          display: none; }
        .page-bonus-div .page-bonus-body .owl-bonus .item .game-icon,
        .page-bonus-div .page-promote-body .owl-bonus .item .game-icon,
        .page-promote-div .page-bonus-body .owl-bonus .item .game-icon,
        .page-promote-div .page-promote-body .owl-bonus .item .game-icon {
          position: relative;
          width: 90%;
          margin: 0 auto;
          border-radius: 20px;
          box-shadow: 0 10px 35px #0000009c; }
        .page-bonus-div .page-bonus-body .owl-bonus .item.checked::after, .page-bonus-div .page-bonus-body .owl-bonus .item.checked::before, .page-bonus-div .page-bonus-body .owl-bonus .item.uncheck::after, .page-bonus-div .page-bonus-body .owl-bonus .item.uncheck::before,
        .page-bonus-div .page-promote-body .owl-bonus .item.checked::after,
        .page-bonus-div .page-promote-body .owl-bonus .item.checked::before,
        .page-bonus-div .page-promote-body .owl-bonus .item.uncheck::after,
        .page-bonus-div .page-promote-body .owl-bonus .item.uncheck::before,
        .page-promote-div .page-bonus-body .owl-bonus .item.checked::after,
        .page-promote-div .page-bonus-body .owl-bonus .item.checked::before,
        .page-promote-div .page-bonus-body .owl-bonus .item.uncheck::after,
        .page-promote-div .page-bonus-body .owl-bonus .item.uncheck::before,
        .page-promote-div .page-promote-body .owl-bonus .item.checked::after,
        .page-promote-div .page-promote-body .owl-bonus .item.checked::before,
        .page-promote-div .page-promote-body .owl-bonus .item.uncheck::after,
        .page-promote-div .page-promote-body .owl-bonus .item.uncheck::before {
          position: absolute;
          left: -5px;
          top: -3px;
          z-index: 1;
          content: '';
          height: 20px;
          width: 20px;
          background: #ffffff9d;
          border-radius: 20px;
          box-shadow: 0 0 0 3px #66b81a9f; }
        .page-bonus-div .page-bonus-body .owl-bonus .item.checked::before,
        .page-bonus-div .page-promote-body .owl-bonus .item.checked::before,
        .page-promote-div .page-bonus-body .owl-bonus .item.checked::before,
        .page-promote-div .page-promote-body .owl-bonus .item.checked::before {
          background-color: #66b81a;
          height: 23px;
          width: 23px;
          box-shadow: 0 0 0 3px #66b81a9f; }
        .page-bonus-div .page-bonus-body .owl-bonus .item.checked::after,
        .page-bonus-div .page-promote-body .owl-bonus .item.checked::after,
        .page-promote-div .page-bonus-body .owl-bonus .item.checked::after,
        .page-promote-div .page-promote-body .owl-bonus .item.checked::after {
          font-family: 'icomoon' !important;
          content: '\e90f';
          left: -8px;
          background: none;
          color: #fff;
          text-shadow: 0 2px 3px #2929294f;
          font-size: 30px;
          font-weight: bold;
          line-height: 18px;
          border-radius: 20px;
          box-shadow: none; }
      .page-bonus-div .page-bonus-body .owl-bonus .owl-nav .owl-prev,
      .page-bonus-div .page-bonus-body .owl-bonus .owl-nav .owl-next,
      .page-bonus-div .page-promote-body .owl-bonus .owl-nav .owl-prev,
      .page-bonus-div .page-promote-body .owl-bonus .owl-nav .owl-next,
      .page-promote-div .page-bonus-body .owl-bonus .owl-nav .owl-prev,
      .page-promote-div .page-bonus-body .owl-bonus .owl-nav .owl-next,
      .page-promote-div .page-promote-body .owl-bonus .owl-nav .owl-prev,
      .page-promote-div .page-promote-body .owl-bonus .owl-nav .owl-next {
        box-shadow: 0 10px 35px #0000009c;
        background: #fff; }
      .page-bonus-div .page-bonus-body .owl-bonus .owl-nav .owl-prev,
      .page-bonus-div .page-promote-body .owl-bonus .owl-nav .owl-prev,
      .page-promote-div .page-bonus-body .owl-bonus .owl-nav .owl-prev,
      .page-promote-div .page-promote-body .owl-bonus .owl-nav .owl-prev {
        left: -10px; }
      .page-bonus-div .page-bonus-body .owl-bonus .owl-nav .owl-next,
      .page-bonus-div .page-promote-body .owl-bonus .owl-nav .owl-next,
      .page-promote-div .page-bonus-body .owl-bonus .owl-nav .owl-next,
      .page-promote-div .page-promote-body .owl-bonus .owl-nav .owl-next {
        right: -10px; }
      .page-bonus-div .page-bonus-body .owl-bonus .owl-dots,
      .page-bonus-div .page-promote-body .owl-bonus .owl-dots,
      .page-promote-div .page-bonus-body .owl-bonus .owl-dots,
      .page-promote-div .page-promote-body .owl-bonus .owl-dots {
        width: auto;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 10px;
        display: block;
        height: 30px; }
        .page-bonus-div .page-bonus-body .owl-bonus .owl-dots button,
        .page-bonus-div .page-promote-body .owl-bonus .owl-dots button,
        .page-promote-div .page-bonus-body .owl-bonus .owl-dots button,
        .page-promote-div .page-promote-body .owl-bonus .owl-dots button {
          height: 30px; }
        .page-bonus-div .page-bonus-body .owl-bonus .owl-dots .owl-dot span,
        .page-bonus-div .page-promote-body .owl-bonus .owl-dots .owl-dot span,
        .page-promote-div .page-bonus-body .owl-bonus .owl-dots .owl-dot span,
        .page-promote-div .page-promote-body .owl-bonus .owl-dots .owl-dot span {
          margin: 2px 8px;
          background-color: rgba(255, 255, 255, 0.5);
          border-radius: 100px; }
        .page-bonus-div .page-bonus-body .owl-bonus .owl-dots .owl-dot.active span, .page-bonus-div .page-bonus-body .owl-bonus .owl-dots .owl-dot:hover span,
        .page-bonus-div .page-promote-body .owl-bonus .owl-dots .owl-dot.active span,
        .page-bonus-div .page-promote-body .owl-bonus .owl-dots .owl-dot:hover span,
        .page-promote-div .page-bonus-body .owl-bonus .owl-dots .owl-dot.active span,
        .page-promote-div .page-bonus-body .owl-bonus .owl-dots .owl-dot:hover span,
        .page-promote-div .page-promote-body .owl-bonus .owl-dots .owl-dot.active span,
        .page-promote-div .page-promote-body .owl-bonus .owl-dots .owl-dot:hover span {
          margin: 2px 8px;
          background-color: #fff;
          box-shadow: 0px 2px 8px #424242; }
    .page-bonus-div .page-bonus-body .info-box,
    .page-bonus-div .page-promote-body .info-box,
    .page-promote-div .page-bonus-body .info-box,
    .page-promote-div .page-promote-body .info-box {
      background-color: #00000027;
      border-radius: 15px;
      padding: 8% 2% 8% 2%;
      margin: 0 5%; }
      .page-bonus-div .page-bonus-body .info-box .demolink,
      .page-bonus-div .page-promote-body .info-box .demolink,
      .page-promote-div .page-bonus-body .info-box .demolink,
      .page-promote-div .page-promote-body .info-box .demolink {
        margin: 28px 0 0 0; }
      .page-bonus-div .page-bonus-body .info-box .ticket-box,
      .page-bonus-div .page-promote-body .info-box .ticket-box,
      .page-promote-div .page-bonus-body .info-box .ticket-box,
      .page-promote-div .page-promote-body .info-box .ticket-box {
        position: relative; }
        .page-bonus-div .page-bonus-body .info-box .ticket-box::before,
        .page-bonus-div .page-promote-body .info-box .ticket-box::before,
        .page-promote-div .page-bonus-body .info-box .ticket-box::before,
        .page-promote-div .page-promote-body .info-box .ticket-box::before {
          content: '';
          position: absolute;
          background: url(../../../library/img-common/bonus//bonus-ticket-top.png) no-repeat center center;
          width: 100%;
          background-size: 100%;
          height: 15px;
          top: -15px; }
        .page-bonus-div .page-bonus-body .info-box .ticket-box::after,
        .page-bonus-div .page-promote-body .info-box .ticket-box::after,
        .page-promote-div .page-bonus-body .info-box .ticket-box::after,
        .page-promote-div .page-promote-body .info-box .ticket-box::after {
          content: '';
          position: absolute;
          background: url(../../../library/img-common/bonus//bonus-ticket-bottom.png) no-repeat center center;
          background-size: 100%;
          width: 100%;
          height: 15px;
          bottom: -15px; }
        .page-bonus-div .page-bonus-body .info-box .ticket-box ul,
        .page-bonus-div .page-promote-body .info-box .ticket-box ul,
        .page-promote-div .page-bonus-body .info-box .ticket-box ul,
        .page-promote-div .page-promote-body .info-box .ticket-box ul {
          background: url(../../../library/img-common/bonus//bonus-ticket-middle.png) repeat-y center center;
          background-size: 100%;
          position: relative;
          padding: 5px 20px; }
    .page-bonus-div .page-bonus-body ul,
    .page-bonus-div .page-promote-body ul,
    .page-promote-div .page-bonus-body ul,
    .page-promote-div .page-promote-body ul {
      padding-left: 10px;
      margin-bottom: 10px; }
      .page-bonus-div .page-bonus-body ul:last-child,
      .page-bonus-div .page-promote-body ul:last-child,
      .page-promote-div .page-bonus-body ul:last-child,
      .page-promote-div .page-promote-body ul:last-child {
        margin-bottom: 0; }
      .page-bonus-div .page-bonus-body ul.list-dot li,
      .page-bonus-div .page-promote-body ul.list-dot li,
      .page-promote-div .page-bonus-body ul.list-dot li,
      .page-promote-div .page-promote-body ul.list-dot li {
        padding-left: 15px;
        position: relative; }
        .page-bonus-div .page-bonus-body ul.list-dot li::before,
        .page-bonus-div .page-promote-body ul.list-dot li::before,
        .page-promote-div .page-bonus-body ul.list-dot li::before,
        .page-promote-div .page-promote-body ul.list-dot li::before {
          position: absolute;
          left: 0;
          top: 0;
          content: '• ';
          font-weight: bold;
          color: #FFF;
          width: 25px;
          height: 25px; }
      .page-bonus-div .page-bonus-body ul li,
      .page-bonus-div .page-promote-body ul li,
      .page-promote-div .page-bonus-body ul li,
      .page-promote-div .page-promote-body ul li {
        color: #ffffffea;
        text-shadow: 0 1px 2px #33333385;
        line-height: normal;
        font-size: 85%;
        margin-bottom: 5px;
        display: block; }
        .page-bonus-div .page-bonus-body ul li i.icon-checked,
        .page-bonus-div .page-promote-body ul li i.icon-checked,
        .page-promote-div .page-bonus-body ul li i.icon-checked,
        .page-promote-div .page-promote-body ul li i.icon-checked {
          position: relative;
          background-color: #66b81a;
          height: 15px;
          width: 15px;
          box-shadow: 0 0 0 3px #66b81a9f;
          border-radius: 30px;
          margin-right: 5px; }
          .page-bonus-div .page-bonus-body ul li i.icon-checked::before,
          .page-bonus-div .page-promote-body ul li i.icon-checked::before,
          .page-promote-div .page-bonus-body ul li i.icon-checked::before,
          .page-promote-div .page-promote-body ul li i.icon-checked::before {
            position: absolute;
            top: -2px;
            left: -3px;
            background: none;
            z-index: 1;
            color: #fff;
            text-shadow: 0 2px 3px #2929294f;
            font-size: 25px;
            font-weight: bold;
            line-height: 18px;
            border-radius: 20px;
            box-shadow: none; }

.page-bonus-div .page-bonus-header .header-lt {
  margin: 0;
  padding-right: 20px; }

.page-bonus-div .page-bonus-header .txt-date {
  padding: 0 0 0 0;
  line-height: 40px; }

.page-bonus-div .page-bonus-header .txt-bonus {
  margin-top: -10px;
  color: #fff;
  padding: 0 0 0 50px;
  line-height: 30px; }
  .page-bonus-div .page-bonus-header .txt-bonus small {
    display: inline-block;
    margin-bottom: 0;
    width: 50px;
    line-height: 12px;
    font-size: 70%;
    text-align: right; }
  .page-bonus-div .page-bonus-header .txt-bonus::before {
    display: none; }
  .page-bonus-div .page-bonus-header .txt-bonus sup {
    padding-left: 4px; }
  .page-bonus-div .page-bonus-header .txt-bonus b {
    font-size: 170%;
    line-height: normal;
    font-style: italic; }

@media all and (min-width: 320px) and (max-width: 360px) {
  .page-bonus-div .page-bonus-header .header-lt .txt-date {
    font-size: 80%;
    padding: 0 5px 0 0; }
  .page-bonus-div .page-bonus-body {
    padding-top: 30px; }
    .page-bonus-div .page-bonus-body .result-box .txt-number {
      top: 70px; }
    .page-bonus-div .page-bonus-body .owl-bonus {
      margin-bottom: 0; }
    .page-bonus-div .page-bonus-body .info-box {
      border-radius: 0;
      background: none;
      border: none;
      padding: 15px 0 12px 0; }
      .page-bonus-div .page-bonus-body .info-box .ticket-box::before {
        top: -14px; }
      .page-bonus-div .page-bonus-body .info-box .ticket-box::after {
        bottom: -14px; }
  .modal.modal-bonus-detail .modal-content {
    top: 0 !important; } }

.modal.modal-bonus-detail {
  height: 100%; }
  .modal.modal-bonus-detail .modal-content {
    top: 10vmax;
    background: none;
    box-shadow: none;
    padding: 0;
    border: none;
    width: 95%; }
    .modal.modal-bonus-detail .modal-content .close {
      display: none; }
    .modal.modal-bonus-detail .modal-content .modal-header {
      border: none; }
    .modal.modal-bonus-detail .modal-content .modal-body {
      padding: 0 2% 2% 2%;
      background: #00000083;
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      border-radius: 15px; }
      .modal.modal-bonus-detail .modal-content .modal-body::after {
        position: absolute;
        z-index: 0;
        transform: none;
        display: inline-block;
        content: '';
        left: -1%;
        top: -1%;
        border-radius: 18px;
        width: 102%;
        height: 102%;
        pointer-events: none; }
    .modal.modal-bonus-detail .modal-content .panel-list-tb {
      position: relative;
      border-radius: 12px;
      box-shadow: 0 0px 10px #000000d2;
      margin: 10px 0 5px 0;
      max-height: 400px;
      overflow-x: hidden;
      overflow-y: auto; }
      .modal.modal-bonus-detail .modal-content .panel-list-tb.table-tit {
        position: sticky;
        top: 0;
        max-height: auto;
        margin: 10px 0; }
        .modal.modal-bonus-detail .modal-content .panel-list-tb.table-tit li {
          background: #115745 !important;
          font-size: 80%;
          color: #ffffff88; }
          .modal.modal-bonus-detail .modal-content .panel-list-tb.table-tit li .td {
            height: 25px; }
      .modal.modal-bonus-detail .modal-content .panel-list-tb li {
        display: block;
        z-index: 100;
        padding: 5px 5px 5px 2px;
        color: #ffffffcb; }
        .modal.modal-bonus-detail .modal-content .panel-list-tb li .txt-ticketID {
          font-size: 90%;
          word-break: break-all; }
        .modal.modal-bonus-detail .modal-content .panel-list-tb li .txt-date {
          font-size: 80%;
          color: #ffffff86; }
        .modal.modal-bonus-detail .modal-content .panel-list-tb li .txt-bonus {
          padding: 0; }
          .modal.modal-bonus-detail .modal-content .panel-list-tb li .txt-bonus::before {
            display: none; }
        .modal.modal-bonus-detail .modal-content .panel-list-tb li:nth-child(even) {
          background: #ffffff0c; }
        .modal.modal-bonus-detail .modal-content .panel-list-tb li:nth-child(odd) {
          background: #f1f1f12d; }
        .modal.modal-bonus-detail .modal-content .panel-list-tb li:last-child {
          border-radius: 0 0 15px 15px; }
        .modal.modal-bonus-detail .modal-content .panel-list-tb li .div-tb {
          margin: 0;
          padding: 0;
          table-layout: fixed; }
          .modal.modal-bonus-detail .modal-content .panel-list-tb li .div-tb .td span.user-name {
            display: block; }
          .modal.modal-bonus-detail .modal-content .panel-list-tb li .div-tb .td.table-tit p {
            color: #6d6d6d; }

.function-alert {
  display: none; }
  .function-alert.show {
    opacity: 1;
    display: inline-block;
    z-index: 12000;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #0000004b;
    opacity: 1;
    transition: all .3s 0s ease-in-out;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px); }
    .function-alert.show .txt {
      display: flex;
      align-items: center;
      height: 100vh;
      color: #fff;
      margin: auto; }
      .function-alert.show .txt span {
        transition: all .3s ease-in-out;
        display: block;
        position: absolute;
        top: 250px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        padding: 20px 0;
        text-align: center;
        font-size: 120%;
        color: #fff;
        background: linear-gradient(90deg, #00000093, #000000, #00000093);
        box-shadow: 0 0 25px #ffffff7a; }

.jello-horizontal {
  animation: jello-horizontal 0.9s both !important; }

@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out; }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in; }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out; }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in; }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out; } }

@keyframes tracking-in-expand {
  0% {
    opacity: 0;
    transform: translateY(0); }
  40% {
    opacity: 0.6; }
  100% {
    opacity: 1;
    transform: translateY(-40px); } }

@keyframes text-focus-in {
  0% {
    filter: blur(12px);
    opacity: 0;
    transform: translateY(0); }
  100% {
    filter: blur(0px);
    opacity: 1;
    transform: translateY(-40px); } }

@keyframes shake-bottom {
  0%,
  100% {
    transform: rotate(0deg);
    transform-origin: 50% 100%; }
  10% {
    transform: rotate(2deg); }
  20%,
  40%,
  60% {
    transform: rotate(-4deg); }
  30%,
  50%,
  70% {
    transform: rotate(4deg); }
  80% {
    transform: rotate(-2deg); }
  90% {
    transform: rotate(2deg); } }

@keyframes scale-in-bottom {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: .7; } }

@keyframes bg-pan-right {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }

@keyframes slide-out-top {
  0% {
    transform: translateY(500px);
    opacity: 0.8; }
  30% {
    transform: translateY(100px); }
  70% {
    transform: translateY(-100pxx); }
  100% {
    transform: translateY(-1000px);
    opacity: .4; } }

.fix-sticker.JILI {
  background: linear-gradient(#7a1b92, #4b1775); }

.page-bonus-div.JILI {
  background: #250c4c url(../../../library/img-common/bonus/bonus-result-bg-JILI.jpg) no-repeat center top;
  background-size: 100%; }
  .page-bonus-div.JILI .page-bonus-header .header-lt {
    background-color: #9c41e16b; }
  .page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-result-btn {
    background-image: linear-gradient(135deg, #6521a5 1%, #00c3ff 49%, #9a24be 50%, #7021a5); }
    .page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn {
      background: #d21dff;
      color: #ffffff; }
      .page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn .icon-ticket-all::before {
        color: #fff; }
      .page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.btn-s {
        border: 2px solid #ffe661; }
      .page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.disabled {
        background: #412840;
        border-color: #5f5f5f;
        color: #745670; }
  .page-bonus-div.JILI .page-bonus-body .bonus-time .btn-tooltip {
    color: #fff; }
    .page-bonus-div.JILI .page-bonus-body .bonus-time .btn-tooltip i {
      background: #5d2395; }
    .page-bonus-div.JILI .page-bonus-body .bonus-time .btn-tooltip .tooltip-box {
      left: -165px;
      background-color: #ab05d3; }
      .page-bonus-div.JILI .page-bonus-body .bonus-time .btn-tooltip .tooltip-box::before {
        transform: translateX(38px);
        border-color: transparent transparent #ab05d2 transparent; }
  .page-bonus-div.JILI .page-bonus-body .bonus-time .txt-info {
    color: #fff; }
    .page-bonus-div.JILI .page-bonus-body .bonus-time .txt-info .txt-info-inner .txt-rate {
      min-width: auto; }
    .page-bonus-div.JILI .page-bonus-body .bonus-time .txt-info .btn-detail {
      background: #5d2395; }
  .page-bonus-div.JILI .page-bonus-body .info-box {
    padding: 4% 2%; }
    .page-bonus-div.JILI .page-bonus-body .info-box .ticket-box ul {
      background: none; }
    .page-bonus-div.JILI .page-bonus-body .info-box .ticket-box::before, .page-bonus-div.JILI .page-bonus-body .info-box .ticket-box::after {
      background: none;
      display: none; }

.page-bonus-div.Raffle-multi, .page-bonus-div.Raffle {
  background-size: 100%; }
  .page-bonus-div.Raffle-multi .page-bonus-header .header-lt, .page-bonus-div.Raffle .page-bonus-header .header-lt {
    background-color: #7e72446b; }
  .page-bonus-div.Raffle-multi .page-bonus-body, .page-bonus-div.Raffle .page-bonus-body {
    background: linear-gradient(180deg, #00000000 #000000d2 100%); }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn {
      justify-items: center;
      max-width: 363px;
      background: url(../../../library/img-common/bonus/Raffle/raffle-table.png) no-repeat center 25%;
      background-size: 100%;
      margin: 45px auto 25px; }
      .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn {
        width: 100px;
        height: 100px;
        background-size: 90% !important;
        bottom: 27px;
        background: url(../../../library/img-common/bonus/Raffle/bonus-take.png) no-repeat center center; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn:nth-of-type(5), .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn:nth-of-type(5) {
          background: none !important; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn:nth-of-type(5)::before, .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn:nth-of-type(5)::after, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn:nth-of-type(5)::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn:nth-of-type(5)::after {
            display: none; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100px;
          height: 100px;
          background: url(../../../library/img-common/bonus/Raffle/bonus-question.png) no-repeat center center;
          background-size: cover; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open {
          opacity: 1;
          background: url(../../../library/img-common/bonus/Raffle/bonus-take.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open:nth-of-type(5), .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open:nth-of-type(5) {
            background: none !important; }
            .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open:nth-of-type(5)::before, .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open:nth-of-type(5)::after, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open:nth-of-type(5)::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open:nth-of-type(5)::after {
              display: none; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-1::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-1::before {
            background: url(../../../library/img-common/bonus/Raffle/Awards-1.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-2::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-2::before {
            background: url(../../../library/img-common/bonus/Raffle/Awards-2.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-3::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-3::before {
            background: url(../../../library/img-common/bonus/Raffle/Awards-3.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-4::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-4::before {
            background: url(../../../library/img-common/bonus/Raffle/Awards-4.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-5::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-5::before {
            background: url(../../../library/img-common/bonus/Raffle/Awards-5.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-6::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-6::before {
            background: url(../../../library/img-common/bonus/Raffle/Awards-6.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-7::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-7::before {
            background: url(../../../library/img-common/bonus/Raffle/Awards-7.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-8::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-8::before {
            background: url(../../../library/img-common/bonus/Raffle/Awards-8.png) no-repeat center center; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open::before {
            content: '';
            display: inline-block;
            width: 100px;
            height: 100px;
            top: 0;
            left: 0;
            background-size: 80% !important;
            filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));
            animation: none; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.user-open, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.user-open {
          background-size: 100% !important;
          background: url(../../../library/img-common/bonus/Raffle/hole.png) no-repeat center center;
          z-index: 10000;
          width: 110px;
          height: 110px;
          top: -23px; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.user-open::before, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.user-open::before {
            display: inline-block;
            content: '';
            top: -40px;
            left: -40px;
            transform: none;
            background-size: 75% !important;
            width: 180px;
            height: 180px;
            animation: heartbeat 1.5s infinite; }
          .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.user-open::after, .page-bonus-div.Raffle .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.user-open::after {
            background: url(../../../library/img-common/bonus/bonus-win-gold.png), radial-gradient(circle, #ffc400 23%, #ffa500ba 27%, #ffcf0000 100%);
            width: 170px;
            height: 170px;
            top: -29px;
            left: -29px;
            background-size: cover;
            animation: flicker-in-1 1s linear infinite both; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus {
      display: grid;
      justify-items: center;
      align-items: center;
      grid-template-columns: repeat(4, 25%);
      padding: 0 5% 5% 5%;
      grid-row-gap: 0;
      margin: 0 auto;
      grid-row-gap: 25px; }
      .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn {
        width: 100px;
        height: 100px;
        margin-top: 15px;
        position: relative; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn .txt-number, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn .txt-number {
          position: absolute;
          top: -30%;
          left: -5%;
          font-size: 150%; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-1, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-1 {
          background: url(../../../library/img-common/bonus/Raffle/Awards-1.png) no-repeat center center;
          background-size: 90%; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-2, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-2 {
          background: url(../../../library/img-common/bonus/Raffle/Awards-2.png) no-repeat center center;
          background-size: 90%; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-3, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-3 {
          background: url(../../../library/img-common/bonus/Raffle/Awards-3.png) no-repeat center center;
          background-size: 90%; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-4, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-4 {
          background: url(../../../library/img-common/bonus/Raffle/Awards-4.png) no-repeat center center;
          background-size: 90%; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-5, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-5 {
          background: url(../../../library/img-common/bonus/Raffle/Awards-5.png) no-repeat center center;
          background-size: 90%; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-6, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-6 {
          background: url(../../../library/img-common/bonus/Raffle/Awards-6.png) no-repeat center center;
          background-size: 90%; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-7, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-7 {
          background: url(../../../library/img-common/bonus/Raffle/Awards-7.png) no-repeat center center;
          background-size: 90%; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-8, .page-bonus-div.Raffle .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-8 {
          background: url(../../../library/img-common/bonus/Raffle/Awards-8.png) no-repeat center center;
          background-size: 90%; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-time .btn-tooltip, .page-bonus-div.Raffle .page-bonus-body .bonus-time .btn-tooltip {
      color: #fff; }
      .page-bonus-div.Raffle-multi .page-bonus-body .bonus-time .btn-tooltip .tooltip-box, .page-bonus-div.Raffle .page-bonus-body .bonus-time .btn-tooltip .tooltip-box {
        background-color: #1f1e1d; }
        .page-bonus-div.Raffle-multi .page-bonus-body .bonus-time .btn-tooltip .tooltip-box::before, .page-bonus-div.Raffle .page-bonus-body .bonus-time .btn-tooltip .tooltip-box::before {
          transform: translateX(70px);
          border-color: transparent transparent #1f1e1d transparent; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-time .txt-info .txt-info-inner .txt-rate, .page-bonus-div.Raffle .page-bonus-body .bonus-time .txt-info .txt-info-inner .txt-rate {
      min-width: auto; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-time .txt-info .btn-detail, .page-bonus-div.Raffle .page-bonus-body .bonus-time .txt-info .btn-detail {
      background: #47b2e6; }
    .page-bonus-div.Raffle-multi .page-bonus-body .info-box, .page-bonus-div.Raffle .page-bonus-body .info-box {
      padding: 4% 2%;
      background: #000000b0; }
      .page-bonus-div.Raffle-multi .page-bonus-body .info-box .ticket-box ul, .page-bonus-div.Raffle .page-bonus-body .info-box .ticket-box ul {
        background: none; }
      .page-bonus-div.Raffle-multi .page-bonus-body .info-box .ticket-box::before, .page-bonus-div.Raffle-multi .page-bonus-body .info-box .ticket-box::after, .page-bonus-div.Raffle .page-bonus-body .info-box .ticket-box::before, .page-bonus-div.Raffle .page-bonus-body .info-box .ticket-box::after {
        background: none;
        display: none; }

.page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .txt-ticket-all {
  top: 45px;
  background-color: #4420b8;
  line-height: 2;
  padding: 0 15px;
  border: 2px outset #ffd343;
  border-radius: 15px;
  z-index: 50; }

.page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn {
  position: relative;
  grid-template-columns: repeat(5, 20%);
  gap: 0;
  padding: 15px 4% 10px 4%;
  height: auto;
  max-width: 340px;
  background: linear-gradient(132deg, #8a37ff 0%, #000b75 100%);
  border-radius: 15px;
  margin: 20px auto 0px auto; }
  .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn.turn-card {
    animation: flip-vertical-right 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both; }
  .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn {
    justify-self: center;
    width: 100%;
    height: 60px;
    bottom: auto;
    margin-bottom: 5px; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn:nth-of-type(5)::before {
      display: block !important; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn::before {
      content: '';
      width: 60px;
      height: 100%;
      animation: none;
      background: url(../../../library/img-common/bonus/Raffle/bonus-question-multi.png) no-repeat center center;
      background-size: cover; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open {
      opacity: 1;
      background-size: 90% !important;
      top: auto;
      width: 100%;
      height: 60px; }
      .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open:nth-of-type(5) {
        background: url(../../../library/img-common/bonus/Raffle/bonus-take.png) no-repeat center center !important;
        background-size: 90% !important; }
      .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open .txt-number {
        display: inline-block;
        line-height: 1.5;
        font-size: 90%;
        top: 40px;
        left: 10%;
        width: auto;
        min-width: 50px;
        right: auto;
        line-height: normal;
        font-weight: bold;
        border-radius: 10px;
        text-shadow: 4px 4px 8px #0b3f80;
        background-image: linear-gradient(#00000085 0, #000000ec 100%);
        border: 1px inset #000000c4;
        padding: 0 10px;
        animation: jello-vertical 0.9s both; }
      .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open::after {
        display: none; }
      .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open::before {
        content: '';
        display: inline-block;
        background: inherit;
        width: 70px;
        height: 70px;
        top: 0;
        left: 5px;
        z-index: 50;
        background-size: 100% !important;
        filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));
        animation: none; }
  .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .btn-refresh {
    align-self: center;
    width: auto;
    padding: 0 15px;
    height: 40px;
    line-height: 35px;
    font-size: 110%;
    color: #fff;
    border: 2px solid #ffffffc9;
    text-shadow: none;
    transform: none;
    text-align: center;
    border-radius: 100px;
    box-shadow: #3b5fe9 0px -23px 25px 0px inset, #18d6f1 0px -36px 0px 0px inset, #0b1c42 0px -79px 40px 0px inset, #0c193b -1px 10px 9px; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .btn-refresh i {
      font-style: normal; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .btn-refresh::before {
      content: '\e931';
      font-family: 'icomoon' !important; }
    .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .bonus-multi-btn .btn-refresh:hover {
      border: 2px solid #5e79e6;
      box-shadow: #1b37a7 0px -23px 25px 0px inset, #0a8a9b 0px -36px 0px 0px inset, #041230 0px -79px 40px 0px inset, #020e2e -1px 10px 9px; }

.page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus {
  display: grid;
  grid-template-columns: repeat(5, 20%);
  grid-gap: 0;
  background: #00000070;
  border: 3px outset #3b5fe9;
  padding: 5px;
  border-radius: 20px; }
  .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .txt-number {
    font-size: 100% !important;
    line-height: 1.5;
    top: auto !important;
    bottom: 0px;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(#000000af, #00000071);
    width: 100%;
    border-radius: 8px 0 8px 8px;
    font-weight: bold;
    font-size: 150% !important; }
  .page-bonus-div.Raffle-multi .page-bonus-body .bonus-result .raffle-bonus .raffle-btn {
    width: 100%;
    height: 70px;
    bottom: 0;
    left: -3px;
    margin: 0 !important; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-1::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-1.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-2::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-2.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-3::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-3.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-4::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-4.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-5::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-5.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-6::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-6.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-7::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-7.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-8::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-8.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-9::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-9.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-10::before {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-10.png) no-repeat center center; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-1 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-1.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-2 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-2.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-3 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-3.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-4 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-4.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-5 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-5.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-6 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-6.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-7 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-7.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-8 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-8.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-9 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-9.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JILI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-10 {
  background: url(../../../library/img-common/bonus/Raffle/JILI/Awards-10.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-1::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-1.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-2::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-2.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-3::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-3.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-4::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-4.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-5::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-5.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-6::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-6.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-7::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-7.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-8::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-8.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-9::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-9.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-10::before {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-10.png) no-repeat center center; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-1 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-1.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-2 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-2.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-3 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-3.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-4 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-4.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-5 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-5.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-6 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-6.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-7 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-7.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-8 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-8.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-9 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-9.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.FACHAI .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-10 {
  background: url(../../../library/img-common/bonus/Raffle/FACHAI/Awards-10.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-1::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-1.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-2::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-2.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-3::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-3.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-4::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-4.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-5::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-5.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-6::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-6.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-7::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-7.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-8::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-8.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-9::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-9.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-10::before {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-10.png) no-repeat center center; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-1 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-1.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-2 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-2.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-3 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-3.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-4 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-4.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-5 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-5.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-6 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-6.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-7 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-7.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-8 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-8.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-9 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-9.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.POCKET .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-10 {
  background: url(../../../library/img-common/bonus/Raffle/POCKET/Awards-10.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-1::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-1.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-2::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-2.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-3::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-3.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-4::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-4.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-5::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-5.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-6::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-6.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-7::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-7.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-8::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-8.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-9::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-9.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .bonus-multi-btn .bonus-btn.open.Awards-10::before {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-10.png) no-repeat center center; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-1 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-1.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-2 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-2.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-3 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-3.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-4 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-4.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-5 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-5.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-6 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-6.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-7 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-7.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-8 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-8.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-9 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-9.png) no-repeat center center;
  background-size: 90%; }

.page-bonus-div.JDB .page-bonus-body .bonus-result .raffle-bonus .raffle-btn.Awards-10 {
  background: url(../../../library/img-common/bonus/Raffle/JDB/Awards-10.png) no-repeat center center;
  background-size: 90%; }

.function-alert.Raffle.show .txt::before {
  content: '';
  background: url(../../../library/img-common/bonus/Raffle/win-coin.png) no-repeat center center;
  width: 100%;
  height: 373px;
  position: absolute;
  top: 100px;
  left: 0;
  background-size: 120%; }

.function-alert.Raffle.show.Awards-1::after, .function-alert.Raffle.show.Awards-2::after, .function-alert.Raffle.show.Awards-3::after, .function-alert.Raffle.show.Awards-4::after, .function-alert.Raffle.show.Awards-5::after, .function-alert.Raffle.show.Awards-6::after, .function-alert.Raffle.show.Awards-7::after, .function-alert.Raffle.show.Awards-8::after {
  content: '';
  width: 250px;
  height: 400px;
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: -1;
  transform: translate(-120px, 0);
  filter: drop-shadow(0px 0px 14px #ffee00); }

.function-alert.Raffle.show.Awards-1::after {
  background: url(../../../library/img-common/bonus/Raffle/Awards-1.png) no-repeat center center; }

.function-alert.Raffle.show.Awards-2::after {
  background: url(../../../library/img-common/bonus/Raffle/Awards-2.png) no-repeat center center; }

.function-alert.Raffle.show.Awards-3::after {
  background: url(../../../library/img-common/bonus/Raffle/Awards-3.png) no-repeat center center; }

.function-alert.Raffle.show.Awards-4::after {
  background: url(../../../library/img-common/bonus/Raffle/Awards-4.png) no-repeat center center; }

.function-alert.Raffle.show.Awards-5::after {
  background: url(../../../library/img-common/bonus/Raffle/Awards-5.png) no-repeat center center; }

.function-alert.Raffle.show.Awards-6::after {
  background: url(../../../library/img-common/bonus/Raffle/Awards-6.png) no-repeat center center; }

.function-alert.Raffle.show.Awards-7::after {
  background: url(../../../library/img-common/bonus/Raffle/Awards-7.png) no-repeat center center; }

.function-alert.Raffle.show.Awards-8::after {
  background: url(../../../library/img-common/bonus/Raffle/Awards-8.png) no-repeat center center; }

@keyframes flip-vertical-right {
  0% {
    transform: scale(1) rotateY(0); }
  50% {
    transform: scale(0.4) rotateY(-90deg); }
  100% {
    transform: scale(1) rotateY(0deg); } }

.fix-sticker.BINGO {
  top: 5vh;
  background: url(../../../library/img-common/game-promote/BINGO/BINGO-logo-s.png) no-repeat right top;
  background-size: 100%;
  width: 70px;
  left: auto;
  right: 0px;
  box-shadow: none;
  z-index: 301; }
  .fix-sticker.BINGO::before {
    display: none; }
  .fix-sticker.BINGO::after {
    content: '';
    border: none;
    position: absolute;
    background: url(../../../library/img-common/game-promote/BINGO/BINGO-logo.gif) no-repeat center center;
    background-size: 100%;
    height: 58px;
    width: 74px;
    left: -2px; }

@media (max-height: 630px) {
  .fix-sticker.BINGO {
    top: 6vh; } }

.page-promote-div.BINGO {
  max-width: none;
  background: #000 url(../../../library/img-common/game-promote/BINGO/BINGO-bg.jpg) no-repeat left -50px;
  background-size: 100%;
  overflow: hidden; }
  .page-promote-div.BINGO .header-lt {
    background-color: #cf33ffb0; }
  .page-promote-div.BINGO .page-promote-header {
    position: relative; }
  .page-promote-div.BINGO .header-logo {
    width: 100%;
    height: 100px;
    pointer-events: none;
    position: relative;
    background: url(../../../library/img-common/game-promote/BINGO/BINGO-ticket.png) no-repeat center top;
    background-size: 160px; }
    .page-promote-div.BINGO .header-logo::after {
      content: '';
      position: absolute;
      top: 50px;
      left: 50%;
      transform: translateX(-50%);
      background: url(../../../library/img-common/game-promote/BINGO/BINGO-logo.gif) no-repeat center center;
      background-size: 100%;
      height: 80px;
      width: 180px; }
  .page-promote-div.BINGO .page-promote-body {
    padding: 0 0 200px 0;
    overflow-x: hidden;
    overflow-y: auto; }
    .page-promote-div.BINGO .page-promote-body .owl-promote {
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: 50% 50%;
      padding-top: 10px; }
      .page-promote-div.BINGO .page-promote-body .owl-promote .item {
        height: 200px;
        background: url(../../../library/img-common/game-promote/BINGO/BINGO-gaming-dock.gif) no-repeat center center;
        background-size: 50% !important;
        cursor: pointer;
        position: relative;
        margin: 0 auto;
        width: 100% !important; }
        .page-promote-div.BINGO .page-promote-body .owl-promote .item img {
          display: none; }
        .page-promote-div.BINGO .page-promote-body .owl-promote .item::before {
          content: '';
          background-size: 100% !important;
          animation: shake-bottom 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
          position: absolute;
          bottom: 5px;
          z-index: 100;
          width: 100%;
          height: 60%; }
        .page-promote-div.BINGO .page-promote-body .owl-promote .item .img-platform-logo {
          display: none; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_iRichBingo {
            background: url(../../../theme/images/gameIcon/JILI/promo-iRichBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_iRichBingo::before {
              background: url(../../../theme/images/gameIcon/JILI/promo-iRichBingo-tit.png) no-repeat center center;
              background-size: 80% !important;
              height: 50%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#AESLOT_E_BINGO_LUCKY_BALL {
            background: url(../../../theme/images/gameIcon/AESLOT/promo-E-BINGOLUCKYBALL.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#AESLOT_E_BINGO_LUCKY_BALL::before {
              background: url(../../../theme/images/gameIcon/AESLOT/promo-E-BINGOLUCKYBALL-tit.png) no-repeat center center;
              background-size: 78% !important;
              height: 86%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#AESLOT_E_BINGO {
            background: url(../../../theme/images/gameIcon/AESLOT/promo-E-BINGO.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#AESLOT_E_BINGO::before {
              background: url(../../../theme/images/gameIcon/AESLOT/promo-E-BINGO-tit.png) no-repeat center center;
              background-size: 75% !important;
              height: 70%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_FortuneBingo {
            background: url(../../../theme/images/gameIcon/JILI/promo-FortuneBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_FortuneBingo::before {
              background: url(../../../theme/images/gameIcon/JILI/promo-FortuneBingo-tit.png) no-repeat center center;
              background-size: 80% !important;
              height: 50%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_SuperBingo {
            background: url(../../../theme/images/gameIcon/JILI/promo-SuperBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_SuperBingo::before {
              background: url(../../../theme/images/gameIcon/JILI/promo-SuperBingo-tit.png) no-repeat center center;
              background-size: 80% !important;
              height: 50%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_BingoEmpire {
            background: url(../../../theme/images/gameIcon/JILI/promo-BingoEmpire.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_BingoEmpire::before {
              background: url(../../../theme/images/gameIcon/JILI/promo-BingoEmpire-tit.png) no-repeat center center;
              background-size: 80% !important;
              height: 50%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_BonusBingo {
            background: url(../../../theme/images/gameIcon/JILI/promo-BonusBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_BonusBingo::before {
              background: url(../../../theme/images/gameIcon/JILI/promo-BonusBingo-tit.png) no-repeat center center;
              background-size: 80% !important;
              height: 50%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#RICH88_Bingo {
            background: url(../../../theme/images/gameIcon/RICH88/promo-Bingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#RICH88_Bingo::before {
              background: url(../../../theme/images/gameIcon/RICH88/promo-Bingo-tit.png) no-repeat center center;
              background-size: 66% !important;
              height: 76%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#RICH88_Bingo20 {
            background: url(../../../theme/images/gameIcon/RICH88/promo-Bingo20.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#RICH88_Bingo20::before {
              background: url(../../../theme/images/gameIcon/RICH88/promo-Bingo20-tit.png) no-repeat center center;
              background-size: 60% !important;
              height: 72%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#RICH88_BingoSoccer {
            background: url(../../../theme/images/gameIcon/RICH88/promo-BingoSoccer.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#RICH88_BingoSoccer::before {
              background: url(../../../theme/images/gameIcon/RICH88/promo-BingoSoccer-tit.png) no-repeat center center;
              background-size: 65% !important;
              height: 72%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JDB_CaiShenBingo {
            background: url(../../../theme/images/gameIcon/JDB/promo-CaiShenBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JDB_CaiShenBingo::before {
              background: url(../../../theme/images/gameIcon/JDB/promo-CaiShenBingo-tit.png) no-repeat center center;
              background-size: 70% !important;
              height: 75%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JDB_GoldRoosterLottery {
            background: url(../../../theme/images/gameIcon/JDB/promo-GoldRoosterLottery.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JDB_GoldRoosterLottery::before {
              background: url(../../../theme/images/gameIcon/JDB/promo-GoldRoosterLottery-tit.png) no-repeat center center;
              background-size: 70% !important;
              height: 76%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_WinCaiShen {
            background: url(../../../theme/images/gameIcon/YB/promo-WinCaiShen.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_WinCaiShen::before {
              background: url(../../../theme/images/gameIcon/YB/promo-WinCaiShen-tit.png) no-repeat center center;
              background-size: 70% !important;
              height: 65%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_BingoBonanza {
            background: url(../../../theme/images/gameIcon/YB/promo-BingoBonanza.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_BingoBonanza::before {
              background: url(../../../theme/images/gameIcon/YB/promo-BingoBonanza-tit.png) no-repeat center center;
              background-size: 75% !important;
              height: 65%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_OpenSesame {
            background: url(../../../theme/images/gameIcon/YB/promo-OpenSesame.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_OpenSesame::before {
              background: url(../../../theme/images/gameIcon/YB/promo-OpenSesame-tit.png) no-repeat center center;
              background-size: 75% !important;
              height: 65%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_BingoBingo {
            background: url(../../../theme/images/gameIcon/YB/promo-BingoBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_BingoBingo::before {
              background: url(../../../theme/images/gameIcon/YB/promo-BingoBingo-tit.png) no-repeat center center;
              background-size: 75% !important;
              height: 80%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_Atlantis {
            background: url(../../../theme/images/gameIcon/YB/promo-Atlantis.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_Atlantis::before {
              background: url(../../../theme/images/gameIcon/YB/promo-Atlantis-tit.png) no-repeat center center;
              background-size: 75% !important; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_BeastyBingo {
            background: url(../../../theme/images/gameIcon/YB/promo-BeastyBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_BeastyBingo::before {
              background: url(../../../theme/images/gameIcon/YB/promo-BeastyBingo-tit.png) no-repeat center center;
              background-size: 80% !important;
              height: 80%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_MoneyBingo {
            background: url(../../../theme/images/gameIcon/YB/promo-MoneyBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#YB_MoneyBingo::before {
              background: url(../../../theme/images/gameIcon/YB/promo-MoneyBingo-tit.png) no-repeat center center;
              background-size: 80% !important;
              height: 60%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_BurningPearlBingo {
            background: url(../../../theme/images/gameIcon/JOKER/BurningPearlBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_BurningPearlBingo::before {
              background: url(../../../theme/images/gameIcon/JOKER/promo-BurningPearlBingo-tit.png) no-repeat center center;
              background-size: 65% !important;
              height: 70%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_NeptuneBingo {
            background: url(../../../theme/images/gameIcon/JOKER/NeptuneBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_NeptuneBingo::before {
              background: url(../../../theme/images/gameIcon/JOKER/promo-NeptuneBingo-tit.png) no-repeat center center;
              background-size: 65% !important;
              height: 70%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_CryptomaniaBingo {
            background: url(../../../theme/images/gameIcon/JOKER/CryptomaniaBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_CryptomaniaBingo::before {
              background: url(../../../theme/images/gameIcon/JOKER/promo-CryptomaniaBingo-tit.png) no-repeat center center;
              background-size: 65% !important;
              height: 70%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_CaishenRichesBingo {
            background: url(../../../theme/images/gameIcon/JOKER/CaishenRichesBingo.png) no-repeat center center;
            background-size: 60%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_CaishenRichesBingo::before {
              background: url(../../../theme/images/gameIcon/JOKER/promo-CaishenRichesBingo-tit.png) no-repeat center center;
              background-size: 65% !important;
              height: 70%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_ChilliHunterBingo {
            background: url(../../../theme/images/gameIcon/JOKER/ChilliHunterBingo.png) no-repeat center center;
            background-size: 70%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JOKER_ChilliHunterBingo::before {
              background: url(../../../theme/images/gameIcon/JOKER/promo-ChilliHunterBingo-tit.png) no-repeat center center;
              background-size: 65% !important;
              height: 70%; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_BingoCarnaval {
            background: url(../../../theme/images/gameIcon/JILI/promo-BingoCarnaval.png) no-repeat center center;
            background-size: 70%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item#JILI_BingoCarnaval::before {
              background: url(../../../theme/images/gameIcon/JILI/promo-BingoCarnaval-tit.png) no-repeat center center;
              background-size: 80% !important;
              height: 50%; }
        .page-promote-div.BINGO .page-promote-body .owl-promote .item .game-icon {
          width: 180px;
          margin: 20px auto 0 auto;
          box-shadow: 0 0 5px 5px #fff6bdab;
          border: 2px solid #fff29ee8; }
        .page-promote-div.BINGO .page-promote-body .owl-promote .item .img-platform-logo {
          position: absolute;
          top: 340px;
          left: 50%;
          transform: translateX(-50%); }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item .img-platform-logo i {
            width: 80px; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item .img-platform-logo i.icon-JDB {
              width: 70px; }
        .page-promote-div.BINGO .page-promote-body .owl-promote .item.AESLOT .icon-AESLOT {
          width: 45px;
          height: 45px; }
        .page-promote-div.BINGO .page-promote-body .owl-promote .item.show-maintain {
          background: url(../../../library/img-common/game-promote/BINGO/gaming-dock-maintain.png) no-repeat center top;
          background-size: 250px;
          filter: grayscale(30%) brightness(30%);
          cursor: default; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item.show-maintain::before {
            animation: none !important; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item.show-maintain .game-icon {
            box-shadow: none;
            border: none; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item.show-maintain .show-maintain,
          .page-promote-div.BINGO .page-promote-body .owl-promote .item.show-maintain .show-blocked {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            .page-promote-div.BINGO .page-promote-body .owl-promote .item.show-maintain .show-maintain::after,
            .page-promote-div.BINGO .page-promote-body .owl-promote .item.show-maintain .show-blocked::after {
              position: absolute;
              top: 44%;
              left: 50%;
              transform: translate(-50%, -70%);
              margin: 0 auto;
              font-family: 'icomoon' !important;
              content: '\e9b2';
              text-shadow: 0 3px 5px #000;
              line-height: 100px;
              font-size: 450%;
              font-weight: 400;
              color: #fff;
              z-index: 501;
              filter: none; }
          .page-promote-div.BINGO .page-promote-body .owl-promote .item.show-maintain .show-blocked::after {
            content: '\e97f'; }

@media screen and (min-width: 550px) {
  .page-promote-div.BINGO .page-promote-body {
    height: 86vh; }
    .page-promote-div.BINGO .page-promote-body .owl-promote {
      max-width: 600px;
      padding-top: 100px;
      grid-template-columns: repeat(3, 33.3%); } }

@media screen and (min-width: 1024px) {
  .page-promote-div.BINGO .page-promote-body {
    height: 86vh; }
    .page-promote-div.BINGO .page-promote-body .owl-promote {
      max-width: 900px;
      padding-top: 100px;
      grid-template-columns: repeat(4, 25%); } }

.page-web.device-PC .page-promote-div.BINGO {
  height: auto;
  overflow: visible; }
  .page-web.device-PC .page-promote-div.BINGO .page-promote-body {
    height: auto;
    overflow: visible; }
    .page-web.device-PC .page-promote-div.BINGO .page-promote-body .owl-promote {
      max-width: 900px;
      padding-top: 100px;
      grid-template-columns: repeat(4, 25%); }

@keyframes shake-bottom {
  0%,
  100% {
    transform: rotate(0deg);
    transform-origin: 50% 100%; }
  10% {
    transform: rotate(2deg); }
  20%,
  40%,
  60% {
    transform: rotate(-4deg); }
  30%,
  50%,
  70% {
    transform: rotate(4deg); }
  80% {
    transform: rotate(-2deg); }
  90% {
    transform: rotate(2deg); } }

.game-iframe.top-0 {
  top: 0 !important;
  border: none; }
  .game-iframe.top-0 iframe {
    height: 100% !important; }

.page-web .page-wrapper .page-search .page-top-msg {
  display: none; }

.page-web .page-wrapper .page-search .page-header {
  display: block;
  height: 50px;
  padding: 0;
  text-align: center; }
  .page-web .page-wrapper .page-search .page-header .page-header-btn {
    position: absolute;
    background: #323542;
    padding: 0 8px;
    left: 0; }
    .page-web .page-wrapper .page-search .page-header .page-header-btn i {
      font-size: 180%;
      line-height: 45px;
      text-shadow: 0 2px 3px #232530; }
  .page-web .page-wrapper .page-search .page-header ul.user-info {
    position: relative;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    width: auto;
    margin: 0 auto;
    z-index: 10;
    color: #fff;
    padding: 4px 0 2px 0; }
    .page-web .page-wrapper .page-search .page-header ul.user-info .txt {
      display: inline-block;
      text-align: right;
      line-height: normal;
      font-size: 90%;
      text-align: right; }
    .page-web .page-wrapper .page-search .page-header ul.user-info li {
      position: relative;
      display: inline-block;
      text-align: center; }
      .page-web .page-wrapper .page-search .page-header ul.user-info li .txt {
        white-space: nowrap;
        line-height: normal;
        line-height: 35px; }
      .page-web .page-wrapper .page-search .page-header ul.user-info li.user-id .txt::before {
        font-family: 'icomoon' !important;
        content: '\e983 ';
        font-size: 110%;
        margin-right: 3px; }
      .page-web .page-wrapper .page-search .page-header ul.user-info li.user-id .txt.user-ID {
        display: none; }
      .page-web .page-wrapper .page-search .page-header ul.user-info li:first-child {
        padding-right: 6px; }
      .page-web .page-wrapper .page-search .page-header ul.user-info li:last-child {
        padding-left: 3px; }
      .page-web .page-wrapper .page-search .page-header ul.user-info li:only-child {
        padding: 0 5px; }

.page-web .page-wrapper .page-search .game-search-box {
  text-align: center;
  margin: 10px auto 20px auto;
  display: flex;
  justify-content: space-around;
  flex-grow: 1;
  border-radius: 100px;
  width: 85%;
  max-width: 350px;
  padding: 3px; }
  .page-web .page-wrapper .page-search .game-search-box label {
    display: none !important; }
  .page-web .page-wrapper .page-search .game-search-box .form-group {
    position: relative;
    flex-grow: 1;
    margin-bottom: 0;
    border-radius: 100px;
    background: none; }
    .page-web .page-wrapper .page-search .game-search-box .form-group i {
      position: absolute;
      left: 10px;
      top: 10px;
      font-size: 130%;
      font-weight: bold;
      color: #676d83; }
    .page-web .page-wrapper .page-search .game-search-box .form-group .form-control {
      width: 100%;
      color: #dae7f4;
      background: #09121c;
      border: 2px solid #0d1927;
      border-radius: 100px;
      padding-left: 40px; }
      .page-web .page-wrapper .page-search .game-search-box .form-group .form-control::-webkit-search-cancel-button {
        display: none; }
      .page-web .page-wrapper .page-search .game-search-box .form-group .form-control:focus-visible {
        box-shadow: 0 0 3px #333;
        border-color: #ffffff3f;
        outline: none; }

.page-web .page-wrapper .page-search .page-body ul.section-ul {
  display: grid;
  grid-template-columns: repeat(3, 33.3%); }
  .page-web .page-wrapper .page-search .page-body ul.section-ul li {
    padding-bottom: 15px;
    position: relative; }
    .page-web .page-wrapper .page-search .page-body ul.section-ul li .game-icon-frame {
      text-align: center; }
    .page-web .page-wrapper .page-search .page-body ul.section-ul li .game-feature {
      height: 0; }
    .page-web .page-wrapper .page-search .page-body ul.section-ul li .img-frame {
      width: 90%;
      margin: 0 auto 5px auto; }
      .page-web .page-wrapper .page-search .page-body ul.section-ul li .img-frame img {
        border-radius: 14px; }
    .page-web .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName {
      padding: 0;
      font-size: 85%;
      color: #fff;
      text-align: center;
      position: relative;
      display: block;
      width: 100%;
      margin: 0 0 5px 0;
      word-wrap: break-word; }
    .page-web .page-wrapper .page-search .page-body ul.section-ul li.show-maintain, .page-web .page-wrapper .page-search .page-body ul.section-ul li.show-blocked {
      cursor: default; }
      .page-web .page-wrapper .page-search .page-body ul.section-ul li.show-maintain img, .page-web .page-wrapper .page-search .page-body ul.section-ul li.show-blocked img {
        filter: grayscale(60%) brightness(60%); }
    .page-web .page-wrapper .page-search .page-body ul.section-ul li .show-maintain,
    .page-web .page-wrapper .page-search .page-body ul.section-ul li .show-blocked {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .page-web .page-wrapper .page-search .page-body ul.section-ul li .show-maintain::after,
      .page-web .page-wrapper .page-search .page-body ul.section-ul li .show-blocked::after {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -80%);
        margin: 0 auto;
        font-family: 'icomoon' !important;
        content: '\e9b2';
        text-shadow: 0 3px 5px #000;
        line-height: 100px;
        font-size: 220%;
        font-weight: 400;
        color: #ece698;
        z-index: 101; }
    .page-web .page-wrapper .page-search .page-body ul.section-ul li .show-blocked::after {
      content: '\e97f'; }

.page-web .page-wrapper .page-search .page-body .keywordTag {
  padding: 5px 15px;
  margin-bottom: 2rem; }
  .page-web .page-wrapper .page-search .page-body .keywordTag h5 {
    color: #8db4d8;
    text-align: center; }
  .page-web .page-wrapper .page-search .page-body .keywordTag .btn {
    border: 1px solid #8db4d8;
    border-radius: 20px;
    margin: 5px 1px;
    line-height: 12px; }
    .page-web .page-wrapper .page-search .page-body .keywordTag .btn .txt {
      font-size: 12px;
      color: #8db4d8; }
    .page-web .page-wrapper .page-search .page-body .keywordTag .btn:hover {
      background: #8db4d8; }
      .page-web .page-wrapper .page-search .page-body .keywordTag .btn:hover .txt {
        color: #fff; }

@media screen and (min-width: 1024px) {
  .page-web .page-wrapper .page-search .page-body .keywordTag {
    text-align: center; } }

@media only screen and (orientation: landscape) {
  .page-web.gamehall-public-m::before, .page-web.gamehall-public-m::after {
    display: none !important; } }

.page-web.gamehall-public-m .page-wrapper .page-search {
  background: none !important;
  padding-top: 50px;
  background-image: linear-gradient(-180deg, #142638 0%, #3c5272 100%) !important; }
  .page-web.gamehall-public-m .page-wrapper .page-search .page-header {
    top: 0; }
  .page-web.gamehall-public-m .page-wrapper .page-search .page-body .game-search-box {
    margin: 10px auto 10px auto; }
  .page-web.gamehall-public-m .page-wrapper .page-search .page-body ul.section-ul li .show-jackpot {
    margin: 0;
    width: 30px;
    background-size: 30px; }
    .page-web.gamehall-public-m .page-wrapper .page-search .page-body ul.section-ul li .show-jackpot::before {
      position: absolute;
      left: 0;
      top: -14px;
      content: '';
      background: url(../../../library/img-common/jackpot/show-jackpot.png) no-repeat center bottom;
      background-size: 98%;
      display: block;
      height: 19px;
      width: 100%; }

.page-web.gamehall-public-m.NX .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.GOTT7 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.HOANG88 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.TMT .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.IBET369-88 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.IBET168 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.IBET369 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.IBET877 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.PLAY8 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName {
  color: #FFF; }

.page-web.gamehall-public-m.NX .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.GOTT7 .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.HOANG88 .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.TMT .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.IBET369-88 .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.IBET168 .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.IBET369 .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.IBET877 .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.PLAY8 .page-wrapper .page-search .page-header ul.user-info .user-id .txt {
  color: #FFF; }

.page-web.gamehall-public-m.NX .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.GOTT7 .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.HOANG88 .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.TMT .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.IBET369-88 .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.IBET168 .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.IBET369 .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.IBET877 .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.PLAY8 .page-wrapper .page-search .page-header .user-balance .txt {
  color: #FFF; }

.page-web.gamehall-public-m.WINBDT .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName {
  color: #3da369; }

.page-web.gamehall-public-m.WINBDT .page-wrapper .page-search .page-header ul.user-info .user-id .txt {
  color: #3da369; }

.page-web.gamehall-public-m.WINBDT .page-wrapper .page-search .page-header .user-balance .txt {
  color: #3da369; }

.page-web.gamehall-public-m.NUEBE .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.INF988 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.FAFA .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName {
  color: #d3c68e; }

.page-web.gamehall-public-m.NUEBE .page-wrapper .page-search .page-body .keywordTag h5, .page-web.gamehall-public-m.INF988 .page-wrapper .page-search .page-body .keywordTag h5, .page-web.gamehall-public-m.FAFA .page-wrapper .page-search .page-body .keywordTag h5 {
  color: #d3c68e; }

.page-web.gamehall-public-m.NUEBE .page-wrapper .page-search .page-body .keywordTag li, .page-web.gamehall-public-m.INF988 .page-wrapper .page-search .page-body .keywordTag li, .page-web.gamehall-public-m.FAFA .page-wrapper .page-search .page-body .keywordTag li {
  border: 1px solid #d3c68e; }
  .page-web.gamehall-public-m.NUEBE .page-wrapper .page-search .page-body .keywordTag li .txt, .page-web.gamehall-public-m.INF988 .page-wrapper .page-search .page-body .keywordTag li .txt, .page-web.gamehall-public-m.FAFA .page-wrapper .page-search .page-body .keywordTag li .txt {
    color: #d3c68e; }
  .page-web.gamehall-public-m.NUEBE .page-wrapper .page-search .page-body .keywordTag li:hover, .page-web.gamehall-public-m.INF988 .page-wrapper .page-search .page-body .keywordTag li:hover, .page-web.gamehall-public-m.FAFA .page-wrapper .page-search .page-body .keywordTag li:hover {
    background: #d3c68e; }
    .page-web.gamehall-public-m.NUEBE .page-wrapper .page-search .page-body .keywordTag li:hover .txt, .page-web.gamehall-public-m.INF988 .page-wrapper .page-search .page-body .keywordTag li:hover .txt, .page-web.gamehall-public-m.FAFA .page-wrapper .page-search .page-body .keywordTag li:hover .txt {
      color: #fff; }

.page-web.gamehall-public-m.NUEBE .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.INF988 .page-wrapper .page-search .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.FAFA .page-wrapper .page-search .page-header ul.user-info .user-id .txt {
  color: #d3c68e; }

.page-web.gamehall-public-m.NUEBE .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.INF988 .page-wrapper .page-search .page-header .user-balance .txt, .page-web.gamehall-public-m.FAFA .page-wrapper .page-search .page-header .user-balance .txt {
  color: #d3c68e; }

.page-web.gamehall-public-m.SOG .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.KING88 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.MW .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName {
  color: #8db4d8; }

.page-web.gamehall-public-m.CLUB388 .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.DCITY .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName, .page-web.gamehall-public-m.SANOOK .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName {
  color: #c9b300; }

.page-web.gamehall-public-m.CLUB388 .page-wrapper .page-search .page-body .keywordTag h5, .page-web.gamehall-public-m.DCITY .page-wrapper .page-search .page-body .keywordTag h5, .page-web.gamehall-public-m.SANOOK .page-wrapper .page-search .page-body .keywordTag h5 {
  color: #c9b300; }

.page-web.gamehall-public-m.CLUB388 .page-wrapper .page-search .page-body .keywordTag li, .page-web.gamehall-public-m.DCITY .page-wrapper .page-search .page-body .keywordTag li, .page-web.gamehall-public-m.SANOOK .page-wrapper .page-search .page-body .keywordTag li {
  border: 1px solid #c9b300; }
  .page-web.gamehall-public-m.CLUB388 .page-wrapper .page-search .page-body .keywordTag li .txt, .page-web.gamehall-public-m.DCITY .page-wrapper .page-search .page-body .keywordTag li .txt, .page-web.gamehall-public-m.SANOOK .page-wrapper .page-search .page-body .keywordTag li .txt {
    color: #c9b300; }
  .page-web.gamehall-public-m.CLUB388 .page-wrapper .page-search .page-body .keywordTag li:hover, .page-web.gamehall-public-m.DCITY .page-wrapper .page-search .page-body .keywordTag li:hover, .page-web.gamehall-public-m.SANOOK .page-wrapper .page-search .page-body .keywordTag li:hover {
    background: #c9b300; }
    .page-web.gamehall-public-m.CLUB388 .page-wrapper .page-search .page-body .keywordTag li:hover .txt, .page-web.gamehall-public-m.DCITY .page-wrapper .page-search .page-body .keywordTag li:hover .txt, .page-web.gamehall-public-m.SANOOK .page-wrapper .page-search .page-body .keywordTag li:hover .txt {
      color: #fff; }

.page-web.gamehall-public-m.CLUB388 .page-wrapper .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.DCITY .page-wrapper .page-header ul.user-info .user-id .txt, .page-web.gamehall-public-m.SANOOK .page-wrapper .page-header ul.user-info .user-id .txt {
  color: #c9b300; }

.page-web.gamehall-public-m.CLUB388 .page-wrapper .page-header .user-balance .txt, .page-web.gamehall-public-m.DCITY .page-wrapper .page-header .user-balance .txt, .page-web.gamehall-public-m.SANOOK .page-wrapper .page-header .user-balance .txt {
  color: #c9b300; }

.page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search {
  background-image: linear-gradient(-180deg, #f5e9d1 0%, #f8f0dd 100%) !important; }
  .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .game-search-box .form-group .form-control {
    background: #fff;
    color: #000000c4; }
  .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName {
    color: #000000c4; }
  .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .page-body .keywordTag h5 {
    font-size: 16px;
    color: #5f5f5f; }
  .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .page-body .keywordTag li {
    border: 1px solid #5f5f5f; }
    .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .page-body .keywordTag li .txt {
      color: #5f5f5f; }
    .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .page-body .keywordTag li:hover {
      background: #fff; }
      .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .page-body .keywordTag li:hover .txt {
        color: #2b2b2b; }
  .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .page-header ul.user-info .user-id .txt {
    color: #000000c4; }
  .page-web.gamehall-public-m.MWGAMING .page-wrapper .page-search .page-header .user-balance .txt {
    color: #000000c4; }

.page-web.gamehall-old-m {
  background-image: linear-gradient(0deg, #0C151D 62%, #192A3B 73%);
  min-height: 100vh;
  height: 100%; }
  .page-web.gamehall-old-m .page-wrapper .page-search .page-header {
    height: 45px;
    background: #1a1a1a; }
    .page-web.gamehall-old-m .page-wrapper .page-search .page-header .page-header-btn .icon-arrow-left::before {
      color: #fff; }
  .page-web.gamehall-old-m .page-wrapper .page-search .game-search-box {
    margin: 0 auto;
    padding: 20px 10px 30px 10px; }
    .page-web.gamehall-old-m .page-wrapper .page-search .game-search-box .form-group .form-control {
      background-color: #fff;
      color: #666; }
  .page-web.gamehall-old-m .page-wrapper .page-search .page-body ul.section-ul {
    max-width: 100%;
    justify-content: center;
    padding: 5px 10px; }
    .page-web.gamehall-old-m .page-wrapper .page-search .page-body ul.section-ul li .game-icon-frame .img-frame img {
      width: 100%; }
    .page-web.gamehall-old-m .page-wrapper .page-search .page-body ul.section-ul li .show-jackpot {
      margin: 0;
      width: 30px;
      background-size: 30px; }
      .page-web.gamehall-old-m .page-wrapper .page-search .page-body ul.section-ul li .show-jackpot::before {
        position: absolute;
        left: 0;
        top: -18px;
        content: '';
        background: url(../../../library/img-common/jackpot/show-jackpot.png) no-repeat center bottom;
        background-size: 98%;
        display: block;
        height: 19px;
        width: 100%; }
  .page-web.gamehall-old-m .iframe-btn-box {
    position: fixed;
    top: 0;
    z-index: 1070;
    padding: 0 8px; }
    .page-web.gamehall-old-m .iframe-btn-box .icon-arrow-left {
      font-size: 180%;
      line-height: 45px; }
      .page-web.gamehall-old-m .iframe-btn-box .icon-arrow-left::before {
        color: #fff; }
    .page-web.gamehall-old-m .iframe-btn-box.pos-lt {
      left: 0; }
  .page-web.gamehall-old-m.TMT {
    background: rgba(87, 87, 87, 0.671); }
    .page-web.gamehall-old-m.TMT .page-search .page-header {
      background: linear-gradient(0deg, #ffffff00, rgba(255, 255, 255, 0.301)); }
    .page-web.gamehall-old-m.TMT .page-search .page-body ul.section-ul li .game-icon-frame .img-frame img {
      border-radius: 50%; }
  .page-web.gamehall-old-m.EXTREME88 {
    background: #f1f1f1; }
    .page-web.gamehall-old-m.EXTREME88 .page-search .page-header {
      background: #e2e2e2; }
      .page-web.gamehall-old-m.EXTREME88 .page-search .page-header .page-header-btn {
        background: #d3d3d3; }
      .page-web.gamehall-old-m.EXTREME88 .page-search .page-header ul.user-info {
        color: #666; }
    .page-web.gamehall-old-m.EXTREME88 .page-search .page-body ul.section-ul li .txt-gameName {
      color: #666; }
  .page-web.gamehall-old-m.body-iframe .page-wrapper .page-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    background: #000; }

.page-web.gamehall-old-pc {
  height: 100%; }
  .page-web.gamehall-old-pc .page-wrapper .page-search .page-header {
    background: #09121c;
    height: auto; }
    .page-web.gamehall-old-pc .page-wrapper .page-search .page-header .page-header-btn {
      display: none; }
      .page-web.gamehall-old-pc .page-wrapper .page-search .page-header .page-header-btn .icon-arrow-left::before {
        color: #fff; }
  .page-web.gamehall-old-pc .page-wrapper .page-search .page-body {
    background: #192A3B; }
    .page-web.gamehall-old-pc .page-wrapper .page-search .page-body ul.section-ul {
      grid-template-columns: repeat(6, 13.5%);
      grid-row-gap: 1rem;
      grid-column-gap: 10px;
      justify-content: center;
      padding: 10px;
      max-width: 1200px;
      margin: 0 auto; }
      .page-web.gamehall-old-pc .page-wrapper .page-search .page-body ul.section-ul .game-feature .show-jackpot {
        margin: 0;
        width: 30px;
        background-size: 30px; }
        .page-web.gamehall-old-pc .page-wrapper .page-search .page-body ul.section-ul .game-feature .show-jackpot::before {
          position: absolute;
          left: 0;
          top: -25px;
          content: '';
          background: url(../../../library/img-common/jackpot/show-jackpot.png) no-repeat center bottom;
          background-size: 98%;
          display: block;
          height: 25px;
          width: 100%; }
      .page-web.gamehall-old-pc .page-wrapper .page-search .page-body ul.section-ul li .game-icon-frame .img-frame img {
        width: 100%; }
    .page-web.gamehall-old-pc .page-wrapper .page-search .page-body .game-search-box {
      margin: 0 auto;
      padding: 35px 0 25px 0;
      max-width: 500px; }
      .page-web.gamehall-old-pc .page-wrapper .page-search .page-body .game-search-box .form-group i {
        top: 5px; }
    .page-web.gamehall-old-pc .page-wrapper .page-search .page-body .keywordTag {
      margin-bottom: 3rem;
      text-align: center; }
      .page-web.gamehall-old-pc .page-wrapper .page-search .page-body .keywordTag h5 {
        color: #8db4d8; }
      .page-web.gamehall-old-pc .page-wrapper .page-search .page-body .keywordTag li .txt {
        font-size: 14px;
        color: #8db4d8; }
      .page-web.gamehall-old-pc .page-wrapper .page-search .page-body .keywordTag li:hover .txt {
        color: #fff;
        border: 1px solid #ffffff00; }
  .page-web.gamehall-old-pc.TMT .page-search .page-header {
    background: linear-gradient(0deg, #2a2a2a, rgba(255, 255, 255, 0.301)); }
  .page-web.gamehall-old-pc.TMT .page-search .page-body {
    background: rgba(87, 87, 87, 0.671); }
    .page-web.gamehall-old-pc.TMT .page-search .page-body ul.section-ul li .game-icon-frame .img-frame img {
      border-radius: 50%; }
    .page-web.gamehall-old-pc.TMT .page-search .page-body .game-search-box .form-group .form-control {
      background-color: #fff;
      color: #666; }
    .page-web.gamehall-old-pc.TMT .page-search .page-body .keywordTag h5 {
      font-size: 16px;
      color: #bebebe; }
    .page-web.gamehall-old-pc.TMT .page-search .page-body .keywordTag li {
      border: 1px solid #bebebe; }
      .page-web.gamehall-old-pc.TMT .page-search .page-body .keywordTag li .txt {
        color: #bebebe; }
      .page-web.gamehall-old-pc.TMT .page-search .page-body .keywordTag li:hover {
        background: linear-gradient(45deg, #b4b4b4 0%, #e2e2e2 100%); }
        .page-web.gamehall-old-pc.TMT .page-search .page-body .keywordTag li:hover .txt {
          color: #2b2b2b; }
  .page-web.gamehall-old-pc.EXTREME88 .page-search .page-header {
    background: #e2e2e2; }
    .page-web.gamehall-old-pc.EXTREME88 .page-search .page-header .page-header-btn {
      background: #d3d3d3; }
    .page-web.gamehall-old-pc.EXTREME88 .page-search .page-header ul.user-info {
      color: #666; }
  .page-web.gamehall-old-pc.EXTREME88 .page-search .page-body {
    background: #f1f1f1; }
    .page-web.gamehall-old-pc.EXTREME88 .page-search .page-body ul.section-ul li .txt-gameName {
      color: #666; }
    .page-web.gamehall-old-pc.EXTREME88 .page-search .page-body .keywordTag h5 {
      font-size: 16px;
      color: #5f5f5f; }
    .page-web.gamehall-old-pc.EXTREME88 .page-search .page-body .keywordTag li {
      border: 1px solid #5f5f5f; }
      .page-web.gamehall-old-pc.EXTREME88 .page-search .page-body .keywordTag li .txt {
        color: #5f5f5f; }
      .page-web.gamehall-old-pc.EXTREME88 .page-search .page-body .keywordTag li:hover {
        background: linear-gradient(45deg, #b4b4b4 0%, #e2e2e2 100%); }
        .page-web.gamehall-old-pc.EXTREME88 .page-search .page-body .keywordTag li:hover .txt {
          color: #2b2b2b; }
  .page-web.gamehall-old-pc.EXTREME88 .page-search .game-search-box .form-group .form-control {
    background-color: #fff;
    color: #666; }
  .page-web.gamehall-old-pc.KING88 .page-search .page-header {
    background: #361741; }
  .page-web.gamehall-old-pc.KING88 .page-search .page-body {
    background: #270e30; }
    .page-web.gamehall-old-pc.KING88 .page-search .page-body .keywordTag h5 {
      font-size: 16px;
      color: #bebebe; }
    .page-web.gamehall-old-pc.KING88 .page-search .page-body .keywordTag li {
      border: 1px solid #bebebe; }
      .page-web.gamehall-old-pc.KING88 .page-search .page-body .keywordTag li .txt {
        color: #bebebe; }
      .page-web.gamehall-old-pc.KING88 .page-search .page-body .keywordTag li:hover {
        background: linear-gradient(45deg, #b4b4b4 0%, #e2e2e2 100%); }
        .page-web.gamehall-old-pc.KING88 .page-search .page-body .keywordTag li:hover .txt {
          color: #2b2b2b; }
  .page-web.gamehall-old-pc.KING88 .page-search .game-search-box .form-group .form-control {
    background-color: #fff;
    color: #666; }
  .page-web.gamehall-old-pc.MWGAMING .page-search .page-header {
    background: linear-gradient(-180deg, #000000 16%, #222222 100%); }
  .page-web.gamehall-old-pc.MWGAMING .page-search .page-body {
    background: #FEF4DC; }
    .page-web.gamehall-old-pc.MWGAMING .page-search .page-body ul.section-ul li .txt-gameName {
      color: #666; }
    .page-web.gamehall-old-pc.MWGAMING .page-search .page-body .keywordTag h5 {
      font-size: 16px;
      color: #5f5f5f; }
    .page-web.gamehall-old-pc.MWGAMING .page-search .page-body .keywordTag li {
      border: 1px solid #5f5f5f; }
      .page-web.gamehall-old-pc.MWGAMING .page-search .page-body .keywordTag li .txt {
        color: #5f5f5f; }
      .page-web.gamehall-old-pc.MWGAMING .page-search .page-body .keywordTag li:hover {
        background: #fff; }
        .page-web.gamehall-old-pc.MWGAMING .page-search .page-body .keywordTag li:hover .txt {
          color: #2b2b2b; }
  .page-web.gamehall-old-pc.MWGAMING .page-search .game-search-box .form-group .form-control {
    background-color: #fff;
    color: #666; }
  .page-web.gamehall-old-pc.body-iframe .page-search .page-header {
    position: fixed;
    width: 100%;
    z-index: 100;
    background: #000; }
    .page-web.gamehall-old-pc.body-iframe .page-search .page-header ul.user-info {
      color: #fff; }
  .page-web.gamehall-old-pc.body-iframe .game-iframe {
    position: fixed;
    top: 42px;
    width: 100%;
    background: #000;
    height: 100%; }
    .page-web.gamehall-old-pc.body-iframe .game-iframe iframe {
      border: none;
      height: calc(100vh - 40px); }
  .page-web.gamehall-old-pc.body-iframe .iframe-btn-box {
    position: fixed;
    top: 0;
    z-index: 101; }
    .page-web.gamehall-old-pc.body-iframe .iframe-btn-box i::before {
      color: #fff;
      font-size: 36px; }

.page-bonus-div.page-bonus-Roulette {
  background: #000 url(../../../library/img-common/bonus/Roulette/roulette-bg.png) no-repeat center top;
  background-size: 100%;
  height: 100vh;
  overflow-y: auto; }
  .page-bonus-div.page-bonus-Roulette .page-bonus-header .header-lt {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background-color: #ffffff1f; }
  .page-bonus-div.page-bonus-Roulette .page-bonus-body {
    overflow-x: hidden;
    position: relative;
    height: auto;
    overflow-y: auto;
    padding-bottom: 100px; }
    .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-Congratulations {
      position: absolute;
      top: -500px;
      z-index: 999;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      background: url(../../../../library/img-common/bonus/Roulette/getShow-A.png) no-repeat;
      background-size: 100%; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-Congratulations::before {
        content: '';
        position: absolute;
        top: 0;
        z-index: 999;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background: url(../../../../library/img-common/bonus/Roulette/getShow-B.png) no-repeat;
        background-size: 100%; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-Congratulations.show {
        animation: roulette-Congratulations 1s forwards; }
    .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box {
      position: relative;
      width: 100%; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate {
        margin: 0 auto;
        width: 340px;
        height: 340px;
        position: relative;
        border-radius: 100%; }
        @media only screen and (max-width: 350px) {
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate {
            width: 300px;
            height: 300px; } }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate span {
          font-weight: bolder;
          transform-origin: 50% 50%;
          position: absolute;
          top: 50%;
          left: 50%;
          text-shadow: none;
          display: block;
          text-align: center;
          width: 100px;
          height: 30px;
          line-height: 30px; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate .txt-bonus {
          padding-left: 0;
          text-shadow: 0px 1px 3px #0f2232;
          color: #fff; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate .txt-bonus::before {
            display: none; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate .txt-bonus.win {
            animation: pulsate-fwd 0.5s ease-in-out infinite both; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate img {
          width: 100%;
          position: absolute;
          top: 0;
          left: 0; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-6 {
          background: url(../../../library/img-common/bonus/Roulette/bonus-boders-6.png) no-repeat center center;
          background-size: 110%; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-6 span {
            font-size: 28px; }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-6 span:nth-child(1) {
              transform: translate(-50%, -385%); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-6 span:nth-child(2) {
              transform: translate(40%, -215%) rotate(60deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-6 span:nth-child(3) {
              transform: translate(37%, 120%) rotate(120deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-6 span:nth-child(4) {
              transform: translate(-50%, 285%) rotate(180deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-6 span:nth-child(5) {
              transform: translate(-136%, 117%) rotate(240deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-6 span:nth-child(6) {
              transform: translate(-135%, -215%) rotate(300deg); }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 {
          background: url(../../../library/img-common/bonus/Roulette/bonus-boders-7.png) no-repeat center center;
          background-size: 110%; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 span {
            font-size: 24px; }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 span:nth-child(1) {
              transform: translate(-50%, -385%); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 span:nth-child(2) {
              transform: translate(31%, -262%) rotate(51.4deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 span:nth-child(3) {
              transform: translate(49%, 30%) rotate(102.8deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 span:nth-child(4) {
              transform: translate(-5%, 262%) rotate(154.2deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 span:nth-child(5) {
              transform: translate(-94%, 258%) rotate(205.6deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 span:nth-child(6) {
              transform: translate(-149%, 28%) rotate(257deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-7 span:nth-child(7) {
              transform: translate(-130%, -263%) rotate(308.4deg); }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 {
          background: url(../../../library/img-common/bonus/Roulette/bonus-boders-8.png) no-repeat center center;
          background-size: 110%; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span {
            font-size: 20px; }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span:nth-child(1) {
              transform: translate(-50%, -370%); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span:nth-child(2) {
              transform: translate(20%, -281%) rotate(45deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span:nth-child(3) {
              transform: translate(50%, -50%) rotate(90deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span:nth-child(4) {
              transform: translate(20%, 175%) rotate(135deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span:nth-child(5) {
              transform: translate(-50%, 280%) rotate(180deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span:nth-child(6) {
              transform: translate(-120%, 182%) rotate(225deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span:nth-child(7) {
              transform: translate(-151%, -45%) rotate(270deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-8 span:nth-child(8) {
              transform: translate(-120%, -283%) rotate(315deg); }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 {
          background: url(../../../library/img-common/bonus/Roulette/bonus-boders-9.png) no-repeat center center;
          background-size: 110%; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span {
            font-size: 17px; }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(1) {
              transform: translate(-50%, -385%); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(2) {
              transform: translate(16%, -303%) rotate(42deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(3) {
              transform: translate(49%, -110%) rotate(79deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(4) {
              transform: translate(37%, 110%) rotate(121deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(5) {
              transform: translate(-16%, 256%) rotate(158deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(6) {
              transform: translate(-85%, 259%) rotate(203deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(7) {
              transform: translate(-136%, 112%) rotate(234deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(8) {
              transform: translate(-151%, -108%) rotate(277deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-9 span:nth-child(9) {
              transform: translate(-118%, -318%) rotate(320deg); }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 {
          background: url(../../../library/img-common/bonus/Roulette/bonus-boders-10.png) no-repeat center center;
          background-size: 110%; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span {
            font-size: 15px; }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(1) {
              transform: translate(-49%, -385%) rotate(0deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(2) {
              transform: translate(9%, -319%) rotate(38deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(3) {
              transform: translate(42%, -150%) rotate(72deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(4) {
              transform: translate(44%, 55%) rotate(104deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(5) {
              transform: translate(10%, 224%) rotate(144deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(6) {
              transform: translate(-50%, 280%) rotate(180deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(7) {
              transform: translate(-107%, 209%) rotate(217deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(8) {
              transform: translate(-141%, 45%) rotate(251deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(9) {
              transform: translate(-141%, -150%) rotate(288deg); }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-rotate.num-10 span:nth-child(10) {
              transform: translate(-108%, -318%) rotate(320deg); }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-click {
        pointer-events: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        transform: translate(-50%, -50%); }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-click .bonus-roulette-hand {
          pointer-events: auto !important;
          width: 4rem;
          position: absolute;
          z-index: 3;
          top: 50%;
          left: 50%;
          margin: -1rem 0 0 0;
          animation: roulette-hand 2s infinite; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-click .bonus-roulette-hand.stop {
            animation: none; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-click .bonus-roulette-hand img {
            max-width: 100%; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-click .bonus-roulette-pointer {
          pointer-events: auto !important;
          width: 8rem; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-click .bonus-roulette-pointer.start {
            animation: roulette-pointer .5s infinite; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .Roulette-box .bonus-roulette-click .bonus-roulette-pointer img {
            max-width: 100%; }
    .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-result {
      height: auto;
      padding: 10px 0 0 0; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-result .txt-ticket-all {
        margin-top: 10px; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-result .bonus-result-btn {
        background-image: linear-gradient(135deg, #6521a5 1%, #00c3ff 49%, #9a24be 50%, #7021a5); }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn {
          background: #d21dff;
          color: #ffffff; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn .icon-ticket-all::before {
            color: #fff; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.btn-s {
            border: 2px solid #ffe661; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-result .bonus-result-btn .bonus-btn.disabled {
            background: #412840;
            border-color: #5f5f5f;
            color: #745670; }
    .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-time {
      position: relative;
      padding: 0;
      margin: 10px 0 20px 0; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-time .btn-tooltip {
        color: #fff; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-time .btn-tooltip i {
          font-size: 18px;
          background: none; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-time .btn-tooltip .tooltip-box {
          left: -165px;
          background-color: #54b3ce; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-time .btn-tooltip .tooltip-box::before {
            transform: translateX(38px);
            border-color: transparent transparent #54b3ce transparent; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-time .txt-info {
        color: #83E0FB;
        width: 90%;
        margin: 15px auto;
        border: 2px solid #83E0FB; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-time .txt-info .txt-info-inner .txt-rate {
          min-width: auto; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .bonus-time .txt-info .btn-detail {
          background: #54b3ce; }
    .page-bonus-div.page-bonus-Roulette .page-bonus-body .owl-bonus .item {
      flex-flow: row wrap;
      align-items: flex-start;
      justify-content: center; }
    .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box {
      position: relative;
      padding: 0;
      background: none;
      margin: 15px 5% 0 5%; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box .ticket-box {
        position: relative;
        border: 1px solid #83E0FB;
        background-color: rgba(0, 0, 0, 0.7); }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box .ticket-box::before, .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box .ticket-box::after {
          display: inline-block !important;
          content: '';
          position: absolute;
          border-top: 2px solid #83E0FB;
          border-left: 2px solid #83E0FB;
          width: 10px;
          height: 10px;
          left: 5px;
          top: 5px;
          background: none; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box .ticket-box::after {
          left: auto;
          right: 5px;
          border: none;
          border-top: 2px solid #83E0FB;
          border-right: 2px solid #83E0FB;
          background: none; }
        .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box .ticket-box ul {
          background: none;
          padding: 20px; }
          .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box .ticket-box ul li {
            padding-left: 20px;
            color: #fff; }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box .ticket-box ul li:first-child {
              color: #83E0FB; }
            .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box .ticket-box ul li::before {
              content: '';
              background: url(../../../library/img-common/bonus/Roulette/dot.svg) no-repeat center left;
              background-size: 12px;
              width: 15px;
              height: 15px; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box::before, .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box::after {
        display: inline-block !important;
        content: '';
        position: absolute;
        z-index: 10;
        border-bottom: 2px solid #83E0FB;
        border-left: 2px solid #83E0FB;
        width: 10px;
        height: 10px;
        left: 7px;
        bottom: 7px; }
      .page-bonus-div.page-bonus-Roulette .page-bonus-body .info-box::after {
        left: auto;
        right: 7px;
        border: none;
        border-bottom: 2px solid #83E0FB;
        border-right: 2px solid #83E0FB; }

@keyframes roulette-Congratulations {
  0% {
    transform: scale(0.3);
    top: -500px; }
  100% {
    transform: scale(1);
    top: 0; } }

@keyframes roulette-hand {
  0% {
    transform: rotate(-15deg) scale(0.8); }
  25% {
    transform: rotate(5deg) scale(1.1); }
  50% {
    transform: rotate(-15deg) scale(0.8); }
  75% {
    transform: rotate(5deg) scale(1.1); }
  100% {
    transform: rotate(-15deg) scale(0.8); } }

@keyframes roulette-pointer {
  0% {
    transform: rotate(10deg); }
  100% {
    transform: rotate(3deg); } }

@keyframes pulsate-fwd {
  0% {
    font-size: 150%;
    text-shadow: 0 0 7px #ffffff; }
  50% {
    font-size: 120%;
    text-shadow: 0 0 3px #ffffff; }
  100% {
    font-size: 150%;
    text-shadow: 0 0 7px #ffffff; } }

    .body-iframe .user-balance-msg,
    .body-iframe .btn-refresh {
      display: none !important; }
    
.page-web .user-balance a.btn-refresh {
  padding: 8px 0 0 2px !important; }
  .page-web .user-balance a.btn-refresh .icon-refresh {
    line-height: 13px; }

.page-web.show-limit-msg .user-balance-msg {
  padding: 2px 5px; }

.page-web.NUEBE .user-balance a.btn-refresh .icon-refresh::before {
  color: #ffffffd6;
  border: 1px solid #d3c68e;
  background-color: #000; }
    
.page-web.NUEBE.show-limit-msg .user-balance-msg {
  background-color: #d3c68e; }

.page-web.NUEBE.show-limit-msg .user-balance .txt::after {
  border-color: transparent transparent #d3c68e transparent; }

.page-web.SOG .user-balance a.btn-refresh .icon-refresh::before {
  background-color: #324660;
  color: #daedff;
  border: 1px solid #daedff; }

.page-web.MWCASH .user-balance a.btn-refresh .icon-refresh::before {
  color: #ffffffd6;
  border: 1px solid #ffffffd6; }

.page-web.MWCASH.show-limit-msg .user-balance-msg {
  background-color: #b8954b; }

.page-web.MWCASH.show-limit-msg .user-balance .txt::after {
  border-color: transparent transparent #b8954b transparent; }

.page-web.SPINBREAK .user-balance a.btn-refresh .icon-refresh::before {
  color: #fff;
  border: 1px solid #fff; }

.page-web.SPINBREAK .user-balance-msg {
  background-color: #9a03fa;
  color: #fff; }

.page-web.SPINBREAK.show-limit-msg .user-balance .txt::after {
  border-color: transparent transparent #9a03fa transparent; }

.page-web.KING88 .user-balance-msg {
  background-color: #b87c38;
  color: #fff; }

.page-web.KING88.show-limit-msg .user-balance .txt::after {
  border-color: transparent transparent #b87c38 transparent; }  

.user-balance,
.balance {
  display: inline-flex; }
  .user-balance .txt::after,
  .balance .txt::after {
    bottom: -2px !important; }
  .user-balance a.btn-refresh,
  .balance a.btn-refresh {
    display: inline-block; }
      .user-balance a.btn-refresh i.icon-refresh::before,
      .balance a.btn-refresh i.icon-refresh::before {
        color: #8db4d8;
        border: 1px solid #8db4d8;
        display: inline-block;
        border-radius: 100px;
        text-align: center;
        width: 18px;
        height: 18px;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold; }
    
.user-balance-msg {
  display: none; }

body.show-limit-msg .fix-sticker.BINGO {
  top: 65px !important; }
      
body.show-limit-msg .user-balance-msg {
  display: table;
  position: fixed;
  left: 0;
  right: auto;
  top: 40px;
  background-color: #8db4d8;
  width: 100%;
  color: #1f1f1f;
  text-align: center;
  padding: 1px 5px;
  line-height: 25px;
  border-radius: 0; }
  body.show-limit-msg .user-balance-msg .txt-limit,
  body.show-limit-msg .user-balance-msg .txt-reserve-balance {
    display: table-cell;
    padding: 5px;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    font-size: 14px; }
    body.show-limit-msg .user-balance-msg .txt-limit b,
    body.show-limit-msg .user-balance-msg .txt-reserve-balance b {
      margin-right: 2px;
      white-space: nowrap; }
    body.show-limit-msg .user-balance-msg .txt-limit.hide,
    body.show-limit-msg .user-balance-msg .txt-reserve-balance.hide {
      display: none; }
    body.show-limit-msg .user-balance-msg .txt-limit.show,
    body.show-limit-msg .user-balance-msg .txt-reserve-balance.show {
      display: table-cell; }
  body.show-limit-msg .user-balance-msg .txt-reserve-balance {
    position: relative;
    vertical-align: top; }
    body.show-limit-msg .user-balance-msg .txt-reserve-balance #reserveBalance {
      position: relative;
      padding-left: 25px; }
      body.show-limit-msg .user-balance-msg .txt-reserve-balance #reserveBalance::before {
      position: absolute;
      left: 3px;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      content: '\e993';
      font-family: 'icomoon' !important;
      font-size: 16px;
      line-height: 22px;
      border-radius: 50px;
      background: #00000013;
      display: inline-block;
      width: 22px;
      height: 22px;
      margin-right: 3px; }

body.show-limit-msg.MWGAMING .user-balance-msg {
  background-color: #a39371; }

body header .top_box .user-balance-msg {
  background-color: #daaf68; }

body header .top_box dl .balance .btn-refresh {
  padding: 3px 0 3px 2px; }
  body header .top_box dl .balance .btn-refresh .icon-refresh::before {
    color: #F3E6C0;
    border: 1px solid #F3E6C0; }

body.TMT .top_box dl .balance .btn-refresh .icon-refresh::before {
  color: #fff;
  border: 1px solid #fff; }

body.EXTREME88 .top_box dl .balance .btn-refresh .icon-refresh::before {
  color: #666;
  border: 1px solid #666; }

body.show-limit-msg .top_box dl .balance::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #daaf68 transparent; }

body.show-limit-msg.EXTREME88 .top_box .user-balance-msg {
  background-color: #7a0e0e;
  color: #fff; }

body.show-limit-msg.EXTREME88 .top_box dl .balance::after {
  border-color: transparent transparent #7a0e0e transparent; }

body.show-limit-msg.EXTREME88 .top_box dl .balance .btn-refresh .icon-refresh::before {
  color: #666;
  border: 1px solid #666; }

body.show-limit-msg.TMT .top_box dl .balance .btn-refresh .icon-refresh::before {
  color: #fff;
  border: 1px solid #fff; }
    
body header ul.header-left li.balance {
  position: relative;
  display: inline-flex; }
  body header ul.header-left li.balance .btn-refresh {
    margin: 3px 0 0 3px;
    border-radius: 100px;
    transition: all .3s ease-in-out;
    height: 18px; }
    body header ul.header-left li.balance .btn-refresh:hover {
      box-shadow: 0 0 2px 2px #DBB069; }
    body header ul.header-left li.balance .btn-refresh .icon-refresh::before {
      border: 1px solid #F4E0BD;
      color: #F4E0BD;
      border-radius: 100px;
      font-weight: bold; }

body.show-limit-msg header ul.header-left .user-balance-msg {
  display: inline-flex !important;
  padding: 0 4px;
  position: relative;
  left: 10px;
  top: auto;
  border-radius: 5px;
  width: auto;
  font-size: 12px;
  background: #DBB069;
  margin: 0 0 0 3px; }
  body.show-limit-msg header ul.header-left .user-balance-msg > div {
    padding: 0 4px;
    line-height: 27px;
    white-space: nowrap; }
  body.show-limit-msg header ul.header-left .user-balance-msg .txt-limit {
    text-align: left; }
  body.show-limit-msg header ul.header-left .user-balance-msg::before {
    position: absolute;
    left: -9px;
    bottom: 0px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 15px 0px;
    border-color: transparent #DBB069 transparent transparent; }

body.TMT header ul.header-left li.balance .btn-refresh .icon-refresh::before {
  border: 1px solid #fff;
  color: #fff; }

body.EXTREME88 header ul.header-left li.balance .btn-refresh .icon-refresh::before {
  border: 1px solid #666;
  color: #666; }

body.EXTREME88 header ul.header-left .user-balance-msg {
  background-color: #7a0e0e;
  color: #fff; }
  body.EXTREME88 header ul.header-left .user-balance-msg::before {
    border-color: transparent #7a0e0e transparent transparent; }

body.SPINBREAK header ul.header-left li.balance .btn-refresh .icon-refresh::before {
  border: 1px solid #fff;
  color: #fff; }

body.SPINBREAK header ul.header-left .user-balance-msg {
  background-color: #9a03fa;
  color: #fff; }
  body.SPINBREAK header ul.header-left .user-balance-msg::before {
    border-color: transparent #9a03fa transparent transparent; }

body.MWGAMING header ul.header-left li.balance .btn-refresh .icon-refresh::before {
  border: 1px solid #fff;
  color: #fff; }

body.MWGAMING header ul.header-left .user-balance-msg {
  background-color: #a39371; }
  body.MWGAMING header ul.header-left .user-balance-msg::before {
    border-color: transparent #a39371 transparent transparent; }

body.MWCASH header ul.header-left li.balance .btn-refresh .icon-refresh::before {
  border: 1px solid #fff;
  color: #fff; }

body.MWCASH header ul.header-left .user-balance-msg {
  color: #fff;
  background-color: #b9964c; }
  body.MWCASH header ul.header-left .user-balance-msg::before {
    border-color: transparent #b9964c transparent transparent; }

body.KING88 header ul.header-left li.balance .btn-refresh .icon-refresh::before {
  border: 1px solid #fff;
  color: #fff; }

body.KING88 header ul.header-left .user-balance-msg {
  color: #fff;
  background-color: #b87c38; }
  body.KING88 header ul.header-left .user-balance-msg::before {
    border-color: transparent #b87c38 transparent transparent; }

    .page-web.type-R .user-balance-msg, .page-web.type-W .user-balance-msg, .page-web.type-L .user-balance-msg, .page-web.type-PGSOFT .user-balance-msg {
      display: none; }
    
.page-web.type-R .main-owl-info .user-info .txt, .page-web.type-W .main-owl-info .user-info .txt, .page-web.type-L .main-owl-info .user-info .txt, .page-web.type-PGSOFT .main-owl-info .user-info .txt {
  line-height: 28px !important; }

.page-web.type-R .main-owl-info .user-info .user-balance, .page-web.type-W .main-owl-info .user-info .user-balance, .page-web.type-L .main-owl-info .user-info .user-balance, .page-web.type-PGSOFT .main-owl-info .user-info .user-balance {
  display: inline-flex;
  align-items: center; }
  .page-web.type-R .main-owl-info .user-info .user-balance .btn-refresh, .page-web.type-W .main-owl-info .user-info .user-balance .btn-refresh, .page-web.type-L .main-owl-info .user-info .user-balance .btn-refresh, .page-web.type-PGSOFT .main-owl-info .user-info .user-balance .btn-refresh {
    padding: 0 0 0 2px !important; }
  .page-web.type-R .main-owl-info .user-info .user-balance .icon-refresh, .page-web.type-W .main-owl-info .user-info .user-balance .icon-refresh, .page-web.type-L .main-owl-info .user-info .user-balance .icon-refresh, .page-web.type-PGSOFT .main-owl-info .user-info .user-balance .icon-refresh {
    margin-left: 3px; }
    .page-web.type-R .main-owl-info .user-info .user-balance .icon-refresh::before, .page-web.type-W .main-owl-info .user-info .user-balance .icon-refresh::before, .page-web.type-L .main-owl-info .user-info .user-balance .icon-refresh::before, .page-web.type-PGSOFT .main-owl-info .user-info .user-balance .icon-refresh::before {
      color: #fff;
      border: 1px solid #fff; }
    
    .page-web.type-R.show-limit-msg .main-owl-info .user-info, .page-web.type-W.show-limit-msg .main-owl-info .user-info, .page-web.type-L.show-limit-msg .main-owl-info .user-info, .page-web.type-PGSOFT.show-limit-msg .main-owl-info .user-info {
      margin-bottom: 5px !important;
      align-items: center;
      background: none; }
    
    .page-web.type-R.show-limit-msg .main-owl-info .user-balance-msg, .page-web.type-W.show-limit-msg .main-owl-info .user-balance-msg, .page-web.type-L.show-limit-msg .main-owl-info .user-balance-msg, .page-web.type-PGSOFT.show-limit-msg .main-owl-info .user-balance-msg {
      padding: 1px 5px;
      background-color: #eece3e;
      border-radius: 5px;
      display: table;
      position: relative;
      z-index: 510;
      top: auto; }
      .page-web.type-R.show-limit-msg .main-owl-info .user-balance-msg::before, .page-web.type-W.show-limit-msg .main-owl-info .user-balance-msg::before, .page-web.type-L.show-limit-msg .main-owl-info .user-balance-msg::before, .page-web.type-PGSOFT.show-limit-msg .main-owl-info .user-balance-msg::before {
        position: absolute;
        left: calc(50% - -25px);
        top: -6px;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #eece3e transparent; }
    
    .page-web.type-R.show-limit-msg.device-PC .main-owl-info .user-info, .page-web.type-W.show-limit-msg.device-PC .main-owl-info .user-info, .page-web.type-L.show-limit-msg.device-PC .main-owl-info .user-info, .page-web.type-PGSOFT.show-limit-msg.device-PC .main-owl-info .user-info {
      position: relative !important;
      background: none; }
      .page-web.type-R.show-limit-msg.device-PC .main-owl-info .user-info .user-balance::before, .page-web.type-W.show-limit-msg.device-PC .main-owl-info .user-info .user-balance::before, .page-web.type-L.show-limit-msg.device-PC .main-owl-info .user-info .user-balance::before, .page-web.type-PGSOFT.show-limit-msg.device-PC .main-owl-info .user-info .user-balance::before {
        display: none; }
      .page-web.type-R.show-limit-msg.device-PC .main-owl-info .user-info .user-balance .btn-refresh, .page-web.type-W.show-limit-msg.device-PC .main-owl-info .user-info .user-balance .btn-refresh, .page-web.type-L.show-limit-msg.device-PC .main-owl-info .user-info .user-balance .btn-refresh, .page-web.type-PGSOFT.show-limit-msg.device-PC .main-owl-info .user-info .user-balance .btn-refresh {
        padding: 3px 0 0 2px !important; }
      .page-web.type-R.show-limit-msg.device-PC .main-owl-info .user-info .user-balance-msg, .page-web.type-W.show-limit-msg.device-PC .main-owl-info .user-info .user-balance-msg, .page-web.type-L.show-limit-msg.device-PC .main-owl-info .user-info .user-balance-msg, .page-web.type-PGSOFT.show-limit-msg.device-PC .main-owl-info .user-info .user-balance-msg {
        margin: 0 0 0 15px; }
        .page-web.type-R.show-limit-msg.device-PC .main-owl-info .user-info .user-balance-msg::before, .page-web.type-W.show-limit-msg.device-PC .main-owl-info .user-info .user-balance-msg::before, .page-web.type-L.show-limit-msg.device-PC .main-owl-info .user-info .user-balance-msg::before, .page-web.type-PGSOFT.show-limit-msg.device-PC .main-owl-info .user-info .user-balance-msg::before {
          position: absolute;
          top: auto;
          left: -8px;
          bottom: 0px;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 14px 14px 14px 0;
          border-color: transparent #eece3e transparent transparent; }
    
    .page-web.type-R.show-limit-msg.device-PC .main-owl-info .user-balance-msg, .page-web.type-W.show-limit-msg.device-PC .main-owl-info .user-balance-msg, .page-web.type-L.show-limit-msg.device-PC .main-owl-info .user-balance-msg, .page-web.type-PGSOFT.show-limit-msg.device-PC .main-owl-info .user-balance-msg {
      max-width: 400px;
      width: auto; }

.page-web.type-R.show-limit-msg.device-PC .page-wrapper .page-content .main-owl-info .user-info {
  background: none; }

.page-web.type-L.show-limit-msg .page-wrapper .page-content .main-owl-info .user-info {
  border-radius: 5px; }

.page-web.type-PGSOFT .page-wrapper .page-content .main-owl-info .user-info .user-balance .btn-refresh .icon-refresh::before {
  color: #000;
  border: 1px solid #000; }

.page-web.type-PGSOFT.show-limit-msg.device-PC .page-wrapper .page-content .main-owl-info .user-info {
  background: none; }
  .page-web.type-PGSOFT.show-limit-msg.device-PC .page-wrapper .page-content .main-owl-info .user-info .user-balance .btn-refresh .icon-refresh::before {
    color: #fff;
    border: 1px solid #fff; }

.show-jackpot-MHB {
  display: none; }

.show-jackpot-fire.on-fire::after {
  background: url(../../../library/img-common/game-feature/jackpot-on-fire.png) no-repeat center top;
  background-size: 100%; }

.show-jackpot-fire.on-fire .game-icon {
  border-top: 3px solid #ff7300; }

.show-jackpot-fire.on-fire .show-jackpot-MHB {
  background: linear-gradient(#be000094, #420000e8); }
  .show-jackpot-fire.on-fire .show-jackpot-MHB .txt-number {
    color: #efca56 !important;
    animation: text-flicker-out-glow 2.5s linear infinite both; }

.show-jackpot-fire::after {
  position: absolute;
  z-index: 0;
  left: 8px;
  top: -53px;
  height: 60px;
  width: 90%;
  content: '';
  background-size: 100%;
  pointer-events: none;
  animation: vibrate-1 0.7s linear infinite both; }

.show-jackpot-fire .game-icon {
  border-top: 1px solid #ff7300;
  border-radius: 5px 5px 10px 10px !important; }

.show-jackpot-fire .show-jackpot-MHB {
  background: linear-gradient(#00000094, #000000e8);
  z-index: 200;
  display: inline-block;
  position: absolute;
  left: 4%;
  top: 21vmin;
  color: #59670b;
  width: 95%;
  height: auto;
  padding: 2px 0;
  border-radius: 0px 0px 5px 5px; }
  .show-jackpot-fire .show-jackpot-MHB p {
    padding: 0 !important;
    margin: 0 !important;
    font-size: xx-small;
    white-space: nowrap;
    line-height: 12px;
    color: #ffc23d !important;
    text-align: border-path;
    text-shadow: 0px 1px 2px black; }
  .show-jackpot-fire .show-jackpot-MHB .txt-number {
    color: #efca56 !important;
    font-size: 110%;
    font-weight: bolder;
    line-height: normal; }

.section-li-list ul li.show-jackpot-fire::before {
  width: 90px !important;
  height: 60px;
  top: -30px;
  background-position-y: -15px; }

.section-li-list ul li .show-jackpot-MHB {
  width: 90px;
  left: 0;
  top: 72px; }
  .section-li-list ul li .show-jackpot-MHB p {
    text-align: center !important; }
  .section-li-list ul li .show-jackpot-MHB .txt-number {
    font-size: 100% !important;
    line-height: 25px; }

.page-web .page-wrapper .main-content .section-box ul .show-jackpot-fire .show-jackpot-MHB p {
  font-size: 110%; }

@keyframes vibrate-1 {
  0% {
    transform: translateY(0);
    filter: grayscale(50%); }
  20% {
    transform: translateY(-1px); }
  40% {
    transform: translateY(1px);
    filter: grayscale(20%); }
  60% {
    transform: translateY(-1px); }
  80% {
    transform: translateY(1px);
    filter: grayscale(50%); }
  100% {
    transform: translateY(0); } }

@keyframes text-flicker-out-glow-2 {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@keyframes text-flicker-out-glow {
  0% {
    opacity: 1; }
  14% {
    opacity: 0; }
  15% {
    opacity: 1; }
  23% {
    opacity: 0; }
  25% {
    opacity: 1; }
  35% {
    opacity: 0; }
  40% {
    opacity: 1; }
  43% {
    opacity: 0; }
  45% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.tournament-bg {
  background: #16222d; }

.tournament-list {
  text-align: center;
  background: #16222d;
  min-height: 100vh;
  padding-bottom: 50px; }
  .tournament-list .btn-box {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 100;
    padding: 10px 0 0 0;
    margin: 0; }
    .tournament-list .btn-box .btn {
      background: #8db4d8;
      border-radius: 100px;
      color: #171718;
      cursor: pointer;
      font-size: 90%;
      line-height: 25px;
      padding: 3px 12px; }
      .tournament-list .btn-box .btn::after, .tournament-list .btn-box .btn::before {
        font-family: 'icomoon' !important;
        content: '\e9bf';
        line-height: 25px;
        vertical-align: top; }
      .tournament-list .btn-box .btn::after {
        content: '\e912'; }
  .tournament-list a {
    text-decoration: none;
    display: inline-block;
    outline: none; }
  .tournament-list .btn.replay {
    background: #b4d1ec;
    padding: 0 5px 0 5px;
    font-size: xx-small;
    border-radius: 100px;
    margin-top: 5px; }
    .tournament-list .btn.replay::before {
      font-family: 'icomoon' !important;
      content: '\e9a7';
      margin-right: 3px; }
  .tournament-list .btn-tooltip {
    position: absolute;
    top: 0;
    right: auto;
    margin: 0 0 0 15px;
    line-height: 25px;
    height: 25px;
    z-index: 102;
    color: #fff; }
    .tournament-list .btn-tooltip i {
      font-size: 20px;
      line-height: 25px;
      background: #000;
      color: #2bb128;
      height: 25px;
      width: 25px;
      border-radius: 50px; }
    .tournament-list .btn-tooltip .tooltip-box {
      display: none; }
    .tournament-list .btn-tooltip:hover .tooltip-box {
      display: inline-block;
      position: absolute;
      top: 35px;
      left: auto;
      right: -10px;
      width: 300px;
      background-color: #1b8419;
      border: 2px solid #2bb128;
      color: #fff;
      font-size: 90%;
      text-align: left;
      border-radius: 12px;
      padding: 10px;
      box-shadow: 0 3px 5px #000000b6; }
      .tournament-list .btn-tooltip:hover .tooltip-box::before {
        content: '';
        position: absolute;
        top: -10px;
        right: 8px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #2bb128 transparent; }
    .tournament-list .btn-tooltip:hover ul {
      overflow-y: auto;
      max-height: 320px; }
      .tournament-list .btn-tooltip:hover ul li {
        position: relative;
        text-align: left;
        text-shadow: none;
        line-height: normal;
        color: #fff;
        font-size: 90%; }
        .tournament-list .btn-tooltip:hover ul li.tit {
          font-size: 100%;
          font-weight: bold;
          margin-bottom: 0; }
        .tournament-list .btn-tooltip:hover ul li.info {
          font-weight: bold;
          background: #edd663;
          border-radius: 5px;
          padding: 3px;
          color: #d22334; }
          .tournament-list .btn-tooltip:hover ul li.info::before {
            display: inline-block;
            font-family: 'icomoon' !important;
            content: '\e90b';
            width: 20px;
            text-align: center; }
        .tournament-list .btn-tooltip:hover ul li.number_1, .tournament-list .btn-tooltip:hover ul li.number_2, .tournament-list .btn-tooltip:hover ul li.number_3, .tournament-list .btn-tooltip:hover ul li.number_4, .tournament-list .btn-tooltip:hover ul li.number_5, .tournament-list .btn-tooltip:hover ul li.number_6, .tournament-list .btn-tooltip:hover ul li.number_7, .tournament-list .btn-tooltip:hover ul li.number_8, .tournament-list .btn-tooltip:hover ul li.number_9, .tournament-list .btn-tooltip:hover ul li.number_10 {
          padding-left: 20px;
          margin-bottom: 5px; }
          .tournament-list .btn-tooltip:hover ul li.number_1::before, .tournament-list .btn-tooltip:hover ul li.number_2::before, .tournament-list .btn-tooltip:hover ul li.number_3::before, .tournament-list .btn-tooltip:hover ul li.number_4::before, .tournament-list .btn-tooltip:hover ul li.number_5::before, .tournament-list .btn-tooltip:hover ul li.number_6::before, .tournament-list .btn-tooltip:hover ul li.number_7::before, .tournament-list .btn-tooltip:hover ul li.number_8::before, .tournament-list .btn-tooltip:hover ul li.number_9::before, .tournament-list .btn-tooltip:hover ul li.number_10::before {
            position: absolute;
            left: 0;
            top: 0;
            content: '1.';
            width: 20px;
            text-align: center; }
        .tournament-list .btn-tooltip:hover ul li.number_2::before {
          content: '2.'; }
        .tournament-list .btn-tooltip:hover ul li.number_3::before {
          content: '3.'; }
        .tournament-list .btn-tooltip:hover ul li.number_4::before {
          content: '4.'; }
        .tournament-list .btn-tooltip:hover ul li.number_5::before {
          content: '5.'; }
        .tournament-list .btn-tooltip:hover ul li.number_6::before {
          content: '6.'; }
        .tournament-list .btn-tooltip:hover ul li.number_7::before {
          content: '7.'; }
        .tournament-list .btn-tooltip:hover ul li.number_8::before {
          content: '8.'; }
        .tournament-list .btn-tooltip:hover ul li.number_9::before {
          content: '9.'; }
        .tournament-list .btn-tooltip:hover ul li.number_10::before {
          content: '10.'; }
  .tournament-list ul li {
    position: relative;
    width: 100%;
    margin-bottom: 10px; }
    .tournament-list ul li .btn-day {
      position: relative;
      cursor: pointer;
      text-align: center;
      display: inline-block;
      border: 2px solid #2b3f52;
      line-height: 20px;
      background: #000000;
      border-radius: 15px;
      padding: 6px 8px;
      background: #101a23;
      width: 100%;
      font-style: italic;
      color: #fff;
      box-shadow: 0 2px 5px #000000b0; }
      .tournament-list ul li .btn-day::before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -2px;
        content: '';
        width: 0;
        height: 0;
        border-width: 4px;
        border-style: solid;
        border-color: #ffe75b transparent transparent transparent; }
      .tournament-list ul li .btn-day .num {
        background: #2bb128;
        padding: 1px 5px;
        border-radius: 100px;
        color: #fff; }
    .tournament-list ul li.disabled .btn-day {
      box-shadow: 0 1px 3px #00000079;
      cursor: default;
      color: #777777;
      opacity: .6; }
      .tournament-list ul li.disabled .btn-day::before {
        display: none; }
  .tournament-list .user-box {
    text-align: left; }
  .tournament-list .txt-username {
    display: block;
    line-height: normal;
    color: #a3bbd2;
    font-size: 80%;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .tournament-list .txt-date {
    font-size: 70%;
    opacity: .6; }
  .tournament-list .tit {
    font-size: 130%;
    line-height: 40px;
    color: #d2dee9;
    margin-bottom: 10px;
    text-shadow: 0 2px 3px #000; }
  .tournament-list .top-panel {
    position: relative;
    background: #000;
    margin: 0 auto;
    color: #cbc8c8;
    border: 2px solid #41576b;
    border-top: none;
    border-radius: 0 0 20px 20px;
    padding: 0 2% 1% 2%;
    display: block; }
    .tournament-list .top-panel ul, .tournament-list .top-panel li, .tournament-list .top-panel .div-tb {
      margin-bottom: 0; }
    .tournament-list .top-panel ul {
      max-height: 42vh;
      overflow-y: auto; }
      .tournament-list .top-panel ul li {
        padding: 2% 3%;
        border-radius: 10px; }
        .tournament-list .top-panel ul li:nth-child(even) {
          background: #16222d; }
        .tournament-list .top-panel ul li .txt-username {
          color: #d2dee9;
          display: block;
          text-align: left; }
          .tournament-list .top-panel ul li .txt-username.checked::before {
            position: absolute;
            left: 0;
            font-family: 'icomoon' !important;
            content: '\e90f';
            color: #2bb128;
            font-size: 130%;
            line-height: 15px; }
        .tournament-list .top-panel ul li .txt-bonus {
          width: 100%;
          font-size: 100%;
          color: #d2dee9;
          display: block; }
        .tournament-list .top-panel ul li i {
          padding: 2px; }
          .tournament-list .top-panel ul li i::before {
            color: #f1f1f1; }
        .tournament-list .top-panel ul li .div-platform {
          padding: 0; }
    .tournament-list .top-panel .clock {
      display: inline-block;
      position: absolute;
      z-index: 100;
      left: 0;
      width: auto;
      min-width: 90px;
      padding-top: 0px;
      font-size: 85%;
      padding: 1px 8px;
      border-radius: 0 0 6px 0;
      background: #8db4d8;
      color: #171718; }
      .tournament-list .top-panel .clock .txt::before {
        font-family: 'icomoon' !important;
        content: '\e9a5'; }
  .tournament-list .list-monthly,
  .tournament-list .list-weekly,
  .tournament-list .list-daily {
    display: block;
    padding: 1% 2% 4% 2%;
    position: relative; }
  .tournament-list .list-monthly {
    padding-bottom: 1px; }
    .tournament-list .list-monthly .tit {
      margin-bottom: 20px; }
    .tournament-list .list-monthly .btn-day {
      padding: 20px 15px 15px 80px;
      min-height: 70px;
      width: auto;
      min-width: 220px;
      font-size: 120%;
      box-shadow: rgba(255, 231, 112, 0.815) 0px 0px 0px 3px, rgba(255, 216, 19, 0.562) 0px 0px 0px 6px; }
      .tournament-list .list-monthly .btn-day::after {
        position: absolute;
        left: -20px;
        bottom: 10px;
        content: '';
        background: url(../../../library/img-common/Tournament/trophy.png) no-repeat center center;
        background-size: 120px;
        display: inline-block;
        width: 120px;
        height: 100px; }
      .tournament-list .list-monthly .btn-day::before {
        border-width: 6px; }
      .tournament-list .list-monthly .btn-day .txt-username {
        color: #fff; }
      .tournament-list .list-monthly .btn-day .num {
        font-size: 80%; }
      .tournament-list .list-monthly .btn-day.empty {
        box-shadow: none;
        min-height: 90px; }
        .tournament-list .list-monthly .btn-day.empty::after {
          left: 50%;
          transform: translateX(-50%); }
        .tournament-list .list-monthly .btn-day.empty::before {
          display: none; }
        .tournament-list .list-monthly .btn-day.empty .user-box .txt-username {
          display: none; }
  .tournament-list .list-weekly {
    background: #1f2e3c;
    position: relative;
    padding: 2% 3% 4% 3%; }
    .tournament-list .list-weekly .tit {
      margin-bottom: 20px; }
    .tournament-list .list-weekly ul {
      display: grid;
      grid-template-columns: repeat(2, 50%);
      margin-bottom: 0; }
      .tournament-list .list-weekly ul li {
        display: grid;
        grid-template-columns: 40% 60%;
        margin-bottom: 15px; }
        .tournament-list .list-weekly ul li .btn-day {
          font-size: 80%;
          color: #527a9f;
          padding: 2px;
          width: 80%;
          font-style: normal; }
          .tournament-list .list-weekly ul li .btn-day b {
            color: #fff;
            font-style: italic;
            display: block;
            font-size: 170%;
            font-weight: normal; }
  .tournament-list .list-daily {
    background-color: #16222d; }
    .tournament-list .list-daily ul {
      width: 100%;
      position: relative;
      display: grid;
      grid-template-columns: repeat(7, 14.28%); }
      .tournament-list .list-daily ul li {
        margin: 0; }
        .tournament-list .list-daily ul li .btn-day {
          width: 95%;
          min-height: 45px;
          margin: 0 auto;
          position: relative;
          font-size: 140%;
          font-weight: 500;
          line-height: 25px;
          min-width: 25px;
          text-align: center; }
        .tournament-list .list-daily ul li .user-box {
          display: none; }
  .tournament-list .panel-list {
    margin-bottom: 0;
    overflow-y: auto;
    max-height: 400px; }
    .tournament-list .panel-list li {
      padding: 3% 4%;
      margin-bottom: 0; }
      .tournament-list .panel-list li:nth-child(even) {
        background: #0f1c29; }
      .tournament-list .panel-list li .div-tb {
        margin-bottom: 0; }
      .tournament-list .panel-list li .num {
        background: #2bb128;
        padding: 1px 5px;
        border-radius: 100px;
        color: #fff; }
      .tournament-list .panel-list li .txt-username {
        display: inline-block;
        font-size: 100%;
        margin-bottom: 0; }
      .tournament-list .panel-list li .txt-bonus,
      .tournament-list .panel-list li .txt-date {
        color: #b4d1ec;
        display: block; }
      .tournament-list .panel-list li .div-platform {
        padding: 5px 0 0 30px; }
        .tournament-list .panel-list li .div-platform img {
          width: 45px;
          border-radius: 10px;
          vertical-align: top; }
      .tournament-list .panel-list li .txt-no {
        position: relative;
        font-size: 100%;
        font-style: italic;
        color: #fff;
        width: 25px;
        height: 20px;
        border-radius: 100%;
        text-align: left;
        padding: 0;
        display: inline-block;
        vertical-align: top; }
        .tournament-list .panel-list li .txt-no.No-1, .tournament-list .panel-list li .txt-no.No-2, .tournament-list .panel-list li .txt-no.No-3 {
          color: #ffffff00; }
          .tournament-list .panel-list li .txt-no.No-1::before, .tournament-list .panel-list li .txt-no.No-2::before, .tournament-list .panel-list li .txt-no.No-3::before {
            position: absolute;
            content: '';
            top: -7px;
            left: -5px;
            width: 27px;
            height: 35px; }
        .tournament-list .panel-list li .txt-no.No-1::before {
          background: url("../../../library/img-common/Tournament/01.png") no-repeat center center;
          background-size: 100%; }
        .tournament-list .panel-list li .txt-no.No-2::before {
          background: url("../../../library/img-common/Tournament/02.png") no-repeat center center;
          background-size: 100%; }
        .tournament-list .panel-list li .txt-no.No-3::before {
          background: url("../../../library/img-common/Tournament/03.png") no-repeat center center;
          background-size: 100%; }

.modal.modal-tournament .modal-content {
  background-color: #152433;
  box-shadow: 0 5px 10px #090e14;
  border: 4px solid #28394b;
  border-radius: 15px;
  width: 90%;
  margin: 0 auto;
  top: 10vh; }
  .modal.modal-tournament .modal-content .modal-header {
    height: 45px;
    border: none; }
    .modal.modal-tournament .modal-content .modal-header .close {
      display: inline-block;
      opacity: 1;
      border-radius: 50px;
      width: 34px;
      height: 34px;
      padding: 0;
      position: absolute;
      right: 20px;
      top: 20px;
      text-align: center; }
      .modal.modal-tournament .modal-content .modal-header .close i {
        color: #c9c9c9;
        font-size: 135%;
        font-weight: bold;
        line-height: 34px;
        text-shadow: none; }
      .modal.modal-tournament .modal-content .modal-header .close:hover {
        background-color: #36495e; }
  .modal.modal-tournament .modal-content .modal-body {
    padding: 0 0 0 0; }

@media screen and (min-width: 1023px) {
  .tournament-list {
    max-width: 1200px;
    margin: 0 auto;
    height: auto; }
    .tournament-list .top-panel {
      max-width: 500px;
      padding: 0 15px 5px 15px !important; }
    .tournament-list .list-monthly {
      margin-bottom: 40px; }
      .tournament-list .list-monthly ul li .btn-day {
        min-width: 250px; }
    .tournament-list .list-weekly {
      padding: 0 2%;
      background: none; }
      .tournament-list .list-weekly .tit {
        display: none; }
      .tournament-list .list-weekly ul {
        grid-template-columns: repeat(4, 23.5%);
        grid-gap: 0 2%;
        background: linear-gradient(0deg, #16222d, #000);
        border-radius: 20px;
        padding: 2% 2% 0 2%; }
        .tournament-list .list-weekly ul::before {
          content: '';
          position: absolute;
          top: -30px;
          left: 50%;
          transform: translateX(-50%);
          border-style: solid;
          border-width: 0 550px 30px 550px;
          border-color: transparent transparent #000 transparent; }
        .tournament-list .list-weekly ul li {
          grid-template-columns: 35% 65%; }
          .tournament-list .list-weekly ul li .btn-day {
            width: 70px;
            height: 60px;
            display: inline-block;
            margin-left: 5px; }
    .tournament-list .list-daily {
      display: grid;
      grid-template-columns: repeat(4, 23.5%);
      grid-gap: 0 2%;
      padding-top: 30px;
      max-width: 1150px;
      margin: 0 auto; }
      .tournament-list .list-daily .tit {
        display: none; }
      .tournament-list .list-daily ul {
        display: block;
        background: #000;
        padding: 10px;
        margin-bottom: 0;
        border-radius: 20px; }
        .tournament-list .list-daily ul::before {
          content: '';
          position: absolute;
          top: -30px;
          left: 50%;
          transform: translateX(-50%);
          border-style: solid;
          border-width: 0 120px 30px 120px;
          border-color: transparent transparent #000 transparent; }
        .tournament-list .list-daily ul li {
          display: flex;
          margin-bottom: 20px;
          height: 60px; }
          .tournament-list .list-daily ul li:last-child {
            margin-bottom: 0; }
          .tournament-list .list-daily ul li .btn-day {
            display: inline-block;
            width: 70px;
            height: 60px;
            margin-right: 10px;
            line-height: 40px; }
          .tournament-list .list-daily ul li .user-box {
            display: inline-block;
            width: 100%;
            padding-top: 3px; } }

.page-web.device-PC .page-promote-div.BINGO .page-promote-body {
  height: auto;
  padding-bottom: 60px; }
  .page-web.device-PC .page-promote-div.BINGO .page-promote-body .owl-promote {
    min-width: 900px;
    max-width: 900px;
    padding-top: 100px;
    grid-template-columns: repeat(4, 25%) !important; }