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

.txt-yellow {
    color: #FFD700
}

.txt-smaller {
    font-size: 12px
}

.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
}

.icon-twitter::before {
    color: #353535
}

.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
}

.mt-15px {
    margin-top: 15px !important
}

.mt-30px {
    margin-top: 30px !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 {
    position: relative;
    margin: 50px 0 30px 0;
    text-align: center;
    z-index: 100
}

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

.txt-italic {
    font-style: italic
}

.txt-bonus::before {
    font-size: 90%
}

.txt-bonus sup {
    top: 0
}

.txt-currency::before,
.info-prize::before,
.txt-bonus::before,
.txt-rage .txt-bonus::before,
.txt-number sup::before,
.txt-bonus sup::before,
.txt-rate::before,
.txt-balance::before,
.user-balance .txt::before,
.function-alert.show.win-bonus .txt span .award-prize::before,
.function-alert.show.win-bonus .txt span small::before,
.currency-selector .txt::before,
.content-amount::before {
    font-family: 'Arial' !important;
    content: '$ '
}

.txt-currency.USD::before,
.info-prize.USD::before,
.txt-bonus.USD::before,
.txt-rage .txt-bonus.USD::before,
.txt-number sup.USD::before,
.txt-bonus sup.USD::before,
.txt-rate.USD::before,
.txt-balance.USD::before,
.user-balance .txt.USD::before,
.function-alert.show.win-bonus .txt span .award-prize.USD::before,
.function-alert.show.win-bonus .txt span small.USD::before,
.currency-selector .txt.USD::before,
.content-amount.USD::before {
    content: '$ '
}

.txt-currency.SGD::before,
.info-prize.SGD::before,
.txt-bonus.SGD::before,
.txt-rage .txt-bonus.SGD::before,
.txt-number sup.SGD::before,
.txt-bonus sup.SGD::before,
.txt-rate.SGD::before,
.txt-balance.SGD::before,
.user-balance .txt.SGD::before,
.function-alert.show.win-bonus .txt span .award-prize.SGD::before,
.function-alert.show.win-bonus .txt span small.SGD::before,
.currency-selector .txt.SGD::before,
.content-amount.SGD::before {
    content: '$ '
}

.txt-currency.MYR::before,
.info-prize.MYR::before,
.txt-bonus.MYR::before,
.txt-rage .txt-bonus.MYR::before,
.txt-number sup.MYR::before,
.txt-bonus sup.MYR::before,
.txt-rate.MYR::before,
.txt-balance.MYR::before,
.user-balance .txt.MYR::before,
.function-alert.show.win-bonus .txt span .award-prize.MYR::before,
.function-alert.show.win-bonus .txt span small.MYR::before,
.currency-selector .txt.MYR::before,
.content-amount.MYR::before {
    content: 'RM '
}

.txt-currency.THB::before,
.info-prize.THB::before,
.txt-bonus.THB::before,
.txt-rage .txt-bonus.THB::before,
.txt-number sup.THB::before,
.txt-bonus sup.THB::before,
.txt-rate.THB::before,
.txt-balance.THB::before,
.user-balance .txt.THB::before,
.function-alert.show.win-bonus .txt span .award-prize.THB::before,
.function-alert.show.win-bonus .txt span small.THB::before,
.currency-selector .txt.THB::before,
.content-amount.THB::before {
    content: '฿ ';
    font-family: inherit !important
}

.txt-currency.IDR::before,
.info-prize.IDR::before,
.txt-bonus.IDR::before,
.txt-rage .txt-bonus.IDR::before,
.txt-number sup.IDR::before,
.txt-bonus sup.IDR::before,
.txt-rate.IDR::before,
.txt-balance.IDR::before,
.user-balance .txt.IDR::before,
.function-alert.show.win-bonus .txt span .award-prize.IDR::before,
.function-alert.show.win-bonus .txt span small.IDR::before,
.currency-selector .txt.IDR::before,
.content-amount.IDR::before {
    content: 'Rp '
}

.txt-currency.KHR::before,
.info-prize.KHR::before,
.txt-bonus.KHR::before,
.txt-rage .txt-bonus.KHR::before,
.txt-number sup.KHR::before,
.txt-bonus sup.KHR::before,
.txt-rate.KHR::before,
.txt-balance.KHR::before,
.user-balance .txt.KHR::before,
.function-alert.show.win-bonus .txt span .award-prize.KHR::before,
.function-alert.show.win-bonus .txt span small.KHR::before,
.currency-selector .txt.KHR::before,
.content-amount.KHR::before {
    content: '៛ '
}

.txt-currency.JPY::before,
.info-prize.JPY::before,
.txt-bonus.JPY::before,
.txt-rage .txt-bonus.JPY::before,
.txt-number sup.JPY::before,
.txt-bonus sup.JPY::before,
.txt-rate.JPY::before,
.txt-balance.JPY::before,
.user-balance .txt.JPY::before,
.function-alert.show.win-bonus .txt span .award-prize.JPY::before,
.function-alert.show.win-bonus .txt span small.JPY::before,
.currency-selector .txt.JPY::before,
.content-amount.JPY::before {
    content: '¥ '
}

.txt-currency.KRW::before,
.info-prize.KRW::before,
.txt-bonus.KRW::before,
.txt-rage .txt-bonus.KRW::before,
.txt-number sup.KRW::before,
.txt-bonus sup.KRW::before,
.txt-rate.KRW::before,
.txt-balance.KRW::before,
.user-balance .txt.KRW::before,
.function-alert.show.win-bonus .txt span .award-prize.KRW::before,
.function-alert.show.win-bonus .txt span small.KRW::before,
.currency-selector .txt.KRW::before,
.content-amount.KRW::before {
    content: '₩ '
}

.txt-currency.HKD::before,
.info-prize.HKD::before,
.txt-bonus.HKD::before,
.txt-rage .txt-bonus.HKD::before,
.txt-number sup.HKD::before,
.txt-bonus sup.HKD::before,
.txt-rate.HKD::before,
.txt-balance.HKD::before,
.user-balance .txt.HKD::before,
.function-alert.show.win-bonus .txt span .award-prize.HKD::before,
.function-alert.show.win-bonus .txt span small.HKD::before,
.currency-selector .txt.HKD::before,
.content-amount.HKD::before {
    content: 'HK$ '
}

.txt-currency.CNY::before,
.info-prize.CNY::before,
.txt-bonus.CNY::before,
.txt-rage .txt-bonus.CNY::before,
.txt-number sup.CNY::before,
.txt-bonus sup.CNY::before,
.txt-rate.CNY::before,
.txt-balance.CNY::before,
.user-balance .txt.CNY::before,
.function-alert.show.win-bonus .txt span .award-prize.CNY::before,
.function-alert.show.win-bonus .txt span small.CNY::before,
.currency-selector .txt.CNY::before,
.content-amount.CNY::before {
    content: 'RMB¥ '
}

.txt-currency.MXN::before,
.info-prize.MXN::before,
.txt-bonus.MXN::before,
.txt-rage .txt-bonus.MXN::before,
.txt-number sup.MXN::before,
.txt-bonus sup.MXN::before,
.txt-rate.MXN::before,
.txt-balance.MXN::before,
.user-balance .txt.MXN::before,
.function-alert.show.win-bonus .txt span .award-prize.MXN::before,
.function-alert.show.win-bonus .txt span small.MXN::before,
.currency-selector .txt.MXN::before,
.content-amount.MXN::before {
    content: '$ '
}

.txt-currency.VND::before,
.info-prize.VND::before,
.txt-bonus.VND::before,
.txt-rage .txt-bonus.VND::before,
.txt-number sup.VND::before,
.txt-bonus sup.VND::before,
.txt-rate.VND::before,
.txt-balance.VND::before,
.user-balance .txt.VND::before,
.function-alert.show.win-bonus .txt span .award-prize.VND::before,
.function-alert.show.win-bonus .txt span small.VND::before,
.currency-selector .txt.VND::before,
.content-amount.VND::before {
    content: '₫(K) ';
    font-family: 'icomoon' !important;
    font-weight: normal
}

.txt-currency.MMK::before,
.info-prize.MMK::before,
.txt-bonus.MMK::before,
.txt-rage .txt-bonus.MMK::before,
.txt-number sup.MMK::before,
.txt-bonus sup.MMK::before,
.txt-rate.MMK::before,
.txt-balance.MMK::before,
.user-balance .txt.MMK::before,
.function-alert.show.win-bonus .txt span .award-prize.MMK::before,
.function-alert.show.win-bonus .txt span small.MMK::before,
.currency-selector .txt.MMK::before,
.content-amount.MMK::before {
    content: 'K '
}

.txt-currency.INR::before,
.info-prize.INR::before,
.txt-bonus.INR::before,
.txt-rage .txt-bonus.INR::before,
.txt-number sup.INR::before,
.txt-bonus sup.INR::before,
.txt-rate.INR::before,
.txt-balance.INR::before,
.user-balance .txt.INR::before,
.function-alert.show.win-bonus .txt span .award-prize.INR::before,
.function-alert.show.win-bonus .txt span small.INR::before,
.currency-selector .txt.INR::before,
.content-amount.INR::before {
    content: '₹ '
}

.txt-currency.AUD::before,
.info-prize.AUD::before,
.txt-bonus.AUD::before,
.txt-rage .txt-bonus.AUD::before,
.txt-number sup.AUD::before,
.txt-bonus sup.AUD::before,
.txt-rate.AUD::before,
.txt-balance.AUD::before,
.user-balance .txt.AUD::before,
.function-alert.show.win-bonus .txt span .award-prize.AUD::before,
.function-alert.show.win-bonus .txt span small.AUD::before,
.currency-selector .txt.AUD::before,
.content-amount.AUD::before {
    content: '$ '
}

.txt-currency.MMKK::before,
.info-prize.MMKK::before,
.txt-bonus.MMKK::before,
.txt-rage .txt-bonus.MMKK::before,
.txt-number sup.MMKK::before,
.txt-bonus sup.MMKK::before,
.txt-rate.MMKK::before,
.txt-balance.MMKK::before,
.user-balance .txt.MMKK::before,
.function-alert.show.win-bonus .txt span .award-prize.MMKK::before,
.function-alert.show.win-bonus .txt span small.MMKK::before,
.currency-selector .txt.MMKK::before,
.content-amount.MMKK::before {
    content: 'K '
}

.txt-currency.COP::before,
.info-prize.COP::before,
.txt-bonus.COP::before,
.txt-rage .txt-bonus.COP::before,
.txt-number sup.COP::before,
.txt-bonus sup.COP::before,
.txt-rate.COP::before,
.txt-balance.COP::before,
.user-balance .txt.COP::before,
.function-alert.show.win-bonus .txt span .award-prize.COP::before,
.function-alert.show.win-bonus .txt span small.COP::before,
.currency-selector .txt.COP::before,
.content-amount.COP::before {
    content: '$ '
}

.txt-currency.EUR::before,
.info-prize.EUR::before,
.txt-bonus.EUR::before,
.txt-rage .txt-bonus.EUR::before,
.txt-number sup.EUR::before,
.txt-bonus sup.EUR::before,
.txt-rate.EUR::before,
.txt-balance.EUR::before,
.user-balance .txt.EUR::before,
.function-alert.show.win-bonus .txt span .award-prize.EUR::before,
.function-alert.show.win-bonus .txt span small.EUR::before,
.currency-selector .txt.EUR::before,
.content-amount.EUR::before {
    content: '€ '
}

.txt-currency.CAD::before,
.info-prize.CAD::before,
.txt-bonus.CAD::before,
.txt-rage .txt-bonus.CAD::before,
.txt-number sup.CAD::before,
.txt-bonus sup.CAD::before,
.txt-rate.CAD::before,
.txt-balance.CAD::before,
.user-balance .txt.CAD::before,
.function-alert.show.win-bonus .txt span .award-prize.CAD::before,
.function-alert.show.win-bonus .txt span small.CAD::before,
.currency-selector .txt.CAD::before,
.content-amount.CAD::before {
    content: '$ '
}

.txt-currency.PHP::before,
.info-prize.PHP::before,
.txt-bonus.PHP::before,
.txt-rage .txt-bonus.PHP::before,
.txt-number sup.PHP::before,
.txt-bonus sup.PHP::before,
.txt-rate.PHP::before,
.txt-balance.PHP::before,
.user-balance .txt.PHP::before,
.function-alert.show.win-bonus .txt span .award-prize.PHP::before,
.function-alert.show.win-bonus .txt span small.PHP::before,
.currency-selector .txt.PHP::before,
.content-amount.PHP::before {
    content: '₱ '
}

.txt-currency.BDT::before,
.info-prize.BDT::before,
.txt-bonus.BDT::before,
.txt-rage .txt-bonus.BDT::before,
.txt-number sup.BDT::before,
.txt-bonus sup.BDT::before,
.txt-rate.BDT::before,
.txt-balance.BDT::before,
.user-balance .txt.BDT::before,
.function-alert.show.win-bonus .txt span .award-prize.BDT::before,
.function-alert.show.win-bonus .txt span small.BDT::before,
.currency-selector .txt.BDT::before,
.content-amount.BDT::before {
    content: '৳ '
}

.txt-currency.BRL::before,
.info-prize.BRL::before,
.txt-bonus.BRL::before,
.txt-rage .txt-bonus.BRL::before,
.txt-number sup.BRL::before,
.txt-bonus sup.BRL::before,
.txt-rate.BRL::before,
.txt-balance.BRL::before,
.user-balance .txt.BRL::before,
.function-alert.show.win-bonus .txt span .award-prize.BRL::before,
.function-alert.show.win-bonus .txt span small.BRL::before,
.currency-selector .txt.BRL::before,
.content-amount.BRL::before {
    content: 'R$ '
}

.txt-currency.CLP::before,
.info-prize.CLP::before,
.txt-bonus.CLP::before,
.txt-rage .txt-bonus.CLP::before,
.txt-number sup.CLP::before,
.txt-bonus sup.CLP::before,
.txt-rate.CLP::before,
.txt-balance.CLP::before,
.user-balance .txt.CLP::before,
.function-alert.show.win-bonus .txt span .award-prize.CLP::before,
.function-alert.show.win-bonus .txt span small.CLP::before,
.currency-selector .txt.CLP::before,
.content-amount.CLP::before {
    content: '$ '
}

.txt-currency.AMD::before,
.info-prize.AMD::before,
.txt-bonus.AMD::before,
.txt-rage .txt-bonus.AMD::before,
.txt-number sup.AMD::before,
.txt-bonus sup.AMD::before,
.txt-rate.AMD::before,
.txt-balance.AMD::before,
.user-balance .txt.AMD::before,
.function-alert.show.win-bonus .txt span .award-prize.AMD::before,
.function-alert.show.win-bonus .txt span small.AMD::before,
.currency-selector .txt.AMD::before,
.content-amount.AMD::before {
    content: '֏ '
}

.txt-currency.NPR::before,
.info-prize.NPR::before,
.txt-bonus.NPR::before,
.txt-rage .txt-bonus.NPR::before,
.txt-number sup.NPR::before,
.txt-bonus sup.NPR::before,
.txt-rate.NPR::before,
.txt-balance.NPR::before,
.user-balance .txt.NPR::before,
.function-alert.show.win-bonus .txt span .award-prize.NPR::before,
.function-alert.show.win-bonus .txt span small.NPR::before,
.currency-selector .txt.NPR::before,
.content-amount.NPR::before {
    content: 'Rs '
}

.txt-currency.USDT::before,
.info-prize.USDT::before,
.txt-bonus.USDT::before,
.txt-rage .txt-bonus.USDT::before,
.txt-number sup.USDT::before,
.txt-bonus sup.USDT::before,
.txt-rate.USDT::before,
.txt-balance.USDT::before,
.user-balance .txt.USDT::before,
.function-alert.show.win-bonus .txt span .award-prize.USDT::before,
.function-alert.show.win-bonus .txt span small.USDT::before,
.currency-selector .txt.USDT::before,
.content-amount.USDT::before {
    content: '₮ '
}

.txt-currency.UBTC::before,
.info-prize.UBTC::before,
.txt-bonus.UBTC::before,
.txt-rage .txt-bonus.UBTC::before,
.txt-number sup.UBTC::before,
.txt-bonus sup.UBTC::before,
.txt-rate.UBTC::before,
.txt-balance.UBTC::before,
.user-balance .txt.UBTC::before,
.function-alert.show.win-bonus .txt span .award-prize.UBTC::before,
.function-alert.show.win-bonus .txt span small.UBTC::before,
.currency-selector .txt.UBTC::before,
.content-amount.UBTC::before {
    content: '₿ '
}

.user-balance .txt {
    line-height: normal;
    padding-left: 20px
}

.user-balance .txt::before {
    font-family: 'icomoon';
    content: '\e951';
    font-size: 120%;
    font-weight: lighter;
    line-height: normal
}

.img-platform-logo img {
    width: 35px;
    height: 35px
}

.img-platform-logo i {
    display: none;
    height: 35px;
    width: 35px;
    line-height: 35px
}

.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
}

.max-index {
    z-index: 2147483647 !important
}

.modal#loadingMask.show {
    z-index: 2147483647
}
.border-btm {
    border-bottom: 1px solid #e0e0e0
}

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

.iti__hide {
    display: none
}

.img-flag {
    display: block;
    width: 5vmin;
    height: 5vmin
}

.device-PC .img-flag {
    width: 25px;
    height: 25px
}

.site-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    pointer-events: none;
    cursor: none
}

.page-web.register-page .site-background {
    z-index: -1
}

body.device-PC .site-background {
    z-index: 0;
    background-size: cover
}

body.device-PC .page-wrapper .page-content {
    z-index: unset
}

body#body .site-background {
    z-index: -1
}

@media screen and (min-width: 1024px) {
    ::-webkit-scrollbar {
        width: 10px;
        height: 0
    }

    ::-webkit-scrollbar-track {
        background: #3333331e
    }

    ::-webkit-scrollbar-thumb {
        height: 5px;
        border-radius: 20px;
        background: #a3a3a3;
        cursor: pointer
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #b0b0b0
    }
}

.show-header header.header-area,
.show-header.member-info.promo header.header-area,
.show-header.banking-page header.header-area {
    display: block
}

.show-header .page-wrapper,
.show-header .tournament-list {
    padding-top: 60px !important
}

@media (max-width: 1023px) {

    .page-web.banking-page header:not(.page-header),
    .show-header.member-info.promo header.header-area {
        display: none
    }

    .show-header header.header-area,
    .show-header.banking-page header.header-area,
    .show-header.pin-code-page header.header-area {
        display: block
    }

    .show-header.member-info.promo .page-wrapper,
    .show-header.member-info .page-wrapper,
    .show-header .tournament-list {
        padding-top: 10px !important
    }

    .show-header .p2p-form {
        padding-top: 0px !important
    }

    .show-header.pin-code-page .pin-code-form .panel {
        padding-top: 50px !important
    }
}

.show-header.banking-page .tab-bar {
    padding-top: 50px
}

.show-header.banking-page .main-wrap {
    padding-top: 100px
}

header.header-area {
    display: none;
    position: fixed;
    z-index: 1030;
    top: 0;
    width: 100%;
    height: auto;
    padding: 0 10px;
    background: linear-gradient(0deg, #333, #000) !important;
    background-blend-mode: color-dodge, normal
}

header.header-area h1 {
    font-family: inherit !important;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 0;
    padding-left: 5px;
    height: 50px
}

header.header-area h1::before {
    font-family: 'icomoon' !important;
    font-weight: normal;
    margin-right: 5px
}

header.header-area h1.icon-reward::before,
header.header-area h1.icon-users::before {
    content: none
}

header.header-area h1.logo-faq {
    padding: 0px 5px;
    background-size: 25px
}

header.header-area h1.logo-faq::before {
    content: "\e98f";
    font-family: 'icomoon' !important;
    margin-right: 13px;
    vertical-align: bottom
}

header.header-area .header-content-right a {
    font-size: 1.5rem
}

header.header-area .header-content-right a::before {
    font-size: 160% !important;
    line-height: 50px !important
}

header.header-area .header-content-right .go-back,
header.header-area .header-content-right .close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    color: #fff;
    opacity: 1 !important
}

header.header-area .header-content-right .go-back::before,
header.header-area .header-content-right .close::before {
    font-family: 'icomoon' !important;
    content: '\e914';
    font-size: 160%;
    line-height: 44px;
    width: 40px;
    font-weight: normal
}

header.header-area .header-content-right .go-back {
    right: 65px;
    border-right: 1px solid #fff;
    height: 80%;
    width: 55px
}

header.header-area .header-content-right .go-back::before {
    content: '\e903';
    font-size: 200%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.POPULAR.device-PC.promo header {
    position: fixed
}

.btn-tooltip {
    pointer-events: bounding-box;
    position: relative;
    margin: 0 0 0 5px;
    line-height: 25px;
    height: 25px;
    z-index: 102;
    color: #e1be83
}

.btn-tooltip i {
    font-size: 20px;
    line-height: 25px;
    background: #4a4a4a;
    height: 25px;
    width: 25px;
    border-radius: 50px
}

.btn-tooltip .tooltip-box {
    display: none
}

.btn-tooltip:hover .tooltip-box,
.btn-tooltip.show .tooltip-box {
    display: inline-block;
    position: absolute;
    top: 35px;
    left: -100px;
    width: 300px;
    background-color: #0f4474;
    color: #fff;
    font-size: 90%;
    text-align: left;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 3px 5px #0000007a
}

.btn-tooltip:hover .tooltip-box::before,
.btn-tooltip.show .tooltip-box::before {
    content: '';
    position: absolute;
    top: -5px;
    right: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #0f4474 transparent
}

.btn-tooltip:hover ul li,
.btn-tooltip.show ul li {
    text-align: left;
    text-shadow: none;
    line-height: normal;
    color: #fff;
    font-size: 90%
}

.social-media {
    padding: 5px 0;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: auto
}

.social-media li {
    display: inline-block;
    text-align: center;
    width: 25%
}

.social-media li a {
    display: inline-block;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 100%
}

.social-media li a:hover {
    border-color: #bdbdbd
}

.social-media li .icon:before {
    font-size: 25px;
    line-height: 45px
}

.social-media img {
    width: 100%;
    border-radius: 100%
}

.social-media {
    flex-wrap: wrap;
    gap: 8px
}

.social-media.num-2 li {
    width: 35%
}

.social-media.num-3 li {
    width: 30%
}

.social-media.num-4 li {
    width: 20%
}

.social-media.num-5 li {
    width: 17%
}

.social-media.num-6 li {
    width: 14%
}

.social-media.num-6 li {
    width: 14%
}

.social-media.num-7 li {
    width: 22%
}

.social-media.num-8 li {
    width: 20%
}

.social-media.num-9 li {
    width: 17%
}

.social-media.num-10 li {
    width: 17%
}

.tooltip.bs-tooltip-bottom {
    z-index: 2500
}

.tooltip.bs-tooltip-bottom .tooltip-inner img {
    margin: 3px 0;
    border-radius: 3px;
    width: 120px
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .page-web .social-media {
        padding-top: 10px
    }
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .page-web .tooltip.bs-tooltip-bottom img {
        display: none
    }
}

.page-media-btn {
    position: fixed;
    top: 62vh;
    z-index: 999
}

@media (max-width: 1024px) {
    .page-media-btn {
        left: 6px
    }
}

@media (min-width: 1025px) {
    .page-media-btn {
        left: 10px
    }
}

.page-media-btn .btn-video {
    position: relative;
    border-radius: 2vw;
    display: inline-block;
    transition: all .2s ease-in-out
}

.page-media-btn .btn-video:hover {
    box-shadow: 0 3px 4px #000000a6, 0 0 0 4px #f7db41b9
}

.page-media-btn .btn-video::before {
    font-family: 'icomoon' !important;
    content: '\e9a7';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ecc86e;
    border-radius: 100px;
    background: #00000072;
    width: 40px;
    height: 40px;
    font-size: 25px;
    line-height: 40px;
    text-indent: 10%;
    text-align: center
}

.page-media-btn .btn-video img {
    width: 9vw;
    min-width: 90px;
    aspect-ratio: 16/9;
    border-radius: 2vw;
    box-shadow: 0 3px 8px #000000a6;
    border: 1px solid #f7db41b9
}

.page-media-btn .close {
    position: absolute;
    width: 22px;
    height: 22px;
    right: -10px;
    top: -11px;
    z-index: 1;
    background: #ecc86e;
    border-radius: 100px;
    font-size: 22px;
    text-shadow: none;
    opacity: 1
}

@media screen and (min-width: 1024px) {
    .page-media-btn .btn-video {
        border-radius: .8vw
    }

    .page-media-btn .btn-video::before {
        width: 3vw;
        height: 3vw;
        font-size: 1.5vw;
        line-height: 3vw
    }

    .page-media-btn .btn-video img {
        border-radius: .8vw
    }

    .page-media-btn .close {
        font-size: 2vw;
        width: 2vw;
        height: 2vw;
        right: -1vw;
        top: -1vw
    }
}

.modal.modal-video .modal-header {
    height: 50px;
    padding: 0
}

.modal.modal-video .modal-header .close {
    top: auto
}

.modal.modal-video .modal-header .close:hover {
    background: none
}

.modal.modal-video .modal-header .close i {
    opacity: 1;
    border-radius: 100px;
    background: #ecc86e;
    color: #000 !important;
    font-weight: normal !important
}

.modal.modal-video .modal-content {
    background: none;
    box-shadow: none;
    border: none;
    width: 100%;
    margin: 5px
}

.modal.modal-video .modal-content .video-box {
    border-radius: 15px;
    box-shadow: 0 3px 8px #000
}

.modal.modal-video .modal-content .video-box video,
.modal.modal-video .modal-content .video-box iframe {
    border-radius: 10px;
    height: 25vh
}

@media screen and (min-width: 1024px) {
    .modal.modal-video .modal-dialog {
        max-width: 800px;
        box-shadow: none
    }

    .modal.modal-video .modal-dialog .modal-content .video-box iframe {
        height: 50vh
    }
}

@keyframes rotation-center {
    from {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        transform: translate(-50%, -50%) rotate(359deg)
    }
}

.function-alert {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    opacity: 0
}

.function-alert.show {
    left: 0;
    opacity: 1;
    z-index: 2147483647;
    transition: left 0s, opacity .3s ease-in-out
}

.function-alert .txt>span,
.function-alert .cash::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    background-color: #6F1A0E;
    border-top: 2px solid #F3B93E;
    border-bottom: 2px solid #F3B93E;
    transition: all .3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.4) 0 -5px 30px, rgba(0, 0, 0, 0.5) 0 5px 30px
}

@media (max-width: 1024px) {

    .function-alert .txt>span,
    .function-alert .cash::before {
        width: 100%;
        padding: 5%;
        font-size: 16px
    }
}

@media (min-width: 1025px) {

    .function-alert .txt>span,
    .function-alert .cash::before {
        width: 45%;
        padding: 2%;
        font-size: 20px;
        border-radius: 25px;
        border-left: 2px solid #F3B93E;
        border-right: 2px solid #F3B93E
    }
}

.function-alert .award-prize,
.function-alert .cash .cashAmount span,
.function-alert .cash .cashAmount div,
.function-alert .txt-bonus,
.function-alert .txt-bonus::before {
    white-space: nowrap;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 1px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
    background-image: linear-gradient(#FFEE43, #FE9035);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (max-width: 1024px) {

    .function-alert .award-prize,
    .function-alert .cash .cashAmount span,
    .function-alert .cash .cashAmount div,
    .function-alert .txt-bonus,
    .function-alert .txt-bonus::before {
        font-size: 28px
    }
}

@media (min-width: 1025px) {

    .function-alert .award-prize,
    .function-alert .cash .cashAmount span,
    .function-alert .cash .cashAmount div,
    .function-alert .txt-bonus,
    .function-alert .txt-bonus::before {
        font-size: 36px
    }
}

.function-alert .slotCash,
.function-alert .txt>span>small {
    position: relative;
    margin-top: 10px;
    color: #C7672F;
    font-size: 80%
}

.function-alert .toast-bg,
.function-alert .bonus-win-gold,
.function-alert .slot-s {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 400px;
    max-width: 1300px;
    object-fit: contain
}

.function-alert .bonus-win-gold,
.function-alert .slot-s {
    z-index: -1
}

.function-alert .toast-bg {
    z-index: -2;
    animation: rotation-center 30s 1 linear
}

.function-alert .bonus-win-egg {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px
}

.function-alert .bonusPoints-box {
    margin-top: 10px
}

.function-alert .bonusPoints-box .img-bonusPoints {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 50px;
    height: 50px
}

.function-alert .bonusPoints-box span {
    display: block;
    color: #fff;
    font-weight: bold
}

@media (max-width: 1024px) {
    .function-alert .bonusPoints-box span {
        font-size: 14px
    }
}

@media (min-width: 1025px) {
    .function-alert .bonusPoints-box span {
        font-size: 18px
    }
}

.function-alert.win-chance .cash {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 1024px) {
    .function-alert.win-chance .cash {
        width: 100%;
        padding: 5%;
        font-size: 16px
    }
}

@media (min-width: 1025px) {
    .function-alert.win-chance .cash {
        width: 45%;
        padding: 2%;
        font-size: 20px;
        border-radius: 25px;
        border-left: 3px solid #F3B93E;
        border-right: 3px solid #F3B93E
    }
}

.function-alert.win-chance .cash::before {
    content: '';
    width: 100%;
    height: calc(100% + 6px)
}

.function-alert.win-chance .cashAmount,
.function-alert.win-chance .slotCash {
    text-align: center
}

.function-alert.win-chance .cashAmount span,
.function-alert.win-chance .cashAmount div,
.function-alert.win-chance .slotCash span,
.function-alert.win-chance .slotCash div {
    display: inline-block;
    margin-top: 0
}

.function-alert.win-chance .slot-s {
    width: 150px;
    height: 150px
}

@media (max-width: 1024px) {
    .function-alert.win-chance .slot-s {
        top: calc(50% - 55px)
    }
}

@media (min-width: 1025px) {
    .function-alert.win-chance .slot-s {
        top: calc(50% - 85px)
    }
}

.function-alert.win-bonus.show.win-JP {
    top: -150px;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none
}

.function-alert.win-bonus.show.win-JP .txt>span {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8), #000, rgba(0, 0, 0, 0.8))
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-JP .txt>span {
        padding: 3%
    }
}

.function-alert.win-bonus.show.win-JP .slot-s {
    display: none
}

.function-alert.win-bonus.show.win-JP .tit {
    padding: 5px 0
}

.function-alert.win-bonus.show.win-JP .jackpot-tag {
    width: 74px;
    height: 30px;
    color: #312418;
    font-size: 12px;
    background: url(../../../theme/images/src-common/JACKPOT-img/jackpotSticky4.webp) no-repeat left top;
    background-size: contain;
    padding: 4px 6px 8px 4px;
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    -webkit-text-fill-color: initial
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-JP .jackpot-tag {
        transform: scale(0.8);
        transform-origin: right bottom
    }
}

.function-alert.win-bonus.show.win-JP .brand-logo {
    padding-right: 15px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.function-alert.win-bonus.show.win-JP .brand-logo img {
    position: unset;
    transform: none;
    width: auto
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-JP .brand-logo img {
        width: 35px;
        height: 35px
    }
}

@media (min-width: 1025px) {
    .function-alert.win-bonus.show.win-JP .brand-logo img {
        width: 45px;
        height: 45px
    }
}

.function-alert.multiTicket .txt-subtitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 80%
}

.function-alert.multiTicket .txt-subtitle:first-child {
    margin-top: 10px
}

.function-alert.multiTicket .award-prize {
    margin: 0
}

.function-alert.multiTicket .award-prize.freeSpin {
    background-image: linear-gradient(#3cf, #4d6aff)
}

.function-alert.multiTicket .txt-ticket {
    font-size: 20px;
    line-height: 38px;
    font-weight: 600;
    margin-right: 3px
}

@media (min-width: 1025px) {
    .function-alert.multiTicket .txt-subtitle {
        max-width: 60%;
        margin-top: 5px
    }

    .function-alert.multiTicket .txt-subtitle:first-child {
        margin-top: 15px
    }
}

.position-fixed.win-toasts {
    position: fixed;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2147483647
}

.position-fixed.win-toasts .toast {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -100%);
    min-width: 200px;
    padding: 5px 15px 10px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: unset;
    transition: .5s
}

.position-fixed.win-toasts .toast.show {
    transform: translate(-50%, 20px);
    transition: transform .5s, opacity .5s .1s
}

.position-fixed.win-toasts .toast-header {
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 8px;
    padding: 0;
    font-size: .8rem;
    color: #fff;
    background: none
}

.position-fixed.win-toasts .toast-header.brand-logo img {
    height: 35px;
    width: auto
}

.position-fixed.win-toasts .toast-body {
    position: relative;
    padding: 0;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    column-gap: 5px;
    margin: auto
}

.position-fixed.win-toasts .toast-body>div {
    grid-column: 1/3;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(auto, 18px);
    column-gap: 8px
}

.position-fixed.win-toasts .toast-body span,
.position-fixed.win-toasts .toast-body span::before {
    line-height: 20px !important
}

.position-fixed.win-toasts .txt-info {
    color: #ccc;
    font-size: 12px;
    white-space: nowrap
}

.position-fixed.win-toasts .txt-ticket,
.position-fixed.win-toasts .txt-ticket i {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    color: #fff
}

.position-fixed.win-toasts .txt-bonus {
    font-size: 16px
}

.position-fixed.win-toasts .txt-bonus::before {
    font-size: 12px
}

.position-fixed.win-toasts .txt-bonus,
.position-fixed.win-toasts .txt-bonus::before {
    position: relative;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    background-image: linear-gradient(#ffee43, #fe9035);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.position-fixed.win-toasts .txt-bonus.freeSpin,
.position-fixed.win-toasts .txt-bonus.freeSpin::before {
    background-image: linear-gradient(#3cf, #4d6aff)
}

.function-alert.freeSpin .txt>span {
    background: none;
    border-color: #1B6CE2
}

.function-alert.freeSpin .freespins-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

@media (min-width: 1025px) {
    .function-alert.freeSpin .freespins-bg {
        border-radius: 22px
    }
}

.function-alert.freeSpin .freeSpinTag {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 10px auto 0
}

.function-alert.freeSpin .freeSpinTag .txt-balance {
    left: auto;
    transform: none
}

.toast-container {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(-50%);
    z-index: 2147483647
}

.toast-container .toast {
    display: block;
    position: absolute;
    top: 12vmin;
    right: -400px;
    max-width: 250px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 0 1px #ffd100, 0 0 10px #ffd100;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    overflow: unset;
    transition: .5s
}

.toast-container .toast.show {
    right: 5px
}

.toast-container .toast.rush-Toast {
    box-shadow: inset 0 0 0 1px #ff0000
}

.toast-container .toast.rush-Toast .txt-info {
    font-weight: 400
}

.toast-container .toast-body {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 4px 8px 40px
}

.toast-container .toast-body img {
    position: absolute;
    left: -8px;
    top: -6px;
    width: 50px;
    height: 50px;
    object-fit: contain
}

.toast-container .txt-info {
    min-width: 180px;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600
}

.game-iframe .function-alert.win-bonus.show.win-raceWin,
.body-iframe .function-alert.win-bonus.show.win-raceWin {
    top: -170px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: none
}

.function-alert.win-bonus.show.win-raceWin {
    z-index: 2147483647
}

.function-alert.win-bonus.show.win-raceWin .txt>span {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8), #000, rgba(0, 0, 0, 0.8))
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-raceWin .txt>span {
        padding: 0 3% 3%
    }
}

.function-alert.win-bonus.show.win-raceWin .slot-s {
    display: none
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-raceWin .tit {
        font-size: 14px;
        padding: 5px 0
    }
}

@media (min-width: 1025px) {
    .function-alert.win-bonus.show.win-raceWin .tit {
        font-size: 16px;
        padding: 10px 0 15px
    }
}

.function-alert.win-bonus.show.win-raceWin .item-title {
    padding: 0 15px;
    transform: translateY(-10px);
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: bold;
    white-space: nowrap;
    text-transform: uppercase;
    color: #222;
    text-stroke: .5px #222;
    -webkit-text-stroke: .5px #222;
    background-image: linear-gradient(#FFEE43, #FE9035);
    border-radius: 30px
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-raceWin .item-title {
        font-size: 20px
    }
}

@media (min-width: 1025px) {
    .function-alert.win-bonus.show.win-raceWin .item-title {
        font-size: 26px
    }
}

.function-alert.win-bonus.show.win-raceWin .game-box {
    position: absolute;
    padding: 3px;
    color: #fff;
    background-image: linear-gradient(180deg, #B78342 0%, #F2EEC3 38.46%, #B78342 62%, #F2EEC3 100%);
    box-shadow: 0 6px 0 #A58B25
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-raceWin .game-box {
        top: -35px;
        width: 110px;
        border-radius: 23px
    }
}

@media (min-width: 1025px) {
    .function-alert.win-bonus.show.win-raceWin .game-box {
        top: -45px;
        width: 160px;
        border-radius: 28px
    }
}

.function-alert.win-bonus.show.win-raceWin .game-box .item-game {
    border: 1px solid rgba(0, 0, 0, 0.7)
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-raceWin .game-box .item-game {
        border-radius: 20px
    }
}

@media (min-width: 1025px) {
    .function-alert.win-bonus.show.win-raceWin .game-box .item-game {
        border-radius: 25px
    }
}

.function-alert.win-bonus.show.win-raceWin .brand-logo {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: -5px
}

.function-alert.win-bonus.show.win-raceWin .brand-logo img {
    position: unset;
    transform: none;
    width: auto
}

@media (max-width: 1024px) {
    .function-alert.win-bonus.show.win-raceWin .brand-logo img {
        width: 35px;
        height: 35px
    }
}

@media (min-width: 1025px) {
    .function-alert.win-bonus.show.win-raceWin .brand-logo img {
        width: 45px;
        height: 45px
    }
}

.demo-alert {
    display: none
}

.demo-alert.show {
    position: fixed;
    display: inline-block;
    z-index: 12000
}

.demo-alert.show .txt {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    text-align: center;
    background: radial-gradient(circle at center, #080808 0%, rgba(0, 0, 0, 0) 100%);
    padding: 35px;
    font-size: 16px;
    min-width: 500px
}

.demo-alert.show .txt span {
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em black
}

.downloadAPP {
    position: relative;
    border-radius: 13px;
    padding: 5px 15px 5px 5px;
    z-index: 1;
    margin: 0;
    color: #ffffffbf;
    width: 130px;
    display: inline-flex;
    align-items: center;
    text-align: left;
    font-size: 80%;
    gap: 6px;
    transition: all 0.40s ease-in-out;
    border: 1px solid #ffffff6c;
    text-decoration: none !important;
    animation: ping 1s ease-in-out infinite both
}

.downloadAPP::after {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #ffffffbc
}

.downloadAPP .txt {
    display: inline-block;
    white-space: normal
}

.downloadAPP .app-name {
    display: none
}

.downloadAPP.PWA::before {
    content: '';
    position: absolute;
    left: -3px;
    bottom: -3px;
    width: 15px;
    height: 15px;
    background: url(../../../theme/images/downloadApp/img-lightning.webp) no-repeat;
    background-size: cover
}

.downloadAPP.disabled {
    filter: grayscale(100%);
    opacity: .5;
    animation: none
}

.downloadAPP img {
    width: 35px;
    height: 35px;
    border-radius: 10px
}

.downloadAPP span {
    color: #ffffffbf;
    font-size: 12px
}

.downloadAPP:hover {
    box-shadow: 0 0 0 2px #ffffff91;
    color: #ffffff9d
}

.downloadAPP.VPN1111 {
    background: #2c3695
}

.downloadAPP.BRAND {
    background: #333
}

.downloadAPP.BRAND .tooltip {
    display: inline-block;
    opacity: 1;
    width: 90%
}

.page-web .download-box {
    background: linear-gradient(45deg, #3f3f3f, #333)
}

.toast.download-info.fade:not(.show),
.toast.download-info.fade.hide {
    display: none !important
}

.toast.download-info {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    max-width: 380px;
    max-height: 500px;
    z-index: 2147483640;
    border-radius: 20px 20px 0 0;
    margin: 0;
    background: url(../../../theme/images/src-common/VPN1111/downloadInfo-bg.webp) no-repeat right center;
    background-size: cover;
    padding: 25px 0 15px 0;
    box-shadow: 0 2px 5px #0000008a
}

.toast.download-info.num-1 {
    padding-top: 20px;
    width: 300px
}

.toast.download-info.num-1 .app-group {
    padding: 0 10% !important;
    width: 80%
}

.toast.download-info.num-2 {
    padding-top: 20px;
    width: 300px
}

.toast.download-info.num-2 .app-box .app-group {
    padding: 3px !important;
    width: 80%
}

.toast.download-info.num-3 .app-box {
    padding-top: 0
}

.toast.download-info .close {
    color: #1e3c72;
    position: absolute;
    background: #0974c1;
    border-radius: 100px;
    top: 5px;
    right: 5px;
    opacity: 1;
    color: #fff;
    text-shadow: none
}

.toast.download-info .close i {
    font-weight: bold
}

.toast.download-info .app-box {
    padding: 10px 5px 0px 5px;
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 6px
}

.toast.download-info .app-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3%;
    width: 100%
}

.toast.download-info .app-group a.downloadAPP {
    width: 100%
}

.toast.download-info .app-group a.downloadAPP:only-child {
    width: 100% !important
}

.toast.download-info .app-group.VPN1111 {
    width: 100%;
    margin: 0 auto;
    padding: 0 17%
}

.toast.download-info .app-group.VPN1111 .downloadAPP {
    background: #2c3695
}

.toast.download-info .app-group.VPN1111 .tit {
    background: url(../../../theme/images/src-common/VPN1111/downloadInfo-tit.webp) no-repeat left top;
    background-size: 60px;
    position: relative;
    width: 120%;
    padding: 15px 0 2px 23px;
    color: #1e3c72;
    white-space: normal;
    font-size: 12px
}

.toast.download-info .app-group.BRAND .tit {
    color: #646464;
    font-size: 12px;
    white-space: nowrap;
    text-align: right;
    width: auto;
    padding: 0 0 2px 0
}

.toast.download-info .app-group.BRAND .downloadAPP {
    background: #333
}

.toast.download-info .app-group.BRAND.PWA .downloadAPP::before {
    content: '';
    position: absolute;
    left: -3px;
    bottom: -3px;
    width: 15px;
    height: 15px;
    background: url(../../../theme/images/downloadApp/img-lightning.webp) no-repeat;
    background-size: cover
}

body.my .toast.download-info .app-box .app-group .tit {
    line-height: 22px !important
}

body.my .toast.download-info .app-box .app-group .downloadAPP .txt {
    line-height: 13px !important
}

body.en .toast.download-info .app-box .app-group.VPN1111 .tit,
body.cn .toast.download-info .app-box .app-group.VPN1111 .tit,
body.jp .toast.download-info .app-box .app-group.VPN1111 .tit,
body.ko .toast.download-info .app-box .app-group.VPN1111 .tit,
body.hi .toast.download-info .app-box .app-group.VPN1111 .tit,
body.pt .toast.download-info .app-box .app-group.VPN1111 .tit,
body.tl .toast.download-info .app-box .app-group.VPN1111 .tit {
    width: 96%
}

.POPULAR .toast.download-info.num-3 .app-box .app-group.BRAND,
.CLASSIC .toast.download-info.num-3 .app-box .app-group.BRAND {
    width: 45%
}

.device-PC .toast.download-info .app-box .app-group {
    width: 100%
}

.device-PC .toast.download-info .app-box .downloadAPP {
    padding: 3px;
    border-radius: 8px
}

.device-PC .toast.download-info .app-box .downloadAPP img {
    width: 30px;
    height: 30px;
    border-radius: 5px
}

.device-PC .toast.download-info .app-box .downloadAPP .txt {
    font-size: 12px
}

@keyframes ping {
    0% {
        box-shadow: 0 0 0 0 #33333362
    }

    50% {
        box-shadow: 0 0 0 2px #33333362
    }
}

body .modal.modal-addToScreen {
    height: 100% !important;
    z-index: 2147483642
}

body .modal.modal-addToScreen .modal-dialog {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    transition: none;
    transform: none
}

body .modal.modal-addToScreen .modal-content {
    border: none !important;
    outline: none !important;
    border-radius: 15px 15px 0 0;
    background: linear-gradient(#fff, #C3D1FE) !important;
    width: 95%;
    max-width: 380px;
    margin: 0 auto
}

body .modal.modal-addToScreen .modal-content .modal-header .modal-title {
    color: #1E3C72;
    width: 100%;
    text-align: center
}

body .modal.modal-addToScreen .modal-content .close {
    color: #1e3c72;
    position: absolute;
    z-index: 50;
    background: #0974c1;
    border-radius: 100px;
    top: 5px;
    right: 5px;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    width: 25px;
    height: 25px
}

body .modal.modal-addToScreen .modal-content .close i {
    font-size: 25px
}

body .modal.modal-addToScreen .modal-content .close::before {
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 25px
}

body .modal.modal-addToScreen .modal-content .modal-body {
    padding: 30px 5% 5% 5%;
    min-height: 280px;
    text-align: center
}

body .modal.modal-addToScreen .modal-content .modal-body p {
    font-size: 100%;
    color: #1c3175;
    text-align: center
}

body .modal.modal-addToScreen .modal-content .modal-body p b {
    color: #1c3175
}

body .modal.modal-addToScreen .modal-content .safari-only {
    display: block;
    margin: auto;
    width: 200px;
    height: auto;
    background: #b0bce286;
    border-radius: 20px;
    padding: 20px 20px 0px 20px
}

body .modal.modal-addToScreen .modal-content .ios-instructions {
    width: 300px;
    margin: auto
}

body.page-web .modal.modal-addToScreen .modal-dialog .modal-content {
    background: linear-gradient(#fff, #C3D1FE) !important
}

body.page-web .modal.modal-addToScreen .modal-dialog .modal-content .close {
    background: #0974c1 !important;
    color: #fff;
    border-radius: 100px !important
}

body.page-web .modal.modal-addToScreen .modal-dialog .modal-content .modal-body {
    background: none !important
}

body.bonusevent-open .toast.download-info.show {
    z-index: 2147483647
}

.page-web.type-R.my .toast.download-info.num-3 .downloadAPP::after,
.page-web.type-W.my .toast.download-info.num-3 .downloadAPP::after,
.page-web.type-L.my .toast.download-info.num-3 .downloadAPP::after,
.page-web.type-P.my .toast.download-info.num-3 .downloadAPP::after,
.page-web.type-BS.my .toast.download-info.num-3 .downloadAPP::after,
.page-web.WL.my .toast.download-info.num-3 .downloadAPP::after,
.page-web.EZ.my .toast.download-info.num-3 .downloadAPP::after {
    display: none
}

.page-web.type-R .toast.download-info,
.page-web.type-W .toast.download-info,
.page-web.type-L .toast.download-info,
.page-web.type-P .toast.download-info,
.page-web.type-BS .toast.download-info,
.page-web.WL .toast.download-info,
.page-web.EZ .toast.download-info {
    display: block;
    top: 0;
    bottom: auto;
    right: 0;
    height: fit-content;
    border-radius: 0;
    width: 100%;
    max-width: none;
    padding: 5px 25px 5px 0px;
    background: linear-gradient(#fff, #C3D1FE)
}

.page-web.type-R .toast.download-info .close,
.page-web.type-W .toast.download-info .close,
.page-web.type-L .toast.download-info .close,
.page-web.type-P .toast.download-info .close,
.page-web.type-BS .toast.download-info .close,
.page-web.WL .toast.download-info .close,
.page-web.EZ .toast.download-info .close {
    top: 45%;
    transform: translateY(-50%)
}

.page-web.type-R .toast.download-info .app-box,
.page-web.type-W .toast.download-info .app-box,
.page-web.type-L .toast.download-info .app-box,
.page-web.type-P .toast.download-info .app-box,
.page-web.type-BS .toast.download-info .app-box,
.page-web.WL .toast.download-info .app-box,
.page-web.EZ .toast.download-info .app-box {
    padding: 0
}

.page-web.type-R .toast.download-info .app-box .app-group .tit,
.page-web.type-W .toast.download-info .app-box .app-group .tit,
.page-web.type-L .toast.download-info .app-box .app-group .tit,
.page-web.type-P .toast.download-info .app-box .app-group .tit,
.page-web.type-BS .toast.download-info .app-box .app-group .tit,
.page-web.WL .toast.download-info .app-box .app-group .tit,
.page-web.EZ .toast.download-info .app-box .app-group .tit {
    display: none
}

.page-web.type-R .toast.download-info .app-box .app-group .downloadAPP,
.page-web.type-W .toast.download-info .app-box .app-group .downloadAPP,
.page-web.type-L .toast.download-info .app-box .app-group .downloadAPP,
.page-web.type-P .toast.download-info .app-box .app-group .downloadAPP,
.page-web.type-BS .toast.download-info .app-box .app-group .downloadAPP,
.page-web.WL .toast.download-info .app-box .app-group .downloadAPP,
.page-web.EZ .toast.download-info .app-box .app-group .downloadAPP {
    padding: 3px;
    width: 100%;
    border-radius: 7px
}

.page-web.type-R .toast.download-info .app-box .app-group .downloadAPP .txt,
.page-web.type-W .toast.download-info .app-box .app-group .downloadAPP .txt,
.page-web.type-L .toast.download-info .app-box .app-group .downloadAPP .txt,
.page-web.type-P .toast.download-info .app-box .app-group .downloadAPP .txt,
.page-web.type-BS .toast.download-info .app-box .app-group .downloadAPP .txt,
.page-web.WL .toast.download-info .app-box .app-group .downloadAPP .txt,
.page-web.EZ .toast.download-info .app-box .app-group .downloadAPP .txt {
    font-size: 10px;
    white-space: normal
}

.page-web.type-R .toast.download-info .app-box .app-group .downloadAPP img,
.page-web.type-W .toast.download-info .app-box .app-group .downloadAPP img,
.page-web.type-L .toast.download-info .app-box .app-group .downloadAPP img,
.page-web.type-P .toast.download-info .app-box .app-group .downloadAPP img,
.page-web.type-BS .toast.download-info .app-box .app-group .downloadAPP img,
.page-web.WL .toast.download-info .app-box .app-group .downloadAPP img,
.page-web.EZ .toast.download-info .app-box .app-group .downloadAPP img {
    width: 25px;
    height: 25px;
    border-radius: 5px
}

.page-web.type-R .toast.download-info .app-box .app-group.BRAND,
.page-web.type-W .toast.download-info .app-box .app-group.BRAND,
.page-web.type-L .toast.download-info .app-box .app-group.BRAND,
.page-web.type-P .toast.download-info .app-box .app-group.BRAND,
.page-web.type-BS .toast.download-info .app-box .app-group.BRAND,
.page-web.WL .toast.download-info .app-box .app-group.BRAND,
.page-web.EZ .toast.download-info .app-box .app-group.BRAND {
    width: 100%
}

.page-web.type-R .toast.download-info .app-box .app-group.VPN1111,
.page-web.type-W .toast.download-info .app-box .app-group.VPN1111,
.page-web.type-L .toast.download-info .app-box .app-group.VPN1111,
.page-web.type-P .toast.download-info .app-box .app-group.VPN1111,
.page-web.type-BS .toast.download-info .app-box .app-group.VPN1111,
.page-web.WL .toast.download-info .app-box .app-group.VPN1111,
.page-web.EZ .toast.download-info .app-box .app-group.VPN1111 {
    padding: 0
}

.page-web.type-R .toast.download-info.num-2 .app-box,
.page-web.type-W .toast.download-info.num-2 .app-box,
.page-web.type-L .toast.download-info.num-2 .app-box,
.page-web.type-P .toast.download-info.num-2 .app-box,
.page-web.type-BS .toast.download-info.num-2 .app-box,
.page-web.WL .toast.download-info.num-2 .app-box,
.page-web.EZ .toast.download-info.num-2 .app-box {
    gap: 5px
}

.page-web.type-R .toast.download-info.num-2 .app-group,
.page-web.type-W .toast.download-info.num-2 .app-group,
.page-web.type-L .toast.download-info.num-2 .app-group,
.page-web.type-P .toast.download-info.num-2 .app-group,
.page-web.type-BS .toast.download-info.num-2 .app-group,
.page-web.WL .toast.download-info.num-2 .app-group,
.page-web.EZ .toast.download-info.num-2 .app-group {
    width: 100%
}

.page-web.type-R .toast.download-info.num-1 .app-group,
.page-web.type-W .toast.download-info.num-1 .app-group,
.page-web.type-L .toast.download-info.num-1 .app-group,
.page-web.type-P .toast.download-info.num-1 .app-group,
.page-web.type-BS .toast.download-info.num-1 .app-group,
.page-web.WL .toast.download-info.num-1 .app-group,
.page-web.EZ .toast.download-info.num-1 .app-group {
    width: 80%;
    margin: 0 auto
}

.page-web.type-R .toast.download-info.num-3 .app-box,
.page-web.type-W .toast.download-info.num-3 .app-box,
.page-web.type-L .toast.download-info.num-3 .app-box,
.page-web.type-P .toast.download-info.num-3 .app-box,
.page-web.type-BS .toast.download-info.num-3 .app-box,
.page-web.WL .toast.download-info.num-3 .app-box,
.page-web.EZ .toast.download-info.num-3 .app-box {
    gap: 5px;
    max-width: 700px
}

.page-web.type-R .toast.download-info.num-2 .app-box,
.page-web.type-W .toast.download-info.num-2 .app-box,
.page-web.type-L .toast.download-info.num-2 .app-box,
.page-web.type-P .toast.download-info.num-2 .app-box,
.page-web.type-BS .toast.download-info.num-2 .app-box,
.page-web.WL .toast.download-info.num-2 .app-box,
.page-web.EZ .toast.download-info.num-2 .app-box {
    max-width: 500px
}

.page-web.type-R .toast.download-info.num-1 .app-box,
.page-web.type-W .toast.download-info.num-1 .app-box,
.page-web.type-L .toast.download-info.num-1 .app-box,
.page-web.type-P .toast.download-info.num-1 .app-box,
.page-web.type-BS .toast.download-info.num-1 .app-box,
.page-web.WL .toast.download-info.num-1 .app-box,
.page-web.EZ .toast.download-info.num-1 .app-box {
    max-width: 250px
}

.page-web.type-R .toast.download-info .app-box,
.page-web.type-W .toast.download-info .app-box,
.page-web.type-L .toast.download-info .app-box,
.page-web.type-P .toast.download-info .app-box,
.page-web.type-BS .toast.download-info .app-box,
.page-web.WL .toast.download-info .app-box,
.page-web.EZ .toast.download-info .app-box {
    padding: 0 5px 0 10px;
    align-items: center;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    gap: 10px;
    flex-wrap: nowrap
}

.page-web.type-R.device-PC .toast.download-info .app-box,
.page-web.type-W.device-PC .toast.download-info .app-box,
.page-web.type-L.device-PC .toast.download-info .app-box,
.page-web.type-P.device-PC .toast.download-info .app-box,
.page-web.type-BS.device-PC .toast.download-info .app-box,
.page-web.WL.device-PC .toast.download-info .app-box,
.page-web.EZ.device-PC .toast.download-info .app-box {
    max-width: 500px
}

.page-web.type-R.device-PC .toast.download-info .app-box .downloadAPP .txt,
.page-web.type-W.device-PC .toast.download-info .app-box .downloadAPP .txt,
.page-web.type-L.device-PC .toast.download-info .app-box .downloadAPP .txt,
.page-web.type-P.device-PC .toast.download-info .app-box .downloadAPP .txt,
.page-web.type-BS.device-PC .toast.download-info .app-box .downloadAPP .txt,
.page-web.WL.device-PC .toast.download-info .app-box .downloadAPP .txt,
.page-web.EZ.device-PC .toast.download-info .app-box .downloadAPP .txt {
    font-size: 12px
}

.page-web.type-R .modal.modal-addToScreen .modal-dialog,
.page-web.type-W .modal.modal-addToScreen .modal-dialog,
.page-web.type-L .modal.modal-addToScreen .modal-dialog,
.page-web.type-P .modal.modal-addToScreen .modal-dialog,
.page-web.type-BS .modal.modal-addToScreen .modal-dialog,
.page-web.WL .modal.modal-addToScreen .modal-dialog,
.page-web.EZ .modal.modal-addToScreen .modal-dialog {
    top: 3%;
    bottom: auto
}

.page-web.type-R .modal.modal-addToScreen .modal-dialog .modal-content,
.page-web.type-W .modal.modal-addToScreen .modal-dialog .modal-content,
.page-web.type-L .modal.modal-addToScreen .modal-dialog .modal-content,
.page-web.type-P .modal.modal-addToScreen .modal-dialog .modal-content,
.page-web.type-BS .modal.modal-addToScreen .modal-dialog .modal-content,
.page-web.WL .modal.modal-addToScreen .modal-dialog .modal-content,
.page-web.EZ .modal.modal-addToScreen .modal-dialog .modal-content {
    border-radius: 15px
}

.page-web.type-R.show-download {
    padding-top: 15px
}

.page-web.type-R.show-download .tab-nav-group.tab-nav-group-s {
    top: 45px !important
}

.page-web.type-R.show-download .tab-nav-group.tab-nav-group-s .tab-navs {
    top: auto !important
}

.page-web.type-R.show-download .tab-nav-group .tab-navs {
    top: 50px !important
}

.page-web.type-R.show-download.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group {
    top: 0 !important
}

.page-web.type-R.show-download.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
    top: auto !important
}

.page-web.type-W.show-download {
    padding-top: 15px
}

.page-web.type-W.show-download .page-wrapper .page-content .main-vert-tab .tab-nav-group {
    top: 50px
}

.page-web.type-W.show-download .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
    top: 120px !important
}

.page-web.type-W.show-download .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs {
    top: auto !important
}

.page-web.type-W.show-download .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs {
    top: 0px !important
}

.page-web.type-W.show-download.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group {
    top: 0 !important
}

.page-web.type-W.show-download.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
    top: auto !important
}

.page-web.type-L.show-download,
.page-web.type-P.show-download {
    padding-top: 45px
}

.page-web.type-L.show-download .checkInBtn,
.page-web.type-P.show-download .checkInBtn {
    top: 90px
}

.page-web.type-L.show-download .tab-nav-group.tab-nav-group-s,
.page-web.type-P.show-download .tab-nav-group.tab-nav-group-s {
    top: 45px !important
}

.page-web.type-L.show-download .tab-nav-group.tab-nav-group-s .tab-navs,
.page-web.type-P.show-download .tab-nav-group.tab-nav-group-s .tab-navs {
    top: auto !important
}

.page-web.type-L.show-download .tab-nav-group .tab-navs,
.page-web.type-P.show-download .tab-nav-group .tab-navs {
    top: 50px !important
}

.page-web.type-L.show-download.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group,
.page-web.type-P.show-download.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group {
    top: 0 !important
}

.page-web.type-L.show-download.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s,
.page-web.type-P.show-download.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
    top: auto !important
}

.page-web.type-P.show-download .checkInBtn {
    top: 140px
}

.page-web.type-BS.show-download.body-iframe .page-header {
    top: 0 !important
}

.page-web.type-BS.show-download .page-header {
    top: 45px !important
}

.page-web.type-BS.show-download>.page-wrapper {
    margin-top: 50px
}

.page-web.type-BS.show-download .page-sidebar {
    top: 45px
}

.page-web.type-BS.show-download.device-PC {
    padding-top: 50px
}

.page-web.WL.show-download .page-sidebar.active {
    top: 55px
}

.page-web.WL.show-download .page-wrapper {
    padding-top: 50px
}

.page-web.WL.show-download .tab-nav-group {
    top: 45px
}

.page-web.WL.show-download .page-login-box {
    top: 128px;
    transform: none !important
}

.page-web.WL.show-download.device-PC .page-sidebar.active {
    top: 50px
}

.page-web.WL.show-download.device-PC .page-login-box {
    top: 170px;
    transform: none !important
}

.page-web.EZ.show-download .page-wrapper {
    padding-top: 45px
}

.page-web.EZ.show-download .page-wrapper .tab-nav-group {
    top: 45px
}

.page-web.EZ.show-download .page-wrapper .page-header {
    top: 45px
}

.page-web.EZ.show-download .page-sidebar {
    top: 45px
}

body.body-iframe .toast.download-info {
    display: none !important
}

@media (min-width: 720px) {
    body.device-mobile .modal.modal-addToScreen .modal-dialog {
        max-width: 800px
    }
}

.owl-bonus .item .show-maintain,
.owl-bonus .item .show-blocked {
    display: none
}

.show-maintain,
.show-blocked {
    cursor: default !important;
    color: #909090f1;
    box-shadow: none
}

.show-maintain span.new,
.show-maintain span.hot,
.show-maintain::before,
.show-maintain .show-blocked,
.show-maintain .show-maintain,
.show-maintain .show-msg,
.show-maintain .ic_new,
.show-maintain .ic_hot,
.show-maintain .show-new,
.show-maintain .show-hot,
.show-maintain .show-top10,
.show-maintain .btn-demo,
.show-maintain .device-btn-box,
.show-maintain .show-bonus-event,
.show-maintain .show-jackpot,
.show-maintain .show-jackpot::before,
.show-maintain .cover,
.show-maintain .REBATE-promoSticky,
.show-maintain .platform-name,
.show-maintain .show-jackpot-MHB,
.show-maintain .img-frame::before,
.show-maintain .game-feature,
.show-maintain .txt-rtp,
.show-maintain .show-wager,
.show-maintain .txt-rate,
.show-maintain .JP-promoSticky,
.show-maintain .show-promo,
.show-maintain .ul-gameIcon-box::before,
.show-blocked span.new,
.show-blocked span.hot,
.show-blocked::before,
.show-blocked .show-blocked,
.show-blocked .show-maintain,
.show-blocked .show-msg,
.show-blocked .ic_new,
.show-blocked .ic_hot,
.show-blocked .show-new,
.show-blocked .show-hot,
.show-blocked .show-top10,
.show-blocked .btn-demo,
.show-blocked .device-btn-box,
.show-blocked .show-bonus-event,
.show-blocked .show-jackpot,
.show-blocked .show-jackpot::before,
.show-blocked .cover,
.show-blocked .REBATE-promoSticky,
.show-blocked .platform-name,
.show-blocked .show-jackpot-MHB,
.show-blocked .img-frame::before,
.show-blocked .game-feature,
.show-blocked .txt-rtp,
.show-blocked .show-wager,
.show-blocked .txt-rate,
.show-blocked .JP-promoSticky,
.show-blocked .show-promo,
.show-blocked .ul-gameIcon-box::before {
    display: none !important
}

.show-maintain .game-icon-frame::after,
.show-maintain .img-platform-logo,
.show-maintain img.game-icon,
.show-maintain img,
.show-blocked .game-icon-frame::after,
.show-blocked .img-platform-logo,
.show-blocked img.game-icon,
.show-blocked img {
    filter: grayscale(30%) brightness(30%) !important;
    box-shadow: none !important;
    border: none !important
}

.show-maintain .ul-gameIcon-txt,
.show-blocked .ul-gameIcon-txt {
    border-color: #000 !important
}

.show-maintain .ul-gameIcon-txt .txt-platform-name img,
.show-blocked .ul-gameIcon-txt .txt-platform-name img {
    filter: none !important
}

.show-maintain .ul-gameIcon-box,
.show-maintain .swiper-carousel-animate-opacity,
.show-blocked .ul-gameIcon-box,
.show-blocked .swiper-carousel-animate-opacity {
    border-color: #000 !important
}

.show-maintain .ul-gameIcon-box::after,
.show-maintain .swiper-carousel-animate-opacity::after,
.show-blocked .ul-gameIcon-box::after,
.show-blocked .swiper-carousel-animate-opacity::after {
    display: inline-block !important;
    position: absolute;
    border: none !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    background: none !important;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    font-family: 'icomoon' !important;
    content: '\e9b2' !important;
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 240% !important;
    font-weight: 400;
    color: #909090f1 !important;
    z-index: 101 !important;
    animation: none !important;
    height: auto !important;
    width: auto !important
}

.show-maintain .gametable-tit,
.show-blocked .gametable-tit {
    box-shadow: none !important;
    opacity: .6
}

.show-maintain .gametable-tit .txt-gameName,
.show-blocked .gametable-tit .txt-gameName {
    opacity: .5
}

.show-maintain .txt-gameName,
.show-blocked .txt-gameName {
    color: #909090f1 !important;
    opacity: .5
}

.show-maintain a,
.show-blocked a {
    box-shadow: none !important
}

.show-blocked .ul-gameIcon-box::after,
.show-blocked .swiper-carousel-animate-opacity::after {
    content: '\e97f' !important
}

.page-web.HOME .section-LIVE .section-ul ul li.show-maintain::after,
.page-web.HOME .section-LIVE .section-ul ul li.show-blocked::after,
.page-web.HOME .section-SPORTS .section-ul ul li.show-maintain::after,
.page-web.HOME .section-SPORTS .section-ul ul li.show-blocked::after,
.page-web.HOME .section-LIVEARENA .section-ul ul li.show-maintain::after,
.page-web.HOME .section-LIVEARENA .section-ul ul li.show-blocked::after {
    top: 45% !important
}

.page-web.SPORTS .section-box .section-ul ul li.show-maintain::after,
.page-web.SPORTS .section-box .section-ul ul li.show-blocked::after,
.page-web.LIVEARENA .section-box .section-ul ul li.show-maintain::after,
.page-web.LIVEARENA .section-box .section-ul ul li.show-blocked::after {
    top: 50% !important
}

.page-web.LIVE .section-box .section-ul ul li.show-maintain::after,
.page-web.LIVE .section-box .section-ul ul li.show-blocked::after {
    top: 40% !important
}

.page-web .section-JACKPOT .section-ul ul li.show-maintain::after,
.page-web .section-JACKPOT .section-ul ul li.show-blocked::after {
    top: 40% !important
}

.page-bonus-div .page-bonus-body .owl-bonus li.show-maintain a::after,
.page-bonus-div .page-bonus-body .owl-bonus li.show-blocked a::after {
    display: inline-block !important;
    position: absolute;
    border: none !important;
    top: 50% !important;
    left: 45% !important;
    right: auto !important;
    bottom: auto !important;
    background: none !important;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    font-family: 'icomoon' !important;
    content: '\e9b2' !important;
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 240% !important;
    font-weight: 400;
    color: #909090f1 !important;
    z-index: 101 !important;
    animation: none !important;
    height: auto !important;
    width: auto !important
}

.page-bonus-div .page-bonus-body .owl-bonus li.show-blocked::after {
    display: none
}

.page-bonus-div .page-bonus-body .owl-bonus li.show-blocked a::after {
    content: '\e97f' !important
}

body main .LIVETABLE .owl-table .owl-item li div {
    position: relative
}

body main .LIVETABLE .owl-table .owl-item li div.show-maintain,
body main .LIVETABLE .owl-table .owl-item li div.show-blocked {
    display: inline-block !important
}

body main article section ul li.show-maintain::after,
body main article section ul li.show-blocked::after {
    background: none !important
}

body main article section ul li.show-maintain::before,
body main article section ul li.show-blocked::before {
    background: none !important
}

body main article section ul li.show-maintain.show-jackpot::before,
body main article section ul li.show-blocked.show-jackpot::before {
    background: none
}

body main article section.live_game ul li.show-maintain::before,
body main article section.live_game ul li.show-blocked::before {
    display: none !important
}

body main article section.live_game ul li.show-maintain::after,
body main article section.live_game ul li.show-blocked::after {
    top: 55% !important
}

body main article section.livearena_game ul li.show-maintain::before,
body main article section.livearena_game ul li.show-blocked::before,
body main article section.sports_game ul li.show-maintain::before,
body main article section.sports_game ul li.show-blocked::before {
    display: none !important
}

body main article section.livearena_game ul li.show-maintain::after,
body main article section.livearena_game ul li.show-blocked::after,
body main article section.sports_game ul li.show-maintain::after,
body main article section.sports_game ul li.show-blocked::after {
    top: 60% !important
}

body main article section.LOCALGAME ul li.show-maintain::after,
body main article section.LOCALGAME ul li.show-blocked::after {
    top: 35% !important
}

body.device-PC ul.game-icon li.show-maintain.game.show-jackpot::before,
body.device-PC ul.game-icon li.show-blocked.game.show-jackpot::before {
    background: none
}

body.device-PC section.game-wrap .game-icon>li::before,
body.device-PC section.game-wrap ul.ul-gameList li::before {
    display: block !important
}

body.device-PC section.game-wrap .game-icon>li.promote.show-maintain::after,
body.device-PC section.game-wrap .game-icon>li.promote.show-blocked::after,
body.device-PC section.game-wrap ul.ul-gameList li.promote.show-maintain::after,
body.device-PC section.game-wrap ul.ul-gameList li.promote.show-blocked::after {
    font-size: 360% !important
}

.page-web.type-R.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.CRICKET.show-maintain .game-icon-frame,
.page-web.type-R.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.CRICKET.show-blocked .game-icon-frame,
.page-web.type-R.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.BTC.show-maintain .game-icon-frame,
.page-web.type-R.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.BTC.show-blocked .game-icon-frame {
    filter: grayscale(60%) brightness(60%) !important
}

.page-web .section-ul li.show-maintain:hover,
.page-web .section-ul li.show-blocked:hover {
    top: 0 !important
}

.page-web .section-box.section-FEATURE .section-ul li.show-maintain::after,
.page-web .section-box.section-FEATURE .section-ul li.show-blocked::after {
    display: inline-block !important
}

.page-web .section-box.section-FEATURE .section-ul li.show-maintain .img-frame img.game-icon,
.page-web .section-box.section-FEATURE .section-ul li.show-blocked .img-frame img.game-icon {
    padding: 0
}

.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-blocked {
    background: #000
}

.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-jackpot-fire.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-jackpot-fire.show-blocked::after {
    transform: translate(-50%, -50%) !important
}

.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-jackpot-fire.show-maintain::before,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-jackpot-fire.show-blocked::before {
    display: block !important;
    color: #535353
}

.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.game-list-ul li.show-maintain::before,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.game-list-ul li.show-blocked::before {
    display: block !important;
    color: #535353
}

.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.FH .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.FH .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SLOT .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SLOT .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.ARCADE .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.ARCADE .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.RNGTABLE .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.RNGTABLE .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVE .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVE .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVEARENA .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVEARENA .section-ul li.show-blocked,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LOTTERY .section-ul li.show-maintain,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LOTTERY .section-ul li.show-blocked {
    padding: 0
}

.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.FH .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.FH .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SLOT .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SLOT .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.ARCADE .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.ARCADE .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.RNGTABLE .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content.RNGTABLE .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVE .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVE .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVEARENA .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVEARENA .section-ul li.show-blocked::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LOTTERY .section-ul li.show-maintain::after,
.page-web.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-LOTTERY .section-ul li.show-blocked::after {
    display: inline-block
}

.page-web.type-W .page-content.page-game-list .section-ul li.show-maintain::before,
.page-web.type-W .page-content.page-game-list .section-ul li.show-blocked::before,
.page-web.type-W .page-content.page-search .section-ul li.show-maintain::before,
.page-web.type-W .page-content.page-search .section-ul li.show-blocked::before {
    display: block !important;
    color: #535353
}

.page-web.type-W .page-content.page-game-list .section-ul li.show-maintain::after,
.page-web.type-W .page-content.page-game-list .section-ul li.show-blocked::after,
.page-web.type-W .page-content.page-search .section-ul li.show-maintain::after,
.page-web.type-W .page-content.page-search .section-ul li.show-blocked::after {
    top: 50% !important
}

.page-web.type-W .page-content.page-game-list .section-ul li.show-maintain .platform-name,
.page-web.type-W .page-content.page-game-list .section-ul li.show-blocked .platform-name,
.page-web.type-W .page-content.page-search .section-ul li.show-maintain .platform-name,
.page-web.type-W .page-content.page-search .section-ul li.show-blocked .platform-name {
    display: none !important
}

.page-web.type-W .page-content.page-game-list .section-ul li.show-maintain .platform-name::after,
.page-web.type-W .page-content.page-game-list .section-ul li.show-blocked .platform-name::after,
.page-web.type-W .page-content.page-search .section-ul li.show-maintain .platform-name::after,
.page-web.type-W .page-content.page-search .section-ul li.show-blocked .platform-name::after {
    display: none !important
}

.page-web.type-W .page-content.page-game-list .section-ul li.show-maintain .txt-platform-name,
.page-web.type-W .page-content.page-game-list .section-ul li.show-blocked .txt-platform-name,
.page-web.type-W .page-content.page-search .section-ul li.show-maintain .txt-platform-name,
.page-web.type-W .page-content.page-search .section-ul li.show-blocked .txt-platform-name {
    display: none !important
}

.page-web.type-W .page-content.page-game-list .section-ul li.show-maintain .txt-platform-name::after,
.page-web.type-W .page-content.page-game-list .section-ul li.show-blocked .txt-platform-name::after,
.page-web.type-W .page-content.page-search .section-ul li.show-maintain .txt-platform-name::after,
.page-web.type-W .page-content.page-search .section-ul li.show-blocked .txt-platform-name::after {
    display: none !important
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-maintain::after,
.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-blocked::after {
    top: 45% !important
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVE .section-ul li.show-maintain::after,
.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVE .section-ul li.show-blocked::after,
.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li.show-maintain::after,
.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li.show-blocked::after,
.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVEARENA .section-ul li.show-maintain::after,
.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVEARENA .section-ul li.show-blocked::after {
    top: 42% !important
}

.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-blocked::after,
.page-web.type-BS .pop-gamelist .section-ul li.show-maintain::after,
.page-web.type-BS .pop-gamelist .section-ul li.show-blocked::after {
    top: 40% !important
}

.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-maintain .txt-platform-name,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-blocked .txt-platform-name,
.page-web.type-BS .pop-gamelist .section-ul li.show-maintain .txt-platform-name,
.page-web.type-BS .pop-gamelist .section-ul li.show-blocked .txt-platform-name {
    display: block !important
}

.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-new.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-new.show-blocked::after,
.page-web.type-BS .pop-gamelist .section-ul li.show-new.show-maintain::after,
.page-web.type-BS .pop-gamelist .section-ul li.show-new.show-blocked::after {
    top: 41% !important;
    width: auto !important;
    height: auto !important;
    transform: translate(-50%, -50%) !important;
    line-height: 50px !important;
    font-size: 240% !important
}

.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul li.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul li.show-blocked::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .section-ul li.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .section-ul li.show-blocked::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.LOTTERY .section-ul li.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.LOTTERY .section-ul li.show-blocked::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul li.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul li.show-blocked::after,
.page-web.type-BS .pop-gamelist.SPORTS .section-ul li.show-maintain::after,
.page-web.type-BS .pop-gamelist.SPORTS .section-ul li.show-blocked::after,
.page-web.type-BS .pop-gamelist.LIVE .section-ul li.show-maintain::after,
.page-web.type-BS .pop-gamelist.LIVE .section-ul li.show-blocked::after,
.page-web.type-BS .pop-gamelist.LOTTERY .section-ul li.show-maintain::after,
.page-web.type-BS .pop-gamelist.LOTTERY .section-ul li.show-blocked::after,
.page-web.type-BS .pop-gamelist.LIVEARENA .section-ul li.show-maintain::after,
.page-web.type-BS .pop-gamelist.LIVEARENA .section-ul li.show-blocked::after {
    top: 55% !important
}

.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVE .section-ul li.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVE .section-ul li.show-blocked::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li.show-blocked::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVEARENA .section-ul li.show-maintain::after,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-LIVEARENA .section-ul li.show-blocked::after,
.page-web.type-BS .pop-gamelist .section-LIVE .section-ul li.show-maintain::after,
.page-web.type-BS .pop-gamelist .section-LIVE .section-ul li.show-blocked::after,
.page-web.type-BS .pop-gamelist .section-SPORTS .section-ul li.show-maintain::after,
.page-web.type-BS .pop-gamelist .section-SPORTS .section-ul li.show-blocked::after,
.page-web.type-BS .pop-gamelist .section-LIVEARENA .section-ul li.show-maintain::after,
.page-web.type-BS .pop-gamelist .section-LIVEARENA .section-ul li.show-blocked::after {
    top: 42% !important
}

.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul li.show-maintain .txt-platform-name,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul li.show-blocked .txt-platform-name {
    display: inline-block !important
}

.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-box.section-LIVE .section-ul li.show-maintain .txt-platform-name,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-box.section-LIVE .section-ul li.show-blocked .txt-platform-name {
    display: none !important
}

.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-maintain .txt-platform-name,
.page-web.type-BS .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.show-blocked .txt-platform-name {
    display: none !important
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li.show-maintain a::after,
.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li.show-blocked a::after {
    display: inline-block !important;
    position: absolute;
    border: none !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    background: none !important;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    font-family: 'icomoon' !important;
    content: '\e9b2' !important;
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 240% !important;
    font-weight: 400;
    color: #909090f1 !important;
    z-index: 101 !important;
    animation: none !important;
    height: auto !important;
    width: auto !important
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li.show-blocked a::after {
    content: '\e97f' !important
}

.WL .section-LIVEARENA .show-maintain .ul-gameIcon-box::after,
.WL .section-LIVEARENA .show-maintain .swiper-carousel-animate-opacity::after,
.WL .section-LIVEARENA .show-blocked .ul-gameIcon-box::after,
.WL .section-LIVEARENA .show-blocked .swiper-carousel-animate-opacity::after,
.WL .section-SPORTS .show-maintain .ul-gameIcon-box::after,
.WL .section-SPORTS .show-maintain .swiper-carousel-animate-opacity::after,
.WL .section-SPORTS .show-blocked .ul-gameIcon-box::after,
.WL .section-SPORTS .show-blocked .swiper-carousel-animate-opacity::after,
.WL .swiper-LIVE .show-maintain .ul-gameIcon-box::after,
.WL .swiper-LIVE .show-maintain .swiper-carousel-animate-opacity::after,
.WL .swiper-LIVE .show-blocked .ul-gameIcon-box::after,
.WL .swiper-LIVE .show-blocked .swiper-carousel-animate-opacity::after {
    font-size: 300% !important
}

.EZ .section-LIVETABLE .show-blocked .ul-gameIcon-txt::after {
    content: '\e97f'
}

.EZ .section-LIVETABLE .show-maintain .ul-gameIcon-txt::after {
    content: '\e9b2'
}

.EZ .section-LIVETABLE .show-maintain .ul-gameIcon-txt img,
.EZ .section-LIVETABLE .show-blocked .ul-gameIcon-txt img {
    background: #1111116f;
    border-radius: 8px
}

.EZ .section-LIVETABLE .show-maintain .ul-gameIcon-txt::after,
.EZ .section-LIVETABLE .show-blocked .ul-gameIcon-txt::after {
    display: inline-block;
    position: absolute;
    border: none;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    background: none;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    font-family: 'icomoon';
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 240%;
    font-weight: 400;
    color: #909090f1;
    z-index: 101;
    animation: none;
    height: auto;
    width: auto
}

.EZ .section-LIVETABLE .show-maintain .ul-gameIcon-txt::before,
.EZ .section-LIVETABLE .show-maintain .counter,
.EZ .section-LIVETABLE .show-maintain .ul-gameIcon-box::before,
.EZ .section-LIVETABLE .show-blocked .ul-gameIcon-txt::before,
.EZ .section-LIVETABLE .show-blocked .counter,
.EZ .section-LIVETABLE .show-blocked .ul-gameIcon-box::before {
    opacity: 0.2 !important
}

.EZ .section-FREESPIN .FREESPIN-box.show-blocked::before,
.EZ .section-FREESPIN .FREESPIN-box.show-maintain::before {
    display: block !important;
    opacity: 0.1
}

.EZ .section-FREESPIN .FREESPIN-box.show-blocked::after,
.EZ .section-FREESPIN .FREESPIN-box.show-blocked .ul-gameIcon-txt,
.EZ .section-FREESPIN .FREESPIN-box.show-blocked .countdown,
.EZ .section-FREESPIN .FREESPIN-box.show-maintain::after,
.EZ .section-FREESPIN .FREESPIN-box.show-maintain .ul-gameIcon-txt,
.EZ .section-FREESPIN .FREESPIN-box.show-maintain .countdown {
    opacity: 0.2
}

.EZ .modal .show-maintain .txt-platform-name,
.EZ .modal .show-blocked .txt-platform-name,
.EZ .section-LIVEARENA .show-maintain .txt-platform-name,
.EZ .section-LIVEARENA .show-blocked .txt-platform-name,
.EZ .section-FREESPIN .show-maintain .txt-platform-name,
.EZ .section-FREESPIN .show-blocked .txt-platform-name,
.EZ .section-SPORTS .show-maintain .txt-platform-name,
.EZ .section-SPORTS .show-blocked .txt-platform-name,
.EZ .section-box .show-maintain .txt-platform-name,
.EZ .section-box .show-blocked .txt-platform-name,
.EZ .section-LIVE .show-maintain .txt-platform-name,
.EZ .section-LIVE .show-blocked .txt-platform-name,
.EZ .section-LOTTERY .show-maintain .txt-platform-name,
.EZ .section-LOTTERY .show-blocked .txt-platform-name {
    opacity: 0.5
}

.EZ .modal .show-maintain .ul-gameIcon-box,
.EZ .modal .show-blocked .ul-gameIcon-box,
.EZ .section-LIVEARENA .show-maintain .ul-gameIcon-box,
.EZ .section-LIVEARENA .show-blocked .ul-gameIcon-box,
.EZ .section-FREESPIN .show-maintain .ul-gameIcon-box,
.EZ .section-FREESPIN .show-blocked .ul-gameIcon-box,
.EZ .section-SPORTS .show-maintain .ul-gameIcon-box,
.EZ .section-SPORTS .show-blocked .ul-gameIcon-box,
.EZ .section-box .show-maintain .ul-gameIcon-box,
.EZ .section-box .show-blocked .ul-gameIcon-box,
.EZ .section-LIVE .show-maintain .ul-gameIcon-box,
.EZ .section-LIVE .show-blocked .ul-gameIcon-box,
.EZ .section-LOTTERY .show-maintain .ul-gameIcon-box,
.EZ .section-LOTTERY .show-blocked .ul-gameIcon-box {
    cursor: default
}

.EZ .modal .show-maintain .ul-gameIcon-box::after,
.EZ .modal .show-blocked .ul-gameIcon-box::after,
.EZ .section-LIVEARENA .show-maintain .ul-gameIcon-box::after,
.EZ .section-LIVEARENA .show-blocked .ul-gameIcon-box::after,
.EZ .section-FREESPIN .show-maintain .ul-gameIcon-box::after,
.EZ .section-FREESPIN .show-blocked .ul-gameIcon-box::after,
.EZ .section-SPORTS .show-maintain .ul-gameIcon-box::after,
.EZ .section-SPORTS .show-blocked .ul-gameIcon-box::after,
.EZ .section-box .show-maintain .ul-gameIcon-box::after,
.EZ .section-box .show-blocked .ul-gameIcon-box::after,
.EZ .section-LIVE .show-maintain .ul-gameIcon-box::after,
.EZ .section-LIVE .show-blocked .ul-gameIcon-box::after,
.EZ .section-LOTTERY .show-maintain .ul-gameIcon-box::after,
.EZ .section-LOTTERY .show-blocked .ul-gameIcon-box::after {
    display: inline-block;
    position: absolute;
    border: none;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    background: none;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    font-family: 'icomoon';
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 240%;
    font-weight: 400;
    color: #909090f1;
    z-index: 101;
    animation: none;
    height: auto;
    width: auto
}

.EZ .modal .show-blocked .ul-gameIcon-box::after,
.EZ .section-LIVEARENA .show-blocked .ul-gameIcon-box::after,
.EZ .section-FREESPIN .show-blocked .ul-gameIcon-box::after,
.EZ .section-SPORTS .show-blocked .ul-gameIcon-box::after,
.EZ .section-box .show-blocked .ul-gameIcon-box::after,
.EZ .section-LIVE .show-blocked .ul-gameIcon-box::after,
.EZ .section-LOTTERY .show-blocked .ul-gameIcon-box::after {
    content: '\e97f'
}

.EZ .modal .show-maintain .ul-gameIcon-box::after,
.EZ .section-LIVEARENA .show-maintain .ul-gameIcon-box::after,
.EZ .section-FREESPIN .show-maintain .ul-gameIcon-box::after,
.EZ .section-SPORTS .show-maintain .ul-gameIcon-box::after,
.EZ .section-box .show-maintain .ul-gameIcon-box::after,
.EZ .section-LIVE .show-maintain .ul-gameIcon-box::after,
.EZ .section-LOTTERY .show-maintain .ul-gameIcon-box::after {
    content: '\e9b2'
}

.page-web.loading {
    background-position: center !important;
    background-size: cover !important;
    overflow: hidden;
    background: linear-gradient(#0c151d, #142b3f);
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-web.loading.FAFA {
    background: #381236
}

.page-web.loading.KINGDOM,
.page-web.loading.NX {
    background: #78062d
}

.page-web.loading.ALO789,
.page-web.loading.TELE789 {
    background: #9a4107
}

.page-web.loading.SOG {
    background: #0c0722
}

.page-web.loading.SPINBREAK,
.page-web.loading.KING88,
.page-web.loading.INF988 {
    background: #13054f
}

.page-web.loading.MWGAMING {
    background: #fef4e0
}

.page-web.loading.MWCASH {
    background: #09122f
}

.page-web.loading.M9 {
    background: #15350e
}

.page-web.loading.WINBDT {
    background: #0a0a0a
}

.page-web.loading.GC88,
.page-web.loading.RGWIN777 {
    background: #1c2335
}

.page-web.loading.MCW,
.page-web.loading.NUEBE,
.page-web.loading.FC,
.page-web.loading.PITO777,
.page-web.loading.APEX,
.page-web.loading.SWERTE2PLAY,
.page-web.loading.ICHIBAN,
.page-web.loading.TMT,
.page-web.loading.TMTVIP,
.page-web.loading.TMTVIPCASH,
.page-web.loading.SV388,
.page-web.loading.SANOOK,
.page-web.loading.MW,
.page-web.loading.EXTREME88,
.page-web.loading.EXTREMETMT,
.page-web.loading.MAXWIN,
.page-web.loading.MAXWINPH,
.page-web.loading.IBET369-88,
.page-web.loading.ESCALA,
.page-web.loading.TIGERS,
.page-web.loading.NEXTGEN88,
.page-web.loading.MDRPLAY,
.page-web.loading.MAX888 {
    background: #000
}

.page-web.loading.D2DBET,
.page-web.loading.BET4X4,
.page-web.loading.PS24,
.page-web.loading.VIPX,
.page-web.loading.CASINOCAROUSEL88 {
    background: #fff
}

.page-web.loading.SEXYBACCARAT {
    background: #b10833
}

.page-web.loading.GOTT7,
.page-web.loading.QUADRA88,
.page-web.loading.QUADRACASH {
    background: #01037e
}

.page-web.loading.ATLANTIS88 {
    background: #0b1a49
}

.page-web.loading img.logo {
    width: 320px;
    object-fit: cover;
    margin-top: 20px
}

.page-web.loading .lds-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    display: inline-block;
    width: 80px;
    height: 80px
}

.page-web.loading .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite
}

.page-web.loading .lds-spinner div::after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
    filter: contrast(0.5)
}

.page-web.loading .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s
}

.page-web.loading .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

.page-web.loading .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s
}

.page-web.loading .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s
}

.page-web.loading .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s
}

.page-web.loading .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s
}

.page-web.loading .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s
}

.page-web.loading .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s
}

.page-web.loading .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s
}

.page-web.loading .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s
}

.page-web.loading .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s
}

.page-web.loading .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.outstanding .loading-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000d9;
    z-index: 2147483647
}

.outstanding .loading-box .spinner {
    position: absolute;
    top: 50%;
    left: calc(50% - 50px);
    width: 100px;
    text-align: center
}

.outstanding .loading-box .spinner>div {
    width: 18px;
    height: 18px;
    background-color: #e2e2e2;
    margin: 0 5px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.outstanding .loading-box .spinner>div.bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.outstanding .loading-box .spinner>div.bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

body .page-fix-rt {
    position: fixed;
    right: 0px;
    top: 165px;
    z-index: 997;
    transition: all 0.40s ease-in-out
}

body .page-fix-rt a.btn {
    background-color: #1F457A;
    padding: 2px 10px;
    display: block;
    border-radius: 0px
}

body .page-fix-rt a.btn:hover {
    background-color: #203a60
}

body .page-fix-rt a.btn:first-child {
    border-radius: 8px 0 0 0;
    padding-bottom: 0
}

body .page-fix-rt a.btn:last-child {
    border-radius: 0 0 0 8px;
    padding-top: 0;
    box-shadow: 0 3px 5px #000000b6
}

body .page-fix-rt a.btn:only-child {
    border-radius: 8px 0 0 8px
}

body .page-fix-rt a.btn i {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-shadow: 0 2px 5px #3333336e
}

body .page-fix-rt a.btn i::before {
    color: #fff
}

body .page-fix-rt a.btn.btn-tournament {
    position: relative
}

body .page-fix-rt a.btn.btn-tournament .icon-top-three .dot {
    position: absolute;
    right: 3px;
    top: 2px;
    background-color: #ff4684;
    border: 1px solid #333;
    border-radius: 100px;
    width: 12px;
    height: 12px
}

footer .img-PAGCOR {
    cursor: pointer;
    display: inline-block;
    width: 180px;
    margin: 0 10px;
    vertical-align: middle
}

footer .img-GCASH {
    display: inline-block;
    width: 120px;
    height: 50px;
    margin: 0 20px;
    vertical-align: middle
}

footer .img-PAYMAYA {
    display: inline-block;
    width: 120px;
    height: 50px;
    margin: 0 20px;
    vertical-align: middle
}

footer .d-block {
    padding-top: 20px;
    text-align: center
}

.device-PC footer .img-PAGCOR {
    display: block;
    width: 220px;
    margin: 10px auto 0 auto
}

.footer-platform {
    display: block;
    padding: 1% 2%;
    margin: 0 auto 1% auto;
    text-align: center;
    position: relative
}

.footer-platform img {
    width: 90px;
    margin: 0 5px;
    height: 50px;
    object-fit: contain
}

.footer-platform img.JDB,
.footer-platform img.JILI,
.footer-platform img.ICF {
    width: 38.5px
}

.footer-platform img.BTC,
.footer-platform img.BNG,
.footer-platform img.MGGAMING,
.footer-platform img.MGLIVE,
.footer-platform img.POCKET,
.footer-platform img.RICH88,
.footer-platform img.CFE,
.footer-platform img.SV388 {
    width: 44px
}

.footer-platform img.CARD365,
.footer-platform img.EKOR,
.footer-platform img.YB,
.footer-platform img.DG,
.footer-platform img.BTG,
.footer-platform img.BTGHPI,
.footer-platform img.CRICKET,
.footer-platform img.FACHAI,
.footer-platform img.HRB,
.footer-platform img.MIMI,
.footer-platform img.HRG,
.footer-platform img.REDTIGER,
.footer-platform img.REDTIGERHPI,
.footer-platform img.OM,
.footer-platform img.SVCASINO,
.footer-platform img.WMSLOT,
.footer-platform img.SVSPORTS,
.footer-platform img.TPG,
.footer-platform img.SPRIBE,
.footer-platform img.MPSPORTS,
.footer-platform img.SEXYBCRT,
.footer-platform img.PLAY8,
.footer-platform img.PLAY8GAMING,
.footer-platform img.WINFINITY,
.footer-platform img.SABASPORTS,
.footer-platform img.DBCASINO,
.footer-platform img.JOLLISPORTS,
.footer-platform img.UGLOTTO,
.footer-platform img.RWB,
.footer-platform img.RELAX,
.footer-platform img.DDGAMING,
.footer-platform img.PLAYSTAR {
    width: 49.5px
}

.device-PC .footer-platform {
    max-width: 1440px;
    padding: 1% 0
}

.device-PC .footer-platform.num-30,
.device-PC .footer-platform.num-29 {
    max-width: 1300px
}

.device-PC .footer-platform.num-28,
.device-PC .footer-platform.num-27,
.device-PC .footer-platform.num-26 {
    max-width: 1200px
}

.device-PC .footer-platform.num-25,
.device-PC .footer-platform.num-24,
.device-PC .footer-platform.num-23 {
    max-width: 1100px
}

.device-PC .footer-platform.num-22,
.device-PC .footer-platform.num-21 {
    max-width: 1000px
}

.device-PC .footer-platform.num-20,
.device-PC .footer-platform.num-19,
.device-PC .footer-platform.num-18 {
    max-width: 900px
}

.device-PC .footer-platform img {
    width: 70px;
    margin: 0 5px;
    height: 50px;
    object-fit: contain
}

footer .txt-support,
.modal-content .txt-support {
    background: none !important;
    padding-bottom: 0 !important
}

footer .txt-support .badge,
.modal-content .txt-support .badge {
    margin-top: 0 !important;
    align-items: center
}

footer .txt-support .badge img,
.modal-content .txt-support .badge img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    vertical-align: middle
}

footer .page-wrapper,
.modal-content .page-wrapper {
    padding: 0
}

footer .page-wrapper .policy-area-menu,
.modal-content .page-wrapper .policy-area-menu {
    background: none;
    border: none;
    padding: 0 0 5px 0;
    text-align: center;
    border-radius: 8px;
    margin: 10px 0 0 0
}

footer .page-wrapper .policy-area-menu i,
.modal-content .page-wrapper .policy-area-menu i {
    display: none
}

footer .page-wrapper .policy-area-menu .txt-link,
.modal-content .page-wrapper .policy-area-menu .txt-link {
    padding: 0 8px;
    margin: 0 0 10px 0;
    font-size: 100%;
    line-height: 25px;
    color: #e1be83;
    text-decoration: underline
}

footer .license-menu,
.modal-content .license-menu {
    position: relative;
    width: 100%;
    z-index: 1
}

footer .license-menu>div,
.modal-content .license-menu>div {
    display: inline-block;
    padding: 0 2px;
    margin: 0 5px
}

footer .license-menu>div img,
.modal-content .license-menu>div img {
    cursor: pointer;
    width: 50px;
    height: 50px;
    object-fit: contain
}

.device-PC footer .page-wrapper .txt-support br {
    display: inline-block !important
}

.device-PC footer .page-wrapper .policy-area-menu {
    background: none;
    text-align: left;
    padding-left: 0;
    margin-bottom: 20px
}

.device-PC footer .page-wrapper .policy-area-menu .txt-link {
    padding-left: 8px;
    margin: 0;
    text-decoration: underline;
    border-right: none
}

.device-PC footer .page-wrapper .policy-area-menu .txt-link:first-child {
    padding-left: 0 !important
}

.device-PC footer .page-wrapper .policy-area-menu .txt-link::after {
    margin-left: 17px;
    content: '';
    width: 1px;
    height: 30px;
    border-right: 1px solid #bfa85d9a
}

.device-PC footer .page-wrapper .policy-area-menu .txt-link:last-child::after {
    display: none
}

.device-PC footer .license-menu {
    width: 50%;
    margin: 0 auto
}

.modal.modal-brandInfo {
    height: 100% !important;
    z-index: 2147483642
}

.modal.modal-brandInfo .modal-dialog {
    margin: auto
}

.modal.modal-brandInfo .modal-content {
    background: #333;
    max-height: none
}

.modal.modal-brandInfo .modal-header.modal-tit {
    position: relative;
    text-align: center;
    padding: 10px 0px 10px 20px;
    line-height: 25px;
    font-size: 110%;
    border: none
}

.modal.modal-brandInfo .modal-header.modal-tit p {
    margin: 0;
    color: #fff;
    text-align: left;
    line-height: normal;
    font-size: 90%;
    width: calc(100% - 35px)
}

.modal.modal-brandInfo .modal-header.modal-tit .close {
    position: absolute;
    top: 2px;
    right: 5px;
    padding: 0;
    opacity: 1;
    border-radius: 50px;
    width: 34px;
    height: 34px;
    font-size: 30px;
    margin: 0
}

.modal.modal-brandInfo .modal-header.modal-tit .close i {
    font-size: 30px;
    line-height: 34px
}

.modal.modal-brandInfo .modal-header.modal-tit .close i::before {
    font-family: 'icomoon' !important;
    content: '\e914';
    display: inline-block;
    text-align: center;
    color: #fff
}

.modal.modal-brandInfo .modal-body {
    padding: 0 2% 2% 2%;
    overflow: hidden;
    max-height: none
}

.modal.modal-brandInfo iframe {
    background: #fff;
    border-radius: 6px;
    max-height: 73vh
}

.modal.modal-brandInfo .modal-footer {
    border: none;
    align-items: center;
    justify-content: center;
    padding: 5px
}

.modal.modal-brandInfo .modal-footer .btn.btn-primary {
    max-width: 300px;
    width: 100%;
    text-decoration: none;
    background-color: #007bff;
    border: none
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .modal.modal-brandInfo {
        height: 93vh !important
    }
}

.warning_text {
    width: 100%
}

.warning_text .policy-area-menu {
    background: none;
    text-align: center;
    padding-left: 0;
    margin-bottom: 20px
}

.warning_text .policy-area-menu i {
    display: none
}

.warning_text .policy-area-menu .txt-link {
    padding-left: 12px;
    margin: 5px 0 0 0;
    text-decoration: underline;
    border-right: none;
    line-height: 30px
}

.warning_text .policy-area-menu .txt-link:first-child {
    padding-left: 0 !important
}

.warning_text .policy-area-menu .txt-link::after {
    margin-left: 17px;
    content: '';
    width: 1px;
    height: 30px;
    border-right: 1px solid #bfa85d9a
}

.warning_text .policy-area-menu .txt-link:last-child::after {
    display: none
}

body.modal-open .modal.modal-announcement {
    overflow: hidden
}

body.modal-open .modal.modal-announcement .modal-header {
    z-index: 10
}

body.modal-open .modal.modal-announcement .modal-header .icon.icon-close {
    z-index: 1190;
    background: #bfa85d;
    border-radius: 100px;
    color: #fff !important
}

body.modal-open .modal.modal-announcement .modal-footer {
    padding: 10px;
    border: none
}

body.modal-open .modal.modal-announcement .modal-footer .btn.btn-primary {
    width: 100%;
    text-decoration: none;
    font-size: 100% !important;
    padding: 0 !important;
    line-height: 40px;
    margin: 0;
    background-color: #bfa85d;
    color: #fff;
    text-shadow: 0 1px 3px #383838;
    border: none
}

.sticker-promo {
    position: fixed;
    bottom: 0;
    left: 0;
    right: auto;
    border-radius: 15px 15px 0 0;
    width: 70px;
    height: 40px;
    line-height: 35px;
    background: #cb0505;
    background-size: 60px;
    z-index: 80;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.sticker-promo::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -35px;
    width: 60px;
    height: 60px;
    background: url(../../../theme/images/src-common/BONUSEVENT-img/PROMO/gift.webp) no-repeat center center;
    background-size: contain;
    animation: sticker-promo 1.7s infinite both;
    z-index: -2
}

.sticker-promo::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background: url("../../../theme/images/src-common/BONUSEVENT-img/PROMO/Promo.webp") center 20px no-repeat;
    background-size: contain
}

@keyframes sticker-promo {
    0% {
        transform: translateX(-50%) translateY(-20px);
        animation-timing-function: ease-in
    }

    40% {
        transform: translateX(-50%) translateY(-7px);
        animation-timing-function: ease-in
    }

    65% {
        transform: translateX(-50%) translateY(-3px);
        animation-timing-function: ease-in
    }

    82% {
        transform: translateX(-50%) translateY(-2px);
        animation-timing-function: ease-in
    }

    93% {
        transform: translateX(-50%) translateY(-1px);
        animation-timing-function: ease-in
    }

    25%,
    55%,
    75%,
    87% {
        transform: translateX(-50%) translateY(0px);
        animation-timing-function: ease-out
    }

    100% {
        transform: translateX(-50%) translateY(0px);
        animation-timing-function: ease-out
    }
}

@keyframes bs-promo {
    0% {
        transform: rotateY(0) translateX(-50%)
    }

    100% {
        transform: rotateY(360deg) translateX(-50%)
    }
}

.bgBlack.setFlex-center {
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6)
}

.bgBlack.setFlex-center.target:not(:target) {
    display: none
}

.bgBlack.setFlex-center .popup.modal-dialog {
    border-radius: 12px;
    position: relative;
    padding-bottom: 0;
    pointer-events: auto
}

.bgBlack.setFlex-center .popup.modal-dialog.popup-M {
    width: 600px;
    max-height: 720px
}

.bgBlack.setFlex-center .popup.modal-dialog.popup-ML {
    width: 680px;
    max-height: 720px
}

.bgBlack.setFlex-center .popup.modal-dialog.popup-L {
    width: 900px;
    max-height: 720px
}

.bgBlack.setFlex-center .popup.modal-dialog.popup-XL {
    width: 1300px;
    max-width: 1400px
}

.bgBlack.setFlex-center .popup.modal-dialog .close {
    opacity: 1;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 10020;
    cursor: pointer
}

.bgBlack.setFlex-center .popup.modal-dialog .close::before {
    font-family: 'icomoon' !important;
    content: '\e914';
    background-color: #f3f3f3;
    border: 1px solid #e6e6e6;
    border-radius: 100px;
    display: inline-block;
    font-size: 110%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.bgBlack.setFlex-center .popup.modal-dialog .close:hover::before {
    border: 1px solid #d2d2d2
}

.modal.modal-maxtopAnn .modal-dialog {
    margin: 0;
    height: 100%
}

.modal.modal-maxtopAnn .modal-dialog::after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    background: #000000d4;
    width: 100vw;
    height: 100vh;
    display: inline-block;
    z-index: -1;
    pointer-events: none
}

.modal.modal-maxtopAnn .modal-content {
    background: none !important;
    border: none !important;
    box-shadow: none;
    width: 100% !important;
    text-align: center;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important
}

.modal.modal-maxtopAnn .modal-content .modal-body {
    background: none !important;
    overflow: visible !important;
    position: relative;
    padding: 0 !important;
    margin: 0 auto;
    text-align: center;
    width: 95vw;
    max-height: none !important
}

.modal.modal-maxtopAnn .modal-content .modal-body .close {
    position: absolute;
    right: 3px;
    top: 3px;
    background: #000000d2 !important;
    border-radius: 100px;
    float: none;
    opacity: 1;
    width: 30px;
    height: 30px;
    box-shadow: none
}

.modal.modal-maxtopAnn .modal-content .modal-body .close::before {
    width: 30px;
    height: 30px;
    color: #fff !important
}

.modal.modal-maxtopAnn .modal-content .modal-body .close i {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px
}

.modal.modal-maxtopAnn .modal-content .modal-body .close i::before {
    color: #fff !important;
    text-shadow: none;
    width: 30px;
    height: 30px
}

.modal.modal-maxtopAnn .modal-content .modal-body>a {
    display: block
}

.modal.modal-maxtopAnn .modal-content .modal-body img {
    border-radius: 15px;
    width: 100%;
    min-width: 90vw;
    max-width: 95vw;
    height: 600px;
    max-height: 90vh;
    margin: 0 auto;
    object-fit: fill
}

.page-web.type-W .modal.modal-maxtopAnn .modal-content,
.page-web.type-L .modal.modal-maxtopAnn .modal-content {
    background: none !important
}

.page-web.type-W .modal.modal-maxtopAnn .modal-content .close,
.page-web.type-L .modal.modal-maxtopAnn .modal-content .close {
    border-radius: 100px !important;
    background: #000000d2 !important;
    box-shadow: none
}

.con_all .modal.modal-maxtopAnn .modal-dialog .modal-body img {
    min-width: 100%
}

.device-PC .modal.modal-maxtopAnn .modal-dialog.modal-dialog-centered {
    margin: 0 auto;
    min-width: 600px;
    min-height: 100vh
}

.device-PC .modal.modal-maxtopAnn .modal-content .modal-body {
    width: 100%;
    overflow: visible !important
}

.device-PC .modal.modal-maxtopAnn .modal-content .modal-body img {
    width: 100%;
    min-width: auto;
    height: 800px;
    max-height: 96vh
}

body .modal.modal-contactUs {
    height: 93vh
}

body .modal.modal-contactUs .modal-header {
    z-index: 10
}

body .modal.modal-contactUs .modal-header .icon.icon-close {
    z-index: 1190;
    background: #bfa85d;
    border-radius: 100px;
    color: #fff !important
}

body .modal.modal-contactUs .modal-body .contact-menu li .icon-customerImg {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    position: absolute;
    left: 20px;
    top: 0;
    background-color: #09111c;
    padding: 2px
}

.img-payments-logo.icon-DEFAULT::before {
    content: ''
}

.img-payments-logo.icon-DEFAULT .name-card-tag {
    background-color: #0F4474 !important
}

.img-payments-logo.icon-DEFAULT .wallet {
    color: #0F4474
}

.img-payments-logo.icon-BKASH::before {
    content: ''
}

.img-payments-logo.icon-BKASH .name-card-tag {
    background-color: #e2136e !important
}

.img-payments-logo.icon-BKASH .wallet {
    color: #e2136e
}

.img-payments-logo.icon-NAGAD::before {
    content: ''
}

.img-payments-logo.icon-NAGAD .name-card-tag {
    background-color: #EC1C24 !important
}

.img-payments-logo.icon-NAGAD .wallet {
    color: #EC1C24
}

.img-payments-logo.icon-ROCKET::before {
    content: ''
}

.img-payments-logo.icon-ROCKET .name-card-tag {
    background-color: #8A3D90 !important
}

.img-payments-logo.icon-ROCKET .wallet {
    color: #8A3D90
}

.img-payments-logo.icon-GCASH::before {
    content: ''
}

.img-payments-logo.icon-GCASH .name-card-tag {
    background-color: #007DFE !important
}

.img-payments-logo.icon-GCASH .wallet {
    color: #007DFE
}

.img-payments-logo.icon-BANKING::before {
    content: ''
}

.img-payments-logo.icon-PAYMAYA::before {
    content: ''
}

.img-payments-logo.icon-PAYMAYA .name-card-tag {
    background-color: #4828A9 !important
}

.img-payments-logo.icon-PAYMAYA .wallet {
    color: #4828A9
}

.img-payments-logo.icon-GRABPAY::before {
    content: ''
}

.img-payments-logo.icon-GRABPAY .name-card-tag {
    background-color: #01B04D !important
}

.img-payments-logo.icon-GRABPAY .wallet {
    color: #01B04D
}

.img-payments-logo.icon-PROMPTPAY::before {
    content: ''
}

.img-payments-logo.icon-PROMPTPAY .name-card-tag {
    background-color: #1B3C65 !important
}

.img-payments-logo.icon-PROMPTPAY .wallet {
    color: #1B3C65
}

.img-payments-logo.icon-TRUEWALLET::before {
    content: ''
}

.img-payments-logo.icon-TRUEWALLET .name-card-tag {
    background-color: #EB0001 !important
}

.img-payments-logo.icon-TRUEWALLET .wallet {
    color: #EB0001
}

.img-payments-logo.icon-COINS::before {
    content: ''
}

.img-payments-logo.icon-COINS .name-card-tag {
    background-color: #1161A8 !important
}

.img-payments-logo.icon-COINS .wallet {
    color: #1161A8
}

.img-payments-logo.icon-UPI::before {
    content: ''
}

.img-payments-logo.icon-UPI .name-card-tag {
    background-color: #000 !important
}

.img-payments-logo.icon-UPI .wallet {
    color: #000
}

.img-payments-logo.icon-PERA_PADALA::before {
    content: ''
}

.img-payments-logo.icon-PERA_PADALA .name-card-tag {
    background-color: #025B2D !important
}

.img-payments-logo.icon-PERA_PADALA .wallet {
    color: #025B2D
}

.img-payments-logo.icon-GOOGLE_PAY::before {
    content: ''
}

.img-payments-logo.icon-GOOGLE_PAY .name-card-tag {
    background-color: #666 !important
}

.img-payments-logo.icon-GOOGLE_PAY .wallet {
    color: #666
}

.img-payments-logo.icon-PAYTM::before {
    content: ''
}

.img-payments-logo.icon-PAYTM .name-card-tag {
    background-color: #112652 !important
}

.img-payments-logo.icon-PAYTM .wallet {
    color: #112652
}

.img-payments-logo.icon-RCBC::before {
    content: ''
}

.img-payments-logo.icon-RCBC .name-card-tag {
    background-color: #3682D8 !important
}

.img-payments-logo.icon-RCBC .wallet {
    color: #3682D8
}

.img-payments-logo.icon-PHONEPE::before {
    content: ''
}

.img-payments-logo.icon-PHONEPE .name-card-tag {
    background-color: #5F249F !important
}

.img-payments-logo.icon-PHONEPE .wallet {
    color: #5F249F
}

.img-payments-logo.icon-DIGI_CURRENCY::before {
    content: ''
}

.img-payments-logo.icon-DIGI_CURRENCY .name-card-tag {
    background-color: #40381D !important
}

.img-payments-logo.icon-DIGI_CURRENCY .wallet {
    color: #40381D
}

.img-payments-logo.icon-BPI::before {
    content: ''
}

.img-payments-logo.icon-BPI .name-card-tag {
    background-color: #AF140F !important
}

.img-payments-logo.icon-BPI .wallet {
    color: #AF140F
}

.img-payments-logo.icon-INSTAPAY::before {
    content: ''
}

.img-payments-logo.icon-INSTAPAY .name-card-tag {
    background-color: #1C4286 !important
}

.img-payments-logo.icon-INSTAPAY .wallet {
    color: #1C4286
}

.img-payments-logo.icon-UNIVERSAL::before {
    content: ''
}

.img-payments-logo.icon-UNIVERSAL .name-card-tag {
    background-color: #012B5F !important
}

.img-payments-logo.icon-UNIVERSAL .wallet {
    color: #012B5F
}

.img-payments-logo.icon-UNION_BANK::before {
    content: ''
}

.img-payments-logo.icon-UNION_BANK .name-card-tag {
    background-color: #FA4415 !important
}

.img-payments-logo.icon-UNION_BANK .wallet {
    color: #FA4415
}

.img-payments-logo.icon-GOTYME::before {
    content: ''
}

.img-payments-logo.icon-GOTYME .name-card-tag {
    background-color: #00a1a6 !important
}

.img-payments-logo.icon-GOTYME .wallet {
    color: #00a1a6
}

.img-payments-logo.icon-EMANGO::before {
    content: ''
}

.img-payments-logo.icon-EMANGO .name-card-tag {
    background-color: #00a1a6 !important
}

.img-payments-logo.icon-EMANGO .wallet {
    color: #00a1a6
}

.img-payments-logo.icon-BNORP::before {
    content: ''
}

.img-payments-logo.icon-BNORP .name-card-tag {
    background-color: #0008a6 !important
}

.img-payments-logo.icon-BNORP .wallet {
    color: #0008a6
}

.img-payments-logo.icon-TLBPP::before {
    content: ''
}

.img-payments-logo.icon-TLBPP .name-card-tag {
    background-color: #06a600 !important
}

.img-payments-logo.icon-TLBPP .wallet {
    color: #06a600
}

.img-payments-logo.icon-MBTCP::before {
    content: ''
}

.img-payments-logo.icon-MBTCP .name-card-tag {
    background-color: #4800a6 !important
}

.img-payments-logo.icon-MBTCP .wallet {
    color: #4800a6
}

.img-payments-logo.icon-UBP::before {
    content: ''
}

.img-payments-logo.icon-UBP .name-card-tag {
    background-color: #ff9100 !important
}

.img-payments-logo.icon-UBP .wallet {
    color: #ff9100
}

.img-payments-logo.icon-INDIAN_BANK::before {
    content: 'INDIAN_BANK';
    position: absolute;
    padding: 4px;
    width: 50px;
    word-break: break-word;
    font-size: 10px;
    color: #fff
}

.img-payments-logo.icon-WANGGUAN4::before {
    content: 'WANGGUAN4';
    position: absolute;
    padding: 4px;
    width: 50px;
    word-break: break-word;
    font-size: 10px;
    color: #fff
}

.page-web.type-W .modal-box.modal-jpList .modal-main {
    border-radius: 8px !important
}

.modal-box.modal-jpList .modal-main {
    overflow: visible;
    border-radius: 8px !important;
    background-image: linear-gradient(-180deg, #c57030 0%, #6c2223 100%) !important;
    border: 2px solid #fcda00 !important
}

.modal-box.modal-jpList .modal-top {
    height: 35px
}

.modal-box.modal-jpList .modal-top .modal-main-title {
    position: absolute;
    left: 0;
    top: -125px;
    width: 100%;
    text-align: center
}

.modal-box.modal-jpList .modal-top .modal-main-title .icon {
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    color: #8f4e24;
    font-size: 30px
}

.modal-box.modal-jpList .modal-top .modal-main-title .icon::before {
    color: #8f4e24
}

.modal-box.modal-jpList .modal-top .modal-main-title img {
    width: 190px;
    height: 155px;
    object-fit: contain
}

.modal-box.modal-jpList .modal-top button.close {
    width: 30px;
    margin-right: -17px;
    margin-top: -14px
}

.modal-box.modal-jpList .modal-top .close:hover {
    opacity: 1 !important
}

.modal-box.modal-jpList .modal-top .img-platformLogo {
    position: absolute;
    top: -2px;
    left: 10px;
    width: 39px;
    height: 39px;
    object-fit: contain
}

.modal-box.modal-jpList .modal-layout {
    padding: 0 4px;
    max-height: calc(76vh - 1.5em - .75rem - 150px)
}

.modal-box.modal-jpList .modal-layout .modal-subTitle {
    position: sticky;
    top: -0.2px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 20px;
    background-color: #8f4e24;
    padding: 2px 6px;
    z-index: 1
}

.modal-box.modal-jpList .modal-layout .modal-subTitle p {
    display: inline-block;
    min-width: calc(100% / 3);
    color: #fff;
    margin: 0;
    font-size: 10px
}

.modal-box.modal-jpList .modal-layout .modal-subTitle p:first-of-type {
    text-align: left
}

.modal-box.modal-jpList .modal-layout .modal-subTitle p:last-child {
    text-align: right
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #00000039;
    padding: 0 6px
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem>div {
    width: calc(100% / 3);
    padding: 4px 0;
    height: 100%;
    text-align: left
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem>div span {
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-bonus {
    position: relative;
    background-color: #00000039;
    border-radius: 50px;
    padding: 0px 8px 0px 24px;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-bonus::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background-image: url("../../../theme/images/src-common/JACKPOT-img/jackpotList_coin.webp");
    background-size: contain;
    background-position: center
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-note {
    text-align: left
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-date {
    color: #fcda00;
    font-size: 10px;
    max-width: 100% !important;
    overflow: visible
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-bonus {
    color: #fcda00;
    font-weight: bold;
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: right;
    font-size: 10px;
    white-space: nowrap
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-bonus::before {
    padding: 0;
    margin: 0;
    font-size: 8px;
    line-height: normal
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-bonus span::before {
    line-height: normal
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .extra-bonus {
    line-height: 12px;
    text-align: right;
    font-size: 10px;
    margin: 0
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .extra-bonus::before {
    content: '+';
    position: relative;
    font-size: 8px
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-percent {
    text-align: right;
    padding-right: 4px
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-percent {
    margin: 0;
    background-color: #fff;
    color: #45160E;
    border-radius: 40px;
    display: inline;
    padding: 2px 4px;
    font-weight: bold
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-percent::after {
    content: '%';
    position: relative;
    font-size: 8px;
    font-weight: normal
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .win-jp {
    border-left: 4px solid #ffc107
}

.modal-box.modal-jpList .txt-bonus.USD,
.modal-box.modal-jpList .txt-bonus.SGD,
.modal-box.modal-jpList .txt-bonus.PHP {
    color: #fff;
    line-height: normal
}

.modal-box.modal-jpList .txt-bonus.USD::before,
.modal-box.modal-jpList .txt-bonus.SGD::before,
.modal-box.modal-jpList .txt-bonus.PHP::before {
    line-height: normal
}

.modal-box.modal-jpList .info-box {
    position: relative;
    width: 95%;
    margin: 0 auto 4px auto;
    background-color: #45160E;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #fcda00;
    padding: 4px 4px 4px 70px;
    z-index: 1
}

.modal-box.modal-jpList .info-box .JP-promoSticky {
    top: 2px;
    left: -17px;
    height: 19px;
    padding: 2px 30px 0px 20px !important;
    font-size: 13px;
    background: none;
    background-color: #fcda00;
    transform: rotate(-30deg) !important
}

.modal-box.modal-jpList .info-box .JP-promoSticky::after {
    content: '%'
}

.modal-box.modal-jpList .info-box p {
    position: relative;
    color: #fff;
    font-size: 10px;
    line-height: normal;
    margin: 0 0 2px 0;
    text-align: left
}

.modal-box.modal-jpList .info-box p::before {
    content: '';
    position: absolute;
    top: 6px;
    left: -7px;
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 4px
}

body.modal-open,
body.bonusevent-open,
body.page-web.device-PC.bonusevent-open {
    position: absolute;
    overflow: hidden !important;
    height: 100vh;
    width: 100%;
    max-height: 100vh;
    -webkit-overflow-scrolling: unset
}

body.modal-open.page-web .page-wrapper .main-content,
body.bonusevent-open.page-web .page-wrapper .main-content,
body.page-web.device-PC.bonusevent-open.page-web .page-wrapper .main-content {
    pointer-events: none
}

body.body-iframe .page-bonus-div,
body.body-iframe .game-schedule-mobile {
    display: none !important
}

body.body-iframe.bonusevent-open .page-backdrop.show {
    display: none !important
}

body.bonusevent-open.modal-open .page-bonus-body {
    overflow: hidden !important
}

.checkInBtn {
    z-index: 880;
    background: none;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
    transition: .5s
}

.checkInBtn .dot,
.menu-item.li-checkIn .dot {
    position: absolute;
    background-color: #ff4684;
    border: 1px solid #333;
    border-radius: 100px;
    width: 12px;
    height: 12px
}

.checkInBtn .dot {
    right: 0;
    bottom: 0
}

.menu-item.li-checkIn .dot {
    top: calc(30px - 10px);
    right: calc((100% - 30px) / 2 - 5px)
}

@media (max-width: 1024px) {

    .POPULAR .checkInBtn,
    .CLASSIC .checkInBtn {
        width: 45px;
        height: 45px
    }
}

@media (min-width: 1025px) {

    .POPULAR .checkInBtn,
    .CLASSIC .checkInBtn {
        width: 55px;
        height: 55px
    }
}

@media (max-width: 1024px) {

    .POPULAR .checkInBtn,
    .CLASSIC .checkInBtn {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (min-width: 1025px) {

    .POPULAR .checkInBtn,
    .CLASSIC .checkInBtn {
        position: fixed;
        left: 5px;
        top: 150px
    }
}

.type-R .checkInBtn,
.type-W .checkInBtn,
.type-L .checkInBtn,
.type-P .checkInBtn {
    position: fixed
}

@media (max-width: 1024px) {

    .type-R .checkInBtn,
    .type-W .checkInBtn,
    .type-L .checkInBtn,
    .type-P .checkInBtn {
        width: 45px;
        height: 45px
    }
}

@media (min-width: 1025px) {

    .type-R .checkInBtn,
    .type-W .checkInBtn,
    .type-L .checkInBtn,
    .type-P .checkInBtn {
        width: 55px;
        height: 55px
    }
}

@media (max-width: 1024px) {
    .type-R .checkInBtn {
        top: 85px;
        right: 5px
    }

    .type-R.page-login .checkInBtn {
        top: 45px
    }

    .type-R.page-login.fix-top .checkInBtn {
        top: 150px
    }
}

@media (min-width: 1025px) {
    .type-R .checkInBtn {
        top: 330px;
        left: 1vw
    }
}

@media (min-width: 1400px) {
    .type-R .checkInBtn {
        left: calc((100vw - 1350px) / 2 - 30px)
    }
}

@media (max-width: 1024px) {
    .type-W .checkInBtn {
        top: 95px;
        right: 5px
    }

    .type-W.fix-top .checkInBtn {
        top: 145px
    }

    .type-W.page-login .checkInBtn {
        top: 45px
    }

    .type-W.page-login.fix-top .checkInBtn {
        top: 150px
    }
}

@media (min-width: 1025px) {
    .type-W .checkInBtn {
        top: 320px;
        left: 1vw
    }
}

@media (min-width: 1400px) {
    .type-W .checkInBtn {
        left: calc((100vw - 1350px) / 2 - 30px)
    }
}

@media (max-width: 1024px) {
    .type-L .checkInBtn {
        top: 60px;
        right: 5px
    }

    .type-L.fix-top .checkInBtn {
        top: 80px
    }

    .type-L.page-login .checkInBtn {
        top: 20px
    }

    .type-L.page-login.fix-top .checkInBtn {
        top: 150px
    }
}

@media (min-width: 1025px) {
    .type-L .checkInBtn {
        top: 350px;
        right: 1vw
    }
}

@media (min-width: 1400px) {
    .type-L .checkInBtn {
        right: calc((100vw - 1350px) / 2 - 30px)
    }
}

@media (max-width: 1024px) {
    .type-P .checkInBtn {
        top: 60px;
        right: 5px
    }

    .type-P.fix-top .checkInBtn {
        top: 80px
    }

    .type-P.page-login .checkInBtn {
        top: 20px
    }

    .type-P.page-login.fix-top .checkInBtn {
        top: 150px
    }
}

@media (min-width: 1025px) {
    .type-P .checkInBtn {
        top: 310px;
        left: 1vw
    }
}

@media (min-width: 1400px) {
    .type-P .checkInBtn {
        left: calc((100vw - 1350px) / 2 - 30px)
    }
}

.WL .checkInBtn,
.EZ .checkInBtn {
    position: fixed;
    padding: 12px;
    width: 60px;
    height: 60px;
    backdrop-filter: blur(5px);
    box-shadow: inset 0 0 2px #fff;
    border-radius: 100px
}

.WL .checkInBtn .dot,
.EZ .checkInBtn .dot {
    right: 5px;
    bottom: 5px
}

.WL .checkInBtn {
    right: 12px;
    background-color: rgba(161, 161, 161, 0.5)
}

@media (max-width: 1024px) {
    .WL .checkInBtn {
        top: 300px
    }
}

@media (min-width: 1025px) {
    .WL .checkInBtn {
        top: 200px
    }
}

.EZ .checkInBtn {
    z-index: 101;
    background-color: rgba(0, 0, 0, 0.5)
}

@media (max-width: 1024px) {
    .EZ .checkInBtn {
        top: 210px;
        right: 2px
    }
}

@media (min-width: 1025px) {
    .EZ .checkInBtn {
        top: 150px;
        right: 10px
    }
}

body.show-PWA-header header.PWA-header {
    position: relative;
    display: block !important;
    position: relative;
    background: linear-gradient(0deg, #333, #000);
    z-index: 2000;
    height: 10vmin
}

body.show-PWA-header header.PWA-header h1 {
    display: inline-block !important;
    font-family: inherit !important;
    color: #d0d0d0;
    font-size: 18px;
    font-weight: bold;
    line-height: 10vmin;
    padding-left: 10px;
    margin-bottom: 0
}

body.show-PWA-header header.PWA-header .close {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    opacity: 1;
    width: 30px;
    text-align: center;
    text-decoration: none
}

body.show-PWA-header header.PWA-header .close::before {
    line-height: 30px;
    color: #d0d0d0;
    font-family: 'icomoon';
    content: '\e914';
    text-shadow: none;
    font-size: 120%
}

body.show-PWA-header.banking-page .tab-bar {
    position: relative
}

body.show-PWA-header.banking-page .main-wrap {
    padding-top: 0
}

.sel-currency li.user-balance .btn {
    min-width: 170px;
    border-color: #DACC9D;
    color: #DACC9D
}

.sel-currency li.user-balance .btn:hover {
    background-color: #DACC9D;
    color: #13171b !important
}

.sel-currency li.user-balance .btn .txt {
    display: inline-block;
    padding: 0;
    margin-right: 5px;
    font-size: 14px;
    font-weight: bolder;
    color: inherit
}

.sel-currency li.user-balance .btn .txt.USDT {
    font-size: 60%
}

.currency-module {
    position: relative;
    display: inline-block;
    font-style: initial;
    font-size: 0;
    font-weight: 300;
    line-height: 1;
    vertical-align: middle;
    color: #FFF;
    border-radius: 30px
}

.currency-module::before {
    font-family: 'Arial' !important;
    content: '$ '
}

.currency-module.USD::before {
    content: '$ '
}

.currency-module.SGD::before {
    content: '$ '
}

.currency-module.MYR::before {
    content: 'RM '
}

.currency-module.THB::before {
    content: '฿ ';
    font-family: inherit !important
}

.currency-module.IDR::before {
    content: 'Rp '
}

.currency-module.KHR::before {
    content: '៛ '
}

.currency-module.JPY::before {
    content: '¥ '
}

.currency-module.KRW::before {
    content: '₩ '
}

.currency-module.HKD::before {
    content: 'HK$ '
}

.currency-module.CNY::before {
    content: 'RMB¥ '
}

.currency-module.MXN::before {
    content: '$ '
}

.currency-module.VND::before {
    content: '₫(K) ';
    font-family: 'icomoon' !important;
    font-weight: normal
}

.currency-module.MMK::before {
    content: 'K '
}

.currency-module.INR::before {
    content: '₹ '
}

.currency-module.AUD::before {
    content: '$ '
}

.currency-module.MMKK::before {
    content: 'K '
}

.currency-module.COP::before {
    content: '$ '
}

.currency-module.EUR::before {
    content: '€ '
}

.currency-module.CAD::before {
    content: '$ '
}

.currency-module.PHP::before {
    content: '₱ '
}

.currency-module.BDT::before {
    content: '৳ '
}

.currency-module.BRL::before {
    content: 'R$ '
}

.currency-module.CLP::before {
    content: '$ '
}

.currency-module.AMD::before {
    content: '֏ '
}

.currency-module.NPR::before {
    content: 'Rs '
}

.currency-module.USDT::before {
    content: '₮ '
}

.currency-module.UBTC::before {
    content: '₿ '
}

.currency-module.USD::after {
    content: 'USD'
}

.currency-module.SGD::after {
    content: 'SGD'
}

.currency-module.MYR::after {
    content: 'MYR'
}

.currency-module.THB::after {
    content: 'THB'
}

.currency-module.IDR::after {
    content: 'IDR'
}

.currency-module.KHR::after {
    content: 'KHR'
}

.currency-module.JPY::after {
    content: 'JPY'
}

.currency-module.KRW::after {
    content: 'KRW'
}

.currency-module.HKD::after {
    content: 'HKD'
}

.currency-module.CNY::after {
    content: 'CNY'
}

.currency-module.MXN::after {
    content: 'MXN'
}

.currency-module.VND::after {
    content: 'VND'
}

.currency-module.MMK::after {
    content: 'MMK'
}

.currency-module.INR::after {
    content: 'INR'
}

.currency-module.AUD::after {
    content: 'AUD'
}

.currency-module.MMKK::after {
    content: 'MMKK'
}

.currency-module.COP::after {
    content: 'COP'
}

.currency-module.EUR::after {
    content: 'EUR'
}

.currency-module.CAD::after {
    content: 'CAD'
}

.currency-module.PHP::after {
    content: 'PHP'
}

.currency-module.BDT::after {
    content: 'BDT'
}

.currency-module.BRL::after {
    content: 'BRL'
}

.currency-module.CLP::after {
    content: 'CLP'
}

.currency-module.AMD::after {
    content: 'AMD'
}

.currency-module.NPR::after {
    content: 'Rs '
}

.currency-module.USDT::after {
    content: 'USDT'
}

.currency-module.UBTC::after {
    content: '₿ '
}

.currency-module::before {
    box-sizing: border-box;
    display: inline-block;
    width: auto;
    min-width: 20px;
    min-height: 20px;
    height: 16px;
    margin: 0;
    padding: 0 2px;
    font-size: 12px;
    font-style: initial;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    color: #FFF;
    border-radius: 30px;
    background-image: linear-gradient(45deg, #2fa1ff, #1a68a8)
}

.currency-module::after {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    aspect-ratio: 60/33;
    font-size: 12px;
    font-style: initial;
    line-height: 16px;
    text-align: center;
    color: #FFF;
    background-image: url("https://img.mpsimg.com/theme/images/src-common/hint-dark.svg");
    background-size: cover;
    background-repeat: no-repeat
}

.currency-module:hover::after {
    display: block
}

.currency-module.full {
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    background-color: #174D99;
    width: fit-content;
    white-space: nowrap
}

.currency-module.full::before {
    margin: 0 5px 0 0
}

.currency-module.full::after {
    display: none !important
}

.currency-module.PHP::before {
    font-family: 'icomoon' !important;
    content: '\ea0f'
}

.currency-module.USD::before,
.currency-module .SGD::before,
.currency-module .MXN::before,
.currency-module .AUD::before,
.currency-module .COP::before,
.currency-module .CLP::before,
.currency-module .CAD::before {
    font-family: 'icomoon' !important;
    content: '\e913'
}

.currency-module.USDT.full {
    background-color: #227351
}

.currency-module.USDT::before {
    box-sizing: border-box;
    content: '';
    padding: 0;
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    background-image: url("https://img.mpsimg.com/theme/images/src-common/PAYMENT-img/APP-img/USDT.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.tableTrSolid .currency-module:hover::after {
    z-index: 600
}

.modal.modal-macPWA .modal-dialog {
    max-width: 600px
}

.modal.modal-macPWA .modal-dialog .modal-content {
    border: none !important;
    outline: none !important;
    background: linear-gradient(#fff, #C3D1FE);
    width: 100%;
    border-radius: 20px;
    margin: 0 auto
}

.modal.modal-macPWA .modal-dialog .modal-content .close {
    background: #0974c1 !important;
    border-radius: 100px !important;
    width: auto;
    height: auto;
    right: 5px;
    top: 5px
}

.modal.modal-macPWA .modal-dialog .modal-content .close i {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: normal;
    color: #fff
}

.modal.modal-macPWA .modal-dialog .modal-body {
    pointer-events: none;
    padding-top: 36px;
    max-height: none
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf {
    position: absolute;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf .PWA-pic {
    width: 38px;
    min-width: 38px
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf .PWA-pic img {
    border-radius: 4px
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf .PWA-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf .PWA-title .main-title {
    color: #252523;
    font-size: 9.5px;
    font-weight: bolder;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf .PWA-title .sub-title {
    color: #4d4d4b;
    font-size: 8.5px
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf.inf-area1 {
    width: 170px;
    height: 38px;
    right: 46px;
    top: 234px;
    gap: 6px
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf.inf-area1 .PWA-title {
    gap: 4px 0
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf.inf-area2 {
    width: 65%;
    height: 40px;
    left: 108px;
    bottom: 178px;
    gap: 18px
}

.modal.modal-macPWA .modal-dialog .modal-body .PWA-inf.inf-area2 .PWA-title {
    gap: 10px 0
}

.footer-solution {
    display: flex;
    justify-content: center;
    padding-bottom: 0px;
    width: 100%
}

.footer-solution .solution-img {
    position: relative
}

.footer-solution .solution-img img {
    max-width: 300px;
    width: 100%;
    max-height: none !important;
    object-fit: contain;
    filter: none
}

.footer-solution .solution-img .img-effect {
    pointer-events: none
}

.footer-solution .solution-img .img-effect .eff {
    position: absolute;
    aspect-ratio: 1;
    width: 12px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0) 80%);
    animation: glow 3s infinite;
    transform: rotate(-15deg)
}

.footer-solution .solution-img .img-effect .eff::before,
.footer-solution .solution-img .img-effect .eff::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 2px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    transform: translate(-50%, -50%)
}

.footer-solution .solution-img .img-effect .eff::after {
    width: 20px;
    transform: translate(-50%, -50%) rotate(80deg)
}

.footer-solution .solution-img .img-effect .eff.eff1 {
    left: 38px;
    top: 48px;
    width: 14px
}

.footer-solution .solution-img .img-effect .eff.eff1::before,
.footer-solution .solution-img .img-effect .eff.eff1::after {
    width: 32px
}

.footer-solution .solution-img .img-effect .eff.eff2 {
    left: 158px;
    top: 73px;
    width: 16px;
    animation-delay: .7s
}

.footer-solution .solution-img .img-effect .eff.eff2::before,
.footer-solution .solution-img .img-effect .eff.eff2::after {
    width: 42px
}

.footer-solution .solution-img .img-effect .eff.eff3 {
    left: 275px;
    top: 29px;
    animation-delay: 1.4s;
    animation-duration: 2s
}

@keyframes glow {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.LIVETABLE {
    padding: 0;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.LIVETABLE .section-tit {
    padding: 0 0 0 25px !important;
    text-transform: uppercase
}

.LIVETABLE .section-tit i {
    top: -5px !important;
    left: -8px !important
}

.LIVETABLE .table-tit {
    position: absolute;
    top: -7px;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 30px;
    pointer-events: none;
    z-index: 10
}

.LIVETABLE .table-tit i {
    display: none
}

.LIVETABLE .table-group {
    overflow: hidden;
    padding: 0 0 5px 0;
    background: none
}

.LIVETABLE .table-group ul.table-inner.ul-gameList {
    margin: 0 0 5px 0;
    padding-top: 0 !important;
    width: 100%;
    display: block
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li {
    position: relative;
    width: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li::before {
    content: '';
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 4%;
    left: 5px;
    z-index: 10
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-SEXYBCRT::before {
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/SEXYBCRT-logo.webp) no-repeat;
    background-size: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-DG::before {
    top: 4px;
    right: 4px;
    width: 25px;
    height: 25px;
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/DG-logo.webp) no-repeat;
    background-size: 105%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-WM::before {
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/WM-logo.webp) no-repeat;
    background-size: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-EVOLUTION::before {
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/EVOLUTION-logo.webp) no-repeat;
    background-size: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-EVOLUTIONHPI::before {
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/EVOLUTIONHPI-logo.webp) no-repeat;
    background-size: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-BTGHPI::before {
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/BTGHPI-logo.webp) no-repeat;
    background-size: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-NETENTHPI::before {
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/NETENTHPI-logo.webp) no-repeat;
    background-size: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-NOLIMITCITYHPI::before {
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/NOLIMITCITYHPI-logo.webp) no-repeat;
    background-size: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList li.li-REDTIGERHPI::before {
    background: url(../../../theme/images/src-common/PLATFORM-img/120x80-fullname/REDTIGERHPI-logo.webp) no-repeat;
    background-size: 100%
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel {
    background: none;
    padding: 0 4px
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-dots {
    display: none;
    position: relative;
    bottom: 0
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-dots .owl-dot {
    border-radius: 50px;
    margin: 0 3px;
    opacity: .5
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-dots .owl-dot span {
    background: #fff
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-dots .owl-dot.active {
    opacity: 1
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav {
    display: initial !important
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-prev,
.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-next {
    background: #000000b4;
    width: 35px;
    height: 35px
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-prev:hover,
.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-next:hover {
    box-shadow: 0 0 0 2px #808080
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-prev::before,
.LIVETABLE .table-group ul.table-inner.ul-gameList.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.ul-gameList.owl-carousel .owl-nav .owl-prev span,
.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-next span {
    display: none
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-prev {
    left: 0
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-prev::before {
    content: '\e903'
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-nav .owl-next {
    right: 0
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-stage-outer {
    padding: 0;
    margin: 0;
    border-radius: 18px
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-item {
    opacity: 1
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item>div {
    padding: 0
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item>div li {
    padding: 2px 4px
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item li::before {
    position: absolute;
    bottom: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    transform: skewX(-35deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(155, 155, 155, 0.295) 100%);
    box-shadow: none;
    content: '';
    pointer-events: none
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item li:hover::before {
    -webkit-animation: shine 1.3s;
    animation: shine 1.3s
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item li .ul-gameIcon-box {
    border-radius: 15px 15px 0 0;
    aspect-ratio: 2 / 1.2
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item li .ul-gameIcon-txt {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item li .ul-gameIcon-txt .txt-gameName {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 2px 0 2px;
    font-size: 10px;
    line-height: normal;
    text-align: center;
    width: 100%;
    color: #fff;
    background: #000;
    border-radius: 0 0 20px 20px;
    min-height: 25px;
    height: 25px
}

.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item li .game-icon {
    display: inline-block;
    border-radius: 15px 15px 0 0;
    min-height: 90px;
    object-fit: cover;
    aspect-ratio: 2 / 1.2;
    width: 100%;
    height: 100%
}

@media (min-width: 720px) {
    .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item li .game-icon {
        min-height: auto
    }
}

@media (min-width: 1024px) {
    .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item li .game-icon {
        min-height: 105px;
        height: auto
    }
}

.device-PC .LIVETABLE .owl-stage {
    padding: 0 !important
}

.device-PC .LIVETABLE dl dt {
    letter-spacing: 0;
    font-size: 18px
}

.device-PC .LIVETABLE dl dt::before {
    background-size: 50%;
    margin: 0
}

.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-item,
.device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-item,
.device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-item,
.device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-item,
.device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-item,
.device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-item {
    width: 33.3% !important;
    float: none
}

.device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-item div,
.device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-item div,
.device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-item div,
.device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-item div,
.device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-item div,
.device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-item div {
    display: flex;
    width: 100%
}

.device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-item div>li,
.device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-item div>li,
.device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-item div>li,
.device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-item div>li,
.device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-item div>li,
.device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-item div>li {
    width: 50%;
    text-align: center
}

.device-PC .LIVETABLE.num-6 .table-group ul.table-inner.owl-carousel .owl-item div img,
.device-PC .LIVETABLE.num-5 .table-group ul.table-inner.owl-carousel .owl-item div img,
.device-PC .LIVETABLE.num-4 .table-group ul.table-inner.owl-carousel .owl-item div img,
.device-PC .LIVETABLE.num-3 .table-group ul.table-inner.owl-carousel .owl-item div img,
.device-PC .LIVETABLE.num-2 .table-group ul.table-inner.owl-carousel .owl-item div img,
.device-PC .LIVETABLE.num-1 .table-group ul.table-inner.owl-carousel .owl-item div img {
    width: 100%
}

.device-PC .LIVETABLE {
    margin-bottom: 15px !important
}

.device-PC .LIVETABLE dl {
    margin-bottom: 10px !important
}

.device-PC .LIVETABLE .table-group {
    background-color: #0c151d
}

.device-PC .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel {
    padding: 0 22px
}

.device-PC .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-item {
    padding: 0px !important
}

.device-PC .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-item>div {
    margin: 0 5px
}

.device-PC .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-item div>li {
    padding: 0;
    margin-right: 0;
    margin-left: 0
}

.LIVETABLE .section-tit {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 3px
}

.LIVETABLE h2 {
    margin: 0
}

.page-web .page-wrapper .main-content.HOME .section-box.section-LIVETABLE div.owl-item>div li {
    padding: 2px 4px !important
}

.page-web .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item>div {
    padding: 0 2px
}

.page-web .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item>div li {
    padding: 0 !important;
    margin-bottom: 7px
}

.page-web.type-L .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item>div li {
    border-radius: 20px
}

.page-web.type-L .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item>div li::before {
    display: none
}

.page-web.type-L .LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel div.owl-item>div .txt-gameName {
    background: none !important
}

@keyframes shine {
    100% {
        left: 100%
    }
}

.page-web.modal-iframe {
    height: 100vh;
    background: #0f1b28 !important;
    padding-bottom: 10px
}

.page-web.modal-iframe .main-content .section-box {
    height: auto;
    background-image: none !important
}

.page-web.modal-iframe .main-content .section-box .section-ul ul {
    margin: 0;
    overflow-y: auto !important;
    padding: 3% 2% 10% 2% !important
}

.page-web.modal-iframe .main-content .section-box .section-ul ul li .ul-gameIcon-txt .txt-platform-name {
    display: block;
    top: -27vmin
}

.page-web.modal-iframe .main-content .section-box .section-ul ul.ul-gameList.FIRSTPERSON li .ul-gameIcon-txt .txt-platform-name {
    top: -55px
}

.page-web.CLASSIC.modal-iframe {
    background: #0f1b28 !important
}

.page-web.CLASSIC.modal-iframe .main-content .section-box {
    height: auto;
    background-image: none !important
}

.page-web.CLASSIC.modal-iframe .main-content .section-box .section-ul {
    background: #0f1b28 !important
}

.page-web.CLASSIC.modal-iframe .main-content .section-box .section-ul ul {
    margin: 0;
    height: auto !important;
    overflow-y: auto !important;
    padding: 4% 2% !important;
    overflow-x: hidden;
    background: #0f1b28 !important
}

.page-web.CLASSIC.modal-iframe .main-content .section-box .section-ul ul li.show-jackpot-fire.on-fire::after {
    top: -40px;
    height: 45px
}

.page-web.CLASSIC.modal-iframe .main-content .section-box .section-ul ul li .game-feature .show-jackpot-MHB {
    top: 24vmin
}

.page-web.TMT.modal-iframe .main-content .section-box .section-ul ul li img.game-icon {
    border-radius: 500px !important;
    width: 100%;
    margin-bottom: 5px;
    object-fit: cover
}

.page-web.TMT.modal-iframe .main-content .section-box .section-ul ul li img.game-icon .BINGOGAME {
    border-radius: 0 !important
}

.page-web.TMT.modal-iframe .main-content .section-box .section-ul ul li .ul-gameIcon-txt .txt-platform-name {
    top: 0
}

.page-web.TMT.modal-iframe .main-content .section-box .section-ul ul li.show-jackpot-fire.on-fire .show-jackpot-MHB {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpot-MHB-TMT.png) no-repeat center center;
    background-size: 100%
}

.page-web.TMT.modal-iframe .main-content .section-box .section-ul ul li.show-jackpot-fire.on-fire .show-jackpot-MHB .txt-number {
    color: #fff !important;
    text-shadow: 2px 2px red, 1px 0px red, 0px -1px red, -1px 2px red;
    font-family: sans;
    font-size: 120% !important;
    padding: 0 !important;
    animation: text-flicker-out-glow 2.5s linear infinite both
}

.page-web.TMT.modal-iframe .main-content .section-box .section-ul ul li.show-jackpot-fire .show-jackpot-MHB {
    top: 20vmin;
    background: url(../../../theme/images/src-common/FEATURE-img/jackpot-MHB-TMT.png) no-repeat center center;
    background-size: 100%;
    padding-top: 10px
}

.page-web.TMT.modal-iframe .main-content .section-box .section-ul ul li.show-jackpot-fire .show-jackpot-MHB p {
    text-shadow: 0px 0px 0px black
}

.page-web.TMT.modal-iframe .main-content .section-box .section-ul ul li.show-jackpot-fire .show-jackpot-MHB .txt-number {
    color: #fff !important;
    text-shadow: 2px 2px red, 1px 0px red, 0px -1px red, -1px 2px red;
    animation: none;
    font-size: 90%;
    padding-right: 9px !important;
    text-align: right;
    line-height: 12px
}

.gameTab-box {
    position: relative;
    background-color: #0000006c;
    padding: 0 0 0 0;
    width: 100%;
    margin: 0
}

.gameTab-box .owl-stage .owl-item:nth-child(odd) .tab-btn {
    animation: heartbeat-gameTab 3s ease-in-out infinite both;
    animation-delay: 1s
}

.gameTab-box .owl-stage .owl-item:nth-child(even) .tab-btn {
    animation: heartbeat-gameTab 3s ease-in-out infinite;
    animation-delay: 3s
}

.gameTab-box .owl-stage .owl-item img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.gameTab-box .item {
    display: flex;
    justify-content: center
}

.gameTab-box .owl-carousel.owl-gameTab .owl-stage {
    margin: auto
}

.gameTab-box .owl-carousel.owl-gameTab .owl-nav {
    display: none
}

.tab-btn {
    position: relative;
    position: relative;
    text-decoration: none;
    width: 100%;
    height: 92px;
    border-radius: 8px;
    margin: 10px auto;
    overflow: hidden
}

.page-web .page-wrapper.pop-gamelist .main-content .section-box {
    margin: 0;
    height: 100%
}

@keyframes heartbeat-gameTab {
    from {
        box-shadow: 0 0 0 0 #cefe8200
    }

    50% {
        box-shadow: 0 0 0 2px #f2ff0076
    }
}

@keyframes vibrate-btn {
    0% {
        transform: translate(-5px, -5px) scale(0.3) rotate(-50deg)
    }

    50% {
        transform: translate(-5px, -5px) scale(1.2) rotate(0deg)
    }

    100% {
        transform: translate(-5px, -5px) scale(0.3) rotate(50deg)
    }
}

@keyframes shine-gameTab {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes shine-gameTab-sparkle {
    0% {
        transform: translateY(0) scale(1) rotate(0deg)
    }

    50% {
        transform: translateY(5px) scale(2) rotate(180deg)
    }

    100% {
        transform: translateY(0) scale(1) rotate(360deg)
    }
}

.page-schedule {
    width: 100%;
    min-height: 100px;
    padding: 0 24px;
    max-width: 1440px;
    margin: 0 auto
}

.game-schedule {
    padding: 20px;
    position: relative
}

.game-schedule h2 {
    padding: 10px 10px;
    color: #ff9238;
    text-align: left;
    margin-bottom: 0px;
    text-shadow: 1px 1px 10px #000, 1px 1px 10px #3332
}

.game-schedule h2 span {
    color: #ff9238
}

.game-schedule table {
    width: 100%;
    background: rgba(6, 31, 47, 0.85);
    border-radius: 20px;
    overflow: hidden
}

.game-schedule thead {
    color: #4a809e;
    font-weight: bold;
    line-height: 2
}

.game-schedule thead td {
    border-right: none;
    height: auto
}

.game-schedule td,
.game-schedule th {
    width: calc(100% / 7);
    text-align: center;
    border-right: 1px solid #123a52
}

.game-schedule th {
    position: relative;
    color: #7bacca;
    font-size: 20px;
    text-align: left;
    line-height: 2;
    padding-left: 10px;
    border-top: 1px solid #123a52
}

.game-schedule td {
    padding: 5px;
    vertical-align: top;
    height: 120px
}

.game-schedule dl {
    display: flex;
    flex-direction: row;
    margin: 0 0 2px 0;
    padding: 1px 2px;
    border-radius: 5px;
    zoom: 1
}

.game-schedule dl::after {
    content: '';
    display: block;
    clear: both
}

.game-schedule dl:hover {
    background: #17465f
}

.game-schedule dl:hover dt {
    color: #c9e5f5
}

.game-schedule dl:hover dd {
    color: #c9e5f5
}

.game-schedule dt,
.game-schedule dd {
    display: inline-block;
    height: 24px;
    color: #5297bd;
    line-height: 24px;
    margin-bottom: 0;
    white-space: nowrap
}

.game-schedule dt {
    width: 30%;
    float: none;
    background: #092e44;
    border-radius: 5px
}

.game-schedule dd {
    width: 70%;
    float: none
}

.game-schedule td[eventcount='0'] dl:hover {
    background: none
}

.game-schedule td[eventcount='0'] dl:hover dt {
    background: none
}

.game-schedule td[eventcount='0'] dl dt {
    background: none
}

.game-schedule td[eventcount='4'] dl:nth-child(n + 5):hover {
    background: none
}

.game-schedule td[eventcount='4'] dl:nth-child(n + 5):hover dt {
    background: none
}

.game-schedule td[eventcount='4'] dl:nth-child(n + 5) dt {
    background: none
}

.game-schedule td[eventcount='3'] dl:nth-child(n + 4):hover {
    background: none
}

.game-schedule td[eventcount='3'] dl:nth-child(n + 4):hover dt {
    background: none
}

.game-schedule td[eventcount='3'] dl:nth-child(n + 4) dt {
    background: none
}

.game-schedule td[eventcount='2'] dl:nth-child(n + 3):hover {
    background: none
}

.game-schedule td[eventcount='2'] dl:nth-child(n + 3):hover dt {
    background: none
}

.game-schedule td[eventcount='2'] dl:nth-child(n + 3) dt {
    background: none
}

.game-schedule td[eventcount='1'] dl:nth-child(n + 2):hover {
    background: none
}

.game-schedule td[eventcount='1'] dl:nth-child(n + 2):hover dt {
    background: none
}

.game-schedule td[eventcount='1'] dl:nth-child(n + 2) dt {
    background: none
}

.game-schedule th.today {
    border-top: 2px solid #ff9238;
    position: relative;
    color: #ff9238;
    background: #124058
}

.game-schedule td.today {
    border-bottom: 2px solid #ff9238;
    position: relative;
    background: #124058
}

.game-schedule td.today dl {
    color: #fff;
    text-shadow: 1px 1px 10px #333
}

.game-schedule .this-week {
    background: #092b3e
}

.game-schedule .this-week dl:hover {
    background: #1e5875
}

.game-schedule .this-week dl:hover dt {
    color: #fff
}

.game-schedule .this-week dl:hover dd {
    color: #fff
}

.game-schedule .this-week dl dt {
    width: 40%;
    color: #9ac0d6
}

.game-schedule .this-week dl dd {
    width: 60%;
    text-align: left;
    padding-left: 4px;
    color: #9ac0d6
}

.game-schedule .this-week dt {
    color: #c9e5f5;
    background: #071c29
}

.game-schedule .this-week dd {
    color: #c9e5f5
}

.game-schedule .this-week td[eventcount='0'] dl:hover {
    background: none
}

.game-schedule .this-week td[eventcount='0'] dl:hover dt {
    background: none
}

.game-schedule .this-week td[eventcount='0'] dl dt {
    background: none
}

.game-schedule .this-week td.today[eventcount='4'] dl:nth-child(n + 5):hover dt {
    background: none
}

.game-schedule .this-week td.today[eventcount='4'] dl:nth-child(n + 5) dt {
    background: none
}

.game-schedule .this-week td.today[eventcount='3'] dl:nth-child(n + 4):hover {
    background: none
}

.game-schedule .this-week td.today[eventcount='3'] dl:nth-child(n + 4):hover dt {
    background: none
}

.game-schedule .this-week td.today[eventcount='3'] dl:nth-child(n + 4) dt {
    background: none
}

.game-schedule .this-week td.today[eventcount='2'] dl:nth-child(n + 3):hover {
    background: none
}

.game-schedule .this-week td.today[eventcount='2'] dl:nth-child(n + 3):hover dt {
    background: none
}

.game-schedule .this-week td.today[eventcount='2'] dl:nth-child(n + 3) dt {
    background: none
}

.game-schedule .this-week td.today[eventcount='1'] dl:nth-child(n + 2):hover {
    background: none
}

.game-schedule .this-week td.today[eventcount='1'] dl:nth-child(n + 2):hover dt {
    background: none
}

.game-schedule .this-week td.today[eventcount='1'] dl:nth-child(n + 2) dt {
    background: none
}

.game-schedule .next-month td {
    display: none
}

.game-schedule span.month-start {
    position: relative;
    padding: 0 10px;
    margin: 0 10px;
    font-size: 80%;
    line-height: 24px;
    color: #fff;
    background: #de7015;
    border-radius: 50px
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .page-web .game-schedule {
        display: none
    }
}

.game-schedule-mobile {
    margin-top: -30px;
    padding: 10px 3%;
    position: relative
}

.game-schedule-mobile .calendar h6 {
    padding: 10px 10px;
    color: #ff9238;
    text-align: left;
    margin-bottom: 0px;
    text-shadow: 1px 1px 10px #000, 1px 1px 10px #333;
    text-align: center
}

.game-schedule-mobile .calendar span {
    color: #ff9238
}

.game-schedule-mobile .panel {
    background: rgba(6, 31, 47, 0.85);
    padding: 0;
    border-radius: 10px;
    overflow: hidden
}

.game-schedule-mobile .panel .panel-tit {
    line-height: 2;
    padding: 0 10px;
    color: #ff9238;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px
}

.game-schedule-mobile .panel .panel-list-tb {
    background: #092b3e;
    color: #7bacca;
    margin: 0
}

.game-schedule-mobile .panel .panel-list-tb li {
    border-bottom: 1px solid #123a52
}

.game-schedule-mobile .panel .panel-list-tb li.today {
    color: #ff9238;
    background: #124058
}

.game-schedule-mobile .panel .panel-list-tb li:nth-last-child(1) {
    border: none
}

.game-schedule-mobile .panel .panel-list-tb .div-tb {
    margin: 5px 0;
    padding: 0 2px
}

.game-schedule-mobile .panel .panel-list-tb .div-tb .daily-list {
    text-transform: uppercase
}

.game-schedule-mobile .panel .panel-list-tb .div-tb .daily-list span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px
}

.game-schedule-mobile .panel .panel-list-tb .div-tb .daily-list span.tit-day {
    font-size: 20px
}

.game-schedule-mobile .panel .panel-list-tb .div-tb .td.daily-list.w-10 {
    width: 15% !important
}

.game-schedule-mobile .panel .panel-list-tb .div-tb .td a {
    margin: 5px 0;
    padding: 0;
    min-width: 150px;
    text-decoration: none
}

.game-schedule-mobile .panel .panel-list-tb .div-tb .td a span {
    color: #9ac0d6;
    font-size: 90%;
    line-height: 18px;
    margin: 0 1px
}

.game-schedule-mobile .panel .panel-list-tb .div-tb .td a span:nth-child(1) {
    background: #071c29;
    font-weight: 500;
    padding: 2px;
    border-radius: 5px;
    min-width: 65px;
    text-align: center
}

@media screen and (min-width: 1024px) {
    .page-web .game-schedule-mobile {
        display: none
    }
}

#platform-modal,
#turnoverNotifyModal,
.modal-betLimit {
    z-index: 2147483648
}

#platform-modal .modal-menu a.btn,
#turnoverNotifyModal .modal-menu a.btn,
.modal-betLimit .modal-menu a.btn {
    width: auto
}

.modal-betLimit,
.modal-currency {
    overflow: hidden !important
}

.modal-betLimit .modal-menu-tit,
.modal-currency .modal-menu-tit {
    position: relative;
    color: #fff;
    border-radius: 5px;
    padding: 4px 2px 4px 15px;
    font-size: 13px;
    line-height: normal;
    text-align: left
}

.modal-betLimit .modal-body,
.modal-currency .modal-body {
    margin: 0
}

.modal-betLimit .modal-menu,
.modal-currency .modal-menu {
    padding: 0 4px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    text-align: center;
    margin: 0 auto
}

.modal-betLimit .modal-menu li .btn,
.modal-currency .modal-menu li .btn {
    padding: 0;
    width: 100%;
    border: none;
    line-height: 40px;
    color: #fff
}

.modal-betLimit .modal-menu li .btn:hover,
.modal-betLimit .modal-menu li .btn:active,
.modal-betLimit .modal-menu li .btn:focus,
.modal-currency .modal-menu li .btn:hover,
.modal-currency .modal-menu li .btn:active,
.modal-currency .modal-menu li .btn:focus {
    outline: none
}

.modal-betLimit .modal-menu li .btn span,
.modal-currency .modal-menu li .btn span {
    color: #fff
}

.modal-betLimit li,
.modal-currency li {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: #0a141f;
    cursor: pointer
}

.modal-betLimit li .btn,
.modal-currency li .btn {
    position: relative;
    padding: 8px 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px
}

.modal-betLimit li .btn:hover,
.modal-betLimit li .btn:focus,
.modal-currency li .btn:hover,
.modal-currency li .btn:focus {
    color: #fff !important;
    box-shadow: inset 0 0 0 0.5px #e9ba5d
}

.modal-betLimit li .btn.txt-rate::before,
.modal-currency li .btn.txt-rate::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 22px;
    border-radius: 100px
}

.modal-betLimit li .btn span,
.modal-currency li .btn span {
    color: #111
}

.modal-betLimit li .btn span:nth-of-type(1)::before,
.modal-currency li .btn span:nth-of-type(1)::before {
    font-size: 70%
}

.modal-betLimit li .btn span:nth-of-type(2)::before,
.modal-currency li .btn span:nth-of-type(2)::before {
    display: none
}

.modal-betLimit li *,
.modal-currency li * {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-decoration: unset
}

.modal-betLimit li.active,
.modal-currency li.active {
    box-shadow: inset 0 0 0 1px #e9ba5d
}

#turnoverNotifyModal .modal-menu-tit {
    color: #fff
}

#turnoverNotifyModal .modal-header {
    min-height: 30px
}

#turnoverNotifyModal .btn-group {
    width: 100%;
    margin: 0 auto;
    gap: 10px;
    padding: 8px
}

#turnoverNotifyModal .btn-group a.btn {
    display: inline-block;
    background-color: #172a3d;
    color: #6795b8;
    text-decoration: none;
    margin: 0 auto;
    border-radius: 5px !important;
    border: 1px solid #e9ba5d;
    transition: all 0.3s
}

#turnoverNotifyModal .btn-group a.btn:first-child {
    color: #e9ba5d
}

#turnoverNotifyModal .btn-group a.btn:first-child:hover,
#turnoverNotifyModal .btn-group a.btn:first-child:active,
#turnoverNotifyModal .btn-group a.btn:first-child:focus {
    background-color: #e9ba5d;
    color: #1d2a38
}

#turnoverNotifyModal .btn-group a.btn:last-child {
    border-color: #1d2a38
}

#turnoverNotifyModal .btn-group a.btn:last-child:hover,
#turnoverNotifyModal .btn-group a.btn:last-child:active,
#turnoverNotifyModal .btn-group a.btn:last-child:focus {
    border-color: #6795b8
}

.modal-currency .modal-content {
    width: 90%;
    max-height: 68vh;
    overflow-y: auto;
    overflow-x: hidden
}

.modal-currency .modal-content .modal-header {
    position: sticky;
    top: 0px;
    height: 44px;
    min-height: 44px;
    z-index: 1
}

.modal-currency .modal-menu {
    width: 96%;
    border-radius: 8px;
    max-height: none;
    flex-direction: row;
    overflow: visible
}

.modal-currency .modal-menu .txt-rate::before {
    font-size: 80%
}

.modal-currency .modal-body {
    display: flex;
    border-radius: 15px;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
    gap: 6px;
    align-items: stretch;
    justify-content: center
}

.modal-currency .currency-selector {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
    flex-direction: column;
    border-radius: 10px;
    border: none;
    padding: 8px 0 8px 40px;
    min-width: 50%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff
}

.modal-currency .currency-selector.active,
.modal-currency .currency-selector:hover {
    box-shadow: inset 0 0 0 1px #FFE844;
    background-color: rgba(0, 0, 0, 0.5)
}

.modal-currency .currency-selector .flag {
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 100px;
    overflow: hidden;
    object-fit: cover
}

.modal-currency .currency-selector .txt {
    color: #fff;
    font-weight: 600;
    font-size: 85%
}

.modal-currency .currency-selector .txt::before {
    display: none
}

.modal-currency .currency-selector .txt.txt-rate {
    font-weight: normal
}

.modal-menu-tit {
    margin: 10px auto;
    width: 90%;
    line-height: 25px;
    text-align: center
}

.modal-menu-tit#turnoverNotifyDiv {
    color: #fff;
    background-color: #ff4747;
    line-height: normal;
    padding: 6px 2px 6px 30px
}

.modal-menu-tit#turnoverNotifyDiv::before {
    position: absolute;
    left: 8px;
    top: 4px;
    content: '\e90b';
    font-size: 15px;
    color: #fff;
    font-family: 'icomoon' !important;
    margin-right: 5px
}

.EXTREME88 .modal .modal-content .modal-menu .btn-group a.btn:first-child,
.NEXTGEN88 .modal .modal-content .modal-menu .btn-group a.btn:first-child {
    background-color: linear-gradient(0deg, #591313 0%, #c50000 100%);
    color: #fff
}

.EXTREME88 .modal .modal-content .modal-menu li .btn,
.NEXTGEN88 .modal .modal-content .modal-menu li .btn {
    color: #6795b8;
    border: 1px solid #6795b8
}

.EXTREME88 .modal .modal-content .modal-menu li .btn:hover,
.NEXTGEN88 .modal .modal-content .modal-menu li .btn:hover {
    background-color: linear-gradient(0deg, #591313 0%, #c50000 100%);
    color: #fff !important
}

.tournament-bg .modal .modal-content {
    background-color: #152433;
    box-shadow: 0 5px 10px #090e14;
    border: 4px solid #28394b;
    border-radius: 15px;
    width: 90%;
    margin: 0 auto
}

.tournament-bg .modal .modal-content .modal-header {
    color: #fff;
    border: none;
    padding: 0px
}

.tournament-bg .modal .modal-content .modal-header .close {
    color: #fff
}

.tournament-bg .modal .modal-content .modal-header .show-wager {
    top: -20px
}

.APEX .modal .modal-content .modal-menu .btn-group a.btn:first-child,
.NEXUS .modal .modal-content .modal-menu .btn-group a.btn:first-child,
.SWCCASINO .modal .modal-content .modal-menu .btn-group a.btn:first-child,
.DYNASTY888 .modal .modal-content .modal-menu .btn-group a.btn:first-child,
JADIA .modal .modal-content .modal-menu .btn-group a.btn:first-child {
    background-color: #282210;
    border-color: #bd9a2a;
    color: #fff;
    background-color: #4d46315b;
    color: #7d6f46
}

.MWGAMING .modal .modal-content .modal-menu .btn-group a.btn:first-child {
    color: #e1be83;
    background-color: #464646
}

.MWGAMING .modal .modal-content .modal-menu .btn-group a.btn:first-child:hover,
.MWGAMING .modal .modal-content .modal-menu .btn-group a.btn:first-child:active,
.MWGAMING .modal .modal-content .modal-menu .btn-group a.btn:first-child:focus {
    background-color: #e1be83;
    color: #464646
}

.MWGAMING .modal .modal-content .modal-menu .btn-group a.btn:last-child:hover,
.MWGAMING .modal .modal-content .modal-menu .btn-group a.btn:last-child:active,
.MWGAMING .modal .modal-content .modal-menu .btn-group a.btn:last-child:focus {
    border-color: #bd9a2a
}

.MWCASH .modal .modal-content .modal-menu .btn-group a.btn {
    border-radius: 0 !important
}

.MWCASH .modal .modal-content .modal-menu .btn-group a.btn:first-child {
    border-color: #b8954b
}

.MWCASH .modal .modal-content .modal-menu .btn {
    border-radius: 0
}

.ATLANTIS88 .modal .modal-content .modal-menu .btn-group a.btn:first-child {
    background-color: linear-gradient(to bottom, #204154 50%, #09171f 100%);
    color: #fff
}

.ESCALA .modal .modal-content .modal-menu .btn-group a.btn:first-child {
    background-color: linear-gradient(#0e0405 0, #521417 95%, #711c20 99%);
    color: #fff
}

.ESCALA .modal .modal-content .modal-menu li .btn {
    color: #fff;
    border: 1px solid #fff
}

.ESCALA .modal .modal-content .modal-menu li .btn:hover {
    background-color: linear-gradient(#0e0405 0, #521417 95%, #711c20 99%);
    color: #fff !important
}

.show-jackpot-MHB {
    display: none
}

.show-jackpot-fire.on-fire::after {
    content: none !important;
    display: none !important
}

.show-jackpot-fire.on-fire .ul-gameIcon-box::after,
.show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    position: absolute;
    height: auto;
    width: 97px;
    content: '';
    pointer-events: none;
    z-index: 2;
    animation: vibrate-1 0.7s linear infinite both
}

.show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-top.webp) no-repeat center top;
    background-size: contain;
    aspect-ratio: 196 / 162;
    right: -22px;
    top: -20px
}

.show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-btm.webp) no-repeat center top;
    background-size: contain;
    aspect-ratio: 164 / 172;
    left: -13px;
    bottom: -18px
}

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

.show-jackpot-fire.on-fire .show-jackpot-MHB {
    background: linear-gradient(rgba(190, 0, 0, 0.580392), rgba(66, 0, 0, 0.909804))
}

.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.on-fire .ul-gameIcon-txt {
    z-index: 2
}

.show-jackpot-fire::after {
    position: absolute;
    z-index: 0;
    left: 8px;
    top: -44px;
    height: 48px;
    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
}

.show-jackpot-fire .show-jackpot-MHB {
    background: linear-gradient(rgba(0, 0, 0, 0.580392), rgba(0, 0, 0, 0.909804));
    z-index: 200;
    display: inline-block;
    position: absolute;
    left: 4%;
    top: 21vmin;
    color: #59670b;
    width: 97%;
    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: center;
    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
}

body.type-R .show-jackpot-fire .game-icon,
body.type-R .show-jackpot-fire.on-fire .game-icon,
body.type-W .show-jackpot-fire .game-icon,
body.type-W .show-jackpot-fire.on-fire .game-icon,
body.type-L .show-jackpot-fire .game-icon,
body.type-L .show-jackpot-fire.on-fire .game-icon,
body.type-P .show-jackpot-fire .game-icon,
body.type-P .show-jackpot-fire.on-fire .game-icon {
    border-top: none !important
}

body.TMT .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.TMT .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
.page-web.TMT .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
.page-web.TMT .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    aspect-ratio: 115 / 175;
    width: 66px;
    top: auto;
    bottom: -8px
}

body.TMT .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
.page-web.TMT .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-roundR.webp) no-repeat center top;
    background-size: contain;
    right: -20px
}

body.TMT .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
.page-web.TMT .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-roundL.webp) no-repeat center top;
    background-size: contain;
    left: -20px
}

body.EZ .show-jackpot-fire.on-fire .show-jackpot-MHB {
    background: linear-gradient(rgba(190, 0, 0, 0.580392), rgba(66, 0, 0, 0.909804));
    bottom: 0 !important
}

body.WL .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    top: -39px
}

body.type-R .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-R .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
body.type-L .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-L .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
body.type-P .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-P .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
body.type-BS .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-BS .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    aspect-ratio: 165 / 192
}

body.type-R .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-L .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-P .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-BS .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-R.webp) no-repeat center top;
    background-size: contain
}

body.type-R .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
body.type-L .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
body.type-P .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
body.type-BS .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-L.webp) no-repeat center top;
    background-size: contain
}

body.type-BS .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-BS .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    width: 66px;
    top: auto;
    bottom: -14px;
    z-index: 0
}

body.type-BS .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    right: -14px
}

body.type-BS .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    left: -14px
}

body.type-BS .ul-gameList li:first-child.show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-BS .ul-gameList li:first-child.show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    width: 90px;
    bottom: -18px
}

body.type-BS .ul-gameList li:first-child.show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    right: -18px
}

body.type-BS .ul-gameList li:first-child.show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    left: -18px
}

body.type-R .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-R .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    width: 66px;
    top: auto;
    bottom: -14px
}

body.type-R .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    right: -14px
}

body.type-R .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    left: -14px
}

body.type-W .show-jackpot-fire.on-fire::after,
body.type-W .show-jackpot-fire.on-fire::before {
    position: absolute;
    height: auto;
    width: 66px;
    top: auto;
    bottom: -14px;
    aspect-ratio: 165 / 192;
    content: '' !important;
    display: block !important;
    pointer-events: none;
    z-index: 3;
    animation: vibrate-1 0.7s linear infinite both !important
}

body.type-W .show-jackpot-fire.on-fire::after {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-R.webp) no-repeat center top;
    background-size: contain;
    left: auto;
    right: -13px
}

body.type-W .show-jackpot-fire.on-fire::before {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-L.webp) no-repeat center top;
    background-size: contain;
    left: -13px
}

body.type-W .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    content: none !important;
    display: none !important
}

body.type-W .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    position: relative;
    background-image: none;
    aspect-ratio: auto;
    left: auto;
    bottom: auto;
    animation: none
}

body.type-L .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-L .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    width: 66px;
    top: auto;
    bottom: -14px;
    animation: vibrate-L 0.7s linear infinite both
}

body.type-L .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    right: -14px
}

body.type-L .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    left: -7px
}

body.type-P .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.type-P .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    width: 66px;
    top: auto;
    bottom: -14px
}

body.type-P .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    right: -12px
}

body.type-P .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    left: -12px
}

body.CLASSIC.device-PC .show-jackpot-fire.on-fire::after,
body.CLASSIC.device-PC .show-jackpot-fire.on-fire::before,
body.POPULAR.device-PC .show-jackpot-fire.on-fire::after,
body.POPULAR.device-PC .show-jackpot-fire.on-fire::before {
    position: absolute;
    height: auto;
    width: 97px;
    content: '' !important;
    display: block !important;
    pointer-events: none;
    z-index: 2;
    animation: vibrate-1 0.7s linear infinite both
}

body.CLASSIC.device-PC .show-jackpot-fire.on-fire::after,
body.POPULAR.device-PC .show-jackpot-fire.on-fire::after {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-top.webp) no-repeat center top;
    background-size: contain;
    aspect-ratio: 196 / 162;
    right: -13px;
    left: auto;
    top: 13px !important
}

body.CLASSIC.device-PC .show-jackpot-fire.on-fire::before,
body.POPULAR.device-PC .show-jackpot-fire.on-fire::before {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-btm.webp) no-repeat center top;
    background-size: contain;
    aspect-ratio: 164 / 172;
    left: -5px;
    bottom: 13px
}

body.CLASSIC.device-PC .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
body.POPULAR.device-PC .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    animation: none;
    bottom: auto;
    right: auto;
    left: 0;
    top: 0;
    aspect-ratio: auto;
    width: auto;
    background-image: none;
    width: 100%;
    height: 100%
}

body.CLASSIC.device-PC .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
body.POPULAR.device-PC .show-jackpot-fire.on-fire .ul-gameIcon-box::before {
    animation: none;
    bottom: auto;
    left: 50%;
    top: 50%;
    aspect-ratio: auto;
    width: auto;
    background-image: none
}

body.CLASSIC.device-PC .show-jackpot-fire.on-fire:hover .ul-gameIcon-box::before,
body.POPULAR.device-PC .show-jackpot-fire.on-fire:hover .ul-gameIcon-box::before {
    background-image: linear-gradient(0deg, #855F17 0%, #F3C161 31%, #FFE581 52%, #DEAE53 71%, #A67415 100%)
}

body.CLASSIC.device-PC .show-jackpot-fire.on-fire.show-maintain::after,
body.CLASSIC.device-PC .show-jackpot-fire.on-fire.show-maintain::before,
body.CLASSIC.device-PC .show-jackpot-fire.on-fire.show-blocked::after,
body.CLASSIC.device-PC .show-jackpot-fire.on-fire.show-blocked::before,
body.POPULAR.device-PC .show-jackpot-fire.on-fire.show-maintain::after,
body.POPULAR.device-PC .show-jackpot-fire.on-fire.show-maintain::before,
body.POPULAR.device-PC .show-jackpot-fire.on-fire.show-blocked::after,
body.POPULAR.device-PC .show-jackpot-fire.on-fire.show-blocked::before {
    display: none !important
}

body.CLASSIC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire::after,
body.POPULAR.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire::after {
    top: 4px !important;
    right: -18px
}

body.CLASSIC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire::before,
body.POPULAR.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire::before {
    left: -9px;
    bottom: 8px
}

body.CLASSIC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-maintain::after,
body.CLASSIC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-maintain::before,
body.CLASSIC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-blocked::after,
body.CLASSIC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-blocked::before,
body.POPULAR.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-maintain::after,
body.POPULAR.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-maintain::before,
body.POPULAR.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-blocked::after,
body.POPULAR.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-blocked::before {
    display: none !important
}

body.CLASSIC.device-PC.TMT .show-jackpot-fire.on-fire::after,
body.CLASSIC.device-PC.TMT .show-jackpot-fire.on-fire::before,
body.POPULAR.device-PC.BUENASB .show-jackpot-fire.on-fire::after,
body.POPULAR.device-PC.BUENASB .show-jackpot-fire.on-fire::before {
    aspect-ratio: 115 / 175;
    width: 66px;
    top: auto !important;
    bottom: 30px
}

body.CLASSIC.device-PC.TMT .show-jackpot-fire.on-fire::after,
body.POPULAR.device-PC.BUENASB .show-jackpot-fire.on-fire::after {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-roundR.webp) no-repeat center top;
    background-size: contain;
    right: -8px
}

body.CLASSIC.device-PC.TMT .show-jackpot-fire.on-fire::before,
body.POPULAR.device-PC.BUENASB .show-jackpot-fire.on-fire::before {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpotFire-roundL.webp) no-repeat center top;
    background-size: contain;
    left: -8px
}

body.CLASSIC.device-PC.TMT .MEGAJACKPOT .show-jackpot-fire.on-fire::after,
body.CLASSIC.device-PC.TMT .MEGAJACKPOT .show-jackpot-fire.on-fire::before,
body.POPULAR.device-PC.BUENASB .MEGAJACKPOT .show-jackpot-fire.on-fire::after,
body.POPULAR.device-PC.BUENASB .MEGAJACKPOT .show-jackpot-fire.on-fire::before {
    bottom: 28px
}

body.CLASSIC.device-PC.TMT .MEGAJACKPOT .show-jackpot-fire.on-fire::after,
body.POPULAR.device-PC.BUENASB .MEGAJACKPOT .show-jackpot-fire.on-fire::after {
    right: -20px
}

body.CLASSIC.device-PC.TMT .MEGAJACKPOT .show-jackpot-fire.on-fire::before,
body.POPULAR.device-PC.BUENASB .MEGAJACKPOT .show-jackpot-fire.on-fire::before {
    left: -20px
}

@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 vibrate-L {
    0% {
        transform: translateY(0) skew(6deg);
        filter: grayscale(50%);
        opacity: 1
    }

    20% {
        transform: translateY(-1px) skew(6deg);
        opacity: .9
    }

    40% {
        transform: translateY(1px) skew(6deg);
        filter: grayscale(20%);
        opacity: 1
    }

    60% {
        transform: translateY(-1px) skew(6deg);
        opacity: .9
    }

    80% {
        transform: translateY(1px) skew(6deg);
        filter: grayscale(50%)
    }

    100% {
        transform: translateY(0) skew(6deg);
        opacity: 1
    }
}

@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
    }
}

.jackpot-mult-box .jackpot-platform .big-jackpot a p,
.MEGAJACKPOT .jackpotList-btn span,
.jackpot-box-logo .big-jackpot span {
    font-weight: bold;
    font-style: italic;
    font-family: "Trebuchet MS", Tahoma, sans-serif
}

.modal.modal-gamelist {
    overflow: hidden
}

.modal.modal-gamelist .modal-header {
    min-height: 40px
}

.modal.modal-gamelist .modal-header.modal-tit p {
    margin: 10px;
    text-align: left
}

.modal.modal-gamelist .modal-content {
    overflow: hidden
}

.modal.modal-gamelist .modal-content .modal-body {
    padding: 0
}

.modal.modal-gamelist .modal-content .modal-body iframe {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 0 !important;
    min-height: 65vh
}

.page-web.modal-iframe .main-content .section-box .section-ul {
    height: 100vh
}

.modal-gamelist.FREESPIN,
.modal-gamelist.CHALLENGE {
    overflow: hidden
}

.modal-gamelist.FREESPIN .modal-content .modal-header.modal-tit p,
.modal-gamelist.CHALLENGE .modal-content .modal-header.modal-tit p {
    margin: 0px 10px;
    padding: 3px 0
}

.modal-gamelist.FREESPIN .modal-content .modal-body,
.modal-gamelist.CHALLENGE .modal-content .modal-body {
    overflow-x: hidden;
    overflow-y: auto;
    background: #0f1b28;
    padding: 0.5rem
}

.modal-gamelist.FREESPIN .modal-content .modal-body ul,
.modal-gamelist.CHALLENGE .modal-content .modal-body ul {
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%;
    margin: 0
}

.modal-gamelist.FREESPIN .modal-content .modal-body ul li:hover .ul-gameIcon-box::before,
.modal-gamelist.CHALLENGE .modal-content .modal-body ul li:hover .ul-gameIcon-box::before {
    min-width: 70%;
    white-space: nowrap
}

.modal-gamelist.FREESPIN .modal-content .modal-body ul li .ul-gameIcon-txt,
.modal-gamelist.CHALLENGE .modal-content .modal-body ul li .ul-gameIcon-txt {
    position: relative;
    padding-top: 5px
}

.modal-gamelist.FREESPIN .modal-content .modal-body ul li .ul-gameIcon-txt .txt-gameName,
.modal-gamelist.CHALLENGE .modal-content .modal-body ul li .ul-gameIcon-txt .txt-gameName {
    padding: 0;
    font-size: 85%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    width: 100%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff
}

.JP-promoSticky {
    position: absolute;
    top: -10px;
    left: -10px;
    color: #312418;
    z-index: 11;
    font-size: 10px;
    transform: rotate(-30deg);
    background: url(../../../theme/images/src-common/JACKPOT-img/jackpotSticky.webp) no-repeat left top;
    background-size: cover;
    padding: 2px 7px 8px 10px;
    font-weight: bold;
    line-height: normal;
    display: inline-block;
    -webkit-text-fill-color: initial
}

.JP-promoSticky::before {
    content: 'JP+'
}

.JP-promoSticky::after {
    content: '%'
}

.show-promoDot::before {
    content: '';
    position: absolute;
    right: -3px;
    top: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background: #e8b601
}

@media screen and (min-width: 1024px) {
    .jackpot-mult-box .show-promoDot::before {
        top: 5px;
        right: 1px
    }
}

.page-web .section-box .jackpot-box .big-jackpot a.jackpotList-btn.show-promoDot::before {
    right: 33px;
    top: 5px
}

main .mb-platform-menu ul li a .JP-promoSticky {
    top: auto;
    bottom: 0;
    left: 0;
    transform: rotate(0deg) scale(1);
    height: 14px;
    width: auto;
    min-width: 20px;
    padding: 2px 20px 2px 4px;
    background: url(../../../theme/images/src-common/JACKPOT-img/jackpotSticky.webp) no-repeat -10px top;
    background-size: cover
}

.page-web .page-wrapper .main-content.HOME .section-JACKPOT .big-jackpot .JP-promoSticky {
    left: -20px;
    top: 5px;
    transform: rotate(-30deg) scale(0.8)
}

.page-web .page-wrapper .main-content.HOME .section-JACKPOT .big-jackpot a.jackpotList-btn.show-promoDot::before {
    right: -30px;
    top: 0px
}

.MEGAJACKPOT .big-jackpot .JP-promoSticky {
    position: relative;
    margin-right: -30px;
    top: -12px;
    left: auto;
    transform: rotate(-30deg) scale(0.8)
}

.MEGAJACKPOT .big-jackpot .jackpotList-btn {
    position: relative;
    outline: none
}

.MEGAJACKPOT .big-jackpot .jackpotList-btn.show-promoDot::before {
    right: -20px;
    top: 0px
}

.jackpot-box-logo .big-jackpot a.jackpotList-btn.show-promoDot::before {
    right: -20px;
    top: 15px
}

.POPULAR .sub-menu-box .sub-menuLv2 li .img-platform-logo .JP-promoSticky {
    top: 4px
}

.device-PC .jackpot-box-logo .platform-logo .JP-promoSticky {
    top: 0;
    left: -20px
}

.device-PC .jackpot-box-logo .big-jackpot a.jackpotList-btn.show-promoDot::before {
    top: 0
}

.signUp-bonus-btn {
    display: none;
    position: fixed;
    max-width: 300px;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 500
}

.signUp-bonus-btn.size-s {
    display: block;
    position: absolute;
    right: -10px;
    left: auto;
    top: -5px;
    transform: scale(0.8);
    width: auto;
    background: #FF5C00;
    box-shadow: 0 0 0 1px #C10000;
    color: #fff;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 20px;
    z-index: 3;
    animation: signUp-btn-s 2s infinite
}

.signUp-bonus-btn.size-s::before {
    content: '';
    position: absolute;
    bottom: -5px;
    right: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px;
    border-color: transparent transparent transparent #FF5C00
}

.signUp-bonus-btn.size-s::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8.2px;
    border-color: transparent transparent transparent #C10000;
    z-index: -1
}

.signUp-bonus-btn.size-s .bonus-box {
    left: 30%;
    bottom: auto;
    top: -77px
}

.signUp-bonus-btn.size-s .btn {
    padding: 0
}

.signUp-bonus-btn.size-s .btn .btn-bonus {
    padding: 20px 15px;
    text-align: center
}

.signUp-bonus-btn .btn .btn-bonus {
    background: linear-gradient(95deg, rgba(193, 0, 0, 0.6) -5%, rgba(255, 92, 0, 0.6) 75%);
    padding: 12px 40px 12px 120px;
    border-radius: 99px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.5)
}

.signUp-bonus-btn .btn .btn-bonus::before {
    content: '';
    position: absolute;
    background-image: linear-gradient(270deg, rgba(255, 0, 0, 0.4) 0%, rgba(252, 180, 114, 0.4) 15%, rgba(255, 6, 0, 0.4) 30%);
    background-size: 300%;
    animation: bg-pan-right 1.5s infinite;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 4px 10px;
    border-radius: inherit;
    z-index: -1;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.signUp-bonus-btn .btn .btn-bonus .txt-freebonus {
    padding: 0
}

.signUp-bonus-btn .btn .btn-bonus .date {
    padding-top: 4px;
    font-weight: normal;
    font-size: 12px
}

.signUp-bonus-btn .bonus-box {
    position: absolute;
    bottom: 15px;
    left: 25px;
    height: 100px;
    width: 100px;
    z-index: 999;
    animation: heartbeat 1.5s ease-in-out infinite both
}

.signUp-bonus-btn .bonus-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

@media (min-width: 414px) {
    .signUp-bonus-btn.size-s {
        transform: scale(1)
    }

    .header-navigation .signUp-bonus-btn.size-s {
        bottom: -7px;
        top: auto
    }

    .header-navigation .signUp-bonus-btn.size-s::before {
        top: -3px;
        bottom: auto;
        right: -7px;
        border-color: transparent transparent transparent #FF5C00;
        z-index: -1;
        border-width: 6px 11px
    }

    .header-navigation .signUp-bonus-btn.size-s::after {
        top: -4px;
        right: -2px;
        bottom: auto;
        right: -5px;
        border-width: 6px 10px;
        border-color: transparent transparent transparent #C10000;
        z-index: -2
    }
}

.device-PC .signUp-bonus-btn .btn .btn-bonus::before {
    content: '';
    margin: 2px 6px
}

.signupEventBanner {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 0 16px 0
}

.page-web.type-R.device-PC .signUp-bonus-btn,
.page-web.type-W.device-PC .signUp-bonus-btn,
.page-web.type-L.device-PC .signUp-bonus-btn,
.page-web.type-P.device-PC .signUp-bonus-btn,
.page-web.type-BS.device-PC .signUp-bonus-btn {
    max-width: 300px;
    left: auto;
    top: 90vh;
    left: 10vw
}

.page-web.type-R.device-PC .signUp-bonus-btn.size-s,
.page-web.type-W.device-PC .signUp-bonus-btn.size-s,
.page-web.type-L.device-PC .signUp-bonus-btn.size-s,
.page-web.type-P.device-PC .signUp-bonus-btn.size-s,
.page-web.type-BS.device-PC .signUp-bonus-btn.size-s {
    transform: scale(0.9)
}

.page-web.type-R.device-PC .signUp-bonus-btn .bonus-box,
.page-web.type-W.device-PC .signUp-bonus-btn .bonus-box,
.page-web.type-L.device-PC .signUp-bonus-btn .bonus-box,
.page-web.type-P.device-PC .signUp-bonus-btn .bonus-box,
.page-web.type-BS.device-PC .signUp-bonus-btn .bonus-box {
    right: 15%
}

.page-web.type-R .signUp-bonus-btn,
.page-web.type-W .signUp-bonus-btn,
.page-web.type-L .signUp-bonus-btn,
.page-web.type-P .signUp-bonus-btn,
.page-web.type-BS .signUp-bonus-btn {
    top: 88vh;
    left: 104vw;
    z-index: 1205
}

.page-web.type-R .signUp-bonus-btn .bonus-box,
.page-web.type-W .signUp-bonus-btn .bonus-box,
.page-web.type-L .signUp-bonus-btn .bonus-box,
.page-web.type-P .signUp-bonus-btn .bonus-box,
.page-web.type-BS .signUp-bonus-btn .bonus-box {
    animation: envelopes_jump 2s infinite
}

.page-web.type-R .signUp-bonus-btn .btn,
.page-web.type-W .signUp-bonus-btn .btn,
.page-web.type-L .signUp-bonus-btn .btn,
.page-web.type-P .signUp-bonus-btn .btn,
.page-web.type-BS .signUp-bonus-btn .btn {
    width: 100px;
    position: relative;
    left: 24px;
    bottom: 20px;
    z-index: 999
}

.page-web.type-R .signUp-bonus-btn .btn .btn-bonus,
.page-web.type-W .signUp-bonus-btn .btn .btn-bonus,
.page-web.type-L .signUp-bonus-btn .btn .btn-bonus,
.page-web.type-P .signUp-bonus-btn .btn .btn-bonus,
.page-web.type-BS .signUp-bonus-btn .btn .btn-bonus {
    border-radius: 10px;
    background: none;
    box-shadow: none;
    padding: 0;
    font-size: 19px;
    line-height: 19px;
    text-align: center;
    -webkit-text-stroke: 1px #fff;
    text-shadow: 0 0 3px #333;
    animation: envelopes_jump_txt 2s infinite
}

.page-web.type-R .signUp-bonus-btn .btn .btn-bonus .date,
.page-web.type-W .signUp-bonus-btn .btn .btn-bonus .date,
.page-web.type-L .signUp-bonus-btn .btn .btn-bonus .date,
.page-web.type-P .signUp-bonus-btn .btn .btn-bonus .date,
.page-web.type-BS .signUp-bonus-btn .btn .btn-bonus .date {
    display: none
}

.page-web.type-R .signUp-bonus-btn .btn .btn-bonus::before,
.page-web.type-W .signUp-bonus-btn .btn .btn-bonus::before,
.page-web.type-L .signUp-bonus-btn .btn .btn-bonus::before,
.page-web.type-P .signUp-bonus-btn .btn .btn-bonus::before,
.page-web.type-BS .signUp-bonus-btn .btn .btn-bonus::before {
    display: none
}

.page-web.type-R .signUp-bonus-btn.size-s,
.page-web.type-W .signUp-bonus-btn.size-s,
.page-web.type-L .signUp-bonus-btn.size-s,
.page-web.type-P .signUp-bonus-btn.size-s,
.page-web.type-BS .signUp-bonus-btn.size-s {
    top: -10px;
    left: auto;
    bottom: auto;
    border-radius: 5px;
    transform: scale(0.8);
    background: #f03617;
    box-shadow: 0 0 0 1px #faad9e
}

.page-web.type-R .signUp-bonus-btn.size-s::before,
.page-web.type-W .signUp-bonus-btn.size-s::before,
.page-web.type-L .signUp-bonus-btn.size-s::before,
.page-web.type-P .signUp-bonus-btn.size-s::before,
.page-web.type-BS .signUp-bonus-btn.size-s::before {
    left: 50%;
    bottom: -8.2px;
    transform: rotate(45deg) translate(-50%);
    background: #f03617;
    box-shadow: inset -1px -1px 0 #faad9e;
    border: none;
    width: 8px;
    height: 8px;
    z-index: -1
}

.page-web.type-R .signUp-bonus-btn::after,
.page-web.type-W .signUp-bonus-btn::after,
.page-web.type-L .signUp-bonus-btn::after,
.page-web.type-P .signUp-bonus-btn::after,
.page-web.type-BS .signUp-bonus-btn::after {
    display: none
}

.page-web.type-R .page-bonus-div.signupEventBonus-page,
.page-web.type-W .page-bonus-div.signupEventBonus-page,
.page-web.type-L .page-bonus-div.signupEventBonus-page,
.page-web.type-P .page-bonus-div.signupEventBonus-page,
.page-web.type-BS .page-bonus-div.signupEventBonus-page {
    overflow: hidden
}

.page-web.type-R .page-bonus-div.signupEventBonus-page .result-box,
.page-web.type-W .page-bonus-div.signupEventBonus-page .result-box,
.page-web.type-L .page-bonus-div.signupEventBonus-page .result-box,
.page-web.type-P .page-bonus-div.signupEventBonus-page .result-box,
.page-web.type-BS .page-bonus-div.signupEventBonus-page .result-box {
    height: 240px
}

.page-web.type-R .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img,
.page-web.type-W .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img,
.page-web.type-L .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img,
.page-web.type-P .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img,
.page-web.type-BS .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img {
    transition: height 0.3s;
    height: 250px;
    width: 250px;
    animation: none
}

.page-web.type-R .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img img,
.page-web.type-W .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img img,
.page-web.type-L .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img img,
.page-web.type-P .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img img,
.page-web.type-BS .page-bonus-div.signupEventBonus-page .result-box.default .bonus-img img {
    left: -10%
}

.page-web.type-R .page-bonus-div.signupEventBonus-page .result-box.default::after,
.page-web.type-W .page-bonus-div.signupEventBonus-page .result-box.default::after,
.page-web.type-L .page-bonus-div.signupEventBonus-page .result-box.default::after,
.page-web.type-P .page-bonus-div.signupEventBonus-page .result-box.default::after,
.page-web.type-BS .page-bonus-div.signupEventBonus-page .result-box.default::after {
    content: 'OPEN';
    position: absolute;
    top: 220px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 50;
    padding: 8px 15px;
    color: #795548;
    font-size: 20px;
    font-weight: bold;
    background-image: linear-gradient(to bottom right, #ffeb3b, #ff9800);
    border-radius: 40px;
    box-shadow: 0px 3px 0px #f59300
}

.page-web.type-R .page-bonus-div.signupEventBonus-page .result-box.win .bonus-img,
.page-web.type-W .page-bonus-div.signupEventBonus-page .result-box.win .bonus-img,
.page-web.type-L .page-bonus-div.signupEventBonus-page .result-box.win .bonus-img,
.page-web.type-P .page-bonus-div.signupEventBonus-page .result-box.win .bonus-img,
.page-web.type-BS .page-bonus-div.signupEventBonus-page .result-box.win .bonus-img {
    top: -20px;
    animation: jello-horizontal 0.9s both;
    height: 300px !important;
    width: 250px !important;
    background-size: 100% !important
}

.page-web.type-R .page-bonus-div.signupEventBonus-page .result-box.win .txt-number,
.page-web.type-W .page-bonus-div.signupEventBonus-page .result-box.win .txt-number,
.page-web.type-L .page-bonus-div.signupEventBonus-page .result-box.win .txt-number,
.page-web.type-P .page-bonus-div.signupEventBonus-page .result-box.win .txt-number,
.page-web.type-BS .page-bonus-div.signupEventBonus-page .result-box.win .txt-number {
    top: 44px;
    color: #754c24;
    text-shadow: none;
    font-style: normal
}

.page-web.type-R .page-bonus-div.signupEventBonus-page .bonus-result-btn .bonus-times,
.page-web.type-W .page-bonus-div.signupEventBonus-page .bonus-result-btn .bonus-times,
.page-web.type-L .page-bonus-div.signupEventBonus-page .bonus-result-btn .bonus-times,
.page-web.type-P .page-bonus-div.signupEventBonus-page .bonus-result-btn .bonus-times,
.page-web.type-BS .page-bonus-div.signupEventBonus-page .bonus-result-btn .bonus-times {
    background: #a5a5a599;
    width: auto;
    max-width: 120px;
    min-width: 50px;
    margin: 10px auto;
    padding: 5px 0;
    border-radius: 50px
}

.page-web.type-P .signUp-bonus-btn {
    top: 83vh
}

.page-web.TELE789 .page-bonus-div.signupEventBonus-page .result-box.win .txt-number {
    top: 140px
}

@media (min-width: 380px) {
    .page-web.TELE789 .page-bonus-div.signupEventBonus-page .result-box.win .txt-number {
        top: 135px
    }
}

.page-web.type-BS .signUp-bonus-btn.size-s {
    top: auto;
    bottom: -15px
}

.page-web.type-BS .signUp-bonus-btn.size-s::before {
    top: -8px;
    bottom: auto;
    border-width: 8px;
    transform: rotate(230deg) translateX(-50%);
    left: 45%
}

.page-web.type-BS .signUp-bonus-btn.size-s::after {
    display: none
}

.page-web.type-BS .register-box .signUp-bonus-btn.size-s {
    bottom: auto;
    top: -10px
}

.page-web.type-BS .register-box .signUp-bonus-btn.size-s::before {
    bottom: -8px;
    left: 50%;
    top: auto;
    transform: rotate(45deg) translateX(-50%)
}

@media (min-width: 380px) {
    .page-web.type-BS .page-bonus-div.signupEventBonus-page .result-box.win .txt-number {
        top: 135px
    }
}

.page-web.type-BS.device-PC .page-bonus-div.signupEventBonus-page .result-box.win .txt-number {
    top: 145px
}

@keyframes signup-btn {

    0%,
    100% {
        bottom: 24px
    }

    50% {
        bottom: 22px
    }
}

@keyframes bonus {
    0% {
        font-size: 0;
        opacity: 0;
        transform: translateY(120px)
    }

    50% {
        font-size: 10px;
        opacity: 0
    }

    75% {
        font-size: 10px;
        opacity: 0;
        transform: translateY(120px)
    }

    90%,
    100% {
        font-size: 32px;
        transform: translateY(-40px)
    }
}

@keyframes bonus-shine {
    0% {
        transform: translateY(180px) scale(0)
    }

    100% {
        transform: translateY(0px) scale(1)
    }
}

@keyframes txt-number {
    0% {
        opacity: 0;
        transform: translateY(100px) scale(0)
    }

    40% {
        opacity: 0.6
    }

    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

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

    100% {
        background-position: -100% 0%
    }
}

@keyframes envelopes_jump {
    0% {
        transform: translateY(0px) scaleY(1)
    }

    10% {
        transform: translateY(5px) perspective(16px) rotateX(1deg) scaleY(0.9)
    }

    20% {
        transform: translateY(-8px) scaleY(1)
    }

    30% {
        transform: translateY(5px) perspective(16px) rotateX(1deg) scaleY(0.9)
    }

    40% {
        transform: translateY(-15px) perspective(30px) rotateX(-1deg) scaleY(1)
    }

    50% {
        transform: translateY(0px) scaleY(1)
    }

    100% {
        transform: translateY(0px) scaleY(1)
    }
}

@keyframes envelopes_jump_txt {
    0% {
        transform: translateY(0px) perspective(8px) rotateX(-1deg)
    }

    10% {
        transform: translateY(5px) perspective(8px) rotateX(-1deg)
    }

    20% {
        transform: translateY(-8px) perspective(8px) rotateX(-1deg)
    }

    30% {
        transform: translateY(5px) perspective(8px) rotateX(-1deg)
    }

    40% {
        transform: translateY(-15px) perspective(8px) rotateX(-1deg)
    }

    50% {
        transform: translateY(0px) perspective(8px) rotateX(-1deg)
    }

    100% {
        transform: translateY(0px) perspective(8px) rotateX(-1deg)
    }
}

@keyframes envelopes_open_txt {
    0% {
        transform: translate(-50%, -50%) scale(1.1);
        filter: brightness(105%)
    }

    50% {
        transform: translate(-50%, -50%) scale(1);
        filter: brightness(100%)
    }

    100% {
        transform: translate(-50%, -50%) scale(1.1);
        filter: brightness(105%)
    }
}

@keyframes signUp-btn-s {

    0%,
    100% {
        transform: translateY(2px) scale(0.8)
    }

    50% {
        transform: translateY(-4px) scale(0.8)
    }
}

.show-msg {
    position: absolute;
    width: 100%;
    display: inline-block;
    height: auto;
    color: #fff !important;
    padding: 5px 0;
    font-size: 12px !important;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 231;
    cursor: pointer
}

body.type-R .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-R .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-R .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-R .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg,
body.type-W .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-W .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-W .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-W .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg,
body.type-L .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-L .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-L .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-L .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg,
body.type-P .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-P .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-P .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-P .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg {
    font-size: 8px !important;
    transform: translate(-50%, -50%);
    z-index: 101
}

body.type-R .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-R .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-R .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-R .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg {
    width: 235%;
    left: 100%;
    top: 60%;
    max-width: 80px
}

body.type-R.device-PC .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-R.device-PC .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-R.device-PC .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-R.device-PC .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg {
    width: 310%;
    top: 65%;
    left: 116%;
    max-width: 184px
}

body.type-W .page-wrapper .section-ul.ul-platfromList li .show-msg {
    width: 100% !important;
    left: 50% !important;
    top: 50% !important;
    max-width: none !important;
    transform: translate(-50%, -50%) !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-top-left-radius: 0px !important
}

body.type-W .ul-gameIcon-box .show-msg {
    top: 55% !important
}

body.type-W .JACKPOT-content .ul-gameIcon-box .show-msg {
    top: 60%
}

body.type-W .page-search .ul-gameList li .ul-gameIcon-box .show-msg {
    top: 55%
}

body.type-W.device-PC .page-search .ul-gameList li .ul-gameIcon-box .show-msg {
    top: 60%
}

body.type-L .page-search .ul-gameList li .ul-gameIcon-box .show-msg {
    width: 90% !important
}

body.type-L .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-L .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-L .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-L .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg {
    width: 100% !important;
    max-width: none !important;
    left: 50% !important
}

body.type-L .section-ul.game-list-ul.ul-gameList .show-msg {
    transform: translate(-50%, -50%) skew(6deg)
}

body.type-L .section-ul.game-list-ul.ul-gameList .ul-gameIcon-box .show-msg {
    width: 90%
}

body.type-L .section-SPORTS .ul-gameIcon-box .show-msg,
body.type-L .section-LOTTERY .ul-gameIcon-box .show-msg,
body.type-L .section-LIVE .ul-gameIcon-box .show-msg,
body.type-L .section-ul.SPORTS .ul-gameIcon-box .show-msg,
body.type-L .tab-content.LIVEARENA .ul-gameIcon-box .show-msg,
body.type-L .tab-content.LOTTERY .ul-gameIcon-box .show-msg,
body.type-L .section-ul.live .ul-gameIcon-box .show-msg {
    width: 97%
}

body.type-L .section-LIVEARENA .ul-gameIcon-box .show-msg {
    width: 98%
}

body.type-L.device-PC .section-ul.game-list-ul.ul-gameList .ul-gameIcon-box .show-msg {
    width: 94%
}

body.type-P .page-search .ul-gameList li .ul-gameIcon-box .show-msg {
    width: 92% !important
}

body.type-P .ul-platfromList.section-ul.SLOT .ul-gameIcon-box,
body.type-P .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box,
body.type-P .ul-platfromList.section-ul.FH .ul-gameIcon-box,
body.type-P .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box {
    position: unset
}

body.type-P .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-P .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-P .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-P .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg {
    top: 20px
}

body.type-P .section-ul.game-list-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-P .section-ul.game-list-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-P .section-ul.game-list-ul.FH .ul-gameIcon-box .show-msg,
body.type-P .section-ul.game-list-ul.RNGTABLE .ul-gameIcon-box .show-msg,
body.type-P .section-box.section-NEW .ul-gameIcon-box .show-msg,
body.type-P .section-box.section-LOCAL .ul-gameIcon-box .show-msg {
    width: 90%
}

body.type-P .ul-gameList.section-ul.LIVE .ul-gameIcon-box .show-msg,
body.type-P .ul-gameList.section-ul.SPORTS .ul-gameIcon-box .show-msg,
body.type-P .tab-content.LOTTERY .ul-gameIcon-box .show-msg {
    width: 82%
}

body.type-P .tab-content.LIVEARENA .ul-gameIcon-box .show-msg {
    width: 94%
}

body.type-P.device-PC .ul-platfromList.section-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-P.device-PC .ul-platfromList.section-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-P.device-PC .ul-platfromList.section-ul.FH .ul-gameIcon-box .show-msg,
body.type-P.device-PC .ul-platfromList.section-ul.RNGTABLE .ul-gameIcon-box .show-msg {
    top: 30px;
    width: 100%
}

body.type-P.device-PC .ul-gameIcon-box .show-msg {
    width: 94%
}

body.type-P.device-PC .section-ul.game-list-ul.SLOT .ul-gameIcon-box .show-msg,
body.type-P.device-PC .section-ul.game-list-ul.ARCADE .ul-gameIcon-box .show-msg,
body.type-P.device-PC .section-ul.game-list-ul.FH .ul-gameIcon-box .show-msg,
body.type-P.device-PC .section-ul.game-list-ul.RNGTABLE .ul-gameIcon-box .show-msg,
body.type-P.device-PC .section-box.section-NEW .ul-gameIcon-box .show-msg,
body.type-P.device-PC .section-box.section-LOCAL .ul-gameIcon-box .show-msg {
    width: 94%
}

body.type-P.device-PC .ul-gameList.section-ul.LIVE .ul-gameIcon-box .show-msg,
body.type-P.device-PC .ul-gameList.section-ul.SPORTS .ul-gameIcon-box .show-msg,
body.type-P.device-PC .tab-content.LOTTERY .ul-gameIcon-box .show-msg {
    width: 85%
}

body.type-P.device-PC .section-box.section-LIVEARENA .ul-gameIcon-box .show-msg {
    width: 96%
}

body.device-PC.POPULAR .page-search .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .page-search .ul-gameList li:hover .ul-gameIcon-box .show-msg {
    transition: all .3s;
    top: 80%
}

body.device-PC.POPULAR .div-tb .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .modal-content .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .local-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .new-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .slot-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .arcade-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .fh-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .rngtable-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .div-tb .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .modal-content .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .local-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .new-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .slot-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .arcade-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .fh-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .rngtable-game .ul-gameList li:hover .ul-gameIcon-box .show-msg {
    transition: all .3s;
    top: 70%
}

body.POPULAR.section-li-list .main-content.FH .section-ul>ul li,
body.POPULAR.section-li-list .main-content.SLOT .section-ul>ul li,
body.POPULAR.section-li-list .main-content.ARCADE .section-ul>ul li,
body.POPULAR.section-li-list .main-content.RNGTABLE .section-ul>ul li,
body.POPULAR.section-li-list .main-content.LOTTERY .section-ul>ul li {
    position: relative
}

body.POPULAR.section-li-list .main-content.FH .section-ul>ul li .ul-gameIcon-box .show-msg,
body.POPULAR.section-li-list .main-content.SLOT .section-ul>ul li .ul-gameIcon-box .show-msg,
body.POPULAR.section-li-list .main-content.ARCADE .section-ul>ul li .ul-gameIcon-box .show-msg,
body.POPULAR.section-li-list .main-content.RNGTABLE .section-ul>ul li .ul-gameIcon-box .show-msg,
body.POPULAR.section-li-list .main-content.LOTTERY .section-ul>ul li .ul-gameIcon-box .show-msg {
    width: 91px !important;
    left: 52px
}

body.POPULAR.device-PC #modal-FIRSTPERSON .ul-gameList li:hover .ul-gameIcon-box .show-msg {
    top: 70%
}

body.CLASSIC #modal-FIRSTPERSON .ul-gameList li:hover .ul-gameIcon-box .show-msg {
    top: 70%
}

body.CLASSIC.device-PC .page-search .ul-gameList li:hover .ul-gameIcon-box .show-msg {
    top: 70% !important
}

body.type-BS .tab-pane.SPORTS .game-list-ul.ul-gameList,
body.type-BS .tab-pane.LOTTERY .game-list-ul.ul-gameList,
body.type-BS .tab-pane.LIVEARENA .game-list-ul.ul-gameList,
body.type-BS .tab-content.SPORTS .game-list-ul.ul-gameList,
body.type-BS .tab-content.LOTTERY .game-list-ul.ul-gameList,
body.type-BS .tab-content.LIVEARENA .game-list-ul.ul-gameList {
    min-height: 20vh
}

body.type-BS.device-PC .page-wrapper .tab-content.SPORTS ul.ul-gameList li:first-child,
body.type-BS.device-PC .page-wrapper .tab-content.LOTTERY ul.ul-gameList li:first-child,
body.type-BS.device-PC .page-wrapper .tab-content.LIVEARENA ul.ul-gameList li:first-child {
    padding: 0px !important
}

body.type-BS.device-PC .page-wrapper .section-SPORTS ul.ul-gameList li:first-child,
body.type-BS.device-PC .page-wrapper .section-LIVEARENA ul.ul-gameList li:first-child,
body.type-BS.device-PC .page-wrapper .section-LOTTERY ul.ul-gameList li:first-child {
    padding: 0px !important
}

body.EZ .show-msg {
    z-index: 101
}

.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 .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: 0;
    position: relative
}

.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;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.page-web .page-wrapper .page-search .page-body .keywordTag {
    position: relative;
    padding: 5px 15px;
    margin-bottom: 0px
}

.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.POPULAR::before,
    .page-web.POPULAR::after {
        display: none !important
    }
}

.page-web.CLASSIC.TMT {
    background: rgba(87, 87, 87, 0.671)
}

.page-web.CLASSIC.TMT .page-search .page-header {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.301))
}

.page-web.CLASSIC.APEX,
.page-web.CLASSIC.PESOGAMING,
.page-web.CLASSIC.ESCALA {
    background: rgba(87, 87, 87, 0.671)
}

.page-web.CLASSIC.APEX .page-search .page-header,
.page-web.CLASSIC.PESOGAMING .page-search .page-header,
.page-web.CLASSIC.ESCALA .page-search .page-header {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.301))
}

.page-web.CLASSIC.ATLANTIS88 {
    background: #0b1a49
}

.page-web.CLASSIC.ATLANTIS88 .page-search .page-header {
    background: #011142
}

.page-web.CLASSIC.ATLANTIS88 .page-search .page-body ul.section-ul li .txt-gameName {
    color: #fff
}

.page-web.CLASSIC.EXTREME88 {
    background: #000
}

.page-web.CLASSIC.EXTREME88 .page-search .page-header {
    background: #000
}

.page-web.CLASSIC.EXTREME88 .page-search .page-body ul.section-ul li .txt-gameName {
    color: #fff
}

.page-web.CLASSIC.device-PC,
.page-web.POPULAR.device-PC {
    height: 100%
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-header,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-header {
    background: #09121c;
    height: auto
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body {
    background: #192A3B;
    min-height: 100vh
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body ul.section-ul,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body ul.section-ul {
    grid-template-columns: repeat(6, 16.5%);
    grid-row-gap: 0;
    grid-column-gap: 0;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body ul.section-ul .game-feature .show-jackpot,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body ul.section-ul .game-feature .show-jackpot {
    margin: 0;
    width: 30px;
    background-size: 30px
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body ul.section-ul .game-feature .show-jackpot::before,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body ul.section-ul .game-feature .show-jackpot::before {
    position: absolute;
    left: 0;
    top: -25px;
    content: '';
    background: url(../../../theme/images/src-common/JACKPOT-img/show-jackpot.png) no-repeat center bottom;
    background-size: 98%;
    display: block;
    height: 25px;
    width: 100%
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body ul.section-ul li:hover,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body ul.section-ul li:hover {
    cursor: pointer
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body .game-search-box,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body .game-search-box {
    margin: 0 auto;
    padding: 35px 0 25px 0;
    max-width: 500px
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body .game-search-box .form-group i,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body .game-search-box .form-group i {
    top: 10px
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body .keywordTag,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body .keywordTag {
    margin-bottom: 3rem;
    text-align: center
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body .keywordTag h5,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body .keywordTag h5 {
    color: #8db4d8
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body .keywordTag li .txt,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body .keywordTag li .txt {
    font-size: 14px;
    color: #8db4d8
}

.page-web.CLASSIC.device-PC .page-wrapper .page-search .page-body .keywordTag li:hover .txt,
.page-web.POPULAR.device-PC .page-wrapper .page-search .page-body .keywordTag li:hover .txt {
    color: #fff;
    border: 1px solid #ffffff00
}

.page-web.CLASSIC.device-PC.TMT .page-search .page-header,
.page-web.POPULAR.device-PC.TMT .page-search .page-header {
    background: linear-gradient(0deg, #2a2a2a, rgba(255, 255, 255, 0.301))
}

.page-web.CLASSIC.device-PC.TMT .page-search .page-body,
.page-web.POPULAR.device-PC.TMT .page-search .page-body {
    background: rgba(87, 87, 87, 0.671)
}

.page-web.CLASSIC.device-PC.TMT .page-search .page-body .game-search-box .form-group .form-control,
.page-web.POPULAR.device-PC.TMT .page-search .page-body .game-search-box .form-group .form-control {
    background-color: #fff;
    color: #666
}

.page-web.CLASSIC.device-PC.TMT .page-search .page-body .keywordTag h5,
.page-web.POPULAR.device-PC.TMT .page-search .page-body .keywordTag h5 {
    font-size: 16px;
    color: #bebebe
}

.page-web.CLASSIC.device-PC.TMT .page-search .page-body .keywordTag li,
.page-web.POPULAR.device-PC.TMT .page-search .page-body .keywordTag li {
    border: 1px solid #bebebe
}

.page-web.CLASSIC.device-PC.TMT .page-search .page-body .keywordTag li .txt,
.page-web.POPULAR.device-PC.TMT .page-search .page-body .keywordTag li .txt {
    color: #bebebe
}

.page-web.CLASSIC.device-PC.TMT .page-search .page-body .keywordTag li:hover,
.page-web.POPULAR.device-PC.TMT .page-search .page-body .keywordTag li:hover {
    background: linear-gradient(45deg, #b4b4b4 0%, #e2e2e2 100%)
}

.page-web.CLASSIC.device-PC.TMT .page-search .page-body .keywordTag li:hover .txt,
.page-web.POPULAR.device-PC.TMT .page-search .page-body .keywordTag li:hover .txt {
    color: #2b2b2b
}

.page-web.CLASSIC.device-PC.APEX .page-search .page-header,
.page-web.CLASSIC.device-PC.PESOGAMING .page-search .page-header,
.page-web.CLASSIC.device-PC.ESCALA .page-search .page-header,
.page-web.POPULAR.device-PC.APEX .page-search .page-header,
.page-web.POPULAR.device-PC.PESOGAMING .page-search .page-header,
.page-web.POPULAR.device-PC.ESCALA .page-search .page-header {
    background: linear-gradient(0deg, #2a2a2a, rgba(255, 255, 255, 0.301))
}

.page-web.CLASSIC.device-PC.APEX .page-search .page-body,
.page-web.CLASSIC.device-PC.PESOGAMING .page-search .page-body,
.page-web.CLASSIC.device-PC.ESCALA .page-search .page-body,
.page-web.POPULAR.device-PC.APEX .page-search .page-body,
.page-web.POPULAR.device-PC.PESOGAMING .page-search .page-body,
.page-web.POPULAR.device-PC.ESCALA .page-search .page-body {
    background: rgba(87, 87, 87, 0.671)
}

.page-web.CLASSIC.device-PC.APEX .page-search .page-body .game-search-box .form-group .form-control,
.page-web.CLASSIC.device-PC.PESOGAMING .page-search .page-body .game-search-box .form-group .form-control,
.page-web.CLASSIC.device-PC.ESCALA .page-search .page-body .game-search-box .form-group .form-control,
.page-web.POPULAR.device-PC.APEX .page-search .page-body .game-search-box .form-group .form-control,
.page-web.POPULAR.device-PC.PESOGAMING .page-search .page-body .game-search-box .form-group .form-control,
.page-web.POPULAR.device-PC.ESCALA .page-search .page-body .game-search-box .form-group .form-control {
    background-color: #fff;
    color: #666
}

.page-web.CLASSIC.device-PC.APEX .page-search .page-body .keywordTag h5,
.page-web.CLASSIC.device-PC.PESOGAMING .page-search .page-body .keywordTag h5,
.page-web.CLASSIC.device-PC.ESCALA .page-search .page-body .keywordTag h5,
.page-web.POPULAR.device-PC.APEX .page-search .page-body .keywordTag h5,
.page-web.POPULAR.device-PC.PESOGAMING .page-search .page-body .keywordTag h5,
.page-web.POPULAR.device-PC.ESCALA .page-search .page-body .keywordTag h5 {
    font-size: 16px;
    color: #bebebe
}

.page-web.CLASSIC.device-PC.APEX .page-search .page-body .keywordTag li,
.page-web.CLASSIC.device-PC.PESOGAMING .page-search .page-body .keywordTag li,
.page-web.CLASSIC.device-PC.ESCALA .page-search .page-body .keywordTag li,
.page-web.POPULAR.device-PC.APEX .page-search .page-body .keywordTag li,
.page-web.POPULAR.device-PC.PESOGAMING .page-search .page-body .keywordTag li,
.page-web.POPULAR.device-PC.ESCALA .page-search .page-body .keywordTag li {
    border: 1px solid #bebebe
}

.page-web.CLASSIC.device-PC.APEX .page-search .page-body .keywordTag li .txt,
.page-web.CLASSIC.device-PC.PESOGAMING .page-search .page-body .keywordTag li .txt,
.page-web.CLASSIC.device-PC.ESCALA .page-search .page-body .keywordTag li .txt,
.page-web.POPULAR.device-PC.APEX .page-search .page-body .keywordTag li .txt,
.page-web.POPULAR.device-PC.PESOGAMING .page-search .page-body .keywordTag li .txt,
.page-web.POPULAR.device-PC.ESCALA .page-search .page-body .keywordTag li .txt {
    color: #bebebe
}

.page-web.CLASSIC.device-PC.APEX .page-search .page-body .keywordTag li:hover,
.page-web.CLASSIC.device-PC.PESOGAMING .page-search .page-body .keywordTag li:hover,
.page-web.CLASSIC.device-PC.ESCALA .page-search .page-body .keywordTag li:hover,
.page-web.POPULAR.device-PC.APEX .page-search .page-body .keywordTag li:hover,
.page-web.POPULAR.device-PC.PESOGAMING .page-search .page-body .keywordTag li:hover,
.page-web.POPULAR.device-PC.ESCALA .page-search .page-body .keywordTag li:hover {
    background: linear-gradient(45deg, #b4b4b4 0%, #e2e2e2 100%)
}

.page-web.CLASSIC.device-PC.APEX .page-search .page-body .keywordTag li:hover .txt,
.page-web.CLASSIC.device-PC.PESOGAMING .page-search .page-body .keywordTag li:hover .txt,
.page-web.CLASSIC.device-PC.ESCALA .page-search .page-body .keywordTag li:hover .txt,
.page-web.POPULAR.device-PC.APEX .page-search .page-body .keywordTag li:hover .txt,
.page-web.POPULAR.device-PC.PESOGAMING .page-search .page-body .keywordTag li:hover .txt,
.page-web.POPULAR.device-PC.ESCALA .page-search .page-body .keywordTag li:hover .txt {
    color: #2b2b2b
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .page-header,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .page-header {
    background: #e2e2e2
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .page-body,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .page-body {
    background: #0b1a49
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .page-body ul.section-ul li .txt-gameName,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .page-body ul.section-ul li .txt-gameName {
    color: #fff
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .page-body .keywordTag h5,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .page-body .keywordTag h5 {
    font-size: 16px;
    color: #fff
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .page-body .keywordTag li,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .page-body .keywordTag li {
    border: 1px solid #fff
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .page-body .keywordTag li .txt,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .page-body .keywordTag li .txt {
    color: #fff
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .page-body .keywordTag li:hover,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .page-body .keywordTag li:hover {
    background: linear-gradient(45deg, #b4b4b4 0%, #e2e2e2 100%)
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .page-body .keywordTag li:hover .txt,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .page-body .keywordTag li:hover .txt {
    color: #2b2b2b
}

.page-web.CLASSIC.device-PC.EXTREME88 .page-search .game-search-box .form-group .form-control,
.page-web.POPULAR.device-PC.EXTREME88 .page-search .game-search-box .form-group .form-control {
    background-color: #fff;
    color: #353535
}

.page-web.CLASSIC.device-PC.KING88 .page-search .page-header,
.page-web.POPULAR.device-PC.KING88 .page-search .page-header {
    background: #361741
}

.page-web.CLASSIC.device-PC.KING88 .page-search .page-body,
.page-web.POPULAR.device-PC.KING88 .page-search .page-body {
    background: #270e30
}

.page-web.CLASSIC.device-PC.KING88 .page-search .page-body .keywordTag h5,
.page-web.POPULAR.device-PC.KING88 .page-search .page-body .keywordTag h5 {
    font-size: 16px;
    color: #bebebe
}

.page-web.CLASSIC.device-PC.KING88 .page-search .page-body .keywordTag li,
.page-web.POPULAR.device-PC.KING88 .page-search .page-body .keywordTag li {
    border: 1px solid #bebebe
}

.page-web.CLASSIC.device-PC.KING88 .page-search .page-body .keywordTag li .txt,
.page-web.POPULAR.device-PC.KING88 .page-search .page-body .keywordTag li .txt {
    color: #bebebe
}

.page-web.CLASSIC.device-PC.KING88 .page-search .page-body .keywordTag li:hover,
.page-web.POPULAR.device-PC.KING88 .page-search .page-body .keywordTag li:hover {
    background: linear-gradient(45deg, #b4b4b4 0%, #e2e2e2 100%)
}

.page-web.CLASSIC.device-PC.KING88 .page-search .page-body .keywordTag li:hover .txt,
.page-web.POPULAR.device-PC.KING88 .page-search .page-body .keywordTag li:hover .txt {
    color: #2b2b2b
}

.page-web.CLASSIC.device-PC.KING88 .page-search .game-search-box .form-group .form-control,
.page-web.POPULAR.device-PC.KING88 .page-search .game-search-box .form-group .form-control {
    background-color: #fff;
    color: #666
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .page-header,
.page-web.POPULAR.device-PC.MWGAMING .page-search .page-header {
    background: linear-gradient(-180deg, #000 16%, #222 100%)
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .page-body,
.page-web.POPULAR.device-PC.MWGAMING .page-search .page-body {
    background: #FEF4DC
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .page-body ul.section-ul li .txt-gameName,
.page-web.POPULAR.device-PC.MWGAMING .page-search .page-body ul.section-ul li .txt-gameName {
    color: #666
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .page-body .keywordTag h5,
.page-web.POPULAR.device-PC.MWGAMING .page-search .page-body .keywordTag h5 {
    font-size: 16px;
    color: #5f5f5f
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .page-body .keywordTag li,
.page-web.POPULAR.device-PC.MWGAMING .page-search .page-body .keywordTag li {
    border: 1px solid #5f5f5f
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .page-body .keywordTag li .txt,
.page-web.POPULAR.device-PC.MWGAMING .page-search .page-body .keywordTag li .txt {
    color: #5f5f5f
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .page-body .keywordTag li:hover,
.page-web.POPULAR.device-PC.MWGAMING .page-search .page-body .keywordTag li:hover {
    background: #fff
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .page-body .keywordTag li:hover .txt,
.page-web.POPULAR.device-PC.MWGAMING .page-search .page-body .keywordTag li:hover .txt {
    color: #2b2b2b
}

.page-web.CLASSIC.device-PC.MWGAMING .page-search .game-search-box .form-group .form-control,
.page-web.POPULAR.device-PC.MWGAMING .page-search .game-search-box .form-group .form-control {
    background-color: #fff;
    color: #666
}

.page-web.CLASSIC.device-PC.body-iframe .page-search .page-header,
.page-web.POPULAR.device-PC.body-iframe .page-search .page-header {
    position: fixed;
    width: 100%;
    z-index: 100;
    background: #000
}

.page-web.CLASSIC.device-PC.body-iframe .game-iframe,
.page-web.POPULAR.device-PC.body-iframe .game-iframe {
    position: fixed;
    top: 42px;
    width: 100%;
    background: #000;
    height: 100%
}

.page-web.CLASSIC.device-PC.body-iframe .game-iframe iframe,
.page-web.POPULAR.device-PC.body-iframe .game-iframe iframe {
    border: none;
    height: calc(100vh - 40px)
}

.page-web.CLASSIC.device-PC.body-iframe .iframe-btn-box,
.page-web.POPULAR.device-PC.body-iframe .iframe-btn-box {
    position: fixed;
    top: 0;
    z-index: 101
}

.page-web.CLASSIC.device-PC.body-iframe .iframe-btn-box i::before,
.page-web.POPULAR.device-PC.body-iframe .iframe-btn-box i::before {
    color: #fff;
    font-size: 36px
}

.tournament-bg {
    background: #16222d
}

.tournament-bg .tournament-list {
    display: block !important;
    padding: 2%;
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    background: url(../../../theme/images/src-common/TOURNAMENT-img/list-weekly-winner.jpg) no-repeat bottom center;
    background-size: cover;
    min-height: 100vh
}

.tournament-bg .tournament-list .icon-more-vertical {
    color: #f5e8b0
}

.tournament-bg .tournament-list .clock {
    display: inline-block;
    position: relative;
    z-index: 100;
    width: auto;
    min-width: 90px;
    font-size: 85%;
    color: #9a9a9a;
    text-align: center
}

.tournament-bg .tournament-list .clock .txt {
    text-align: center
}

.tournament-bg .tournament-list .clock .txt::before {
    font-family: 'icomoon' !important;
    content: '\e9a5'
}

.tournament-bg .tournament-list .panel-list li .div-platform.add-replay {
    border-radius: 12px;
    padding: 2px
}

.tournament-bg .tournament-list .panel-list li .div-platform.add-replay .img-platform-logo {
    display: none
}

.tournament-bg .tournament-list .panel-list li .div-platform.add-replay img {
    box-shadow: 0 0 0 2px #000000cc
}

.tournament-bg .tournament-list .panel-list li .div-platform.add-replay .btn-replay {
    position: relative;
    width: 35px;
    height: 35px;
    margin-left: 5px
}

.tournament-bg .tournament-list .panel-list li .div-platform.add-replay .btn-replay::before {
    position: absolute;
    inset: 2px;
    color: #ecc86e;
    font-family: 'icomoon';
    content: "\e9fb";
    font-size: 15px;
    line-height: 30px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center
}

.tournament-bg .tournament-list.section-box {
    position: relative;
    min-height: auto;
    margin: 10px 0
}

.tournament-bg .tournament-list.section-box .section-tit {
    padding: 0 !important;
    margin: 0 !important
}

.tournament-bg .tournament-list.section-box .section-tit .tit {
    font-size: 100%;
    margin-bottom: 0;
    line-height: 30px
}

.tournament-bg .tournament-list.section-box .btn-tooltip {
    z-index: 130;
    left: 5px;
    margin: auto;
    width: auto
}

.tournament-bg .tournament-list.section-box .btn-tooltip i {
    vertical-align: middle;
    font-size: 15px
}

.tournament-bg .tournament-list.section-box .btn-tooltip i::before {
    color: #2bb128;
    line-height: 20px
}

.tournament-bg .tournament-list.section-box .tab-content {
    background: url(../../../theme/images/src-common/TOURNAMENT-img/list-weekly-winner.jpg) no-repeat center;
    background-size: cover
}

.tournament-bg .tournament-list.section-box .tab-content .clock .txt {
    font-size: 13px
}

.tournament-bg .tournament-list.section-box .tab-content .panel-list {
    max-height: 150px;
    border-radius: 10px
}

.tournament-bg .tournament-list.section-box .tab-content .panel-list li {
    padding: 2px;
    border-radius: 5px
}

.tournament-bg .tournament-list.section-box .tab-content .panel-list li .div-tb .td .div-platform {
    padding: 0
}

.tournament-bg .tournament-list.section-box .tab-content .panel-list li .div-tb .td .div-platform img {
    width: 40px;
    height: 40px;
    z-index: 10;
    border: none
}

.tournament-bg .tournament-list.section-box .tab-content .panel-list li .div-tb .td .txt-bonus {
    font-size: 90%;
    padding-left: 2px
}

.tournament-bg .tournament-list.section-box .tab-content .panel-list li .div-tb .td .txt-bonus::before {
    display: none
}

.tournament-bg .tournament-list.section-box .tab-content .panel-list li .div-tb .td .txt-loginName {
    font-size: 90%
}

.tournament-bg .tournament-list.section-box .tab-content .list-weekly {
    padding: 0
}

.tournament-bg .tournament-list.section-box .game-tab {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: start
}

.tournament-bg .tournament-list.section-box .game-tab .tab-btn {
    position: relative;
    width: 60px;
    box-shadow: rgba(66, 62, 35, 0.4) 0 2px 4px, rgba(63, 66, 35, 0.3) 0 7px 13px -3px, rgba(111, 95, 58, 0.5) 0 -3px 0 inset;
    background-image: radial-gradient(100% 100% at 100% 0, #70694b 0, #212121 100%);
    transition: box-shadow .15s, transform .15s;
    height: 80px;
    border-radius: 8px
}

.tournament-bg .tournament-list.section-box .game-tab .tab-btn img {
    height: 80px;
    border-radius: 10px;
    width: 100%;
    display: none
}

.tournament-bg .tournament-list.section-box .game-tab .tab-btn p {
    word-break: break-all;
    font-size: 10px;
    padding: 0 0 5px 0;
    line-height: 12px;
    text-shadow: 0 0 5px #00000093;
    color: #f5e8b0;
    margin-bottom: 0;
    position: absolute;
    bottom: 0px;
    width: 100%
}

.tournament-bg .tournament-list .btn-box {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 100;
    padding: 10px;
    margin: 0 auto
}

.tournament-bg .tournament-list .btn-box .btn {
    background: #8db4d8;
    border: 1px solid #8db4d8;
    border-radius: 100px;
    color: #000;
    cursor: pointer;
    font-size: 90%;
    line-height: 25px;
    padding: 3px 12px
}

.tournament-bg .tournament-list .btn-box .btn::after,
.tournament-bg .tournament-list .btn-box .btn::before {
    font-family: 'icomoon' !important;
    content: '\e9bf';
    line-height: 25px;
    vertical-align: top
}

.tournament-bg .tournament-list .btn-box .btn::after {
    content: '\e912'
}

.tournament-bg .tournament-list .btn-box .btn.btn-last {
    background: none;
    color: #8db4d8
}

.tournament-bg .tournament-list a {
    text-decoration: none;
    display: inline-block;
    outline: none
}

.tournament-bg .tournament-list .btn.replay {
    background: #b4d1ec;
    padding: 0 5px 0 5px;
    font-size: xx-small;
    border-radius: 100px;
    margin-top: 5px
}

.tournament-bg .tournament-list .btn.replay::before {
    font-family: 'icomoon' !important;
    content: '\e9a7';
    margin-right: 3px
}

.tournament-bg .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-bg .tournament-list .btn-tooltip i {
    font-size: 15px;
    line-height: 18px;
    background: #000;
    color: #2bb128;
    height: 20px;
    width: 20px;
    border-radius: 50px
}

.tournament-bg .tournament-list .btn-tooltip .tooltip-box {
    display: none;
    overflow-y: auto;
    max-height: 320px
}

.tournament-bg .tournament-list .btn-tooltip:hover .tooltip-box {
    display: inline-block;
    position: absolute;
    left: -4px;
    width: 270px;
    background-color: #1b8419;
    border: 2px solid #2bb128;
    color: #fff;
    font-size: 90%;
    text-align: left;
    border-radius: 12px;
    padding: 10px 0px 0px 10px;
    box-shadow: 0 3px 5px #000000b6
}

.tournament-bg .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-bg .tournament-list .btn-tooltip:hover .tooltip-box li {
    display: list-item
}

.tournament-bg .tournament-list .btn-tooltip li {
    display: none
}

.tournament-bg .tournament-list .info-box li,
.tournament-bg .tournament-list .btn-tooltip li {
    position: relative;
    text-align: left;
    text-shadow: none;
    line-height: normal;
    color: #fff;
    font-size: 90%
}

.tournament-bg .tournament-list .info-box li.tit,
.tournament-bg .tournament-list .btn-tooltip li.tit {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
    color: #fff
}

.tournament-bg .tournament-list .info-box li.info,
.tournament-bg .tournament-list .btn-tooltip li.info {
    font-weight: bold;
    background: #edd663;
    border-radius: 5px;
    padding: 3px;
    color: #d22334
}

.tournament-bg .tournament-list .info-box li.info::before,
.tournament-bg .tournament-list .btn-tooltip li.info::before {
    display: inline-block;
    font-family: 'icomoon' !important;
    content: '\e90b';
    width: 20px;
    text-align: center
}

.tournament-bg .tournament-list .info-box li.number_1,
.tournament-bg .tournament-list .info-box li.number_2,
.tournament-bg .tournament-list .info-box li.number_3,
.tournament-bg .tournament-list .info-box li.number_4,
.tournament-bg .tournament-list .info-box li.number_5,
.tournament-bg .tournament-list .info-box li.number_6,
.tournament-bg .tournament-list .info-box li.number_7,
.tournament-bg .tournament-list .info-box li.number_8,
.tournament-bg .tournament-list .info-box li.number_9,
.tournament-bg .tournament-list .info-box li.number_10,
.tournament-bg .tournament-list .btn-tooltip li.number_1,
.tournament-bg .tournament-list .btn-tooltip li.number_2,
.tournament-bg .tournament-list .btn-tooltip li.number_3,
.tournament-bg .tournament-list .btn-tooltip li.number_4,
.tournament-bg .tournament-list .btn-tooltip li.number_5,
.tournament-bg .tournament-list .btn-tooltip li.number_6,
.tournament-bg .tournament-list .btn-tooltip li.number_7,
.tournament-bg .tournament-list .btn-tooltip li.number_8,
.tournament-bg .tournament-list .btn-tooltip li.number_9,
.tournament-bg .tournament-list .btn-tooltip li.number_10 {
    padding-left: 20px !important;
    margin-bottom: 5px
}

.tournament-bg .tournament-list .info-box li.number_1::before,
.tournament-bg .tournament-list .info-box li.number_2::before,
.tournament-bg .tournament-list .info-box li.number_3::before,
.tournament-bg .tournament-list .info-box li.number_4::before,
.tournament-bg .tournament-list .info-box li.number_5::before,
.tournament-bg .tournament-list .info-box li.number_6::before,
.tournament-bg .tournament-list .info-box li.number_7::before,
.tournament-bg .tournament-list .info-box li.number_8::before,
.tournament-bg .tournament-list .info-box li.number_9::before,
.tournament-bg .tournament-list .info-box li.number_10::before,
.tournament-bg .tournament-list .btn-tooltip li.number_1::before,
.tournament-bg .tournament-list .btn-tooltip li.number_2::before,
.tournament-bg .tournament-list .btn-tooltip li.number_3::before,
.tournament-bg .tournament-list .btn-tooltip li.number_4::before,
.tournament-bg .tournament-list .btn-tooltip li.number_5::before,
.tournament-bg .tournament-list .btn-tooltip li.number_6::before,
.tournament-bg .tournament-list .btn-tooltip li.number_7::before,
.tournament-bg .tournament-list .btn-tooltip li.number_8::before,
.tournament-bg .tournament-list .btn-tooltip li.number_9::before,
.tournament-bg .tournament-list .btn-tooltip li.number_10::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '1.';
    width: 20px;
    text-align: center
}

.tournament-bg .tournament-list .info-box li.number_2::before,
.tournament-bg .tournament-list .btn-tooltip li.number_2::before {
    content: '2.'
}

.tournament-bg .tournament-list .info-box li.number_3::before,
.tournament-bg .tournament-list .btn-tooltip li.number_3::before {
    content: '3.'
}

.tournament-bg .tournament-list .info-box li.number_4::before,
.tournament-bg .tournament-list .btn-tooltip li.number_4::before {
    content: '4.'
}

.tournament-bg .tournament-list .info-box li.number_5::before,
.tournament-bg .tournament-list .btn-tooltip li.number_5::before {
    content: '5.'
}

.tournament-bg .tournament-list .info-box li.number_6::before,
.tournament-bg .tournament-list .btn-tooltip li.number_6::before {
    content: '6.'
}

.tournament-bg .tournament-list .info-box li.number_7::before,
.tournament-bg .tournament-list .btn-tooltip li.number_7::before {
    content: '7.'
}

.tournament-bg .tournament-list .info-box li.number_8::before,
.tournament-bg .tournament-list .btn-tooltip li.number_8::before {
    content: '8.'
}

.tournament-bg .tournament-list .info-box li.number_9::before,
.tournament-bg .tournament-list .btn-tooltip li.number_9::before {
    content: '9.'
}

.tournament-bg .tournament-list .info-box li.number_10::before,
.tournament-bg .tournament-list .btn-tooltip li.number_10::before {
    content: '10.'
}

.tournament-bg .tournament-list .info-box {
    position: relative;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0 10px;
    max-width: 500px;
    padding: 20px;
    border-radius: 15px
}

.tournament-bg .tournament-list .info-box::before,
.tournament-bg .tournament-list .info-box::after {
    display: inline-block !important;
    content: '';
    position: absolute;
    border-top: 2px solid #7b8151;
    border-left: 2px solid #7b8151;
    width: 10px;
    height: 10px;
    left: 10px;
    top: 10px;
    background: none
}

.tournament-bg .tournament-list .info-box::after {
    left: auto;
    right: 10px;
    border: none;
    border-top: 2px solid #7b8151;
    border-right: 2px solid #7b8151;
    background: none
}

.tournament-bg .tournament-list .info-box ul {
    margin-bottom: 0
}

.tournament-bg .tournament-list .info-box ul::before,
.tournament-bg .tournament-list .info-box ul::after {
    display: inline-block !important;
    content: '';
    position: absolute;
    z-index: 10;
    border-bottom: 2px solid #7b8151;
    border-left: 2px solid #7b8151;
    width: 10px;
    height: 10px;
    left: 10px;
    bottom: 10px
}

.tournament-bg .tournament-list .info-box ul::after {
    left: auto;
    right: 10px;
    border: none;
    border-bottom: 2px solid #7b8151;
    border-right: 2px solid #7b8151
}

.tournament-bg .tournament-list .info-box li {
    color: #e3effa;
    text-align: left;
    font-weight: normal
}

.tournament-bg .tournament-list ul li {
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.tournament-bg .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-bg .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-bg .tournament-list ul li .btn-day .num {
    background: #2bb128;
    padding: 1px 5px;
    border-radius: 100px;
    color: #fff;
    min-width: 20px;
    text-align: center
}

.tournament-bg .tournament-list ul li.disabled .btn-day {
    box-shadow: 0 1px 3px #00000079;
    cursor: default;
    color: #777777;
    opacity: .6
}

.tournament-bg .tournament-list ul li.disabled .btn-day::before {
    display: none
}

.tournament-bg .tournament-list .user-box {
    text-align: left
}

.tournament-bg .tournament-list .txt-loginName {
    display: block;
    line-height: normal;
    color: #829bb3;
    font-size: 80%;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px 0 0 0
}

.tournament-bg .tournament-list .txt-loginName.is-you span {
    background: linear-gradient(to right, #765c2b 10%, #aa8712 50%, #ffd342 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.tournament-bg .tournament-list .txt-loginName.is-you .num {
    color: #fff !important;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit
}

.tournament-bg .tournament-list .txt-date {
    font-size: 70%;
    opacity: .6;
    white-space: nowrap
}

.tournament-bg .tournament-list .tit {
    font-size: 130%;
    line-height: 40px;
    color: #d2dee9;
    margin-bottom: 10px;
    text-shadow: 0 2px 3px #000
}

.tournament-bg .tournament-list .list-monthly,
.tournament-bg .tournament-list .list-weekly,
.tournament-bg .tournament-list .list-daily {
    display: block;
    padding: 1% 0 4% 0;
    position: relative
}

.tournament-bg .tournament-list .list-monthly ul,
.tournament-bg .tournament-list .list-weekly ul,
.tournament-bg .tournament-list .list-daily ul {
    margin: 0
}

.tournament-bg .tournament-list .list-monthly ul li,
.tournament-bg .tournament-list .list-weekly ul li,
.tournament-bg .tournament-list .list-daily ul li {
    padding: 25px 5px 5px 5px;
    border-radius: 15px
}

.tournament-bg .tournament-list .list-monthly ul li.is-today,
.tournament-bg .tournament-list .list-weekly ul li.is-today,
.tournament-bg .tournament-list .list-daily ul li.is-today {
    background-image: linear-gradient(to bottom, rgba(45, 107, 143, 0.4), rgba(132, 89, 211, 0.415686));
    border: 2px solid #8459d37d;
    border-radius: 10px
}

.tournament-bg .tournament-list .list-weekly-winner .tit,
.tournament-bg .tournament-list .list-monthly .tit {
    margin-bottom: 20px
}

.tournament-bg .tournament-list .list-weekly-winner .btn-day,
.tournament-bg .tournament-list .list-monthly .btn-day {
    padding: 20px 15px 15px 80px;
    min-height: 90px;
    width: auto;
    min-width: 290px;
    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-bg .tournament-list .list-weekly-winner .btn-day::before,
.tournament-bg .tournament-list .list-monthly .btn-day::before {
    border-width: 6px
}

.tournament-bg .tournament-list .list-weekly-winner .btn-day .txt-loginName,
.tournament-bg .tournament-list .list-monthly .btn-day .txt-loginName {
    color: #fff
}

.tournament-bg .tournament-list .list-weekly-winner .btn-day .num,
.tournament-bg .tournament-list .list-monthly .btn-day .num {
    font-size: 80%
}

.tournament-bg .tournament-list .list-weekly-winner .btn-day.empty,
.tournament-bg .tournament-list .list-monthly .btn-day.empty {
    box-shadow: none;
    min-height: 90px
}

.tournament-bg .tournament-list .list-weekly-winner .btn-day.empty::after,
.tournament-bg .tournament-list .list-monthly .btn-day.empty::after {
    left: 50%;
    transform: translateX(-50%)
}

.tournament-bg .tournament-list .list-weekly-winner .btn-day.empty::before,
.tournament-bg .tournament-list .list-monthly .btn-day.empty::before {
    display: none
}

.tournament-bg .tournament-list .list-weekly-winner .btn-day.empty .user-box .txt-loginName,
.tournament-bg .tournament-list .list-monthly .btn-day.empty .user-box .txt-loginName {
    display: none
}

.tournament-bg .tournament-list .list-weekly {
    background: #00000055;
    position: relative;
    padding: 2% 3% 4% 3%
}

.tournament-bg .tournament-list .list-weekly .tit {
    margin-bottom: 20px
}

.tournament-bg .tournament-list .list-weekly ul {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    margin-bottom: 0
}

.tournament-bg .tournament-list .list-weekly ul li {
    display: grid;
    grid-template-columns: 40% 60%;
    margin-bottom: 15px
}

.tournament-bg .tournament-list .list-weekly ul li .btn-day {
    font-size: 80%;
    color: #527a9f;
    padding: 2px;
    width: 80%;
    font-style: normal
}

.tournament-bg .tournament-list .list-weekly ul li .btn-day b {
    color: #fff;
    font-style: italic;
    display: block;
    font-size: 170%;
    font-weight: normal
}

.tournament-bg .tournament-list .list-monthly .txt-loginName.is-you span {
    display: inline-block
}

.tournament-bg .tournament-list .list-daily {
    padding: 10px;
    background-color: #00000078
}

.tournament-bg .tournament-list .list-daily .tit {
    color: #fff
}

.tournament-bg .tournament-list .list-daily ul {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, 14.28%)
}

.tournament-bg .tournament-list .list-daily ul li {
    margin: 0;
    padding: 0
}

.tournament-bg .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-bg .tournament-list .list-daily ul li .user-box {
    display: none
}

.tournament-bg .tournament-list .panel-list {
    max-width: 100%;
    padding: 5px 0 0 0;
    margin: 0 auto;
    margin-bottom: 0;
    overflow-y: auto;
    max-height: 280px;
    background: #0f1c2995
}

.tournament-bg .tournament-list .panel-list li {
    width: 100%;
    padding: 2px;
    margin-bottom: 0
}

.tournament-bg .tournament-list .panel-list li:nth-child(even) {
    background: #00000040
}

.tournament-bg .tournament-list .panel-list li .txt-bonus::before {
    display: none
}

.tournament-bg .tournament-list .panel-list li .div-tb {
    margin-bottom: 0
}

.tournament-bg .tournament-list .panel-list li .div-tb .td {
    vertical-align: middle
}

.tournament-bg .tournament-list .panel-list li .div-tb .td.user-bouns {
    width: 35%
}

.tournament-bg .tournament-list .panel-list li .div-tb .td.user-bouns .txt-no {
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 20px
}

.tournament-bg .tournament-list .panel-list li .div-tb .td.user-bouns .txt-loginName {
    margin: 0;
    padding-left: 2px
}

.tournament-bg .tournament-list .panel-list li .num {
    background: #2bb128;
    padding: 1px 5px;
    border-radius: 100px;
    color: #fff
}

.tournament-bg .tournament-list .panel-list li .txt-loginName {
    padding-left: 10px;
    font-size: 100%;
    vertical-align: middle
}

.tournament-bg .tournament-list .panel-list li .txt-bonus,
.tournament-bg .tournament-list .panel-list li .txt-date {
    font-size: 80%;
    padding-left: 5px;
    color: #a2bed8;
    display: block;
    white-space: nowrap;
    line-height: 15px
}

.tournament-bg .tournament-list .panel-list li .div-platform {
    padding: 3px 0;
    margin-left: 15px;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative;
    align-items: center
}

.tournament-bg .tournament-list .panel-list li .div-platform::before {
    content: '\e9a7';
    font-family: 'icomoon' !important;
    position: absolute;
    color: #ecc86e;
    background: #000000c4;
    border-radius: 100px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    z-index: 14;
    left: 25px;
    top: 25px;
    text-shadow: 0px 2px 8px black
}

.tournament-bg .tournament-list .panel-list li .div-platform img {
    width: 35px;
    border-radius: 10px;
    vertical-align: top
}

.tournament-bg .tournament-list .panel-list li span.img-platform-logo {
    z-index: 10;
    min-width: 30px;
    border-radius: 10px 0 0 10px
}

.tournament-bg .tournament-list .panel-list li span.img-platform-logo i {
    width: 25px;
    height: 20px
}

.tournament-bg .tournament-list .panel-list li span.img-platform-logo img {
    object-fit: contain;
    margin: 0 10px
}

.tournament-bg .tournament-list .panel-list li .txt-no {
    background: url("../../../theme/images/src-common/TOURNAMENT-img/trophy-other.png") no-repeat center center;
    background-size: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    font-style: italic;
    color: #fff;
    width: 25px;
    height: 40px;
    line-height: 32px;
    text-align: center;
    text-shadow: 0 1px 2px #373737;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    z-index: 10
}

.tournament-bg .tournament-list .panel-list li .txt-no.bg-none {
    background: none
}

.tournament-bg .tournament-list .panel-list li .txt-no.No-1,
.tournament-bg .tournament-list .panel-list li .txt-no.No-2,
.tournament-bg .tournament-list .panel-list li .txt-no.No-3 {
    color: #ffffff00;
    text-shadow: none
}

.tournament-bg .tournament-list .panel-list li .txt-no.No-1 {
    background: url("../../../theme/images/src-common/TOURNAMENT-img/01.png") no-repeat center center;
    background-size: 100%
}

.tournament-bg .tournament-list .panel-list li .txt-no.No-2 {
    background: url("../../../theme/images/src-common/TOURNAMENT-img/02.png") no-repeat center center;
    background-size: 100%
}

.tournament-bg .tournament-list .panel-list li .txt-no.No-3 {
    background: url("../../../theme/images/src-common/TOURNAMENT-img/03.png") no-repeat center center;
    background-size: 100%
}

.tournament-bg .tournament-list .tournament-tabBox {
    position: relative;
    display: block;
    border-radius: 12px;
    background-color: #000000ab;
    max-width: 800px;
    width: 100%;
    min-height: 240px
}

.tournament-bg .tournament-list .tournament-tabBox .tab-content {
    position: relative
}

.tournament-bg .tournament-list .tournament-tabBox .tournament-badge-box {
    top: -35px;
    position: absolute;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 27%);
    background-color: #000000;
    border-radius: 100px;
    margin-top: 5px;
    width: 65%;
    border-radius: 7px 7px 0 0;
    justify-content: center;
    padding: 3px;
    left: 17%;
    border: 2px solid #ffffff27
}

.tournament-bg .tournament-list .tournament-tabBox .tournament-badge-box a {
    display: flex;
    align-items: center;
    justify-content: center
}

.tournament-bg .tournament-list .tournament-tabBox .tournament-badge-box .badge,
.tournament-bg .tournament-list .tournament-tabBox .tournament-badge-box img {
    width: 25px;
    height: 25px;
    position: relative;
    padding-top: 0;
    background-size: 100%;
    background-position: center;
    margin: 0
}

.tournament-bg .tournament-list .tournament-tabBox .tournament-badge-box .badge::after,
.tournament-bg .tournament-list .tournament-tabBox .tournament-badge-box img::after {
    display: none
}

.tournament-bg .tournament-list .tournament-tabBox .tournament-badge-box .num {
    font-size: 12px
}

.tournament-bg .tournament-list nav {
    padding: 0;
    border-radius: 12px 12px 0 0;
    border-bottom: 2px solid #8459d3;
    background: #313539;
    height: auto
}

.tournament-bg .tournament-list nav .nav-tabs .nav-link {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column
}

.tournament-bg .tournament-list nav .nav-tabs .nav-link .nav-tit {
    display: none
}

.tournament-bg .tournament-list nav .nav-tabs .nav-link .img-platform-logo {
    display: grid;
    text-align: center;
    top: 0;
    width: 35px;
    height: 25px;
    margin-top: 2px
}

.tournament-bg .tournament-list nav .nav-tabs .nav-link .img-platform-logo::before {
    color: #ffffffe0
}

.tournament-bg .tournament-list nav .nav-tabs .nav-link .img-platform-logo img {
    height: 30px;
    object-fit: contain
}

.tournament-bg .tournament-list nav .nav-tabs .nav-link .img-platform-logo span {
    font-size: 27px;
    line-height: 30px
}

.tournament-bg .tournament-list .nav-tabs {
    position: relative;
    background: none;
    padding: 0;
    height: auto !important;
    margin: 0;
    width: 100%;
    border: none;
    text-align: center;
    justify-content: center;
    gap: 3px
}

.tournament-bg .tournament-list .nav-tabs.num-3 {
    flex-wrap: nowrap
}

.tournament-bg .tournament-list .nav-tabs.num-3 a.nav-link {
    width: 33.3%;
    min-width: auto
}

.tournament-bg .tournament-list .nav-tabs.nav-Lv2 {
    flex-wrap: nowrap
}

.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link {
    background: none;
    border-radius: 0;
    border-bottom: 2px solid #000000;
    min-width: 70px;
    line-height: 30px;
    padding: 0 10px 3px 10px
}

.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active {
    background: none;
    background-image: linear-gradient(rgba(132, 89, 211, 0) 65%, rgba(132, 89, 211, 0.564706));
    border-bottom: 2px solid #8459d3
}

.tournament-bg .tournament-list .nav-tabs .nav-link {
    position: relative;
    border-radius: 8px 8px 0 0;
    border: none;
    color: white;
    font-size: 80%;
    min-width: 49%;
    background: linear-gradient(to top, #191919, #414141);
    display: inline-block;
    padding: 0 10px 3px 30px;
    margin: 0;
    color: #ffffff9c
}

.tournament-bg .tournament-list .nav-tabs .nav-link .btn-play {
    position: absolute;
    top: 3px;
    right: 10px;
    background: rgba(33, 33, 33, 0.509804);
    color: #e9e9e9a8;
    width: 20px;
    height: 20px;
    border-radius: 100px
}

.tournament-bg .tournament-list .nav-tabs .nav-link .btn-play::before {
    line-height: 20px;
    padding-left: 2px;
    font-weight: bold
}

.tournament-bg .tournament-list .nav-tabs .nav-link.active {
    background-image: linear-gradient(to bottom, #2d6b8f, #8459d3);
    color: #fff
}

.tournament-bg .tournament-list .nav-tabs .nav-link .dot {
    position: absolute;
    top: 6px;
    margin-left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background: #ff4684;
    border: 1px solid #ffffff63;
    box-shadow: 0 2px 5px #00000055
}

.tournament-bg .tournament-list .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box {
    left: -90px;
    top: 35px
}

.tournament-bg .tournament-list .nav-tabs .btn-tooltip {
    position: absolute;
    align-self: center;
    margin: 0;
    border-radius: 15px
}

.tournament-bg .tournament-list .tab-content {
    background: #00000065;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
    padding: 0 5px 5px 5px;
    height: auto
}

.tournament-bg .tournament-list .tab-content::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../../../theme/images/src-common/TOURNAMENT-img/tournament-bg.png) no-repeat center 0px;
    background-size: 100%
}

.tournament-bg .tournament-list .tab-content .pos-r {
    position: absolute;
    right: 0;
    top: 6px;
    color: #ffffff74;
    font-size: 11px;
    text-transform: capitalize;
    max-width: 30%;
    white-space: pre-wrap;
    text-align: right
}

.tournament-bg .tournament-list .tab-content .list-weekly,
.tournament-bg .tournament-list .tab-content .list-daily {
    background: none
}

.tournament-bg .tournament-list .tab-content .list-weekly ul::before,
.tournament-bg .tournament-list .tab-content .list-daily ul::before {
    display: none
}

.tournament-bg .tournament-list .tab-content .tab-pane {
    position: relative
}

.tournament-bg .tournament-list .tab-content .tab-pane.daily .clock,
.tournament-bg .tournament-list .tab-content .tab-pane.weekly .clock,
.tournament-bg .tournament-list .tab-content .tab-pane.monthly .clock {
    margin: 5px;
    padding: 2px 5px;
    background: #000;
    border-radius: 30px
}

.tournament-bg .tournament-list .tab-content .tab-pane.daily .clock .txt,
.tournament-bg .tournament-list .tab-content .tab-pane.weekly .clock .txt,
.tournament-bg .tournament-list .tab-content .tab-pane.monthly .clock .txt {
    color: #bfbdff
}

.tournament-bg .tournament-list .tab-content .tab-pane.weekly .is-today .clock {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0
}

.tournament-bg .tournament-list .tab-content .tab-pane.monthly .list-monthly li {
    padding-top: 30px
}

.tournament-bg .tournament-list .tab-content .tab-pane.monthly .list-monthly li .clock {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px
}

.tournament-bg .tournament-list .tab-content .tab-pane.monthly .panel-list {
    position: relative;
    z-index: 10;
    margin: 0 auto
}

.tournament-bg .tournament-list .tab-content .tab-pane {
    display: none
}

.tournament-bg .tournament-list .tab-content .tab-pane.active {
    display: block
}

.tournament-bg .history-box {
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    max-width: 900px;
    color: #e1e1e1;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0;
    border-radius: 10px;
    margin: 10px auto;
    z-index: 0
}

.tournament-bg .history-box .history-title {
    position: relative;
    text-align: center;
    white-space: normal;
    text-transform: capitalize;
    max-width: 85%;
    line-height: normal;
    margin: 0 auto
}

.tournament-bg .history-box .history-title p {
    margin: 0
}

.tournament-bg .history-box .history-title span {
    position: absolute;
    left: -20px;
    top: 0
}

.tournament-bg .history-box .date-list {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    line-height: 30px;
    margin: 5px 0
}

.tournament-bg .history-box .date-list a {
    position: relative;
    margin: 0 10px;
    text-decoration: underline;
    text-align: center;
    white-space: nowrap
}

.tournament-bg .history-box .date-list a::before {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: rgba(161, 231, 221, 0.4);
    border-radius: 50px
}

.tournament-bg .history-box .date-list a:last-child::before {
    display: none
}

.tournament-bg .history-box .date-list a:only-child::before {
    display: none
}

.device-PC.tournament-bg .history-box .history-title p,
.device-PC.tournament-bg .history-box .history-title span {
    font-size: 16px
}

.device-PC.tournament-bg .history-box .date-list a {
    font-size: 14px
}

.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: 8vh
}

.modal.modal-tournament .modal-content .modal-header {
    height: 40px;
    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: 3px;
    top: 3px;
    text-align: center;
    margin: 0
}

.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
}

.modal.modal-tournament .modal-content .modal-body .panel-list {
    max-height: 420px
}

.modal.modal-tournament .modal-content .modal-body .panel-list li .div-platform {
    justify-content: inherit
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

@media screen and (min-width: 1023px) {
    .tournament-bg .tournament-list .tournament-tabBox {
        max-width: 720px;
        margin: 0 auto;
        height: auto;
        padding: 0
    }

    .tournament-bg .tournament-list .tab-content::before {
        background-position-y: -50px
    }

    .tournament-bg .tournament-list .tab-content .pos-r {
        right: 15px
    }

    .tournament-bg .tournament-list .tab-content .tab-pane {
        padding: 0 15px 0px 15px
    }

    .tournament-bg .tournament-list .tab-content .tab-pane.monthly::after {
        left: 50px;
        transform: none;
        opacity: 1
    }

    .tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(1)::before {
        left: 80%
    }

    .tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2)::before {
        right: 77%
    }

    .tournament-bg .tournament-list .info-box {
        max-width: 900px;
        margin: 0 auto;
        padding: 30px
    }
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list,
main article.game_all .section-box.tournament-list,
body.device-PC section .section-box.tournament-list {
    margin-left: -3%;
    width: 106%;
    min-height: 230px;
    padding: 0;
    border-radius: 10px
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .tournament-tabBox,
main article.game_all .section-box.tournament-list .tournament-tabBox,
body.device-PC section .section-box.tournament-list .tournament-tabBox {
    border-radius: 10px;
    min-height: auto
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav,
main article.game_all .section-box.tournament-list nav,
body.device-PC section .section-box.tournament-list nav {
    width: 100%;
    background: #1b1b1b
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav,
main article.game_all .section-box.tournament-list nav .nav,
body.device-PC section .section-box.tournament-list nav .nav {
    flex-wrap: nowrap
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav .nav-item.nav-link:first-child,
main article.game_all .section-box.tournament-list nav .nav .nav-item.nav-link:first-child,
body.device-PC section .section-box.tournament-list nav .nav .nav-item.nav-link:first-child {
    z-index: 290
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav .nav-item.nav-link,
main article.game_all .section-box.tournament-list nav .nav .nav-item.nav-link,
body.device-PC section .section-box.tournament-list nav .nav .nav-item.nav-link {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 35px;
    border-radius: 8px 8px 0 0
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav .nav-item.nav-link .btn-tooltip,
main article.game_all .section-box.tournament-list nav .nav .nav-item.nav-link .btn-tooltip,
body.device-PC section .section-box.tournament-list nav .nav .nav-item.nav-link .btn-tooltip {
    left: 5px
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav .nav-item.nav-link .btn-play,
main article.game_all .section-box.tournament-list nav .nav .nav-item.nav-link .btn-play,
body.device-PC section .section-box.tournament-list nav .nav .nav-item.nav-link .btn-play {
    top: 6px;
    right: 10px
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav .nav-item.nav-link .img-platform-logo,
main article.game_all .section-box.tournament-list nav .nav .nav-item.nav-link .img-platform-logo,
body.device-PC section .section-box.tournament-list nav .nav .nav-item.nav-link .img-platform-logo {
    margin: 0
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav .nav-item.nav-link .clock,
main article.game_all .section-box.tournament-list nav .nav .nav-item.nav-link .clock,
body.device-PC section .section-box.tournament-list nav .nav .nav-item.nav-link .clock {
    display: none;
    position: absolute;
    top: 8px;
    left: 65px;
    right: auto
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav .nav-item.nav-link .clock .txt,
main article.game_all .section-box.tournament-list nav .nav .nav-item.nav-link .clock .txt,
body.device-PC section .section-box.tournament-list nav .nav .nav-item.nav-link .clock .txt {
    font-size: 12px;
    line-height: 17px;
    text-align: left
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list nav .nav .nav-item.nav-link.active .clock,
main article.game_all .section-box.tournament-list nav .nav .nav-item.nav-link.active .clock,
body.device-PC section .section-box.tournament-list nav .nav .nav-item.nav-link.active .clock {
    display: inline-block
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item {
    border: none;
    padding: 0;
    width: 100%;
    min-width: auto;
    height: 60px;
    position: relative;
    border-right: 2px solid #00000047;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active {
    background: none;
    border-right: 2px solid #fff
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active p,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active p,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active p {
    display: inline-block;
    color: #fff;
    font-weight: bold
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon {
    color: #fff;
    font-weight: bold
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon::before,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon::before,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon::before {
    font-weight: lighter
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .dot,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .dot,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .dot {
    right: 16%;
    top: 50%;
    transform: translateY(-25px)
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item p,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item p,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item p {
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 10px;
    color: inherit;
    font-size: 10px;
    width: 100%;
    line-height: 16px;
    text-align: center;
    margin-bottom: 0
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .icon,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .icon,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .icon {
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 10px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    border-radius: 0 0 3px 3px
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .icon::before,
main article.game_all .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .icon::before,
body.device-PC section .section-box.tournament-list .nav-tabs.nav-Lv2 .nav-item .icon::before {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    font-size: 28px;
    font-weight: 100;
    opacity: .4
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .tab-content,
main article.game_all .section-box.tournament-list .tab-content,
body.device-PC section .section-box.tournament-list .tab-content {
    display: grid;
    grid-template-columns: 65px auto;
    width: 100%;
    border-radius: 0 0 10px 10px;
    padding: 0 5px 5px 0
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .tab-content .panel-list,
main article.game_all .section-box.tournament-list .tab-content .panel-list,
body.device-PC section .section-box.tournament-list .tab-content .panel-list {
    margin-top: 5px;
    max-height: 183px
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .tab-content .panel-list li .div-platform,
main article.game_all .section-box.tournament-list .tab-content .panel-list li .div-platform,
body.device-PC section .section-box.tournament-list .tab-content .panel-list li .div-platform {
    position: relative
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list .tab-content .panel-list li .div-platform.show-jackpot-fire.on-fire::after,
main article.game_all .section-box.tournament-list .tab-content .panel-list li .div-platform.show-jackpot-fire.on-fire::after,
body.device-PC section .section-box.tournament-list .tab-content .panel-list li .div-platform.show-jackpot-fire.on-fire::after {
    content: '';
    position: absolute;
    z-index: 5;
    left: -10px;
    top: -10px;
    height: 55px;
    pointer-events: none;
    background: url(../../../theme/images/src-common/FEATURE-img/jackpot-on-fire-red.png) no-repeat center center;
    background-size: contain;
    animation: vibrate-1 0.7s linear infinite both
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-2,
.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-1,
main article.game_all .section-box.tournament-list.num-2,
main article.game_all .section-box.tournament-list.num-1,
body.device-PC section .section-box.tournament-list.num-2,
body.device-PC section .section-box.tournament-list.num-1 {
    min-height: 171px
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-2 .tab-content::before,
.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-1 .tab-content::before,
main article.game_all .section-box.tournament-list.num-2 .tab-content::before,
main article.game_all .section-box.tournament-list.num-1 .tab-content::before,
body.device-PC section .section-box.tournament-list.num-2 .tab-content::before,
body.device-PC section .section-box.tournament-list.num-1 .tab-content::before {
    bottom: 5%;
    height: 130%
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-2 .tab-content .nav-Lv2,
.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-1 .tab-content .nav-Lv2,
main article.game_all .section-box.tournament-list.num-2 .tab-content .nav-Lv2,
main article.game_all .section-box.tournament-list.num-1 .tab-content .nav-Lv2,
body.device-PC section .section-box.tournament-list.num-2 .tab-content .nav-Lv2,
body.device-PC section .section-box.tournament-list.num-1 .tab-content .nav-Lv2 {
    justify-content: center;
    min-height: 125px
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-2 .panel-list,
.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-1 .panel-list,
main article.game_all .section-box.tournament-list.num-2 .panel-list,
main article.game_all .section-box.tournament-list.num-1 .panel-list,
body.device-PC section .section-box.tournament-list.num-2 .panel-list,
body.device-PC section .section-box.tournament-list.num-1 .panel-list {
    max-height: 120px
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-1 .tab-content .nav-Lv2 .nav-item,
main article.game_all .section-box.tournament-list.num-1 .tab-content .nav-Lv2 .nav-item,
body.device-PC section .section-box.tournament-list.num-1 .tab-content .nav-Lv2 .nav-item {
    height: 60%
}

.page-web .page-wrapper .main-content.HOME .section-box.tournament-list.num-3 .tab-content .nav-tabs.nav-Lv2,
main article.game_all .section-box.tournament-list.num-3 .tab-content .nav-tabs.nav-Lv2,
body.device-PC section .section-box.tournament-list.num-3 .tab-content .nav-tabs.nav-Lv2 {
    min-height: 190px
}

main article .section-box.tournament-list {
    margin: 0 !important;
    width: 100% !important
}

main article .section-box.tournament-list .btn-tooltip:hover .tooltip-box li {
    padding: 0
}

main article .section-box.tournament-list .btn-tooltip:hover .tooltip-box li::before {
    width: 0px !important;
    height: 0px !important
}

body.device-PC section .section-box.tournament-list .panel-list {
    max-width: none !important;
    max-height: 320px !important;
    height: 100%
}

body.device-PC section .section-box.tournament-list .panel-list .div-platform::before {
    transform: none;
    top: 25px !important;
    left: 30px !important
}

.NUEBE.tournament-bg .tournament-list {
    background: none
}

.NUEBE.tournament-bg .tournament-list.section-box {
    background: #000 !important
}

.NUEBE.tournament-bg .tournament-list.section-box .nav-tabs.nav-Lv2 .nav-item.active {
    border-right: 2px solid #f5e8b0 !important
}

.NUEBE.tournament-bg .tournament-list .section-tit {
    position: relative
}

.NUEBE.tournament-bg .tournament-list .section-tit>.tit {
    color: #d3c68e;
    display: inline-block;
    text-shadow: none
}

.NUEBE.tournament-bg .tournament-list nav {
    border-bottom: 2px solid #f5e8b0;
    background: #1b1b1b
}

.NUEBE.tournament-bg .tournament-list nav .nav-tabs a {
    background: linear-gradient(to top, #000, #3a3a3a)
}

.NUEBE.tournament-bg .tournament-list nav .nav-tabs .active {
    background: linear-gradient(to top, #f5e8b0, #e8dba0);
    color: #000;
    text-shadow: none
}

.NUEBE.tournament-bg .tournament-list nav .nav-tabs .nav-link::before {
    color: #63636394
}

.NUEBE.tournament-bg .tournament-list nav .nav-tabs .nav-link .btn-play {
    color: #f6e8b0
}

.NUEBE.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt {
    color: #333
}

.NUEBE.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active {
    background-image: linear-gradient(rgba(211, 203, 89, 0) 65%, #7f7a58);
    border-bottom: 2px solid #f5e8b0
}

.NUEBE.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-item.active p {
    color: #f5e8b0 !important
}

.NUEBE.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon {
    color: #f5e8b0 !important
}

.NUEBE.tournament-bg .tournament-list .tab-content {
    background: linear-gradient(to top, #1a1a1a, #343434) !important
}

.NUEBE.tournament-bg .tournament-list .tab-content .txt-loginName {
    color: #f5e8b0 !important
}

.NUEBE.tournament-bg .tournament-list .tab-content .txt-bonus,
.NUEBE.tournament-bg .tournament-list .tab-content .clock .txt {
    color: #f5e8b0 !important
}

.NUEBE.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num {
    background: #2bb128
}

.NUEBE.tournament-bg .tournament-list .tab-content li.is-today {
    background: #0f0f0f;
    border: 2px solid #a39371
}

.NUEBE.tournament-bg .tournament-list .tab-content .panel-list {
    background: transparent
}

.NUEBE.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #f5e8b0
}

.NUEBE.tournament-bg .tournament-list .btn-tooltip:hover .tooltip-box {
    background: #000;
    border-color: #d3c68e
}

.NUEBE.tournament-bg .tournament-list .info-box {
    background: #a39371
}

.NUEBE.tournament-bg .tournament-list .info-box::before,
.NUEBE.tournament-bg .tournament-list .info-box::after {
    border-color: #000
}

.NUEBE.tournament-bg .tournament-list .info-box ul li {
    color: #000
}

.NUEBE.tournament-bg .tournament-list .info-box ul::before,
.NUEBE.tournament-bg .tournament-list .info-box ul::after {
    border-color: #000
}

.MWGAMING.tournament-bg .tournament-list {
    background: #efe6d2
}

.MWGAMING.tournament-bg .tournament-list .panel-list {
    background: #362f20ab
}

.MWGAMING.tournament-bg .tournament-list .tooltip-box {
    background: #333;
    border-color: #000
}

.MWGAMING.tournament-bg .tournament-list .tooltip-box::before {
    border-color: transparent transparent #333 transparent
}

.MWGAMING.tournament-bg .tournament-list .section-tit {
    position: relative
}

.MWGAMING.tournament-bg .tournament-list .section-tit>.tit {
    color: #333;
    display: inline-block;
    text-shadow: none
}

.MWGAMING.tournament-bg .tournament-list nav {
    border-bottom: 2px solid #7d725d;
    background: #e9dec7
}

.MWGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link::before {
    color: #27272794
}

.MWGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link.active::before {
    color: #b6b6b694
}

.MWGAMING.tournament-bg .tournament-list nav .nav-tabs {
    background: none
}

.MWGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link {
    background: #7d725d
}

.MWGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt {
    color: #fff !important
}

.MWGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link.active {
    background: #362f20
}

.MWGAMING.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link {
    border-bottom: 2px solid #322e26
}

.MWGAMING.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active {
    background-image: linear-gradient(rgba(211, 203, 89, 0) 65%, #7f7a58);
    border-bottom: 2px solid #f5e8b0
}

.MWGAMING.tournament-bg .tournament-list .tab-content {
    background: linear-gradient(to bottom, #554b37, #343434)
}

.MWGAMING.tournament-bg .tournament-list .tab-content .clock .txt,
.MWGAMING.tournament-bg .tournament-list .tab-content .txt-loginName,
.MWGAMING.tournament-bg .tournament-list .tab-content .txt-bonus {
    color: #aca08a !important
}

.MWGAMING.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num {
    background: #2bb128
}

.MWGAMING.tournament-bg .tournament-list .tab-content li.is-today {
    background: #343434;
    border: 2px solid #a39371
}

.MWGAMING.tournament-bg .tournament-list .btn-box .btn.btn-last {
    color: #343434;
    border-color: #343434
}

.MWGAMING.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #e9dec7
}

.MWGAMING.tournament-bg .tournament-list .btn-tooltip:hover .tooltip-box {
    background: #343434;
    border: 2px solid #a39371
}

.SPINBREAK.tournament-bg .tournament-list.section-box,
.KING88.tournament-bg .tournament-list.section-box {
    background: #6d1291a3 !important
}

.SPINBREAK.tournament-bg .tournament-list .btn-tooltip i,
.KING88.tournament-bg .tournament-list .btn-tooltip i {
    color: #c25fff
}

.SPINBREAK.tournament-bg .tournament-list .btn-tooltip i::before,
.KING88.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #c25fff
}

.SPINBREAK.tournament-bg .tournament-list .btn-tooltip .tooltip-box,
.KING88.tournament-bg .tournament-list .btn-tooltip .tooltip-box {
    background: #612189;
    border-color: #c25fff
}

.SPINBREAK.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before,
.KING88.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before {
    border-color: transparent transparent #c25fff transparent
}

.SPINBREAK.tournament-bg .tournament-list .section-tit,
.KING88.tournament-bg .tournament-list .section-tit {
    position: relative
}

.SPINBREAK.tournament-bg .tournament-list .section-tit .tit,
.KING88.tournament-bg .tournament-list .section-tit .tit {
    color: #fff;
    display: inline-block
}

.SPINBREAK.tournament-bg .tournament-list .panel-list li .txt-loginName,
.KING88.tournament-bg .tournament-list .panel-list li .txt-loginName {
    color: #fff
}

.SPINBREAK.tournament-bg .tournament-list .panel-list li .txt-bonus,
.KING88.tournament-bg .tournament-list .panel-list li .txt-bonus {
    color: #fff
}

.SPINBREAK.tournament-bg .tournament-list .nav-tabs.nav-Lv2,
.KING88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 {
    background: none
}

.page-web.SPINBREAK .page-wrapper .page-content .main-content.HOME .section-box.tournament-list:nth-child(odd) {
    background: #50116a !important
}

.MWCASH.tournament-bg .page-wrapper .tournament-list.section-box {
    margin-top: 20px !important
}

.MWCASH.tournament-bg .tournament-list {
    border: none;
    background: #09122f !important;
    margin-left: 0% !important;
    width: 100% !important
}

.MWCASH.tournament-bg .tournament-list nav {
    border-bottom: 2px solid #b9964c
}

.MWCASH.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active {
    background-image: linear-gradient(rgba(211, 203, 89, 0) 65%, #7f7a58);
    border-bottom: 2px solid #b9964c
}

.MWCASH.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #b9964c
}

.MWCASH.tournament-bg .tournament-list .btn-tooltip .tooltip-box {
    border-radius: 0;
    left: -10px;
    background: #0b224c;
    border-color: #b9964c
}

.MWCASH.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before {
    border-color: transparent transparent #333 transparent
}

.MWCASH.tournament-bg .tournament-list .btn-tooltip .tooltip-box .tit::before {
    display: none
}

.MWCASH.tournament-bg .tournament-list .section-tit::before,
.MWCASH.tournament-bg .tournament-list .section-tit:after {
    width: 30% !important
}

.MWCASH.tournament-bg .tournament-list .section-tit .tit {
    color: #cea756
}

.MWCASH.tournament-bg .tournament-list .section-tit .tit::before {
    content: '\ea03';
    position: absolute;
    top: -25px !important;
    left: 50% !important;
    transform: translateX(-50%);
    font-family: 'icomoon' !important;
    font-size: 25px
}

.MWCASH.tournament-bg .tournament-list nav .nav-tabs {
    border-radius: 0
}

.MWCASH.tournament-bg .tournament-list nav .nav-tabs .nav-link {
    border-radius: 0
}

.MWCASH.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt {
    color: #fff !important
}

.MWCASH.tournament-bg .tournament-list nav .nav-tabs .nav-link.active {
    background: #b9964c
}

.MWCASH.tournament-bg .tournament-list nav .nav-tabs .nav-link.nav-link.active::before {
    color: #dadadab2
}

.MWCASH.tournament-bg .tournament-list .tab-content {
    background: #06060699 !important;
    border-radius: 0
}

.MWCASH.tournament-bg .tournament-list .tab-content .clock {
    background: transparent;
    border-radius: 0 !important
}

.MWCASH.tournament-bg .tournament-list .tab-content .clock .txt {
    color: #ffca5f !important
}

.MWCASH.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num {
    background: #2bb128
}

.MWCASH.tournament-bg .tournament-list .tab-content .div-platform img {
    border-radius: 0
}

.MWCASH.tournament-bg .tournament-list .tab-content li.is-today {
    background: #343434;
    border: 2px solid #a39371;
    border-radius: 0
}

.MWCASH.tournament-bg .tournament-list .tab-content li.panel-list,
.MWCASH.tournament-bg .tournament-list .tab-content .btn-day {
    border-radius: 0
}

.MWCASH.tournament-bg .tournament-list .btn-box .btn.btn-last {
    border: 1px solid #b9964c;
    color: #b9964c;
    border-color: #b9964c;
    border-radius: 0;
    background-color: #ffffff00
}

.MWCASH.tournament-bg .tournament-list .btn-box .btn {
    color: #fff;
    background-color: #b9964c;
    border-radius: 0;
    border: 0px
}

.MWCASH.tournament-bg .tournament-list .info-box {
    border-radius: 0
}

.TMT.tournament-bg .section-box.tournament-list {
    border-radius: 20px;
    background: #222222
}

.TMT.tournament-bg .tournament-list .tournament-tabBox {
    background-color: #0000
}

.TMT.tournament-bg .tournament-list {
    border-radius: 0;
    border: none;
    background-size: cover !important
}

.TMT.tournament-bg .tournament-list nav {
    width: auto;
    margin: 0 auto;
    background: #222222 !important
}

.TMT.tournament-bg .tournament-list nav .nav-link {
    border-radius: 10px 10px 0 0 !important;
    background: linear-gradient(to top, #191919, #414141) !important;
    border-top: 0px !important;
    border-bottom: 2px solid #2c2c2c
}

.TMT.tournament-bg .tournament-list nav .nav-link:nth-child(2) .btn-tooltip .tooltip-box {
    top: 33px
}

.TMT.tournament-bg .tournament-list nav .nav-link.active {
    font-weight: initial !important;
    border-radius: 10px 10px 0 0 !important;
    border-top-color: #00000000;
    background: #daaf68 !important;
    background-image: none !important
}

.TMT.tournament-bg .tournament-list nav .nav-link .clock .txt {
    color: #333
}

.TMT.tournament-bg .tournament-list nav .nav-link li::before {
    width: 0px !important;
    height: 0px !important;
    line-height: inherit;
    background-color: #09121800;
    font-size: inherit;
    text-shadow: none
}

.TMT.tournament-bg .tournament-list .nav-tabs {
    margin: 0 auto;
    text-align: center;
    background: transparent !important
}

.TMT.tournament-bg .tournament-list .nav-tabs.nav-Lv2 {
    background: transparent
}

.TMT.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link {
    border-radius: 0px !important;
    background: none !important;
    border-bottom: 0px;
    border-top: 0px
}

.TMT.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active {
    border-bottom: 2px solid #d7ae67;
    color: #fff;
    background: none;
    text-shadow: 0 0 black;
    border-radius: 0px
}

.TMT.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #fff
}

.TMT.tournament-bg .tournament-list .btn-tooltip .tooltip-box {
    background: #363636;
    border-color: #fff
}

.TMT.tournament-bg .tournament-list .tab-content {
    background: transparent;
    padding: 0;
    background-size: cover !important
}

.TMT.tournament-bg .tournament-list .tab-content .clock .txt {
    color: #fff !important
}

.TMT.tournament-bg .tournament-list .tab-content .div-platform img {
    border-radius: 50%
}

.TMT.tournament-bg .tournament-list .panel-list {
    border-radius: 0 0 10px 10px
}

.TMT.tournament-bg .tournament-list .list-weekly li.is-today {
    background: #080808;
    border: 2px solid #daaf68
}

.TMT.tournament-bg main article.game_all .section-box.tournament-list .tab-content .panel-list li .div-platform.show-jackpot-fire.on-fire::after,
.TMT.tournament-bg.device-PC section .section-box.tournament-list .tab-content .panel-list li .div-platform.show-jackpot-fire.on-fire::after {
    background: url(../../../theme/images/src-common/FEATURE-img/jackpot-on-fire-TMT.png) no-repeat center top;
    background-size: 110%;
    top: -7px;
    height: 55px !important;
    width: 65%;
    left: -3px !important
}

.EXTREME88.tournament-bg .section.tournament-list,
.ATLANTIS88.tournament-bg .section.tournament-list,
.APEX.tournament-bg .section.tournament-list,
.IRONMAN1688.tournament-bg .section.tournament-list,
.ESCALA.tournament-bg .section.tournament-list,
.PESOGAMING.tournament-bg .section.tournament-list {
    border-radius: 10px
}

.EXTREME88.tournament-bg .tournament-list,
.ATLANTIS88.tournament-bg .tournament-list,
.APEX.tournament-bg .tournament-list,
.IRONMAN1688.tournament-bg .tournament-list,
.ESCALA.tournament-bg .tournament-list,
.PESOGAMING.tournament-bg .tournament-list {
    background: #12235c;
    background-size: cover !important
}

.EXTREME88.tournament-bg .tournament-list.section-box,
.ATLANTIS88.tournament-bg .tournament-list.section-box,
.APEX.tournament-bg .tournament-list.section-box,
.IRONMAN1688.tournament-bg .tournament-list.section-box,
.ESCALA.tournament-bg .tournament-list.section-box,
.PESOGAMING.tournament-bg .tournament-list.section-box {
    background: linear-gradient(to bottom, #222 50%, #7a0e0e 95%, #c50000 96%)
}

.EXTREME88.tournament-bg .tournament-list nav,
.ATLANTIS88.tournament-bg .tournament-list nav,
.APEX.tournament-bg .tournament-list nav,
.IRONMAN1688.tournament-bg .tournament-list nav,
.ESCALA.tournament-bg .tournament-list nav,
.PESOGAMING.tournament-bg .tournament-list nav {
    background: transparent !important;
    width: auto;
    margin: 0 auto;
    border-bottom: 2px solid #c60000 !important
}

.EXTREME88.tournament-bg .tournament-list nav .nav-tabs,
.ATLANTIS88.tournament-bg .tournament-list nav .nav-tabs,
.APEX.tournament-bg .tournament-list nav .nav-tabs,
.IRONMAN1688.tournament-bg .tournament-list nav .nav-tabs,
.ESCALA.tournament-bg .tournament-list nav .nav-tabs,
.PESOGAMING.tournament-bg .tournament-list nav .nav-tabs {
    margin: 0 auto;
    text-align: center;
    gap: 0 3px
}

.EXTREME88.tournament-bg .tournament-list nav .nav-tabs .nav-link,
.ATLANTIS88.tournament-bg .tournament-list nav .nav-tabs .nav-link,
.APEX.tournament-bg .tournament-list nav .nav-tabs .nav-link,
.IRONMAN1688.tournament-bg .tournament-list nav .nav-tabs .nav-link,
.ESCALA.tournament-bg .tournament-list nav .nav-tabs .nav-link,
.PESOGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link {
    border-radius: 5px 5px 0 0;
    background: linear-gradient(to top, #191919, #414141);
    border-top: 0
}

.EXTREME88.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt,
.ATLANTIS88.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt,
.APEX.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt,
.IRONMAN1688.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt,
.ESCALA.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt,
.PESOGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt {
    color: #fff !important
}

.EXTREME88.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box,
.ATLANTIS88.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box,
.APEX.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box,
.IRONMAN1688.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box,
.ESCALA.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box,
.PESOGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box {
    top: 31px
}

.EXTREME88.tournament-bg .tournament-list nav .nav-tabs .nav-link.active,
.ATLANTIS88.tournament-bg .tournament-list nav .nav-tabs .nav-link.active,
.APEX.tournament-bg .tournament-list nav .nav-tabs .nav-link.active,
.IRONMAN1688.tournament-bg .tournament-list nav .nav-tabs .nav-link.active,
.ESCALA.tournament-bg .tournament-list nav .nav-tabs .nav-link.active,
.PESOGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link.active {
    border-radius: 5px 5px 0 0;
    background-image: linear-gradient(to bottom, #0a0808 15%, #5a1313 95%) !important
}

.EXTREME88.tournament-bg .tournament-list nav .nav-tabs .nav-link li,
.ATLANTIS88.tournament-bg .tournament-list nav .nav-tabs .nav-link li,
.APEX.tournament-bg .tournament-list nav .nav-tabs .nav-link li,
.IRONMAN1688.tournament-bg .tournament-list nav .nav-tabs .nav-link li,
.ESCALA.tournament-bg .tournament-list nav .nav-tabs .nav-link li,
.PESOGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link li {
    color: #fff;
    height: inherit
}

.EXTREME88.tournament-bg .tournament-list nav .nav-tabs .nav-link li::before,
.ATLANTIS88.tournament-bg .tournament-list nav .nav-tabs .nav-link li::before,
.APEX.tournament-bg .tournament-list nav .nav-tabs .nav-link li::before,
.IRONMAN1688.tournament-bg .tournament-list nav .nav-tabs .nav-link li::before,
.ESCALA.tournament-bg .tournament-list nav .nav-tabs .nav-link li::before,
.PESOGAMING.tournament-bg .tournament-list nav .nav-tabs .nav-link li::before {
    color: #fff;
    width: 0px !important;
    height: 0px !important;
    line-height: inherit;
    background-color: #09121800;
    font-size: inherit;
    text-shadow: none
}

.EXTREME88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link,
.ATLANTIS88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link,
.APEX.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link,
.IRONMAN1688.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link,
.ESCALA.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link,
.PESOGAMING.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link {
    border-top-color: #00000000;
    background-image: none;
    border-top: 0px
}

.EXTREME88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active,
.ATLANTIS88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active,
.APEX.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active,
.IRONMAN1688.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active,
.ESCALA.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active,
.PESOGAMING.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    border-bottom: 2px solid #c60000
}

.EXTREME88.tournament-bg .tournament-list .btn-tooltip i::before,
.ATLANTIS88.tournament-bg .tournament-list .btn-tooltip i::before,
.APEX.tournament-bg .tournament-list .btn-tooltip i::before,
.IRONMAN1688.tournament-bg .tournament-list .btn-tooltip i::before,
.ESCALA.tournament-bg .tournament-list .btn-tooltip i::before,
.PESOGAMING.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #b14056
}

.EXTREME88.tournament-bg .tournament-list .tab-content,
.ATLANTIS88.tournament-bg .tournament-list .tab-content,
.APEX.tournament-bg .tournament-list .tab-content,
.IRONMAN1688.tournament-bg .tournament-list .tab-content,
.ESCALA.tournament-bg .tournament-list .tab-content,
.PESOGAMING.tournament-bg .tournament-list .tab-content {
    background: linear-gradient(to bottom, #080808 50%, #7a0e0e 97%, #c50000 100%)
}

.EXTREME88.tournament-bg .tournament-list .tab-content .clock,
.ATLANTIS88.tournament-bg .tournament-list .tab-content .clock,
.APEX.tournament-bg .tournament-list .tab-content .clock,
.IRONMAN1688.tournament-bg .tournament-list .tab-content .clock,
.ESCALA.tournament-bg .tournament-list .tab-content .clock,
.PESOGAMING.tournament-bg .tournament-list .tab-content .clock {
    background: #48071f !important
}

.EXTREME88.tournament-bg .tournament-list .tab-content .clock .txt,
.ATLANTIS88.tournament-bg .tournament-list .tab-content .clock .txt,
.APEX.tournament-bg .tournament-list .tab-content .clock .txt,
.IRONMAN1688.tournament-bg .tournament-list .tab-content .clock .txt,
.ESCALA.tournament-bg .tournament-list .tab-content .clock .txt,
.PESOGAMING.tournament-bg .tournament-list .tab-content .clock .txt {
    color: #fff !important
}

.EXTREME88.tournament-bg .tournament-list .tab-content .txt-loginName,
.EXTREME88.tournament-bg .tournament-list .tab-content .txt-bonus,
.ATLANTIS88.tournament-bg .tournament-list .tab-content .txt-loginName,
.ATLANTIS88.tournament-bg .tournament-list .tab-content .txt-bonus,
.APEX.tournament-bg .tournament-list .tab-content .txt-loginName,
.APEX.tournament-bg .tournament-list .tab-content .txt-bonus,
.IRONMAN1688.tournament-bg .tournament-list .tab-content .txt-loginName,
.IRONMAN1688.tournament-bg .tournament-list .tab-content .txt-bonus,
.ESCALA.tournament-bg .tournament-list .tab-content .txt-loginName,
.ESCALA.tournament-bg .tournament-list .tab-content .txt-bonus,
.PESOGAMING.tournament-bg .tournament-list .tab-content .txt-loginName,
.PESOGAMING.tournament-bg .tournament-list .tab-content .txt-bonus {
    color: #fff
}

.EXTREME88.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num,
.ATLANTIS88.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num,
.APEX.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num,
.IRONMAN1688.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num,
.ESCALA.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num,
.PESOGAMING.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num {
    background: #2bb128
}

.EXTREME88.tournament-bg .tournament-list .btn-box .btn.btn-last,
.ATLANTIS88.tournament-bg .tournament-list .btn-box .btn.btn-last,
.APEX.tournament-bg .tournament-list .btn-box .btn.btn-last,
.IRONMAN1688.tournament-bg .tournament-list .btn-box .btn.btn-last,
.ESCALA.tournament-bg .tournament-list .btn-box .btn.btn-last,
.PESOGAMING.tournament-bg .tournament-list .btn-box .btn.btn-last {
    color: #fff;
    border-color: #fff
}

.EXTREME88.tournament-bg .tournament-list .info-box,
.ATLANTIS88.tournament-bg .tournament-list .info-box,
.APEX.tournament-bg .tournament-list .info-box,
.IRONMAN1688.tournament-bg .tournament-list .info-box,
.ESCALA.tournament-bg .tournament-list .info-box,
.PESOGAMING.tournament-bg .tournament-list .info-box {
    background: #080808
}

.EXTREME88.tournament-bg .tournament-list .info-box::before,
.EXTREME88.tournament-bg .tournament-list .info-box::after,
.ATLANTIS88.tournament-bg .tournament-list .info-box::before,
.ATLANTIS88.tournament-bg .tournament-list .info-box::after,
.APEX.tournament-bg .tournament-list .info-box::before,
.APEX.tournament-bg .tournament-list .info-box::after,
.IRONMAN1688.tournament-bg .tournament-list .info-box::before,
.IRONMAN1688.tournament-bg .tournament-list .info-box::after,
.ESCALA.tournament-bg .tournament-list .info-box::before,
.ESCALA.tournament-bg .tournament-list .info-box::after,
.PESOGAMING.tournament-bg .tournament-list .info-box::before,
.PESOGAMING.tournament-bg .tournament-list .info-box::after {
    border-color: #7a0e0e
}

.EXTREME88.tournament-bg .tournament-list .info-box ul::before,
.EXTREME88.tournament-bg .tournament-list .info-box ul::after,
.ATLANTIS88.tournament-bg .tournament-list .info-box ul::before,
.ATLANTIS88.tournament-bg .tournament-list .info-box ul::after,
.APEX.tournament-bg .tournament-list .info-box ul::before,
.APEX.tournament-bg .tournament-list .info-box ul::after,
.IRONMAN1688.tournament-bg .tournament-list .info-box ul::before,
.IRONMAN1688.tournament-bg .tournament-list .info-box ul::after,
.ESCALA.tournament-bg .tournament-list .info-box ul::before,
.ESCALA.tournament-bg .tournament-list .info-box ul::after,
.PESOGAMING.tournament-bg .tournament-list .info-box ul::before,
.PESOGAMING.tournament-bg .tournament-list .info-box ul::after {
    border-color: #7a0e0e
}

.EXTREME88.tournament-bg .tournament-list .btn-tooltip i,
.ATLANTIS88.tournament-bg .tournament-list .btn-tooltip i,
.APEX.tournament-bg .tournament-list .btn-tooltip i,
.IRONMAN1688.tournament-bg .tournament-list .btn-tooltip i,
.ESCALA.tournament-bg .tournament-list .btn-tooltip i,
.PESOGAMING.tournament-bg .tournament-list .btn-tooltip i {
    color: #ff5863
}

.EXTREME88.tournament-bg .tournament-list .btn-tooltip .tooltip-box,
.ATLANTIS88.tournament-bg .tournament-list .btn-tooltip .tooltip-box,
.APEX.tournament-bg .tournament-list .btn-tooltip .tooltip-box,
.IRONMAN1688.tournament-bg .tournament-list .btn-tooltip .tooltip-box,
.ESCALA.tournament-bg .tournament-list .btn-tooltip .tooltip-box,
.PESOGAMING.tournament-bg .tournament-list .btn-tooltip .tooltip-box {
    background: #48071f;
    border-color: #8a1940
}

.EXTREME88.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before,
.ATLANTIS88.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before,
.APEX.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before,
.IRONMAN1688.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before,
.ESCALA.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before,
.PESOGAMING.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before {
    border-color: transparent transparent #b80f4a transparent
}

.EXTREME88.tournament-bg .tournament-list .panel-list,
.ATLANTIS88.tournament-bg .tournament-list .panel-list,
.APEX.tournament-bg .tournament-list .panel-list,
.IRONMAN1688.tournament-bg .tournament-list .panel-list,
.ESCALA.tournament-bg .tournament-list .panel-list,
.PESOGAMING.tournament-bg .tournament-list .panel-list {
    background: #ffffff1c
}

.EXTREME88.tournament-bg .tournament-list .panel-list li img,
.ATLANTIS88.tournament-bg .tournament-list .panel-list li img,
.APEX.tournament-bg .tournament-list .panel-list li img,
.IRONMAN1688.tournament-bg .tournament-list .panel-list li img,
.ESCALA.tournament-bg .tournament-list .panel-list li img,
.PESOGAMING.tournament-bg .tournament-list .panel-list li img {
    border-radius: 8px
}

.EXTREME88.tournament-bg .tournament-list .list-weekly li.is-today,
.ATLANTIS88.tournament-bg .tournament-list .list-weekly li.is-today,
.APEX.tournament-bg .tournament-list .list-weekly li.is-today,
.IRONMAN1688.tournament-bg .tournament-list .list-weekly li.is-today,
.ESCALA.tournament-bg .tournament-list .list-weekly li.is-today,
.PESOGAMING.tournament-bg .tournament-list .list-weekly li.is-today {
    background: #080808;
    border: 2px solid #7a0e0e
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box {
    max-width: 720px;
    margin: 0 auto;
    border-radius: 12px;
    padding: 0
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .tournament-tabBox {
    padding: 5px 0;
    border-radius: 10px
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .section-tit {
    position: relative
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .section-tit .tit {
    display: inline-block
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .section-tit .btn-tooltip {
    right: auto
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .nav-tabs.nav-Lv2 {
    width: 100%;
    padding: 0 !important;
    justify-content: center
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav {
    background: transparent;
    height: auto;
    padding: 0;
    border-radius: 0
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .nav-link {
    min-width: 40%;
    padding: 0 10px 3px 40px
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .nav-link .btn-tooltip:hover .tooltip-box {
    left: 0
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .nav-link .clock {
    left: 70px !important
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .nav-link .clock .txt {
    text-align: center !important;
    color: #fff
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .btn-tooltip {
    height: auto;
    margin: 0 0 0 5px;
    right: auto;
    left: 5px
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .btn-tooltip i {
    font-size: 18px
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .btn-tooltip:hover::after {
    content: '';
    position: absolute;
    top: -10px;
    width: 50px;
    height: 50px;
    left: -15px
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .btn-tooltip .tooltip-box {
    width: 420px;
    right: auto
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .btn-tooltip .tooltip-box ul {
    display: block;
    width: initial;
    max-width: 420px;
    min-width: auto
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .btn-tooltip .tooltip-box ul li {
    border-left: 0
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box nav .nav-tabs .btn-tooltip .tooltip-box::before {
    right: 18px
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .tab-content {
    border-radius: 0 0 10px 10px;
    background: #0000;
    min-height: 335px
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .tab-content .clock {
    position: relative;
    top: auto;
    display: inline-block
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .tab-content .active .list-weekly ul {
    background: transparent
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .tab-content .panel-list {
    max-width: 85%;
    max-height: 245px;
    row-gap: 6px;
    grid-column-gap: 15px
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .tab-content .panel-list li {
    width: 100%
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .tab-content .panel-list li:hover {
    cursor: pointer;
    background-color: #dfdfdf2f
}

.device-PC.tournament-bg .game-wrap .tournament-list.section-box .tab-content .panel-list li .div-platform::before {
    top: 4px;
    left: 4px
}

.device-PC.tournament-bg .game-wrap .tournament-list {
    max-width: 1200px;
    background-size: 100%;
    background-position: center center;
    margin: 0 auto;
    height: auto
}

.device-PC.tournament-bg .game-wrap .tournament-list .txt-loginName.is-you span {
    display: inline-block
}

.device-PC.tournament-bg .game-wrap .tournament-list .div-platform .img-platform-logo {
    position: relative
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-monthly .btn-tooltip,
.device-PC.tournament-bg .game-wrap .tournament-list .list-weekly-winner .btn-tooltip {
    padding: 0px 10px 10px 15px;
    height: auto;
    margin: 0 0 0 5px
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-monthly .btn-tooltip i,
.device-PC.tournament-bg .game-wrap .tournament-list .list-weekly-winner .btn-tooltip i {
    font-size: 25px
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-monthly .btn-tooltip .tooltip-box::before,
.device-PC.tournament-bg .game-wrap .tournament-list .list-weekly-winner .btn-tooltip .tooltip-box::before {
    right: 18px
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-monthly ul li .btn-day {
    min-width: 250px
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-weekly {
    padding: 0 2%;
    background: none
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-weekly .tit {
    display: none
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-weekly ul {
    grid-template-columns: repeat(4, 23.5%);
    grid-gap: 0 2%;
    background: linear-gradient(0deg, rgba(22, 34, 45, 0), rgba(0, 0, 0, 0.764706));
    border-radius: 20px;
    padding: 2% 2% 0 2%
}

.device-PC.tournament-bg .game-wrap .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
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-weekly ul li {
    grid-template-columns: 50% 50%
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-weekly ul li .btn-day {
    width: 70px;
    height: 60px;
    display: inline-block;
    margin-left: 5px
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily {
    display: grid;
    grid-template-columns: repeat(4, 23.5%);
    grid-gap: 0 2%;
    padding-top: 30px;
    max-width: 100%;
    margin: 0 auto;
    background: none
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily.singel-row {
    grid-template-columns: repeat(1, 100%);
    justify-items: center
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily.singel-row ul {
    width: 27%
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily.singel-row ul::before {
    border-width: 0 135px 30px 135px
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily .tit {
    display: none
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily ul {
    display: block;
    background: #000000d2;
    padding: 10px;
    margin-bottom: 0;
    border-radius: 20px
}

.device-PC.tournament-bg .game-wrap .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 #000000d2 transparent
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily ul li {
    display: flex;
    margin-bottom: 20px;
    height: 60px
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily ul li:last-child {
    margin-bottom: 0
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily ul li .btn-day {
    display: inline-block;
    width: 70px;
    height: 60px;
    margin-right: 10px;
    line-height: 40px
}

.device-PC.tournament-bg .game-wrap .tournament-list .list-daily ul li .user-box {
    display: inline-block;
    width: 100%;
    padding-top: 3px
}

dl dd.w-100per {
    display: block;
    padding: 10px;
    flex: 85%
}

.tournament-badge-box {
    display: block
}

.tournament-badge-box .txt-info {
    color: #b59460;
    border-top: 0px;
    background: #ffffff00;
    font-size: 14px;
    padding: 2px
}

.tournament-badge-box a img {
    width: 30px;
    border-radius: 5px;
    margin-right: 3px;
    z-index: 1
}

.tournament-badge-box a.daily img {
    background-color: #7d7f88
}

.tournament-badge-box a.weekly img {
    background-color: #8374e9
}

.tournament-badge-box a.monthly img {
    background-color: #ffd912
}

.tournament-badge-box .badge {
    position: relative;
    display: inline-block;
    width: 60px;
    height: auto;
    margin: 0 5px 15px 5px;
    padding-top: 55px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 45px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    border: 1px solid #00000033
}

.tournament-badge-box .badge::before {
    position: absolute;
    top: 35px;
    left: -5%
}

.tournament-badge-box .badge .num {
    padding: 3px;
    font-size: 90%;
    white-space: nowrap;
    line-height: normal;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 100%;
    background: linear-gradient(rgba(44, 44, 44, 0.301), rgba(176, 176, 176, 0.5));
    border-radius: 0 0 8px 8px;
    text-shadow: 0 2px 4px #000
}

.tournament-badge-box .badge .num::before {
    transform: scale(0.9);
    display: block;
    font-size: 70%;
    text-align: center;
    width: 110%;
    line-height: 23px;
    margin-left: -5%;
    text-shadow: 0 1px 3px #000;
    color: #ffffffb0
}

.tournament-badge-box .badge.daily {
    background-color: #7d7f88
}

.tournament-badge-box .badge.daily .num::before {
    content: 'Daily'
}

.tournament-badge-box .badge.weekly {
    background-color: #8374e9
}

.tournament-badge-box .badge.weekly .num {
    background: linear-gradient(rgba(105, 74, 179, 0.301), rgba(69, 33, 116, 0.5))
}

.tournament-badge-box .badge.weekly .num::before {
    content: 'Weekly'
}

.tournament-badge-box .badge.monthly {
    background-color: #ffd912
}

.tournament-badge-box .badge.monthly .num {
    background: linear-gradient(rgba(223, 200, 60, 0.301961), #d19420)
}

.tournament-badge-box .badge.monthly .num::before {
    content: 'Monthly'
}

.tournament-badge-box .badge img {
    width: 20px;
    height: 20px;
    object-fit: contain
}

body:has(.challenge-winning.show, .modal-challenge-V3.show):not(.body-iframe) .size-s {
    display: none !important
}

body.fix-top .challenge-wrapper::before {
    display: block
}

body.fix-top .challenge-wrapper.size-s {
    top: auto !important
}

.body-iframe .challenge-winning {
    display: none
}

.toast.msg-challenge-success {
    position: fixed;
    top: 5vh;
    left: 45%;
    bottom: auto;
    z-index: 2147483647 !important;
    max-width: none;
    width: 10vw;
    padding: 20% 0 20% 0;
    background: none;
    transition: all .3s ease-in-out;
    backdrop-filter: none;
    border: none;
    margin-bottom: 0;
    opacity: 0;
    overflow: visible;
    display: none
}

.toast.msg-challenge-success.show {
    opacity: 1;
    width: 100vw;
    top: 30vh;
    left: 0;
    display: block
}

.toast.msg-challenge-success.show::after {
    content: '';
    position: absolute;
    top: -30vh;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100vh;
    z-index: -100
}

.toast.msg-challenge-success .toast-body {
    padding: 0
}

.toast.msg-challenge-success .toast-body img.toast-bg,
.toast.msg-challenge-success .toast-body img.bonus-win-gold {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vmin;
    height: 400px;
    transform: translate(-50%, -50%);
    object-fit: contain;
    z-index: -20
}

.toast.msg-challenge-success .toast-body img.toast-bg {
    top: -10%;
    left: 0%;
    height: 100vmin;
    animation: rotation 30s infinite linear
}

.toast.msg-challenge-success .toast-body .modal-body {
    padding: 30px 0 0 0;
    background: #6f1a0e;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, #17725e 0px -3px 5px;
    border: 3px solid #f3b93e;
    border-left: none;
    border-right: none;
    max-width: 1200px;
    left: 50%;
    transform: translateX(-50%)
}

.toast.msg-challenge-success .toast-body .modal-body .close {
    display: inline-block;
    opacity: 1;
    border-radius: 50px;
    width: 34px;
    height: 34px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    text-align: center
}

.toast.msg-challenge-success .toast-body .modal-body .close i {
    color: #f3b93e;
    border-radius: 100px;
    font-size: 135%;
    line-height: 34px;
    text-shadow: 0 2px 2px #333
}

.toast.msg-challenge-success .toast-body .modal-body .close:hover {
    background-color: #36495e
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus {
    position: absolute;
    z-index: -1;
    top: -75px;
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus .show-jackpot {
    display: none
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li {
    transform: rotate(-12deg) translateX(5px);
    transform-origin: top;
    display: none
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li img {
    width: 65px;
    border-radius: 10px;
    border: 2px solid #f3b93e;
    box-shadow: 0 2px 8px #000
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li:nth-child(1) {
    display: inline-block
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li:nth-child(2) {
    transform: rotate(-5deg) translateY(-10px);
    display: inline-block
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li:nth-child(2) img {
    width: 80px
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li:nth-child(3) {
    transform: rotate(5deg) translateY(-10px) translateX(-5px);
    display: inline-block
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li:nth-child(3) img {
    width: 80px
}

.toast.msg-challenge-success .toast-body .modal-body .owl-bonus li:nth-child(4) {
    transform: rotate(12deg) translateX(-10px);
    display: inline-block
}

.toast.msg-challenge-success .toast-body .modal-body .tit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    border-radius: 100px;
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB);
    background-size: 200% 100%;
    color: #fff;
    text-shadow: 0 2px 2px #333;
    padding: 6px 15px;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgba(58, 65, 111, 0.5) 0 -3px 0 inset;
    text-align: center;
    font-size: 100%;
    white-space: nowrap;
    border: 3px solid #f3b93e;
    animation: bg-pan-right-2 5s infinite;
    text-align: center
}

.toast.msg-challenge-success .toast-body .modal-body .tit img {
    position: relative;
    width: 45px;
    height: 30px;
    display: inline-block;
    object-fit: contain
}

.toast.msg-challenge-success .toast-body .modal-body .bonus-imgbox {
    background: linear-gradient(0deg, #6f1a0e, #bb3e1b, #6f1a0e);
    text-align: center
}

.toast.msg-challenge-success .toast-body .modal-body .bonus-imgbox .box-money {
    background: none;
    margin: 0;
    border: none
}

.toast.msg-challenge-success .toast-body .modal-body .bonus-imgbox .box-money .txt-bonus {
    position: relative;
    font-size: 20px;
    white-space: nowrap;
    color: #000;
    margin: 10px auto;
    border-radius: 5px;
    line-height: 30px;
    height: 60px;
    width: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.502))
}

.toast.msg-challenge-success .toast-body .modal-body .bonus-imgbox .box-money .txt-bonus::before {
    font-size: 12px
}

.toast.msg-challenge-success .toast-body .modal-body .bonus-imgbox .box-money .txt-bonus img,
.toast.msg-challenge-success .toast-body .modal-body .bonus-imgbox .box-money .txt-bonus img.banknote {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 170px;
    object-fit: contain;
    z-index: -2
}

.toast.msg-challenge-success .toast-body .modal-body .bonus-imgbox .box-money p {
    font-family: Helvetica Neue;
    background: linear-gradient(180deg, #ffee43 0, #fe9035 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-weight: bold;
    font-size: 220%;
    font-style: italic;
    line-height: normal;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
    letter-spacing: 2px
}

.toast.msg-challenge-success .toast-body .modal-body .bonus-imgbox .box-money small {
    color: #efaa33
}

.toast.msg-challenge-success .toast-body .modal-body .txt-id {
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff72;
    padding-bottom: 5px
}

.toast.msg-challenge-success .toast-body .modal-body .btn-box {
    display: block;
    text-align: center;
    height: 25px;
    padding: 10px 0
}

.toast.msg-challenge-success .toast-body .modal-body .btn-box .btn-s {
    font-size: 110%;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 6px 15px;
    border-radius: 100px;
    min-width: 100px;
    text-shadow: 0 1px 2px #000;
    background-image: linear-gradient(180deg, #7ce5ff 0, #199afc, #1180ea 100%);
    box-shadow: 0 0 0 3px #2eb006;
    border: 2px solid #c4f5ff
}

@media (orientation: landscape) {

    .toast.msg-challenge-success,
    .toast.msg-challenge-fail {
        top: 0vw !important
    }

    .toast.msg-challenge-success .toast-body::before,
    .toast.msg-challenge-success .toast-body::after,
    .toast.msg-challenge-fail .toast-body::before,
    .toast.msg-challenge-fail .toast-body::after {
        left: 25vw;
        top: 0
    }

    .toast.msg-challenge-success .toast-body img.toast-bg,
    .toast.msg-challenge-fail .toast-body img.toast-bg {
        top: 0;
        left: 25%;
        transform: translateX(-50%)
    }

    .toast.msg-challenge-success .toast-body .modal-body,
    .toast.msg-challenge-fail .toast-body .modal-body {
        border-radius: 20px;
        border: 3px solid #f3b93e
    }

    .toast.msg-challenge-success.show::after,
    .toast.msg-challenge-fail.show::after {
        top: 0
    }
}

.challenge-winning {
    text-align: center;
    max-width: 500px;
    overflow: hidden
}

.challenge-winning.show {
    left: 50%;
    transform: translateX(-50%);
    transition: 0s
}

.challenge-winning .challenge-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% !important;
    z-index: -1
}

.challenge-winning .bg-top img {
    width: 100%;
    object-fit: contain
}

.challenge-winning .bg-bottom img {
    position: absolute;
    bottom: 10%;
    top: auto;
    left: -10%;
    width: 120%;
    object-fit: contain
}

.challenge-winning .challenge-btn.btn-close {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    width: 45px;
    height: 45px;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 4px 4px 8px rgba(255, 255, 255, 0.25);
    border-radius: 100px
}

.challenge-winning .challenge-btn.btn-close .icon-close {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    color: #fff
}

.challenge-winning .challenge-content {
    position: relative;
    padding: 11vh 5% 5vh 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    margin: 45% 0 5%;
    background: linear-gradient(101.44deg, rgba(255, 255, 255, 0) 4.49%, rgba(255, 255, 255, 0.08) 60.42%, rgba(255, 255, 255, 0) 60.42%), rgba(40, 24, 2, 0.7);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.2);
    text-align: center
}

.challenge-winning .challenge-content .content-img {
    position: absolute;
    top: -8.3vh;
    left: 50%;
    transform: translateX(-50%);
    width: 78%;
    height: 16vh
}

.challenge-winning .challenge-content .content-img img {
    width: 78%;
    height: 16vh;
    object-fit: contain
}

.challenge-winning .challenge-content .content-img span {
    position: absolute;
    width: 100%;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500
}

.challenge-winning .challenge-content .content-txt {
    color: #fff;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 300
}

.challenge-winning .challenge-content .content-amount {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500
}

.challenge-winning .challenge-content .txt-bonus {
    position: relative;
    white-space: nowrap;
    padding: 0 3px;
    border-radius: 5px;
    height: 48px;
    line-height: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
    font-size: 1.4rem;
    color: #000;
    -webkit-text-fill-color: unset
}

.challenge-winning .challenge-content .txt-bonus::before {
    font-size: 16px;
    color: #000;
    -webkit-text-fill-color: unset
}

.challenge-winning .challenge-content .txt-bonus img,
.challenge-winning .challenge-content .txt-bonus img.banknote {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -5px;
    height: 60px;
    width: 170px;
    object-fit: contain;
    z-index: -2
}

.challenge-winning .gamesList-title {
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto
}

.challenge-winning .gamesList-title span {
    color: #fff
}

.challenge-winning .gamesList-title span:not(:last-child) {
    margin-right: 2%
}

.challenge-winning .gamesList-title span.deco-line {
    width: 60px;
    height: 2px;
    flex-grow: 1
}

.challenge-winning .gamesList-title span.line-left {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.challenge-winning .gamesList-title span.line-right {
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.challenge-winning .challenge-area {
    background: transparent !important;
    border: none !important;
    animation: none !important;
    box-shadow: none !important
}

.challenge-winning .challenge-area .challenge-items {
    justify-content: center
}

.challenge-winning .challenge-area.sticky {
    margin: 0 auto
}

.challenge-winning .challenge-gamesList {
    position: relative;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2vh auto 3vh
}

.challenge-winning .challenge-gamesList li.show-jackpot-fire .game-icon {
    border-top: 0;
    border-radius: 3px !important
}

.challenge-winning .challenge-gamesList li.show-jackpot-fire.on-fire .game-icon {
    border-top: 0
}

.challenge-winning .challenge-gamesList li.show-jackpot-fire.on-fire::after {
    display: none
}

.challenge-winning .challenge-gamesList .game-icon {
    width: auto;
    height: calc((100vmin) /8 - 6px);
    max-height: 40px;
    border-radius: 3px
}

.challenge-winning .challenge-gamesList.num-9 .game-icon,
.challenge-winning .challenge-gamesList.num-10 .game-icon,
.challenge-winning .challenge-gamesList.num-11 .game-icon,
.challenge-winning .challenge-gamesList.num-12 .game-icon {
    height: 32px
}

.challenge-winning .challenge-gamesList .txt-ticketID {
    position: absolute;
    color: #888;
    width: auto;
    bottom: -12px;
    text-align: center;
    font-size: 12px;
    transform: scale(0.6);
    transform-origin: center;
    white-space: nowrap
}

.challenge-winning .challenge-btn.btn-checkChallenge {
    margin: 0 auto;
    background: linear-gradient(0deg, rgba(255, 231, 17, 0.1), rgba(255, 231, 17, 0.1)), #000;
    border: 2px solid #FFE600;
    border-radius: 100px;
    padding: 3% 6%;
    white-space: nowrap;
    max-width: 90%
}

.challenge-winning .challenge-btn.btn-checkChallenge .btn-txt {
    color: #FFE600;
    font-size: 1.3rem;
    font-weight: 300;
    vertical-align: middle;
    margin-right: 2%;
    white-space: break-spaces
}

.challenge-winning .challenge-btn.btn-checkChallenge .btn-triangle {
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .4em 0 .4em .6em;
    border-color: transparent transparent transparent #FFE600
}

.challenge-box {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 20px auto 0 auto;
    border-radius: 10px;
    color: #fff;
    padding: 5px 0;
    background-image: linear-gradient(144deg, rgba(175, 64, 255, 0.572549), rgba(90, 66, 243, 0.352941) 50%, rgba(0, 219, 235, 0.337255))
}

.challenge-box .btn-tooltip {
    display: inline-block
}

.challenge-box .btn-tooltip i {
    background: #000;
    color: #f7cf3e;
    text-align: center
}

.challenge-box .btn-tooltip .tooltip-box {
    top: 30px;
    left: -140px !important;
    right: 0;
    width: 210px !important;
    min-width: none;
    border-radius: 8px;
    background: #000 !important;
    padding: 5px 10px 5px 10px;
    color: #f7cf3e
}

.challenge-box .btn-tooltip .tooltip-box::before {
    transform: none;
    right: 3px;
    left: auto;
    top: -5px;
    border-bottom: 10px solid #000 !important
}

.challenge-box .btn-tooltip .tooltip-box .txt-ticketID {
    color: #fff !important
}

.challenge-box .tag-challenge {
    display: flex;
    gap: 10px;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    white-space: nowrap;
    margin-right: 10px;
    width: 110px;
    justify-content: center;
    z-index: 111
}

.challenge-box .tag-challenge.is-pass::after,
.challenge-box .tag-challenge.is-yet-achieved::after,
.challenge-box .tag-challenge.is-not-passed::after {
    font-family: 'icomoon' !important;
    content: '\e90f';
    background: #1c6f24;
    width: 20px;
    line-height: 18px;
    font-size: 18px;
    text-align: center;
    border-radius: 50px;
    color: #daffdd;
    vertical-align: top;
    border: 1px solid #daffdd
}

.challenge-box .tag-challenge.is-yet-achieved::after {
    content: '!';
    background: #e1741c;
    line-height: 16px
}

.challenge-box .tag-challenge.is-not-passed::after {
    content: '\e914';
    background: #cf2323;
    color: #fff
}

.challenge-box .challenge-box-body {
    overflow: hidden
}

.challenge-box ul.owl-bonus {
    padding: 0 5% !important
}

.challenge-box ul.owl-bonus .item {
    padding: 0 8% !important
}

.challenge-box ul.owl-bonus .item .game-icon {
    box-shadow: none !important
}

.challenge-box .div-tb {
    background: #00000095;
    width: 100%;
    margin-bottom: 0;
    border-radius: 7px
}

.challenge-box .div-tb .td.w-30per {
    width: 30%
}

.challenge-box .div-tb .td.w-50per {
    width: 50%
}

.challenge-box .div-tb .td.w-20per {
    width: 20%
}

.challenge-box .div-tb .td .txt {
    white-space: nowrap;
    color: #f7cf3e;
    text-align: left;
    padding-left: 5px
}

.challenge-box .div-tb .box-money {
    margin: 3px;
    padding: 0 5px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
    border-color: #dcdcdc4e;
    box-shadow: 0 2px 3px #3333337f
}

.challenge-box .div-tb .box-money small {
    color: #4a4a4aae;
    font-size: 70%;
    transform: scale(0.9)
}

.challenge-box .div-tb .box-money p {
    font-size: 100%;
    color: #121212d7;
    font-weight: bold
}

.challenge-box .div-tb .box-money p small {
    font-size: 70%;
    color: #393939b6
}

.challenge-box .div-tb .btn-i {
    position: relative;
    padding: 0 30px 0 10px;
    border-radius: 5px;
    margin-right: 3px
}

.challenge-box .div-tb .btn-i::before {
    position: absolute;
    right: 5px;
    top: 8px;
    font-family: 'icomoon' !important;
    content: '\e904';
    border-radius: 30px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    color: #fff;
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB)
}

.tag-challenge {
    position: relative;
    border-radius: 40px;
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB);
    color: #fff;
    text-shadow: 0 2px 2px #0000005d;
    padding: 0 10px;
    white-space: nowrap;
    margin-bottom: 10px;
    font-size: 90%;
    box-shadow: 0 2px 3px #0000005d;
    border: 2px solid #00000042
}

.tag-challenge b {
    font-size: 120%
}

.tag-challenge.txt-only {
    background-image: none;
    color: #333;
    box-shadow: none;
    border: 2px solid #00000000
}

.tag-challenge.txt-only::before {
    display: none
}

body.fix-top .challenge-area {
    box-shadow: 0 0 20px #000
}

.challenge-area {
    position: relative;
    background: linear-gradient(170deg, #3e4955 49%, #2d3640 50%);
    border: 2px solid #f0d07a;
    border-radius: 10px;
    margin: 8px 5px 12px 5px;
    padding: 8px;
    transition: all 0.40s ease-in-out
}

.challenge-area.num-1 .ticket-top {
    right: auto;
    left: 20px;
    border-radius: 0 0 8px 8px
}

.challenge-area.num-1 .challenge-content {
    display: inline-flex
}

.challenge-area.num-1 .challenge-items {
    position: absolute;
    right: 20px;
    top: 5px;
    width: auto
}

.challenge-area.num-1 .challenge-items .item {
    flex-direction: column-reverse;
    width: 55px;
    height: 55px
}

.challenge-area.num-1 .challenge-items .item img {
    margin: 0 auto 30px;
    width: 100%;
    max-width: 45px
}

.challenge-area.num-1 .challenge-items .item::before {
    position: absolute;
    bottom: 0;
    width: 35px;
    height: 35px
}

.challenge-area.num-2 .challenge-items {
    justify-content: center
}

.challenge-area.num-2,
.challenge-area.num-3,
.challenge-area.num-4 {
    padding-top: 0 !important
}

.challenge-area.num-2 .ticket-top,
.challenge-area.num-3 .ticket-top,
.challenge-area.num-4 .ticket-top {
    right: 0 !important;
    left: auto !important;
    border-radius: 0 0 8px 8px
}

.challenge-area .challenge-items {
    display: flex;
    justify-content: center;
    gap: 0 15px;
    padding-bottom: 5px;
    width: 95%;
    margin: 0 auto
}

.challenge-area .challenge-items .item {
    position: relative;
    background: linear-gradient(170deg, #3e4955 49%, #2d3640 50%);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 50px;
    border-top: 1px solid #a7bacf;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    max-width: 80px;
    height: 40px;
    width: 100%
}

.challenge-area .challenge-items .item img {
    width: 50%;
    max-width: 60px;
    height: 30px;
    object-fit: contain
}

.challenge-area .challenge-items .item::before {
    content: '';
    width: 30px;
    height: 30px;
    background: url(../../../theme/images/src-common/BONUSEVENT-img/CHALLENGE/challenge-go.png) center no-repeat;
    background-size: contain
}

.challenge-area.sticky {
    position: sticky;
    top: 43vmin;
    z-index: 299;
    margin-bottom: 5px;
    width: 95%;
    padding: 20px 8px 2px;
    animation: ann-border 2s ease-in-out infinite both
}

.challenge-area.sticky.size-s {
    position: fixed !important;
    top: auto !important;
    bottom: 5vh;
    left: -10px;
    max-width: 110px;
    padding: 20px 4px 10px;
    border-radius: 0 10px 10px 0;
    z-index: 2147483647
}

.challenge-area.sticky.size-s a.close {
    display: block;
    position: absolute;
    right: -15px;
    top: -20px;
    cursor: pointer;
    border-radius: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    opacity: 1;
    z-index: 2
}

.challenge-area.sticky.size-s a.close::before {
    font-family: 'icomoon' !important;
    content: '\e914';
    border-radius: 100px;
    color: #fff;
    background: #253647;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    text-shadow: none
}

.challenge-area.sticky.size-s .challenge-content .ticket-top {
    right: 0px !important;
    left: auto
}

.challenge-area.sticky.size-s .challenge-content .ticket-top .txt-clock {
    padding: 1px 4px
}

.challenge-area.sticky.size-s .challenge-content .img-platform-logo {
    left: 10px;
    top: -1px;
    width: 24px;
    height: 24px
}

.challenge-area.sticky.size-s .challenge-content .img-platform-logo i {
    width: 30px;
    height: 30px
}

.challenge-area.sticky.size-s .challenge-content .ticket-content {
    display: flex;
    flex-direction: column-reverse;
    background: transparent;
    padding: 0;
    height: 60px
}

.challenge-area.sticky.size-s .challenge-content .ticket-content .txt-rate-box {
    display: block !important
}

.challenge-area.sticky.size-s .challenge-content .ticket-content .txt-bonus {
    text-align: center
}

.challenge-area.sticky.size-s .challenge-content .ticket-content .txt-bonus img {
    display: none
}

.challenge-area.sticky.size-s .challenge-content .ticket-content .txt-bonus b {
    font-size: 20px;
    line-height: normal
}

.challenge-area.sticky.size-s .challenge-items {
    display: none
}

.challenge-area.sticky::after {
    display: none;
    position: sticky;
    top: 145px;
    margin: 10px auto;
    z-index: 299;
    max-width: 340px;
    width: 100%;
    margin: 0 auto
}

.challenge-area.sticky .txt-no,
.challenge-area.sticky .txt-rate-box {
    display: none !important
}

.challenge-area.sticky a.close {
    display: none
}

.challenge-area.sticky .challenge-content .ticket-top {
    right: auto;
    left: 20px;
    border-radius: 8px 8px 0 0
}

.challenge-area.sticky .challenge-content .img-platform-logo {
    position: absolute;
    left: 15px;
    top: -3px;
    width: 35px;
    height: 35px
}

.challenge-area.sticky .challenge-content .img-platform-logo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.challenge-area .ticket-id {
    font-size: 11px;
    color: rgba(240, 208, 122, 0.4);
    padding-top: 4px;
    text-align: center
}

.challenge-area .challenge-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.challenge-area .challenge-content .txt-no {
    position: absolute;
    left: 10px;
    top: 8px;
    width: auto;
    font-size: 13px;
    color: #f0d07a
}

.challenge-area .challenge-content .ticket-top {
    position: absolute;
    right: 10px;
    top: 0px;
    color: #f0d07a
}

.challenge-area .challenge-content .ticket-top .txt-clock {
    padding: 1px 8px;
    background: #0000004d;
    color: #c9c9c9;
    width: auto;
    border-radius: 0 5px 5px 5px;
    text-align: center;
    white-space: nowrap;
    min-width: 60px;
    line-height: 18px;
    font-size: 12px
}

.challenge-area .challenge-content .ticket-content {
    position: relative;
    display: inline-block;
    padding: 0 0 0 65px;
    text-align: left;
    background: url(../../../theme/images/src-common/BONUSEVENT-img/CHALLENGE/challenge-title.png) no-repeat left center;
    background-size: 60px;
    height: 45px
}

.challenge-area .challenge-content .ticket-content .txt-bonus {
    display: inline-block;
    white-space: nowrap;
    color: #f0d07a;
    line-height: normal
}

.challenge-area .challenge-content .ticket-content .txt-bonus b {
    font-size: 28px;
    line-height: 43px;
    font-style: italic
}

.challenge-area .challenge-content .txt-rate-box {
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 12px
}

.challenge-area .challenge-content .txt-rate-box span {
    color: #fff9
}

.challenge-area ul {
    background: #152433;
    border-radius: 8px;
    margin-bottom: 0;
    padding-top: 10px;
    align-items: start !important
}

.challenge-area ul li .txt-rtp,
.challenge-area ul li .btn-demo {
    display: none !important
}

.page-web.show-limit-msg .challenge-area.sticky {
    top: 173px
}

.page-web .challenge-area.sticky {
    top: 143px
}

.page-web .challenge-area.sticky.size-s {
    top: auto;
    padding: 20px 4px 0
}

.POPULAR .challenge-area.sticky,
.CLASSIC .challenge-area.sticky {
    position: relative;
    top: 5px;
    margin: auto
}

.POPULAR.show-limit-msg .challenge-area.sticky,
.CLASSIC.show-limit-msg .challenge-area.sticky {
    top: 5px
}

.POPULAR.body-iframe .challenge-area.sticky.size-s,
.CLASSIC.body-iframe .challenge-area.sticky.size-s {
    position: fixed
}

.device-PC .challenge-area {
    bottom: 15px
}

.device-PC .challenge-area.sticky {
    position: fixed;
    top: auto !important;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 370px
}

.device-PC .challenge-area.sticky.size-s {
    left: 5px;
    transform: translate(0, 0);
    max-width: 120px
}

.device-PC .game-wrap div.challenge-game dl dt::before {
    content: "\e929";
    font-size: 27px;
    line-height: 24px;
    padding-left: 5px
}

.device-PC .challenge-area {
    bottom: auto
}

.device-PC .challenge-area.next-sticky {
    padding: 0;
    height: 80px
}

.device-PC .challenge-area.next-sticky .ticket-content {
    height: 80px;
    padding: 0 0 0 130px;
    background-size: 115px
}

.device-PC .challenge-area.next-sticky .ticket-content .txt-bonus b {
    font-size: 33px;
    line-height: 70px
}

.device-PC:has(.header-logo .btnBox) .game-wrap .challenge-area.sticky {
    bottom: 70px
}

.device-PC .challenge-winning .challenge-area.sticky {
    position: relative;
    bottom: auto;
    left: 0;
    transform: translate(0, 0)
}

.challenge-area.next-sticky {
    border: none;
    margin-top: 10px
}

.challenge-area.next-sticky .challenge-content .ticket-content {
    padding: 0 0 0 160px;
    background: url(../../../theme/images/src-common/BONUSEVENT-img/CHALLENGE/challenge-next.png) no-repeat left center;
    background-size: 150px
}

.modal.modal-gamelist.CHALLENGE .modal-content .modal-body {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #f0d07a;
    animation: ann-border 2s ease-in-out infinite both
}

.modal.modal-gamelist.CHALLENGE .modal-content .modal-body .challenge-area {
    overflow-y: auto;
    background: #0f1b28
}

.modal.modal-gamelist.CHALLENGE .modal-content .modal-body ul.ul-gameList {
    max-height: 60vh;
    overflow-y: auto;
    padding: 6% 2% 20px 2% !important
}

.modal.modal-gamelist.CHALLENGE .modal-content .modal-body ul.ul-gameList .txt-platform-name {
    display: block !important
}

.device-PC .modal.modal-gamelist.CHALLENGE .modal-content .modal-body .challenge-area {
    padding-top: 20px
}

@media screen and (min-width: 1000px) and (max-width: 1440px) and (max-height: 770px) {
    .challenge-winning .challenge-content {
        padding: 9vh 15% 5vh 15% !important;
        margin: 30% 0 5% !important
    }

    .challenge-winning .bg-top {
        background-position: 0 -20% !important
    }

    .challenge-winning .bg-bottom {
        background-position: 0 105% !important
    }
}

@keyframes congrat {
    0% {
        background: url("../../../theme/images/src-common/BONUSEVENT-img/CHALLENGE/congrat-1.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    100% {
        background: url("../../../theme/images/src-common/BONUSEVENT-img/CHALLENGE/congrat-2.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }
}

@keyframes arrow {

    0%,
    100% {
        transform: translateY(-50%) translateX(0px)
    }

    50%,
    70% {
        transform: translateY(-50%) translateX(5px)
    }
}

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

    0%,
    100% {
        background-position: 100% 50%
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes go-btn {

    0%,
    100% {
        transform: scale(1.2);
        transform-origin: center
    }

    50% {
        transform: scale(1);
        transform-origin: center
    }
}

@keyframes ann-border {

    0%,
    100% {
        border-color: #000
    }

    50% {
        border-color: #f0d07a
    }
}

.challenge-area.sticky.ticket-outer {
    border-radius: 100px;
    max-width: 380px;
    padding: 0 3px 0 10px;
    margin: 10px auto 8px auto
}

.challenge-area.sticky.ticket-outer .ticket-content {
    padding: 2px 0 2px 0
}

.challenge-area.sticky.ticket-outer .ticket-content .challenge-GO {
    position: absolute;
    right: -3px;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    cursor: pointer
}

.challenge-area.sticky.ticket-outer .ticket-content .challenge-GO::before {
    position: absolute;
    left: 0;
    top: -10%;
    content: '';
    width: 120%;
    height: 120%;
    background: url(../../../theme/images/src-common/BONUSEVENT-img/CHALLENGE/ticket-go.webp) no-repeat left top;
    background-size: 100%;
    pointer-events: none
}

.challenge-area.ticket-outer {
    border-radius: 10px;
    background: #555d6b url(../../../theme/images/src-common/BONUSEVENT-img/CHALLENGE/ticket-bg.webp) no-repeat left top;
    background-size: 100%;
    padding-top: 0
}

.challenge-area.ticket-outer .ticket-content {
    display: flex;
    justify-content: flex-start;
    flex-direction: initial;
    align-items: center;
    gap: 5px;
    background: none;
    padding: 5px 0 2px 25px
}

.challenge-area.ticket-outer .ticket-content .txt-no {
    position: absolute;
    top: -2px;
    left: -2px;
    color: #3d4955;
    background-color: #f0d07a;
    border-radius: 6px 0 12px 0;
    width: 25px;
    height: 25px;
    font-weight: 600;
    font-size: 12px;
    line-height: 25px;
    text-align: center
}

.challenge-area.ticket-outer .ticket-content .ticket-platform {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0px;
    min-width: 35px
}

.challenge-area.ticket-outer .ticket-content .ticket-platform img.img-platform {
    margin-top: -5px;
    margin-bottom: -5px;
    width: 40px;
    height: 32px;
    object-fit: cover
}

.challenge-area.ticket-outer .ticket-content .ticket-inner {
    display: flex;
    gap: 10px
}

.challenge-area.ticket-outer .ticket-content .ticket-inner img.ticket-tit {
    width: 70px;
    object-fit: contain
}

.challenge-area.ticket-outer .ticket-content .ticket-inner .txt-bonus {
    color: #f0d07a;
    font-size: 28px
}

.challenge-area.ticket-outer .ticket-content .ticket-inner .txt-bonus::before {
    font-size: 15px
}

.challenge-area.ticket-outer .txt-rate-box {
    text-align: left;
    color: #929396;
    font-size: 13px;
    margin: -18px 0 10px 75px
}

.challenge-area.ticket-outer .ticket-footer {
    padding: 5px 0 0 0;
    text-align: center
}

.challenge-area.ticket-outer .ticket-footer .ticket-id {
    padding: 0
}

.challenge-area.ticket-outer.next-total {
    padding: 0;
    min-height: 60px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.challenge-area.ticket-outer.next-total .ticket-inner img.ticket-tit {
    width: 170px
}

.challenge-area.ticket-outer .txt-clock {
    padding: 0;
    text-align: center;
    white-space: nowrap;
    line-height: normal;
    font-size: 12px;
    color: #fff;
    min-width: 69px
}

.device-mobile .challenge-area.ticket-outer .ul-gameList {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-height: 400px;
    overflow: auto !important
}

.device-mobile .challenge-area.ticket-outer .ul-gameList li {
    width: 32%;
    padding: 4px 2px 0px 6px !important
}

.device-mobile .challenge-area.ticket-outer .ul-gameList li .txt-gameName {
    -webkit-line-clamp: 1 !important
}

.device-mobile .challenge-area.ticket-outer .ul-gameList.num-1,
.device-mobile .challenge-area.ticket-outer .ul-gameList.num-2,
.device-mobile .challenge-area.ticket-outer .ul-gameList.num-3,
.device-mobile .challenge-area.ticket-outer .ul-gameList.num-4 {
    flex-direction: colum;
    max-height: 250px;
    align-content: flex-start
}

.device-mobile .challenge-area.ticket-outer.next-total {
    justify-content: flex-start
}

.device-mobile.POPULAR .challenge-area.ticket-outer .ul-gameList,
.device-mobile.CLASSIC .challenge-area.ticket-outer .ul-gameList {
    max-height: 85vmin;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.device-mobile.POPULAR .challenge-area.ticket-outer .ul-gameList li,
.device-mobile.CLASSIC .challenge-area.ticket-outer .ul-gameList li {
    min-width: 33%
}

.device-mobile.POPULAR .challenge-area.ticket-outer .ul-gameList.num-1,
.device-mobile.POPULAR .challenge-area.ticket-outer .ul-gameList.num-2,
.device-mobile.POPULAR .challenge-area.ticket-outer .ul-gameList.num-3,
.device-mobile.POPULAR .challenge-area.ticket-outer .ul-gameList.num-4,
.device-mobile.CLASSIC .challenge-area.ticket-outer .ul-gameList.num-1,
.device-mobile.CLASSIC .challenge-area.ticket-outer .ul-gameList.num-2,
.device-mobile.CLASSIC .challenge-area.ticket-outer .ul-gameList.num-3,
.device-mobile.CLASSIC .challenge-area.ticket-outer .ul-gameList.num-4 {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap
}

@media (min-width: 720px) {
    .device-mobile.CLASSIC .challenge-area.ticket-outer .ul-gameList {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-height: 500px;
        overflow: auto !important
    }

    .device-mobile.CLASSIC .challenge-area.ticket-outer .ul-gameList li {
        width: 16% !important;
        padding: 4px 10px !important
    }

    .device-mobile.CLASSIC .challenge-area.ticket-outer .ticket-content {
        justify-content: center
    }

    .device-mobile.CLASSIC .challenge-area.ticket-outer .txt-rate-box {
        text-align: center
    }

    .device-mobile.CLASSIC .challenge-area.ticket-outer.next-total .ticket-content {
        justify-content: center
    }

    .device-mobile.POPULAR .challenge-area.ticket-outer .ul-gameList {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        max-height: 500px;
        overflow: auto !important
    }

    .device-mobile.POPULAR .challenge-area.ticket-outer .ul-gameList li {
        width: 16% !important;
        padding: 4px 10px !important
    }

    .device-mobile.POPULAR .challenge-area.ticket-outer .ticket-content {
        justify-content: center
    }

    .device-mobile.POPULAR .challenge-area.ticket-outer .txt-rate-box {
        text-align: center
    }

    .device-mobile.POPULAR .challenge-area.ticket-outer.next-total .ticket-content {
        justify-content: center
    }

    .device-mobile.POPULAR .challenge-area.ticket-outer.sticky .ticket-content {
        justify-content: flex-start
    }
}

.device-PC .challenge-area.ticket-outer .txt-rate-box {
    text-align: center;
    margin-left: 90px;
    margin-top: -4px
}

.device-PC .challenge-area.ticket-outer .ticket-content {
    justify-content: center
}

.device-PC .challenge-area.ticket-outer .ul-gameList {
    padding: 0 0 10px 0
}

.device-PC .challenge-area.ticket-outer.sticky .ticket-content {
    justify-content: flex-start
}

.page-web.device-mobile.type-R .challenge-area.sticky.ticket-outer,
.page-web.device-mobile.type-W .challenge-area.sticky.ticket-outer,
.page-web.device-mobile.type-L .challenge-area.sticky.ticket-outer,
.page-web.device-mobile.type-P .challenge-area.sticky.ticket-outer {
    position: relative;
    top: auto;
    z-index: 100 !important;
    padding: 0 1%
}

.page-web.device-mobile.type-R .challenge-area.sticky.ticket-outer .ticket-content,
.page-web.device-mobile.type-W .challenge-area.sticky.ticket-outer .ticket-content,
.page-web.device-mobile.type-L .challenge-area.sticky.ticket-outer .ticket-content,
.page-web.device-mobile.type-P .challenge-area.sticky.ticket-outer .ticket-content {
    gap: 0
}

.page-web.device-mobile.type-R .challenge-area.sticky.ticket-outer .ticket-content .txt-clock,
.page-web.device-mobile.type-W .challenge-area.sticky.ticket-outer .ticket-content .txt-clock,
.page-web.device-mobile.type-L .challenge-area.sticky.ticket-outer .ticket-content .txt-clock,
.page-web.device-mobile.type-P .challenge-area.sticky.ticket-outer .ticket-content .txt-clock {
    font-size: 10px
}

.page-web.device-mobile.type-R .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner,
.page-web.device-mobile.type-W .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner,
.page-web.device-mobile.type-L .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner,
.page-web.device-mobile.type-P .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner {
    gap: 5px
}

.page-web.device-mobile.type-R .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner .txt-bonus,
.page-web.device-mobile.type-W .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner .txt-bonus,
.page-web.device-mobile.type-L .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner .txt-bonus,
.page-web.device-mobile.type-P .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner .txt-bonus {
    font-size: 25px
}

.page-web.device-mobile.type-R .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner .txt-bonus::before,
.page-web.device-mobile.type-W .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner .txt-bonus::before,
.page-web.device-mobile.type-L .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner .txt-bonus::before,
.page-web.device-mobile.type-P .challenge-area.sticky.ticket-outer .ticket-content .ticket-inner .txt-bonus::before {
    font-size: 13px
}

.page-web.device-mobile.type-R .challenge-area.sticky.ticket-outer .ticket-content .ticket-tit,
.page-web.device-mobile.type-W .challenge-area.sticky.ticket-outer .ticket-content .ticket-tit,
.page-web.device-mobile.type-L .challenge-area.sticky.ticket-outer .ticket-content .ticket-tit,
.page-web.device-mobile.type-P .challenge-area.sticky.ticket-outer .ticket-content .ticket-tit {
    width: 50px
}

.page-web.device-mobile.type-R .challenge-area.sticky.ticket-outer .ticket-content .challenge-GO,
.page-web.device-mobile.type-W .challenge-area.sticky.ticket-outer .ticket-content .challenge-GO,
.page-web.device-mobile.type-L .challenge-area.sticky.ticket-outer .ticket-content .challenge-GO,
.page-web.device-mobile.type-P .challenge-area.sticky.ticket-outer .ticket-content .challenge-GO {
    width: 70px;
    height: 70px
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer,
.page-web.device-mobile.type-W .challenge-area.ticket-outer,
.page-web.device-mobile.type-L .challenge-area.ticket-outer,
.page-web.device-mobile.type-P .challenge-area.ticket-outer {
    padding: 1%
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ticket-content,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ticket-content,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ticket-content,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ticket-content {
    gap: 8px;
    padding-top: 0
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ticket-content .ticket-inner,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ticket-content .ticket-inner,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ticket-content .ticket-inner,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ticket-content .ticket-inner {
    gap: 5px
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ticket-content .ticket-inner .txt-bonus,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ticket-content .ticket-inner .txt-bonus,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ticket-content .ticket-inner .txt-bonus,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ticket-content .ticket-inner .txt-bonus {
    font-size: 25px
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ticket-content .ticket-tit,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ticket-content .ticket-tit,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ticket-content .ticket-tit,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ticket-content .ticket-tit {
    width: 50px
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .txt-rate-box,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .txt-rate-box,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .txt-rate-box,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .txt-rate-box {
    font-size: 12px
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    padding: 5px 0 5px 0
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li {
    margin-bottom: 0 !important;
    padding-bottom: 5px !important
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-1,
.page-web.device-mobile.type-R .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-2,
.page-web.device-mobile.type-R .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-3,
.page-web.device-mobile.type-R .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-4,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-1,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-2,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-3,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-4,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-1,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-2,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-3,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-4,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-1,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-2,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-3,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul.num-4 {
    flex-direction: row;
    flex-wrap: nowrap
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ticket-footer,
.page-web.device-mobile.type-W .challenge-area.ticket-outer .ticket-footer,
.page-web.device-mobile.type-L .challenge-area.ticket-outer .ticket-footer,
.page-web.device-mobile.type-P .challenge-area.ticket-outer .ticket-footer {
    padding-top: 1%
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer.next-total,
.page-web.device-mobile.type-W .challenge-area.ticket-outer.next-total,
.page-web.device-mobile.type-L .challenge-area.ticket-outer.next-total,
.page-web.device-mobile.type-P .challenge-area.ticket-outer.next-total {
    justify-content: flex-start
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer.next-total .ticket-tit,
.page-web.device-mobile.type-W .challenge-area.ticket-outer.next-total .ticket-tit,
.page-web.device-mobile.type-L .challenge-area.ticket-outer.next-total .ticket-tit,
.page-web.device-mobile.type-P .challenge-area.ticket-outer.next-total .ticket-tit {
    width: 120px
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    padding: 4% 0;
    grid-gap: 13px 1%;
    max-height: 80vmin
}

.page-web.device-mobile.type-R .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li {
    min-width: calc((100vw - 65px - 35px) / 3);
    padding: 1% !important
}

.page-web.device-mobile.type-R .page-game-list .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    max-height: 100vmin !important
}

.page-web.device-mobile.type-R .page-game-list .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li {
    min-width: 30vmin
}

.page-web.device-mobile.type-W .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    padding: 4% 0;
    max-height: 100vmin;
    grid-gap: 13px 1%
}

.page-web.device-mobile.type-W .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li {
    min-width: 29.5vmin
}

.page-web.device-mobile.type-W .page-game-list .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    max-height: 80vmin
}

.page-web.device-mobile.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    grid-gap: 0;
    max-height: 70vmin
}

.page-web.device-mobile.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li {
    min-width: calc((100vw - 65px - 30px) / 3)
}

.page-web.device-mobile.type-L .challenge-area.sticky {
    margin: 10px auto !important
}

.page-web.device-mobile.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    max-height: 70vmin
}

.page-web.device-mobile.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul li {
    min-width: calc((100vw - 65px - 50px) / 3)
}

.page-web.device-PC .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    padding: 1% 1% 0 1%;
    margin-bottom: 0
}

.page-web.device-PC.type-L .challenge-area.sticky.ticket-outer {
    bottom: 110px
}

.page-web.device-PC.type-L .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    padding: 2% 2% 1% 2% !important
}

.page-web.device-PC.type-P .challenge-area.sticky {
    bottom: 40px
}

.page-web.device-PC.type-P .challenge-area.ticket-outer .ul-gameList.section-ul.game-list-ul {
    padding: 0 1% 1% 1% !important
}

.WL .challenge-area.ticket-outer {
    position: relative;
    background: #00000050
}

.WL .challenge-area.ticket-outer .ul-gameList li {
    padding: 4px 6px 0px 6px !important
}

.WL .challenge-area.ticket-outer .txt-rate-box {
    margin: 0px 0 10px 75px
}

.WL .challenge-area.ticket-outer .ticket-content .txt-no {
    background: none;
    top: 8px;
    left: 8px
}

.WL .challenge-area.ticket-outer .txt-clock {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #f50;
    border-radius: 40px
}

.WL .challenge-area.ticket-outer .ul-gameList {
    max-height: 250px
}

.WL .challenge-area.ticket-outer .ul-gameList.num-1,
.WL .challenge-area.ticket-outer .ul-gameList.num-2,
.WL .challenge-area.ticket-outer .ul-gameList.num-3,
.WL .challenge-area.ticket-outer .ul-gameList.num-4 {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    max-height: 125px
}

.WL.WIDE.device-mobile .challenge-area.ticket-outer .ul-gameList {
    max-height: 280px
}

.WL.WIDE.device-mobile .challenge-area.ticket-outer .ul-gameList.num-1,
.WL.WIDE.device-mobile .challenge-area.ticket-outer .ul-gameList.num-2,
.WL.WIDE.device-mobile .challenge-area.ticket-outer .ul-gameList.num-3,
.WL.WIDE.device-mobile .challenge-area.ticket-outer .ul-gameList.num-4 {
    max-height: 140px
}

.WL.TALL.device-mobile .challenge-area.ticket-outer .ul-gameList {
    max-height: 400px
}

.WL.TALL.device-mobile .challenge-area.ticket-outer .ul-gameList.num-1,
.WL.TALL.device-mobile .challenge-area.ticket-outer .ul-gameList.num-2,
.WL.TALL.device-mobile .challenge-area.ticket-outer .ul-gameList.num-3,
.WL.TALL.device-mobile .challenge-area.ticket-outer .ul-gameList.num-4 {
    max-height: 200px
}

.WL.device-PC .challenge-area.ticket-outer .ul-gameList {
    max-height: none !important
}

.page-web.type-BS.device-mobile .challenge-area.ticket-outer .ul-gameList {
    display: grid !important;
    padding: 10px;
    gap: 3px;
    grid-template-columns: repeat(auto-fit, minmax(20vmin, 20vmin)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-auto-flow: column;
    overflow-x: scroll;
    min-height: unset;
    max-height: unset
}

.page-web.type-BS.device-mobile .challenge-area.ticket-outer .ul-gameList li {
    width: auto;
    min-width: 20vmin
}

.page-web.type-BS.device-PC .main-vert-tab .challenge-area.ticket-outer .ul-gameList {
    padding: 1% 1% 0 1%;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-auto-flow: row
}

ul li .txt-platform-name {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 35px;
    height: 22px;
    z-index: 100;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #000000f2;
    border-radius: 8px;
    color: #00000000
}

ul li .txt-platform-name img {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 22px;
    object-fit: contain
}

.show-wager,
.wager-box {
    position: absolute;
    bottom: 5px;
    left: -35px;
    width: 30px;
    height: 30px;
    background: #ce0a0a;
    border-radius: 50px;
    text-align: center;
    z-index: 230
}

.show-wager::before,
.wager-box::before {
    content: '\e90b';
    font-family: 'icomoon' !important;
    font-size: 20px;
    line-height: 28px;
    color: #fff
}

.modal .modal-title .show-wager {
    position: absolute;
    left: 50%;
    top: 5px;
    transform: translateX(-50%);
    width: 40px;
    height: 40px
}

.modal .modal-title .show-wager::before {
    font-size: 25px;
    line-height: 40px
}

.body-iframe .page-wrapper .page-top .user-info {
    white-space: nowrap
}

.body-iframe .page-wrapper .page-top .user-info .wager-box {
    position: relative;
    left: auto;
    margin-left: 10px;
    bottom: 50%;
    transform: translateY(45%);
    width: 20px;
    height: 20px
}

.body-iframe .page-wrapper .page-top .user-info .wager-box::before {
    line-height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px
}

.body-iframe .tooltip {
    z-index: 2147483647
}

.body-iframe .tooltip .arrow::before {
    border-bottom-color: #ce0a0a
}

.body-iframe .tooltip .tooltip-inner {
    background: #ce0a0a
}

ul li.show-promo::after {
    pointer-events: none;
    display: inline-block !important;
    content: '';
    left: 15%;
    bottom: 25px;
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(../../../theme/images/src-gamehall/icon/icon-promo.png) no-repeat bottom center;
    background-size: contain;
    z-index: 10
}

.POPULAR .mb-platform-menu ul li.show-promo::after {
    height: 35px;
    width: 54px;
    left: -10px;
    bottom: auto;
    top: -5px
}

.POPULAR .mb-platform-menu ul li .JP-promoSticky {
    top: 0;
    left: -10px;
    transform: rotate(-25deg) scale(0.6);
    z-index: 15
}

.POPULAR .mb-platform-menu ul li.show-promo.show-JPSticky::after {
    top: -8px
}

.POPULAR .mb-platform-menu ul li.show-promo.show-JPSticky .JP-promoSticky {
    top: 9px;
    left: -15px
}

.POPULAR ul li.show-promo.show-JPSticky::after {
    top: -8px
}

.POPULAR ul li.show-promo.show-JPSticky .JP-promoSticky {
    top: 0;
    left: -10px;
    transform: rotate(-25deg) scale(0.6);
    z-index: 15
}

.POPULAR.device-PC ul li .JP-promoSticky {
    top: 0;
    transform: rotate(-25deg) scale(0.8)
}

.POPULAR.device-PC ul li.show-promo.show-JPSticky .JP-promoSticky {
    top: 18px;
    left: -18px;
    transform: rotate(-25deg) scale(0.8);
    z-index: 401
}

.CLASSIC.device-PC ul li .JP-promoSticky {
    top: 0;
    transform: rotate(-25deg) scale(0.8)
}

.CLASSIC.device-PC ul li.show-promo.show-JPSticky .JP-promoSticky {
    top: 18px;
    left: -18px;
    transform: rotate(-25deg) scale(0.8);
    z-index: 401
}

.page-web.type-R ul.section-ul li::after {
    display: none !important
}

.page-web.type-R ul.section-ul li .JP-promoSticky {
    top: auto;
    bottom: 50%;
    left: -15px;
    transform: rotate(-25deg) scale(0.8)
}

.page-web.type-R ul.section-ul li .show-promo {
    position: absolute;
    bottom: 40%;
    left: -7%;
    z-index: 50;
    width: 40px
}

.page-web.type-R ul.section-ul li.show-JPSticky.show-promo .show-promo {
    bottom: 8%
}

.page-web.type-R ul.section-ul li.show-JPSticky.show-promo .JP-promoSticky {
    bottom: 62%
}

.page-web.type-R.device-PC ul.section-ul li .show-promo {
    bottom: 58%
}

.page-web.type-R.device-PC ul.section-ul li .JP-promoSticky {
    bottom: 73%;
    transform: rotate(-25deg)
}

.page-web.type-R.device-PC ul.section-ul li.show-JPSticky.show-promo .show-promo {
    bottom: 42%
}

.page-web.type-R.device-PC ul.section-ul li.show-JPSticky.show-promo .JP-promoSticky {
    bottom: 73%
}

.page-web.type-R.device-PC ul.section-ul li.show-promo::after {
    height: 50px;
    width: 70px;
    left: 2%;
    bottom: 26px
}

.page-web.type-W ul.section-ul li.show-promo::after {
    height: 65px;
    width: 40px;
    left: 0%;
    bottom: auto;
    top: -35px;
    display: none !important
}

.page-web.type-W ul.section-ul li .show-promo {
    position: absolute;
    top: 3px;
    left: -8px;
    width: 50px;
    z-index: 50
}

.page-web.type-W ul.section-ul li .JP-promoSticky {
    top: 15px;
    left: -14px;
    transform: rotate(-26deg)
}

.page-web.type-W ul.section-ul li.show-promo.show-JPSticky .show-promo {
    top: 18px
}

.page-web.type-W.device-PC ul.section-ul li.show-promo::after {
    width: 70px;
    top: -10px
}

.page-web.type-L ul.section-ul li.show-promo::after {
    height: 40px;
    width: 50px;
    left: -5px;
    bottom: auto;
    top: -2px
}

.page-web.type-L ul.section-ul li .JP-promoSticky {
    top: 7px;
    left: -10px;
    transform: rotate(-25deg) scale(0.8)
}

.page-web.type-L ul.section-ul li.show-promo.show-JPSticky::after {
    top: 15px;
    z-index: 15
}

.page-web.type-L.device-PC ul.section-ul li.show-promo::after {
    width: 60px;
    height: 60px;
    left: 0;
    top: -3px
}

.page-web.type-L.device-PC ul.section-ul li .JP-promoSticky {
    transform: rotate(-25deg)
}

.page-web.type-L.device-PC ul.section-ul li.show-promo.show-JPSticky::after {
    top: 11px
}

.page-web.type-P ul.section-ul li .show-promo {
    position: absolute;
    top: -1px;
    left: -6px;
    width: 30%
}

.page-web.type-P ul.section-ul li .JP-promoSticky {
    position: absolute;
    top: 6px;
    left: -15px;
    transform: rotate(-25deg) scale(0.8)
}

.page-web.type-P ul.section-ul li.show-promo.show-JPSticky .show-promo {
    top: -4px
}

.page-web.type-P ul.section-ul li.show-promo.show-JPSticky .JP-promoSticky {
    top: 20px
}

.page-web.type-P.device-PC ul.section-ul li .show-promo {
    left: -15px;
    transform: scale(0.8)
}

.page-web.type-P.device-PC ul.section-ul li .JP-promoSticky {
    transform: rotate(-25deg)
}

.page-web.type-P.device-PC ul.section-ul li.show-promo.show-JPSticky .show-promo {
    top: 5px;
    z-index: 15
}

.page-web.type-P.device-PC ul.section-ul li.show-promo.show-JPSticky .JP-promoSticky {
    top: 10px
}

.page-web.WL ul .show-promo::after {
    top: -8px;
    left: -9px;
    transform: scale(0.8)
}

.page-web.WL.device-PC ul .show-promo::after {
    top: -5px;
    left: -5px;
    transform: scale(1)
}

.page-web .dropdown-menu ul li.show-promo {
    position: relative
}

.page-web .dropdown-menu ul li.show-promo::after {
    left: 2px;
    bottom: 14px;
    z-index: 10;
    width: 28px
}

.device-PC .game-wrap .sub-menu-box ul li.show-promo {
    position: relative
}

.device-PC .game-wrap .sub-menu-box ul li.show-promo::after {
    height: 40px;
    width: 40px;
    left: -10px;
    top: -8px;
    z-index: 400
}

.TALL .page-bonus-body .bonus-time .main-event-box .box-body {
    padding: 25px 3px 6px 3px !important
}

.TALL .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus {
    gap: 5px 6px;
    padding: 0 !important;
    width: 100%;
    grid-template-columns: repeat(4, 24%)
}

.TALL .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-1,
.TALL .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-2,
.TALL .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-3,
.TALL .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-4 {
    grid-template-columns: repeat(2, auto)
}

.TALL.device-PC .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-1,
.TALL.device-PC .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-2,
.TALL.device-PC .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-3 {
    gap: 17px
}

.WIDE .page-bonus-body .bonus-time .main-event-box .box-body {
    padding: 50px 3px 6px !important
}

.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus {
    grid-template-columns: repeat(3, 30.5%);
    gap: 9px 11px;
    padding: 0 5px !important
}

.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus li {
    max-width: none
}

.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus li .game-icon {
    width: 100%
}

.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-1 {
    grid-template-columns: repeat(1, 100%)
}

.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-2,
.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-3,
.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus.num-4 {
    grid-template-columns: repeat(2, 48%)
}

.WIDE.device-PC .page-bonus-body .bonus-time .main-event-box .box-body .owl-bonus {
    gap: 9px 17px
}

.WIDE .dailyCheckIn.modal.fade.modal-gamelist .modal-dialog.modal-dialog-centered .modal-body .page-wrapper #dailyMissionPopUl .ul-gameIcon-box {
    aspect-ratio: auto !important
}

.WL.WIDE.bonusevent-open .dailyCheckIn.modal.fade.modal-gamelist .modal-dialog.modal-dialog-centered .modal-body .page-wrapper #dailyMissionPopUl {
    grid-template-columns: repeat(2, auto) !important
}

.WL.WIDE.bonusevent-open .dailyCheckIn.modal.fade.modal-gamelist .modal-dialog.modal-dialog-centered .modal-body .page-wrapper #dailyMissionPopUl li .ul-gameIcon-txt {
    position: absolute;
    color: #fff;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    width: 96%;
    height: 70%;
    white-space: nowrap;
    padding: 4px;
    border-radius: 0 0 10px 10px;
    z-index: 2
}

.WL.WIDE.bonusevent-open .dailyCheckIn.modal.fade.modal-gamelist .modal-dialog.modal-dialog-centered .modal-body .page-wrapper #dailyMissionPopUl li .ul-gameIcon-txt .txt-gameName {
    position: absolute !important;
    bottom: 6px;
    left: 0;
    width: 100%;
    font-weight: 400;
    text-align: center;
    height: 16px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.type-R .btn.btn-primary {
    background: linear-gradient(180deg, #828995, #3f5769 100%)
}

.type-W .btn.btn-primary {
    background: linear-gradient(180deg, #ffbd05, #8b6d1c 100%)
}

.type-L .btn.btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)
}

.type-P .btn.btn-primary {
    background: #af3bb5
}

.type-BS .btn.btn-primary {
    background: #fce487
}

.TMT .btn.btn-primary,
.TMTVIP .btn.btn-primary,
.TIGERS .btn.btn-primary,
.TMTVIPCASH .btn.btn-primary {
    background: linear-gradient(90deg, #80664C 0%, #EBD6AD 100%)
}

.NUEBE .btn.btn-primary {
    background: llinear-gradient(0deg, #b99346, #947538)
}

.APEX .btn.btn-primary {
    background: #c91d2b
}

.ATLANTIS88 .btn.btn-primary {
    background: linear-gradient(to right, #038bc4, #074578)
}

.ALO789 .btn.btn-primary {
    background: linear-gradient(0deg, #c1620a, #dd7411)
}

.WINBDT .btn.btn-primary {
    background: linear-gradient(180deg, rgba(64, 255, 137, 0.764706), rgba(31, 159, 76, 0.698039) 50%, rgba(8, 121, 63, 0.745098))
}

.SOG .btn.btn-primary {
    background: linear-gradient(#1fcaec, #24326d)
}

.FC .btn.btn-primary {
    background: linear-gradient(180deg, #ffbd05, #8b6d1c 100%)
}

.PITO777 .btn.btn-primary {
    background: linear-gradient(180deg, #ffbd05, #8b6d1c 100%)
}

.M9 .btn.btn-primary {
    background: linear-gradient(0deg, #0b5045, #318174)
}

.INF988 .btn.btn-primary {
    background: linear-gradient(0deg, #401070, #7339ac)
}

.PHPLAY .btn.btn-primary {
    background: linear-gradient(180deg, rgba(64, 255, 137, 0.764706), rgba(31, 159, 76, 0.698039) 50%, rgba(8, 121, 63, 0.745098))
}

.INFINITY88BET .btn.btn-primary {
    background: linear-gradient(0deg, #fdc503 0, #bc9714 50%, #fdc503 100%)
}

.QUADRA88 .btn.btn-primary {
    background: linear-gradient(0deg, #fdc503 0, #bc9714 50%, #fdc503 100%)
}

.QUADRACASH .btn.btn-primary {
    background: linear-gradient(0deg, #fdc503 0, #bc9714 50%, #fdc503 100%)
}

.COW88 .btn.btn-primary {
    background: #287eea
}

.GGAME888 .btn.btn-primary {
    background: linear-gradient(180deg, #16902c 0%, #2cdb8b 100%)
}

.TELE789 .btn.btn-primary {
    background: linear-gradient(180deg, #f3a923, #8b6d1c 100%)
}

.ICHIBAN .btn.btn-primary {
    background: linear-gradient(180deg, #f9ce7e, #8b6d1c 100%)
}

.ESCALA .btn.btn-primary {
    background: #c91d2b
}

.PESOGAMING .btn.btn-primary {
    background: #d90000
}

.NEXUS .btn.btn-primary {
    background: linear-gradient(0deg, #e9c973, #bfa85d)
}

.MWVIP .btn.btn-primary {
    background: linear-gradient(0deg, #fdc503 0, #bc9714 50%, #fdc503 100%)
}
.form-login .btn-primary {
    margin: 0;
    font-size: 120%;
    line-height: 44px;
    height: 44px;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    min-width: 80px;
    border-radius: 100px;
    border: 2px solid #ecc86e;
    text-shadow: 0 0 10px #383838;
    background: linear-gradient(0deg, #e9c973, #bfa85d);
    transition: all 0.1s ease-in-out 0s
}

.form-login .btn-primary:hover {
    filter: brightness(1.1)
}

.form-login .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #ffd28c
}

.form-login .btn-primary:active {
    border-color: #f09c1a
}

.form-login .btn-primary:active:focus {
    box-shadow: 0 0 0 0.2rem #ffd28c
}

.btn-login,
.btn-signup {
    cursor: pointer;
    text-align: center;
    min-width: 110px;
    padding: 6px 25px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    line-height: 1.5;
    white-space: nowrap;
    border-width: 0;
    border-radius: 100px;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: none
}

.btn-login:hover,
.btn-signup:hover {
    filter: brightness(110%)
}

.btn-SMS span {
    line-height: 36px
}

.btn-SMS,
.btn-login {
    border: 2px solid #ecc86e;
    background: linear-gradient(0deg, #e9c973, #bfa85d)
}

.btn-signup {
    position: relative;
    z-index: 1;
    border: 2px solid #b99346;
    background: linear-gradient(0deg, #b99346, #947538)
}

body.device-PC .btn-login,
body.device-PC .btn-login:hover {
    color: #fff
}

.btn-login:active,
.btn-login:focus,
.btn-signup:active,
.btn-signup:focus {
    outline: none
}

.btn-login:hover,
.btn-login:focus:not(:active),
.btn-signup:hover,
.btn-signup:focus:not(:active) {
    color: #fff;
    box-shadow: rgba(40, 170, 255, 0.25) 0px 0px 0px 0.125em
}

.device-PC header {
    position: relative;
    width: 100%;
    height: 45px;
    display: flex;
    background-image: linear-gradient(-180deg, #0C1117 0%, #162C3F 100%)
}

nav.mainmenu {
    position: relative;
    width: 100%;
    height: 90px;
    background-position: right;
    background-repeat: no-repeat, no-repeat;
    background-blend-mode: lighten, normal;
    overflow-x: auto
}

nav.mainmenu ul {
    display: flex;
    height: 100%;
    margin: 0 auto;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
    width: fit-content
}

nav.mainmenu ul li {
    position: relative;
    height: 100%;
    border-right: 1px solid #000
}

nav.mainmenu ul li:first-child {
    border-left: 1px solid #000
}

nav.mainmenu ul li:hover a {
    background-image: linear-gradient(180deg, rgba(189, 155, 42, 0.588235) 0%, rgba(69, 55, 9, 0.0862745) 100%);
    box-shadow: inset 0 1px 2px 0 rgba(218, 216, 133, 0.41)
}

nav.mainmenu ul li.select {
    background-image: linear-gradient(-180deg, #C2A056 15%, #625424 47%, #45391A 50%, #0C171F 100%)
}

nav.mainmenu ul li.select a {
    font-weight: bold
}

nav.mainmenu ul li.select img {
    filter: brightness(10)
}

nav.mainmenu ul#gameMenuTabWrapper li.logo {
    cursor: pointer;
    position: relative;
    height: 100%;
    border-left: 0;
    padding: 0 15px;
    min-width: 125px;
    max-width: 125px;
}
nav.mainmenu ul#gameMenuTabWrapper li.logo > a{
    display: block;
    width: 100%;
    padding: 10px 0;
}
nav.mainmenu ul#gameMenuTabWrapper li.logo img {
    position: relative;
    height:100%;
    width: auto;
}

nav.mainmenu ul li:not(.logo) img {
    width: 30px;
    height: 30px;
    object-fit: contain
}

nav.mainmenu ul#gameMenuTabWrapper li a {
    box-sizing: border-box;
    display: block;
    height: 100%;
    min-width: 110px;
    padding: 0.7rem 15px 0;
    line-height: 2rem;
    text-align: center;
    white-space: nowrap;
    color: #E1BE83;
    font-family: Helvetica, Arial, sans-serif
}

nav.mainmenu ul#gameMenuTabWrapper li a img {
    display: block;
    margin: auto;
    margin-bottom: 10px
}

nav.mainmenu ul#gameMenuTabWrapper li a::before {
    display: none
}

.page-wrapper {
    position: relative;
    max-width: 1300px;
    min-height: 120px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 20px 20px 30px
}

.CLASSIC .game-wrap div dl dt img {
    display: none
}

.game-wrap {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    overflow: initial;
    z-index: auto
}

.game-wrap>div dl dt {
    display: inline-block;
    line-height: 32px
}

.game-wrap>div dl dt::before {
    display: none
}

.game-wrap>div dl img {
    width: 32px;
    height: 32px;
}

.game-wrap>div {
    clear: both;
    margin-bottom: 40px
}

.game-wrap>div dl {
}

.game-wrap>div dt {
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: .5px;
    color: #F4E0BD
}

.game-wrap>div #moreGameDD {
    display: none
}

.game-wrap .local-game dl {
    display: block !important
}

.game-wrap .local-game dl dt img {
    display: inline-block !important;
    width: 22px;
    height: 22px;
    object-fit: contain;
    margin-top: 4px
}

.CLASSIC.device-PC .group-content {
    padding: 20px 50px
}

.POPULAR.device-PC .group-content {
    padding: 40px 50px 20px
}

.game-group {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px
}

.device-PC.CLASSIC .no-tournament.group-content {
    padding: 0px 50px 5px
}

.device-PC .no-tournament.group-content {
    padding: 15px 50px 5px
}

.sub-menu-box {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
    background: #0C151D;
    border-radius: 10px 10px 0 0;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #64513C;
    text-align: center
}

.sub-menu-box .sub-menuLv2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px 0;
    margin: 0 auto;
    max-width: 1800px;
    width: 100%
}

.sub-menu-box .sub-menuLv2 li {
    position: relative
}

.sub-menu-box .sub-menuLv2.num-8 {
    width: 1000px
}

.sub-menu-box .sub-menuLv2.num-9,
.sub-menu-box .sub-menuLv2.num-10 {
    width: 550px
}

.sub-menu-box .sub-menuLv2.num-11,
.sub-menu-box .sub-menuLv2.num-12 {
    width: 690px
}

.sub-menu-box .sub-menuLv2.num-13,
.sub-menu-box .sub-menuLv2.num-14 {
    width: 790px
}

.sub-menu-box .sub-menuLv2.num-15,
.sub-menu-box .sub-menuLv2.num-16 {
    width: 890px
}

.sub-menu-box .sub-menuLv2.num-17,
.sub-menu-box .sub-menuLv2.num-18 {
    width: 925px
}

.sub-menu-box .sub-menuLv2.num-19,
.sub-menu-box .sub-menuLv2.num-20 {
    width: 1020px
}

.sub-menu-box .sub-menuLv2.num-21 {
    width: 1100px
}

.sub-menu-box .sub-menuLv2 li {
    margin: 0 5px 5px 5px
}

.sub-menu-box .sub-menuLv2 li:hover {
    background-image: linear-gradient(-180deg, #2D465F 0%, #142531 47%, #0B1720 49%, #162F42 100%);
    border-radius: 10px
}

.sub-menu-box .sub-menuLv2 li:hover a p {
    color: #ffffff
}

.sub-menu-box .sub-menuLv2 li.select {
    background-image: linear-gradient(-180deg, #C2A056 16%, #625424 80%, #45391A 100%);
    border-radius: 10px
}

.sub-menu-box .sub-menuLv2 li.select a p {
    color: #EDD4AC;
    opacity: 1
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo {
    text-align: center;
    height: 100%;
    min-width: 90px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo img {
    object-fit: contain;
    height: 3.2rem;
    width: 3.2rem
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform {
    height: 3.2rem;
    width: 3.2rem;
    margin: 0 auto
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform::before {
    display: none
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-JILI,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-DG,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-RICH88,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-AMEBA,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-WMSLOT,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-MIMI,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-DBCASINO {
    width: 4rem
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-ICF,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-FACHAI,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-EZUGI,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-OG,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-VT,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-KA,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-VENUS,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-YB,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-YL,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-PLAY8,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-PLAY8GAMING,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-SV388,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-WINFINITY,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-SPRIBE,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-ILOVEU,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-EVOLUTION {
    width: 2.5rem
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-SA {
    width: 2.2rem
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-JOKER,
.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-NETENT {
    width: 5.2rem
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo .img-platform.icon-HACKSAW {
    background: url(../../../theme/images/src-common/PLATFORM-img/100x100/HACKSAW-logo.webp) no-repeat center center;
    background-size: 70%
}

.sub-menu-box .sub-menuLv2 li .img-platform-logo p {
    margin-top: 5px;
    padding: 0 0 5px 0;
    color: #A49B83;
    font-size: 15px;
    font-weight: normal;
    opacity: .6
}

.device-PC.show-download {
    padding-top: 40px
}

.device-PC.POPULAR .toast.download-info,
.device-PC.CLASSIC .toast.download-info {
    display: block;
    top: 0;
    bottom: auto;
    right: 0;
    height: fit-content;
    border-radius: 0;
    width: 100%;
    max-width: none;
    padding: 0;
    box-shadow: none;
    background: linear-gradient(#fff, #C3D1FE)
}

.device-PC.POPULAR .toast.download-info .close,
.device-PC.CLASSIC .toast.download-info .close {
    top: 45%;
    transform: translateY(-50%)
}

.device-PC.POPULAR .toast.download-info .app-box,
.device-PC.CLASSIC .toast.download-info .app-box {
    padding: 0;
    max-width: 500px;
    flex-direction: row;
    flex-wrap: nowrap
}

.device-PC.POPULAR .toast.download-info .app-box .app-group,
.device-PC.CLASSIC .toast.download-info .app-box .app-group {
    width: 100%;
    max-width: 300px
}

.device-PC.POPULAR .toast.download-info .app-box .app-group .tit,
.device-PC.CLASSIC .toast.download-info .app-box .app-group .tit {
    display: none
}

footer {
    position: relative;
    display: block;
    padding: 0;
    margin-top: 40px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 90%;
    background: #00000025
}

footer .about-brand {
    position: relative;
    display: block;
    width: auto;
    text-align: left;
    padding: 5px 0 0 0;
    line-height: 34px;
    border-radius: 50px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

footer .page-wrapper {
    position: relative;
    max-width: 1300px;
    min-height: 120px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 30px
}

footer .page-wrapper::before,
footer .page-wrapper::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: rgba(255, 255, 255, 0.2) transparent transparent transparent
}

footer .page-wrapper::before {
    border-width: 70px 70px 0 0;
    border-color: rgba(255, 255, 255, 0.1) transparent transparent transparent
}

footer .page-wrapper .policy-area {
    position: relative;
    background: #000;
    border: 1px solid #bfa85d52;
    border-radius: 100px;
    padding: 5px 5px 5px 40px;
    margin: 8px 0 5px 0;
    display: inline-block;
    text-align: left
}

footer .page-wrapper .policy-area .icon-shield-check {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    color: #bfa85d;
    background: #333;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 100px
}

footer .page-wrapper .policy-area .txt-link {
    color: #bfa85d;
    padding: 0px 5px;
    margin-right: 10px;
    word-wrap: break-word;
    line-height: 30px;
    font-size: 100%;
    text-align: left
}

footer .page-wrapper .policy-area .txt-link:hover {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline
}

footer .txt-copyright {
    display: inline-block;
    text-align: left;
    position: relative;
    padding: 15px 0 0 0
}

footer .txt-copyright .logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: auto
}

footer .txt-support {
    display: inline-block;
    width: 350px;
    float: right;
    border-radius: 0 0 15px 15px;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 15px 20px 10px 20px;
}

footer .txt-support p {
    margin: 0 0 3px 0
}

footer .txt-support br {
    display: none
}

footer .txt-support .badge {
    margin-right: 10px;
    line-height: 40px;
    padding: 0;
    display: inline-flex
}

.loading-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 2147483647
}

.spinner {
    position: absolute;
    top: 50%;
    left: calc(50% - 50px);
    width: 100px;
    text-align: center
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #e2e2e2;
    margin: 0 5px;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    animation-delay: -0.32s
}

.spinner .bounce2 {
    animation-delay: -0.16s
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0.2)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

body.body-iframe .navigation-btn .currency-msg {
    opacity: 0
}

.header-navigation {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.header-navigation .navigation-btn {
    position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 4px
}

.header-navigation .navigation-btn .icon-hamburger::before {
    font-size: 23px;
    line-height: 35px
}

.header-navigation .navigation-btn .btn {
}

.header-navigation .navigation-btn .btn-tournament {
    border-radius: 4px
}

.header-navigation .user-info-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: start
}

.header-navigation .user-info-group .user-ID {
    cursor: pointer;
    white-space: nowrap;
    opacity: 0.8
}

.header-navigation .user-info-group .user-ID::before {
    content: 'ID:';
    font-size: 70%
}

.header-navigation .user-info-group li {
    position: relative;
    font-size: initial;
    min-width: 110px
}
.header-navigation a.icon{
	font-size: 25px;
}
.header-navigation a.icon-copy {
    padding: 0;
    max-height: none
}

.header-navigation a.icon-copy::before {
    font-size: 12px;
    line-height: normal
}

.header-navigation .user-balance {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    text-align: left;
    white-space: nowrap
}

.header-navigation .user-balance .txt {
    font-size: 13px;
    min-width: 28px;
    text-align: right
}

.header-navigation .user-balance .txt::after {
    content: '';
    position: absolute;
    display: none;
    left: 25%;
    bottom: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #284975 transparent
}

.header-navigation .balance-group {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    background-color: #323A42;
    box-shadow: 0 0 0 0.6px #D3C68E;
    border-radius: 4px;
    padding-right: 4px
}

.header-navigation .balance-group.only-currency .icon.icon-arrow-down {
    display: none
}

.header-navigation .balance-group .user-balance .txt::before {
    display: none
}

.header-navigation .balance-group .btn.icon-banking {
    position: absolute;
    right: 4px;
    background-color: #ffe570;
    line-height: normal;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0
}

.header-navigation .balance-group .btn.icon-banking::before {
    color: #222;
    line-height: 30px
}

.header-navigation .btn-refresh.icon-refresh {
    line-height: normal;
    width: 17px;
    height: 17px;
    margin-left: 4px;
    border-radius: 100px;
    background-color: #d3c68d;
    color: #111;
    padding: 0;
    text-align: center;
    z-index: 10;
    cursor: pointer
}

.header-navigation .btn-refresh.icon-refresh::before {
    font-size: 17px;
    line-height: normal
}

.header-navigation a.currency-selector {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1px;
    background-color: #d3c68d;
    border-radius: 4px 0 0 4px;
    padding: 0 2px 0 3px;
    cursor: pointer
}

.header-navigation a.currency-selector .flag {
    border-radius: 100px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    object-fit: cover;
    margin: 0 3px
}

.header-navigation a.currency-selector .txt {
    color: #111;
    font-weight: 600;
    line-height: 25px;
    font-size: 10px
}

.header-navigation a.currency-selector .txt::before {
    display: none
}

.header-navigation a.currency-selector span.icon::before {
    font-weight: 600;
    color: #111;
    font-size: 80%
}

.header-navigation .currency-msg {
    content: '';
    display: none;
    pointer-events: none;
    position: absolute;
    left: -42px;
    top: 15px;
    transform: scale(0.8);
    width: auto;
    min-width: 180px;
    background: #17a2b8;
    color: #fff;
    padding: 6px;
    border-radius: 5px;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 20px;
    z-index: 10
}

.header-navigation .currency-msg::before {
    content: '';
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #17a2b8 transparent
}

.header-navigation .currency-msg .modal-content {
    margin-top: 0vh;
    max-height: 70vh;
    border-radius: .3rem
}

.header-navigation .currency-msg .modal-content .modal-header {
    border-bottom: 1px solid #dee2e6;
    text-align: center;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: flex
}

.header-navigation .currency-msg .modal-content .modal-header .close {
    font-size: 1.5rem !important;
    padding: 0;
    height: auto
}

.header-navigation .currency-msg .modal-content .modal-header .close .icon::before {
    color: #000
}

.header-navigation .currency-msg .modal-content .modal-header .modal-title {
    color: #000
}

.header-navigation .currency-msg .modal-content .modal-menu {
    display: flex;
    margin: 0;
    flex-direction: column
}

.header-navigation .currency-msg .modal-content .modal-menu li img {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    object-fit: cover
}

.header-navigation .currency-msg .modal-content .modal-menu .currency-selector {
    background-color: transparent;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
    flex-direction: row;
    border-radius: 10px;
    border: none;
    padding: 8px 8px 8px 30px;
    min-width: 50%
}

.header-navigation .currency-msg .modal-content .modal-menu .currency-selector .txt {
    color: #000
}

.header-navigation .currency-msg .modal-content .modal-menu .currency-selector .txt::before {
    display: none
}

.header-navigation .currency-msg .modal-content .modal-menu .currency-selector .flag {
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 100px;
    overflow: hidden;
    object-fit: cover
}

.header-navigation .page-login-box {
    position: relative;
    width: auto;
    text-align: left;
    white-space: nowrap;
}

.header-navigation .page-login-box::after {
    content: '';
    position: absolute;
    display: none;
    left: calc(50% - 5px);
    bottom: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: transparent #284975 transparent transparent
}

.header-navigation .page-login-box .btn-refresh {
    padding: 0;
    max-height: none;
    width: 14px;
    height: 14px;
    aspect-ratio: 1/1;
    text-align: center;
    line-height: 12px
}

.header-navigation .page-login-box .btn-refresh::before {
    line-height: 14px;
    font-size: 14px
}

.header-navigation .btn,
.header-navigation a {
    position: relative;
    border: none;
    outline: none;
    text-decoration: none
}

.header-navigation .btn::before,
.header-navigation a::before {
    font-size: 23px;
    line-height: 40px
}

.header-navigation .btn:focus,
.header-navigation .btn:active,
.header-navigation .btn::hover,
.header-navigation .btn:visited,
.header-navigation .btn:focus-visible,
.header-navigation a:focus,
.header-navigation a:active,
.header-navigation a::hover,
.header-navigation a:visited,
.header-navigation a:focus-visible {
    outline: none;
    border: none
}

.header-navigation .dot {
    position: absolute;
    left: 0;
    top: 6px;
    background-color: #ff4684;
    border: 1px solid #333;
    border-radius: 100px;
    width: 12px;
    height: 12px
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'icomoon' !important
}

body.device-PC .header-navigation .currency-msg {
    transform: scale(1);
    top: 26px;
    min-width: 200px;
    max-width: 200px
}

body.body-iframe.show-limit-msg .user-balance-msg {
    display: none !important
}

body.show-limit-msg.type-R .navigation-container,
body.show-limit-msg.type-W .navigation-container,
body.show-limit-msg.type-L .navigation-container,
body.show-limit-msg.type-P .navigation-container {
    z-index: 12
}

body.show-limit-msg.type-R .balance-group .user-balance-msg,
body.show-limit-msg.type-W .balance-group .user-balance-msg,
body.show-limit-msg.type-L .balance-group .user-balance-msg,
body.show-limit-msg.type-P .balance-group .user-balance-msg {
    position: absolute;
    width: 100vw;
    top: 100%;
    left: 0
}

body.show-limit-msg.my .user-balance-msg .txt-limit,
body.show-limit-msg.my .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.vn .user-balance-msg .txt-limit,
body.show-limit-msg.vn .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.th .user-balance-msg .txt-limit,
body.show-limit-msg.th .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.ma .user-balance-msg .txt-limit,
body.show-limit-msg.ma .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.id .user-balance-msg .txt-limit,
body.show-limit-msg.id .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.hi .user-balance-msg .txt-limit,
body.show-limit-msg.hi .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.bn .user-balance-msg .txt-limit,
body.show-limit-msg.bn .user-balance-msg .txt-reserve-balance {
    font-size: 13px !important;
    transform: scale(0.9) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

body.show-limit-msg .user-balance::after {
    display: block
}

body.show-limit-msg .user-balance-msg {
    display: table !important
}

body .user-balance-msg {
    display: none;
    position: fixed;
    left: 0;
    right: auto;
    top: 40px;
    color: #fff;
    padding: 0 25px 0 5px;
    width: 100%;
    text-align: center;
    line-height: 25px;
    border-radius: 0
}

body .user-balance-msg.USDT {
    color: #fff;
    background-color: #227351
}

body .user-balance-msg.USDT::before {
    background-color: #227351
}

body .user-balance-msg.USDT .icon-close::before {
    color: #fff
}

body .user-balance-msg::before {
    content: '';
    background-color: #284975;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: -100
}

body .user-balance-msg .txt-limit,
body .user-balance-msg .txt-reserve-balance {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 14px
}

body .user-balance-msg .txt-limit b,
body .user-balance-msg .txt-reserve-balance b {
    margin-right: 2px;
    white-space: nowrap
}

body .user-balance-msg .txt-limit.hide,
body .user-balance-msg .txt-reserve-balance.hide {
    display: none
}

body .user-balance-msg .txt-reserve-balance {
    font-weight: bold
}

body .user-balance-msg .txt-reserve-balance span {
    line-height: 30px
}

body .user-balance-msg .txt-reserve-balance .icon-lock {
    position: relative;
    padding-left: 25px
}

body .user-balance-msg .txt-reserve-balance .icon-lock::before {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    border-radius: 50px;
    background: #00000013;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 3px
}

body .user-balance-msg .icon-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px
}

body .user-balance-msg .icon-close::before {
    color: #fff;
    font-size: 120%
}

body.body-iframe .header-navigation {
    justify-content: flex-start;
    gap: 6px
}

body.body-iframe .header-navigation a.currency-selector span.icon {
    display: none
}

@media (min-width: 1025px) {
    body.body-iframe .header-navigation .user-info-group {
        gap: 4px
    }

    body.body-iframe .header-navigation .user-info-group .txt,
    body.body-iframe .header-navigation .user-info-group .txt::before,
    body.body-iframe .header-navigation .user-info-group a.icon-copy,
    body.body-iframe .header-navigation .user-info-group a.icon-copy::before {
        font-size: 3vmin;
        line-height: 4vmin
    }

    body.body-iframe .header-navigation .wager-box,
    body.body-iframe .header-navigation .btn-tournament {
        width: 7vmin;
        height: 7vmin;
        vertical-align: middle;
        bottom: 15px;
        left: -5vmin
    }

    body.body-iframe .header-navigation .wager-box::before,
    body.body-iframe .header-navigation .btn-tournament::before {
        font-size: 4vmin;
        line-height: 7vmin
    }

    body.body-iframe .header-navigation .btn-tournament .icon-tournament::before {
        font-size: 4vmin;
        line-height: 6.5vmin
    }
}

body.SPINBREAK .header-navigation .balance-group,
body.IRONMAN1688 .header-navigation .balance-group,
body.KING88 .header-navigation .balance-group {
    background-color: #100606
}

body.MWGAMING .header-navigation.header-navigation .txt,
body.MWGAMING .header-navigation.header-navigation a,
body.MWGAMING .header-navigation.header-navigation .btn,
body.MWGAMING .header-navigation.header-navigation .icon-hamburger,
body.MWGAMING .header-navigation.header-navigation .btn-refresh.icon-refresh::before {
    color: #252525
}

body.MWGAMING .header-navigation.header-navigation .currency-selector {
    background-color: #65645d
}

body.MWGAMING .header-navigation.header-navigation .currency-selector span,
body.MWGAMING .header-navigation.header-navigation .currency-selector span::before {
    color: #fff
}

body.MWGAMING .header-navigation.header-navigation .balance-group {
    background-color: #fff5e2
}

body.MWGAMING .header-navigation.header-navigation .user-balance-msg>div {
    text-shadow: 0px 1px 2px #333333e0
}

body.MWGAMING .header-navigation.header-navigation .user-balance .txt::after {
    border-color: transparent transparent #986 transparent
}

body.MWGAMING .header-navigation.header-navigation .user-balance-msg,
body.MWGAMING .header-navigation.header-navigation .user-balance-msg::before {
    background: #986
}

body.SPINBREAK .header-navigation .balance-group {
    box-shadow: 0 0 0 0.6px #9c00ff
}

body.SPINBREAK .header-navigation .user-balance-msg>div {
    text-shadow: 0px 1px 2px #333333e0
}

body.SPINBREAK .header-navigation .user-balance .txt::after {
    border-color: transparent transparent #9c00ff transparent
}

body.SPINBREAK .header-navigation .btn-refresh.icon-refresh,
body.SPINBREAK .header-navigation .user-balance-msg,
body.SPINBREAK .header-navigation .user-balance-msg::before {
    background: #9c00ff
}

body.SPINBREAK .header-navigation .btn-refresh.icon-refresh::before {
    color: #fff
}

body.SPINBREAK .header-navigation a.currency-selector {
    background-color: #5b0095
}

body.SPINBREAK .header-navigation a.currency-selector span,
body.SPINBREAK .header-navigation a.currency-selector span::before {
    color: #fff
}

@keyframes Switch-Currency {
    0% {
        transform: translateY(-25px);
        opacity: 0;
        height: 0
    }

    20% {
        transform: translateY(0);
        opacity: 1;
        height: auto
    }

    80% {
        transform: translateY(0);
        opacity: 1;
        height: auto
    }

    100% {
        transform: translateY(-25px);
        opacity: 0;
        height: 0
    }
}

.header-navigation {
    position: relative;
    height: 45px;
    gap: 10px;
    z-index: 999;
    background-image: linear-gradient(-180deg, #0C1117 0%, #162C3F 100%);
}

.header-navigation .navigation-btn {
    background-image: linear-gradient(-180deg, #0C1117 0%, #162C3F 100%);
}

.header-navigation .currency-msg .modal-content .modal-header {
    justify-content: center;
    padding: 0 3px
}

.header-navigation .currency-msg .modal-content .modal-header .close {
    position: absolute;
    top: 2px;
    right: 2px
}

.header-navigation .page-login-box {
    padding: 0 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    gap: 4px
}


.header-navigation .page-login-box a:hover {
    filter: brightness(110%)
}

.header-navigation .page-login-box a.btn-primary {
    background: linear-gradient(0deg, #e9c973, #bfa85d)
}

.header-navigation .page-login-box a.btn-secondary {
    background: linear-gradient(0deg, #b99346, #947538)
}

.header-navigation .user-info {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0 4px 0 0;
    z-index: 10;
    height: 45px;
    min-width: 240px;
    background-image: linear-gradient(-180deg, #0C1117 0%, #162C3F 100%)
}

.header-navigation .user-info li {
    position: relative
}

.header-navigation .user-info li a::before {
    color: #fff
}

.header-navigation .user-info-group {
    padding-left: 2rem
}

.header-navigation .user-info-group::before {
    display: inline-block;
    font-family: 'icomoon' !important;
    content: '\e983';
    position: absolute;
    left: 0.5rem;
    top: 10px;
    font-size: 25px;
    color: #fff;
    background: none
}

.header-navigation .user-info-group span {
    display: block;
    font-size: 13px
}

.header-navigation .user-info-group span.user-ID {
    font-size: 14px;
    border-radius: 50px;
    padding: 2px;
    color: #ffffffc5
}

.header-navigation .user-info-group span.user-ID::before {
    font-size: 12px
}

.header-navigation .user-info-group span.user-ID a {
    color: #fff
}

.header-navigation .balance-group {
    gap: 8px;
    padding-right: 1px
}

.header-navigation a.currency-selector {
    padding: 2px
}

.header-navigation a.currency-selector .txt {
    font-size: 13px
}

.header-navigation .user-balance::after {
    display: none !important
}

.header-navigation .user-balance .txt {
    font-size: 15px
}

.header-navigation .user-balance .txt::after {
    position: absolute;
    display: none;
    left: calc(50% - 5px);
    bottom: -12px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #bf9350 transparent
}

.header-navigation .user-balance a {
    line-height: 20px
}

.header-navigation .navigation-btn a,
.header-navigation .navigation-btn .btn {
    color: #fff
}

.header-navigation .navigation-btn .btn {
    cursor: pointer;
    color: #fff;
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
    border-radius: 0
}

.header-navigation .navigation-btn .btn.open,
.header-navigation .navigation-btn .btn:hover {
    box-shadow: none;
    border: none;
    background: linear-gradient(-180deg, #BF9352 0%, #64543B 47%, #212121 100%)
}

.header-navigation .navigation-btn .icon-hamburger::before {
    line-height: 33px
}

.header-navigation .txt {
    color: #fff;
    padding: 0
}

.header-navigation .txt::before {
    font-size: 12px
}

.header-navigation .btn::before,
.header-navigation a::before {
    line-height: 30px
}

.header-navigation .btn.btn-language {
    position: relative;
    width: 100px
}

.header-navigation .btn.btn-language::before {
    position: absolute;
    font-size: 14px;
    right: 10px;
    top: calc(50% - 4px / 2);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #fff transparent transparent transparent
}

.header-navigation .btn.btn-language.open .lang-dropdown,
.header-navigation .btn.btn-language:hover .lang-dropdown {
    display: block
}

.header-navigation .btn.btn-language .lang-dropdown {
    position: absolute;
    top: 45px;
    right: 0;
    display: none;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    background: #131b27;
    width: 100px;
    padding: 0;
    list-style: none;
}

.header-navigation .btn.btn-language .lang-dropdown li {
    width: 100%;
    padding: 0 10px
}

.header-navigation .btn.btn-language .lang-dropdown li:hover,
.header-navigation .btn.btn-language .lang-dropdown li:active {
    background: linear-gradient(-180deg, #2D465F 0%, #142531 47%, #0B1720 49%, #162F42 100%)
}

.header-navigation .btn.btn-language .lang-dropdown li:hover a,
.header-navigation .btn.btn-language .lang-dropdown li:active a {
    color: #fff
}

.header-navigation .btn.btn-language .lang-dropdown li a {
    padding: 10px 15px 10px 5px
}

.header-navigation .btn.btn-language a {
    position: relative;
    min-width: 50px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 5px 15px 5px 0px;
    line-height: 25px
}
.header-navigation .btn.btn-language a > span{
	padding-left: 5px;
}

.header-navigation .btn-mail a.btn {
    padding: 0;
    right: 0;
    width: auto;
    min-width: auto
}

.header-navigation .btn-mail .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    font-size: 9px;
    text-align: center;
    line-height: 150%;
    background: linear-gradient(#ff0047, #a80000);
    right: 3px;
    left: auto;
    color: #FFF
}

.header-navigation .btn-menu.open .menu-list,
.header-navigation .btn-menu:hover .menu-list {
    display: block
}

.header-navigation .btn-menu .dot {
    left: 10px;
    top: 10px
}

body.bonusevent-open .header-navigation {
    z-index: 800
}

body.device-PC.page-login .navigation-btn {
    flex-direction: row;
    background: transparent;
    z-index: 2;
    pointer-events: none
}

body.device-PC.page-login .navigation-btn .balance-group,
body.device-PC.page-login .navigation-btn .btn {
    cursor: pointer;
    pointer-events: auto
}

body.device-PC.page-login .user-balance-msg {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin: 0 0 0 3px;
    padding: 0 25px 0 4px;
    border-radius: 5px;
    font-size: 12px;
    color: #333;
    background: #DBB069;
    z-index: 10
}

body.device-PC.page-login .user-balance-msg::before {
    left: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 15px 0px;
    background: transparent;
    border-color: transparent #DBB069 transparent transparent;
    z-index: 0
}

body.device-PC.page-login .user-balance-msg .txt-limit,
body.device-PC.page-login .user-balance-msg .txt-reserve-balance,
body.device-PC.page-login .user-balance-msg .txt-limit span,
body.device-PC.page-login .user-balance-msg .txt-reserve-balance span {
    line-height: 27px
}

body.device-PC.page-login .user-balance-msg .icon-close::before {
    color: #333;
    font-size: 20px
}

body.device-PC.page-login.open-sidebar .header-navigation .btn.btn-menu {
    box-shadow: none;
    border: none;
    background: linear-gradient(-180deg, #BF9352 0%, #64543B 47%, #212121 100%)
}

body.device-PC.page-login.ATLANTIS88 .user-balance-msg .icon-close::before,
body.device-PC.page-login.PESOGAMING .user-balance-msg .icon-close::before,
body.device-PC.page-login.EXTREME88 .user-balance-msg .icon-close::before,
body.device-PC.page-login.EXTREMECASH .user-balance-msg .icon-close::before,
body.device-PC.page-login.EXTREMETMT .user-balance-msg .icon-close::before,
body.device-PC.page-login.MAXWIN .user-balance-msg .icon-close::before,
body.device-PC.page-login.MAXWINPH .user-balance-msg .icon-close::before,
body.device-PC.page-login.APEX .user-balance-msg .icon-close::before,
body.device-PC.page-login.ESCALA .user-balance-msg .icon-close::before,
body.device-PC.page-login.KING88 .user-balance-msg .icon-close::before,
body.device-PC.page-login.MWCASH .user-balance-msg .icon-close::before,
body.device-PC.page-login.SPINBREAK .user-balance-msg .icon-close::before {
    color: #fff
}

.open-sidebar {
    overflow-y: hidden
}

.open-sidebar .page-sidebar {
    opacity: 1;
    display: inline-block;
    left: 0
}

.open-sidebar .page-media-btn {
    opacity: 0.5
}

.open-sidebar .side-menu_mask {
    right: 0;
    opacity: 1;
    transition: right 0s, opacity .5s
}

.side-menu_mask {
    position: fixed;
    z-index: 997;
    top: 0;
    right: 100%;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: right 0s .4s, opacity .4s
}

.page-sidebar {
    font-size: 12.75px;
    position: fixed;
    opacity: .5;
    background-color: #fff;
    top: 0;
    height: 100vh;
    z-index: 2147483641;
    box-shadow: 0 5px 5px #000;
    transition: all .3s ease-in-out;
    overflow-y: scroll
}

.page-sidebar select {
    cursor: pointer
}

.page-sidebar select:focus {
    outline: none;
    box-shadow: none;
    border-color: transparent
}

.page-sidebar a {
    outline: none !important;
    box-shadow: none
}

.page-sidebar .device-btn-box {
    display: none !important;
    position: absolute;
    justify-content: center;
    bottom: 4px;
    right: 4px;
    padding: 4px;
    border-radius: 8px;
    z-index: 10
}

.page-sidebar .device-btn-box a.device-btn {
    margin: 0 2px;
    cursor: pointer;
    background-color: #000;
    padding: 0px 4px;
    font-size: 10px;
    border-radius: 6px;
    color: #fff
}

.page-sidebar .device-btn-box a.device-btn:hover,
.page-sidebar .device-btn-box a.device-btn:active,
.page-sidebar .device-btn-box a.device-btn:focus {
    background-color: #000;
    box-shadow: 0 0 0 1px #000
}

.page-sidebar .device-btn-box a.device-btn span {
    font-size: 14px !important
}

.page-sidebar .device-btn-box a.device-btn i {
    top: 0 !important;
    left: 0 !important;
    line-height: 35px;
    margin: 0 3px;
    vertical-align: middle !important;
    position: relative !important
}

.page-sidebar .options {
    margin: 3px;
    background: #212121;
    border-radius: 4px
}

.page-sidebar .options li {
    height: 36px;
    line-height: 36px
}

.page-sidebar .options li.logout {
    border-top: none !important
}

.page-sidebar .options li:hover {
    background: #ffffff1b
}

.page-sidebar .options span {
    padding-left: 0px !important
}

.page-sidebar .icon-caret-right {
    width: 24px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-sidebar .icon-caret-right::before {
    font-size: 10px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-sidebar .page-sidebar-close {
    display: inline-block;
    position: absolute;
    right: 0;
    text-decoration: none;
    z-index: 5;
    color: #000
}

.page-sidebar .page-sidebar-close .icon-close {
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px
}

.page-sidebar .page-sidebar-close .icon-close::before {
    font-size: 30px
}

.page-sidebar .form-control {
    width: 60%;
    padding: .375rem 3rem;
    height: calc(2em + .75rem + 2px);
    cursor: pointer
}

.page-sidebar .language-select {
    position: relative;
    font-size: 14px;
    cursor: pointer;
    padding-left: 24px
}

.page-sidebar .language-select i.icon-language,
.page-sidebar .language-select i.icon-arrow-down {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1
}

.page-sidebar .language-select i.icon-language::before,
.page-sidebar .language-select i.icon-arrow-down::before {
    font-size: 15px;
    color: #ffedb9
}

.page-sidebar .language-select i.icon-language.icon-language,
.page-sidebar .language-select i.icon-arrow-down.icon-language {
    left: 32px
}

.page-sidebar .language-select i.icon-language.icon-arrow-down,
.page-sidebar .language-select i.icon-arrow-down.icon-arrow-down {
    left: 170px
}

.page-sidebar .language-select .language {
    color: #000;
    font-size: 100%;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background-position: right 10% center;
    background-size: 20px;
    background: #222
}

.page-sidebar .page-sidebar-Lv1 {
    position: relative;
    padding: 10px 20px;
    overflow-y: scroll;
    height: auto
}

.page-sidebar .page-sidebar-Lv1::-webkit-scrollbar {
    display: none
}

.page-sidebar .page-sidebar-Lv1 li {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    margin-bottom: 12px;
    height: auto;
    padding: 2px 0;
    position: relative
}

.page-sidebar .page-sidebar-Lv1 li.logout {
    border-top: 1px solid #ffedb9;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin: 0
}

.page-sidebar .page-sidebar-Lv1 li:hover {
    background: #ffffff1b
}

.page-sidebar .page-sidebar-Lv1 li:hover li {
    outline: none
}

.page-sidebar .page-sidebar-Lv1 li .menu_list::before {
    font-family: 'icomoon' !important;
    content: '\e902';
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 2px;
    color: #ffedb9
}

.page-sidebar .page-sidebar-Lv1 li .menu_list i::before {
    color: #ffedb9
}

.page-sidebar .page-sidebar-Lv1 li.contact_us {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.145098)
}

.page-sidebar .page-sidebar-Lv1 li.contact_us span {
    color: #fff
}

.page-sidebar .page-sidebar-Lv1 li.member_setting,
.page-sidebar .page-sidebar-Lv1 li.game_partner {
    z-index: 0;
    position: relative;
    font-weight: 400
}

.page-sidebar .page-sidebar-Lv1 li.member_setting::after,
.page-sidebar .page-sidebar-Lv1 li.game_partner::after {
    z-index: -1;
    content: '';
    border-radius: 4px 0px 0px 4px;
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 39px;
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%)
}

.page-sidebar .page-sidebar-Lv1 li.member_setting span,
.page-sidebar .page-sidebar-Lv1 li.game_partner span {
    color: #fff
}

.page-sidebar .page-sidebar-Lv1 li.member_setting.show .options,
.page-sidebar .page-sidebar-Lv1 li.game_partner.show .options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px
}

.page-sidebar .page-sidebar-Lv1 li.member_setting.show .options li,
.page-sidebar .page-sidebar-Lv1 li.game_partner.show .options li {
    display: flex;
    justify-content: center;
    align-items: center
}

.page-sidebar .page-sidebar-Lv1 li.member_setting {
    background: rgba(186, 186, 186, 0.408)
}

.page-sidebar .page-sidebar-Lv1 li.member_setting::after {
    height: 100%;
    background: linear-gradient(90deg, rgba(34, 34, 34, 0.819608) 0%, rgba(142, 142, 142, 0.760784) 100%)
}

.page-sidebar .page-sidebar-Lv1 li.game_partner {
    border: 1px solid #ffedb9;
    background: #ffedb9
}

.page-sidebar .page-sidebar-Lv1 li.game_partner::after {
    background: linear-gradient(90deg, #341E0D 0%, #523B12 48%, #705717 100%)
}

.page-sidebar .page-sidebar-Lv1 li.game_partner .menu-item-option::after {
    display: inline-block;
    position: absolute;
    border: none;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    background: none;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    font-family: 'icomoon';
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 240%;
    font-weight: 400;
    color: #909090f1;
    z-index: 101;
    animation: none;
    height: auto;
    width: auto
}

.page-sidebar .page-sidebar-Lv1 li.game_partner .menu-item-option.show-blocked::after {
    content: '\e97f'
}

.page-sidebar .page-sidebar-Lv1 li.game_partner .menu-item-option.show-maintain::after {
    content: '\e9b2'
}

.page-sidebar .page-sidebar-Lv1 li .menu-item span {
    padding-left: 40px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item-option {
    line-height: 36px !important;
    padding: 10px 30px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item-option i {
    left: 5px !important
}

.page-sidebar .page-sidebar-Lv1 li .menu-item-option p {
    padding-left: 45px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item-option img {
    width: auto !important;
    height: 45px !important;
    object-fit: contain;
    aspect-ratio: 2 / 1
}

.page-sidebar .page-sidebar-Lv1 li .menu-item,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option {
    position: relative;
    text-decoration: none;
    line-height: 35px;
    vertical-align: top;
    color: #ffedb9
}

.page-sidebar .page-sidebar-Lv1 li .menu-item .icon-mail,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option .icon-mail {
    position: relative
}

.page-sidebar .page-sidebar-Lv1 li .menu-item .dot,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option .dot {
    position: absolute;
    background-color: #ff4684;
    border: 1px solid #333;
    border-radius: 100px;
    width: 8px;
    height: 8px;
    left: 17px;
    top: 21px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item img,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option img {
    width: 30px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item i,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option i {
    position: absolute;
    left: 10px;
    top: 2px;
    font-size: 150%;
    line-height: 35px;
    vertical-align: top;
    margin-right: 5px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item span,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option span {
    line-height: 35px;
    vertical-align: middle;
    font-size: 16px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item .tag-ball,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option .tag-ball {
    position: absolute;
    left: 0px;
    right: auto;
    bottom: -5px;
    display: inline-block;
    background: #3ff02f;
    border: 1px solid #333;
    border-radius: 50px;
    text-align: center;
    height: 15px;
    min-width: 25px;
    margin: 0;
    vertical-align: middle
}

.page-sidebar .page-sidebar-Lv1 li .menu-item .tag-ball i,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option .tag-ball i {
    position: relative;
    left: auto;
    top: auto;
    text-align: center;
    color: #1d3a61;
    line-height: 15px;
    font-size: 15px;
    font-weight: bold;
    margin: 0
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    width: 100%
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li.logout {
    border-top: none !important
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a {
    padding: 0px 4px 0px 75px;
    color: #000;
    text-align: left;
    width: 100%
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a:focus {
    outline: none;
    box-shadow: none
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a>img {
    border-radius: 50%;
    font-size: 20px;
    position: absolute;
    left: 34px;
    top: 55%;
    transform: translateY(-50%);
    width: 27px;
    height: 27px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a .icon {
    font-size: 22px;
    position: absolute;
    left: 34px;
    top: 44%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a .tit {
    font-size: 12px;
    text-align: left;
    opacity: 0.6;
    position: relative;
    width: 100%;
    line-height: 14px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a .img-grcode {
    width: 100%;
    display: none
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a span {
    font-size: 12px;
    width: 100%;
    white-space: nowrap;
    line-height: 12px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li .img-grcode {
    display: none;
    width: 40px;
    height: 40px;
    padding: 0
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li .img-grcode img {
    border-radius: 0%;
    width: 40px;
    height: 40px;
    object-fit: contain
}

.page-sidebar .btn-group {
    display: none;
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    display: grid;
    white-space: nowrap;
    grid-template-columns: repeat(3, 33%)
}

.page-sidebar .btn-group .btn {
    color: #000;
    text-align: center;
    border: 1px solid transparent;
    font-size: 12px;
    margin-top: 15px;
    transition: color 0.3s ease
}

.page-sidebar .btn-group .btn i {
    display: block;
    height: 30px
}

.page-sidebar .btn-group .btn i::before {
    padding: 15px;
    border-radius: 12px;
    background: #333;
    color: #fff
}

.page-sidebar {
    left: -100%;
    width: 100%;
    opacity: 0
}

.CLASSIC .page-sidebar .btn-group p,
.POPULAR .page-sidebar .btn-group p {
    white-space: pre-wrap
}

.CLASSIC .page-sidebar .btn-group .btn,
.POPULAR .page-sidebar .btn-group .btn {
    color: #fff
}

.CLASSIC .page-sidebar .btn-group .btn i,
.POPULAR .page-sidebar .btn-group .btn i {
    display: none
}

.CLASSIC .page-sidebar .btn-group .btn+.btn,
.POPULAR .page-sidebar .btn-group .btn+.btn {
    border-left: 1px solid #fff
}

.device-PC .page-sidebar .device-btn-box {
    display: none
}

.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li a>img,
.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li a .icon {
    top: 20% !important
}

.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .img-grcode {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    margin-top: 4px
}

.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .img-grcode img {
    border-radius: 0%;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.page-sidebar {
    z-index: 1030 !important
}

.page-sidebar .menu-item::before {
    transform: rotate(0deg);
    transition: .3s
}

.page-sidebar .options {
    margin: 0 3px !important;
    transition: .3s
}

.page-sidebar .options li {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    transition: .3s
}

.page-sidebar .options * {
    overflow: hidden
}

.page-sidebar .show .menu-item::before {
    transform: rotate(-180deg)
}

.page-sidebar .show .options li {
    height: 60px !important
}

@media (min-width: 1025px) {
    .page-sidebar .show.contact_us li {
        height: 100px !important
    }
}

.page-sidebar .options {
    pointer-events: none
}

.page-sidebar .options li {
    pointer-events: auto
}

.page-sidebar .menu-item-option {
    display: block
}

.modal-selectGameType {
    z-index: 1045 !important
}

.modal-selectGameType .modal-header {
    justify-content: center
}

.modal-selectGameType .modal-title {
    text-align: center !important;
    font-size: 16px
}

.modal-selectGameType ul li {
    cursor: pointer;
    display: block;
    width: 80%;
    text-align: center;
    white-space: nowrap;
    color: #8596AD;
    border-radius: 100px;
    border: 1px solid #8596AD
}

@media (max-width: 1024px) {
    .modal-selectGameType ul li {
        margin: 0 auto 8px;
        padding: 8px;
        font-size: 16px
    }
}

@media (min-width: 1025px) {
    .modal-selectGameType ul li {
        margin: 0 auto 8px;
        padding: 8px;
        font-size: 16px
    }

    .modal-selectGameType ul li:hover {
        color: #152433;
        background-color: #8596AD
    }
}

body.device-PC.open-sidebar {
    overflow-y: hidden !important
}

body.device-PC.open-sidebar .page-sidebar {
    display: block !important
}

body.device-PC .type-BS .page-sidebar {
    display: block !important
}

body.device-PC .page-sidebar {
    display: none
}

body.device-PC .page-sidebar:hover {
    display: block
}

.CLASSIC.device-PC .page-sidebar-close,
.POPULAR.device-PC .page-sidebar-close {
    display: none
}

.CLASSIC.device-PC .page-sidebar,
.POPULAR.device-PC .page-sidebar {
    opacity: 1;
    position: absolute;
    right: 0px;
    width: 25%;
    height: auto;
    top: 45px;
    left: auto;
    border-radius: 10px 0 0 10px;
    background: #212121;
    max-height: 85vh;
    max-width: 400px
}

.CLASSIC.device-PC .page-sidebar::-webkit-scrollbar,
.POPULAR.device-PC .page-sidebar::-webkit-scrollbar {
    display: none
}

.CLASSIC.device-PC .page-sidebar.active,
.POPULAR.device-PC .page-sidebar.active {
    right: 0
}

.CLASSIC.device-PC .page-sidebar .language-select,
.POPULAR.device-PC .page-sidebar .language-select {
    display: none
}

.CLASSIC.device-PC .page-sidebar .language-select .language,
.POPULAR.device-PC .page-sidebar .language-select .language {
    color: #fff;
    padding: .375rem 0 .375rem 4rem
}

.CLASSIC.device-PC .page-sidebar .language-select i.icon-language::before,
.CLASSIC.device-PC .page-sidebar .language-select i.icon-arrow-down::before,
.POPULAR.device-PC .page-sidebar .language-select i.icon-language::before,
.POPULAR.device-PC .page-sidebar .language-select i.icon-arrow-down::before {
    color: #fff
}

.CLASSIC.device-PC .page-sidebar .options li,
.POPULAR.device-PC .page-sidebar .options li {
    color: #fff
}

.CLASSIC.device-PC .page-sidebar .options li:hover,
.POPULAR.device-PC .page-sidebar .options li:hover {
    background: #ffffff2f
}

.CLASSIC.device-PC .page-sidebar .page-sidebar-Lv1 li.member_setting::after,
.POPULAR.device-PC .page-sidebar .page-sidebar-Lv1 li.member_setting::after {
    height: 39px !important
}

.CLASSIC.device-PC .page-sidebar .page-sidebar-Lv1 li.game_partner,
.POPULAR.device-PC .page-sidebar .page-sidebar-Lv1 li.game_partner {
    background: rgba(225, 190, 131, 0.2);
    border: 1px solid #e1be83
}

.CLASSIC.device-PC .page-sidebar .page-sidebar-Lv1 li.game_partner::after,
.POPULAR.device-PC .page-sidebar .page-sidebar-Lv1 li.game_partner::after {
    background: linear-gradient(-180deg, #C2A056 15%, #625424 47%);
    height: 39px !important
}

.CLASSIC.device-PC .page-sidebar .page-sidebar-Lv1 li .menu-item i,
.CLASSIC.device-PC .page-sidebar .page-sidebar-Lv1 li .menu-item-option i,
.POPULAR.device-PC .page-sidebar .page-sidebar-Lv1 li .menu-item i,
.POPULAR.device-PC .page-sidebar .page-sidebar-Lv1 li .menu-item-option i {
    top: 0
}

.CLASSIC.device-PC .page-sidebar .page-sidebar-Lv1 li .menu-item-option img,
.POPULAR.device-PC .page-sidebar .page-sidebar-Lv1 li .menu-item-option img {
    height: 40px !important
}

.CLASSIC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li a,
.POPULAR.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li a {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 100%;
    color: #fff
}

.CLASSIC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li a .tit,
.POPULAR.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li a .tit {
    color: #fff
}

.CLASSIC.device-PC .page-sidebar .btn-group,
.POPULAR.device-PC .page-sidebar .btn-group {
    background: #162C3F;
    height: 50px;
    border: none
}

.CLASSIC.device-PC .page-sidebar .btn-group .btn,
.POPULAR.device-PC .page-sidebar .btn-group .btn {
    margin-top: 0px;
    color: #fff
}

.CLASSIC.device-PC .page-sidebar .btn-group .btn p,
.POPULAR.device-PC .page-sidebar .btn-group .btn p {
    font-size: 12px
}

.REBATE-tab {
    position: relative;
    width: 65px;
    height: 50px;
    padding: 3px
}

.REBATE-tab img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom
}

.REBATE-tab .show-bonus-rebate {
    position: absolute !important;
    z-index: 10;
    display: inline-block;
    width: 70px;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
    top: 29px;
    text-align: center
}

.REBATE-tab .show-bonus-rebate small {
    text-align: center;
    line-height: normal;
    color: #fff;
    margin-top: -3px;
    font-size: 12px;
    font-weight: 600;
    text-shadow: 0 1px 3px #383838
}

body.type-R .tab-navs,
body.type-W .tab-navs,
body.type-L .tab-navs,
body.type-P .tab-navs {
    order: 0
}

body.type-R .tab-navs .page-menu-REBATE,
body.type-W .tab-navs .page-menu-REBATE,
body.type-L .tab-navs .page-menu-REBATE,
body.type-P .tab-navs .page-menu-REBATE {
    order: -2
}

body.type-R .tab-navs .freeSpinTag.RWD,
body.type-W .tab-navs .freeSpinTag.RWD,
body.type-L .tab-navs .freeSpinTag.RWD,
body.type-P .tab-navs .freeSpinTag.RWD {
    order: -1
}

body.type-W .REBATE-tab {
    height: 66px
}

body.type-W .REBATE-tab .show-bonus-rebate {
    top: 38px
}

body.type-R .REBATE-tab .show-bonus-rebate,
body.type-P .REBATE-tab .show-bonus-rebate,
body.type-L .REBATE-tab .show-bonus-rebate {
    top: 24px
}

body.type-P.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs.num-11 .tab {
    min-width: 100px
}

body.device-PC .REBATE-tab {
    min-width: 70px;
    width: 70px;
    height: 75px
}

body.device-PC .REBATE-tab:hover {
    transform: scale(1.1)
}

body.device-PC .REBATE-tab .show-bonus-rebate {
    top: 45px
}

body.device-PC .REBATE-tab .show-bonus-rebate small {
    font-size: 16px;
    text-shadow: 0 1px 3px #383838
}

body.device-PC.type-W .REBATE-tab {
    height: 90px
}

body.device-PC.type-W .REBATE-tab .show-bonus-rebate {
    top: 56px
}

body.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs {
    gap: 0
}

body.POPULAR .page-menu-Lv1 .page-menu-REBATE .REBATE-tab img,
body.POPULAR .nav-menu .page-menu-REBATE .REBATE-tab img,
body.CLASSIC .page-menu-Lv1 .page-menu-REBATE .REBATE-tab img,
body.CLASSIC .nav-menu .page-menu-REBATE .REBATE-tab img {
    object-fit: cover
}

body.CLASSIC.device-PC.TMT nav ul .page-menu-REBATE {
    display: flex;
    justify-content: center;
    align-items: center
}

body.CLASSIC.device-PC.TMT nav ul .page-menu-REBATE .REBATE-tab img {
    height: 70px !important
}

body.POPULAR.device-PC ul .page-menu-REBATE .REBATE-tab,
body.CLASSIC.device-PC ul .page-menu-REBATE .REBATE-tab {
    width: 110px;
    height: 90px
}

body.POPULAR.device-PC ul .page-menu-REBATE .REBATE-tab:hover,
body.CLASSIC.device-PC ul .page-menu-REBATE .REBATE-tab:hover {
    transform: scale(1)
}

body.POPULAR.device-PC ul .page-menu-REBATE .REBATE-tab img,
body.CLASSIC.device-PC ul .page-menu-REBATE .REBATE-tab img {
    width: 70px !important;
    height: 75px !important;
    object-fit: cover
}

body.POPULAR.device-PC nav ul li,
body.CLASSIC.device-PC nav ul li {
    order: 0
}

body.POPULAR.device-PC nav ul#gameMenuTabWrapper li.logo,
body.CLASSIC.device-PC nav ul#gameMenuTabWrapper li.logo {
    order: -1
}

body.type-BS .REBATE-tab {
    width: calc(100% / 7);
    min-width: auto;
    height: 100%;
    display: inline-block
}

body.type-BS .REBATE-tab img {
    width: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%)
}

body.type-BS .REBATE-tab .show-bonus-rebate {
    top: 32px
}

body.type-BS.device-PC .REBATE-tab {
    width: 100%
}

body.type-BS.device-PC .REBATE-tab img {
    top: 0;
    width: 80px !important;
    object-fit: contain
}

body.type-BS.device-PC .REBATE-tab .show-bonus-rebate {
    top: 62px
}

body.WL .REBATE-tab {
    height: auto;
    width: 60px;
    min-width: 60px
}

body.WL .REBATE-tab img {
    position: absolute;
    height: 50px;
    width: 50px;
    top: -21px
}

body.WL .REBATE-tab .show-bonus-rebate {
    top: 5px
}

body.WL.device-PC .REBATE-tab {
    width: 72px;
    min-width: 72px;
    height: 53px
}

body.WL.device-PC .REBATE-tab>img {
    width: 72px;
    height: 72px;
    top: -10px
}

body.WL.device-PC .REBATE-tab .show-bonus-rebate {
    top: 34px
}

.raceWin-box {
    position: relative;
    font-size: 0;
    margin: auto;
    border-radius: 8px
}

.raceWin-box p,
.raceWin-box ul {
    margin-bottom: 0
}

.raceWin-box .info-prize::before,
.raceWin-box .txt-currency::before {
    display: none
}

.raceWin-box .raceWin-top {
    position: relative;
    width: fit-content;
    margin: auto;
    padding: 2.5px;
    transform: translateX(14px)
}

.raceWin-box .raceWin-top .raceWin-title {
    font-size: calc(12px + 4px);
    line-height: calc(12px + 8px);
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-left: -20px;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(#FFEA80, #fa0)
}

.raceWin-box .raceWin-top .raceWin-subTitle {
    font-size: calc(12px - 2px);
    color: rgba(255, 255, 255, 0.7)
}

.raceWin-box .raceWin-top .icon-tournament {
    vertical-align: text-bottom
}

.raceWin-box .raceWin-top .icon-tournament::before {
    content: '\ea83';
    font-size: 20px;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(#FFEA80, #fa0)
}

.raceWin-box .box {
    position: relative;
    width: auto;
    white-space: nowrap
}

@media (max-width: 719px) {
    .raceWin-box .box {
        border-radius: calc(5px + 4px);
        padding: 5px
    }
}

@media (min-width: 720px) {
    .raceWin-box .box {
        border-radius: calc(8px + 4px);
        padding: 8px
    }
}

.raceWin-box .box:nth-child(odd) {
    background-image: linear-gradient(135deg, #22252A, #2E3138)
}

.raceWin-box .box:nth-child(even) {
    background-image: linear-gradient(135deg, #32281B, #53432D)
}

.raceWin-box .box.coming-soon .icon-info,
.raceWin-box .box.coming-soon .raceWin-list {
    display: none
}

.raceWin-box .box.coming-soon .raceWin-countdown {
    display: flex
}

.raceWin-box .box.coming-soon .game-box,
.raceWin-box .box.coming-soon .game-box::after {
    background-image: linear-gradient(#9DA3AF, #5C6370)
}

.raceWin-box .raceWin-countdown {
    display: none;
    position: absolute;
    top: 10px;
    height: calc(100% - 20px);
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
    background-image: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 100%)
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-countdown {
        gap: 5px;
        left: calc(84.3333333333px + 2.5px);
        width: calc(100% - 84.3333333333px - 2.5px)
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-countdown {
        gap: 10px;
        left: calc(103.3333333333px + 2.5px);
        width: calc(100% - 103.3333333333px - 2.5px)
    }
}

.raceWin-box .raceWin-countdown .countdown-txt {
    display: block;
    position: relative;
    padding: 2px 0;
    font-weight: bold;
    text-align: center;
    color: #FFF
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-countdown .countdown-txt {
        font-size: 22px
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-countdown .countdown-txt {
        font-size: 28px
    }
}

.raceWin-box .raceWin-countdown .countdown-time {
    display: block;
    text-align: center;
    z-index: 2
}

.raceWin-box .raceWin-countdown .countdown-time span {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 2px 0;
    margin: 0 1px;
    font-weight: bold;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-countdown .countdown-time span {
        width: 34px;
        font-size: 14px
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-countdown .countdown-time span {
        width: 40px;
        font-size: 18px
    }
}

.raceWin-box .raceWin-countdown .countdown-time span::after {
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    font-weight: 400;
    text-transform: initial;
    color: rgba(255, 255, 255, 0.5)
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-countdown .countdown-time span::after {
        font-size: 8px
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-countdown .countdown-time span::after {
        font-size: 10px
    }
}

.raceWin-box .raceWin-countdown .countdown-time span:nth-of-type(1)::after {
    content: 'Hour'
}

.raceWin-box .raceWin-countdown .countdown-time span:nth-of-type(2)::after {
    content: 'Min'
}

.raceWin-box .raceWin-countdown .countdown-time span:nth-of-type(3)::after {
    content: 'Sec'
}

.raceWin-box .raceWin-list {
    display: inline-flex;
    vertical-align: middle;
    overflow-x: scroll;
    overflow-y: hidden
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-list {
        gap: 5px;
        width: calc(100% - 84.3333333333px + 68px / 6);
        margin-left: calc(68px / 6 * (-1));
        padding-left: calc(68px / 6)
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-list {
        gap: 8px;
        width: calc(100% - 103.3333333333px + 80px / 6);
        margin-left: calc(80px / 6 * (-1));
        padding-left: calc(80px / 6)
    }
}

.raceWin-box .raceWin-list li {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.08));
    padding: 5px 0 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    min-width: calc(100% / 3)
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-list li {
        border-radius: 5px;
        width: calc(100% / 3)
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-list li {
        border-radius: 8px;
        width: 135px
    }
}

@media (min-width: 1024px) {
    .raceWin-box .raceWin-list li {
        width: 210px
    }
}

.raceWin-box .raceWin-list li .info-goal {
    order: 1;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px 0
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-list li .info-goal {
        font-size: 12px;
        letter-spacing: -0.5px
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-list li .info-goal {
        font-size: calc(12px + 2px);
        padding: 5px 0
    }
}

.raceWin-box .raceWin-list li .info-goal .icon-lock {
    display: none
}

.raceWin-box .raceWin-list li .info-prize {
    order: 2;
    font-weight: bold;
    padding: 5px;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(#FFEA80, #fa0)
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-list li .info-prize {
        font-size: 12px;
        letter-spacing: -1px
    }

    .raceWin-box .raceWin-list li .info-prize::before {
        font-size: calc(12px - 4px)
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-list li .info-prize {
        font-size: calc(14px + 2px)
    }

    .raceWin-box .raceWin-list li .info-prize::before {
        font-size: calc(14px - 4px)
    }
}

.raceWin-box .raceWin-list li .info-prize::before {
    display: inline-block;
    content: 'PRIZE';
    font-weight: bold;
    letter-spacing: initial;
    margin-right: 2.5px
}

.raceWin-box .raceWin-list li .info-winner {
    order: 3;
    width: calc(100% - (5px * 2));
    margin: 0 5px;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.5);
    text-align: left
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-list li .info-winner {
        border-radius: 2.5px
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-list li .info-winner {
        border-radius: 5px;
        padding: 2.5px 5px
    }
}

.raceWin-box .raceWin-list li .info-winner i,
.raceWin-box .raceWin-list li .info-winner span {
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.5)
}

.raceWin-box .raceWin-list li .info-winner i {
    font-size: 12px
}

.raceWin-box .raceWin-list li .info-winner span {
    font-size: 12px;
    letter-spacing: 5px
}

.raceWin-box .raceWin-list li .info-winner span:first-of-type {
    display: none
}

.raceWin-box .raceWin-list li .info-winner span:last-of-type {
    width: calc(100% - 12px);
    text-align: center
}

.raceWin-box .raceWin-list li .info-winner .icon-jackpot1 {
    font-size: calc(12px + 2px)
}

.raceWin-box .raceWin-list li .info-winner .icon-jackpot1::before {
    content: '\ea84'
}

.raceWin-box .raceWin-list li .info-stamp {
    display: none;
    position: absolute;
    top: 5px;
    left: 45%;
    transform: translateX(-50%) rotate(-5deg);
    text-align: left;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.9);
    border: 1.5px solid rgba(255, 255, 255, 0.9);
    border-radius: 2px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

@media (max-width: 719px) {
    .raceWin-box .raceWin-list li .info-stamp {
        font-size: 12px
    }
}

@media (min-width: 720px) {
    .raceWin-box .raceWin-list li .info-stamp {
        font-size: 14px
    }

    .raceWin-box .raceWin-list li .info-stamp .info-btn.icon-link {
        line-height: 30px
    }
}

@media (min-width: 1024px) {
    .raceWin-box .raceWin-list li .info-stamp {
        top: 10px
    }

    .raceWin-box .raceWin-list li .info-stamp .stamp-txt,
    .raceWin-box .raceWin-list li .info-stamp .stamp-player {
        display: inline-block;
        padding: 2px 4px
    }

    .raceWin-box .raceWin-list li .info-stamp .info-btn.icon-link {
        line-height: 20px
    }
}

.raceWin-box .raceWin-list li .info-stamp .stamp-txt {
    text-transform: uppercase
}

.raceWin-box .raceWin-list li .info-stamp span {
    padding: 0 4px;
    display: block
}

.raceWin-box .raceWin-list li .info-stamp .icon-link {
    position: absolute;
    left: calc(100% + 1.5px);
    top: 0;
    height: 100%;
    line-height: 26px;
    font-weight: bold;
    padding: 0 2.5px;
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0 1px 1px 0;
    outline: 1.5px solid rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.raceWin-box .raceWin-list li.win .info-stamp {
    display: block
}

.raceWin-box .raceWin-list li.win .info-winner {
    background: linear-gradient(#FFEA80, #fa0)
}

.raceWin-box .raceWin-list li.win .info-winner i,
.raceWin-box .raceWin-list li.win .info-winner span {
    font-weight: 600;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.7)
}

.raceWin-box .raceWin-list li.is-you .info-stamp {
    background-image: linear-gradient(#FFEA80, #fa0);
    border: none;
    color: #333
}

.raceWin-box .raceWin-list li.is-you .info-stamp span {
    vertical-align: top
}

.raceWin-box .raceWin-list li.is-you .info-stamp .stamp-player {
    display: inline-block;
    max-width: 65px;
    overflow: hidden;
    text-overflow: ellipsis
}

.raceWin-box .raceWin-list li.is-you .icon-link {
    left: calc(100% - 1.5px)
}

.raceWin-box .raceWin-list li.is-you .info-btn {
    outline: none;
    background-color: #000
}

.raceWin-box .raceWin-list li.is-you .info-btn::before {
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(#FFEA80, #fa0)
}

.raceWin-box .game-box {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 2.5px;
    background-image: linear-gradient(#FFEA80, #fa0)
}

@media (max-width: 719px) {
    .raceWin-box .game-box {
        margin-right: calc(68px / 6 + 2.5px);
        border-radius: calc(5px + 2px)
    }

    .raceWin-box .game-box::after {
        width: calc(68px / 6);
        height: calc(68px - 2.5px)
    }
}

@media (min-width: 720px) {
    .raceWin-box .game-box {
        margin-right: calc(80px / 6 + 5px);
        border-radius: calc(8px + 2px)
    }

    .raceWin-box .game-box::after {
        width: calc(80px / 6);
        height: calc(80px - 5px)
    }
}

.raceWin-box .game-box::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% - 0.5px);
    transform: translateY(-50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-image: linear-gradient(#FFEA80, #fa0)
}

.raceWin-box .game-box .item-game {
    aspect-ratio: 1/1;
    border: 1.5px solid rgba(0, 0, 0, 0.7)
}

@media (max-width: 719px) {
    .raceWin-box .game-box .item-game {
        width: 68px;
        border-radius: 5px
    }
}

@media (min-width: 720px) {
    .raceWin-box .game-box .item-game {
        width: 80px;
        border-radius: 8px
    }
}

.raceWin-box .game-box .icon-info {
    aspect-ratio: 1/1;
    position: absolute;
    left: 2.5px;
    bottom: 2.5px;
    font-size: calc(12px + 4px);
    padding: calc(2.5px + 2px);
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.raceWin-box .game-box .icon-info::before {
    content: '\ea5c'
}

@media (max-width: 719px) {
    .raceWin-box .game-box .icon-info {
        border-radius: 0 12px 0 5px
    }
}

@media (min-width: 720px) {
    .raceWin-box .game-box .icon-info {
        border-radius: 0 12px 0 8px
    }
}

.raceWin-box .game-box .item-platform {
    aspect-ratio: 1/1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.5px;
    box-sizing: content-box;
    width: 18px;
    padding: 0 8px;
    border-radius: 0 0 12px 12px;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

@media (max-width: 719px) {
    .POPULAR.device-mobile .game-box {
        margin-right: 10px
    }
}

@media (min-width: 720px) {
    .device-mobile .raceWin-box {
        max-width: 550px
    }
}

@media (min-width: 1024px) {
    .device-mobile .raceWin-box {
        max-width: 770px
    }
}

.device-PC .raceWin-box {
    max-width: 940px
}

.device-PC .raceWin-box .box {
    padding-bottom: 3px
}

.device-PC .raceWin-box .raceWin-top .raceWin-title {
    font-size: calc(16px + 8px);
    line-height: 30px
}

.device-PC .raceWin-box .raceWin-top .raceWin-subTitle {
    font-size: calc(16px - 2px);
    line-height: 20px
}

.device-PC .raceWin-box .raceWin-top .icon-tournament::before {
    font-size: 30px
}

.device-PC .raceWin-box .raceWin-countdown {
    top: 15px;
    cursor: pointer
}

.device-PC .raceWin-box .countdown-time {
    width: 120px;
    left: calc(8px + 2.5px);
    bottom: calc(5px + 0.5px)
}

.device-PC .raceWin-box .raceWin-list {
    width: calc(100% - 150px + 120px / 6);
    padding-bottom: 10px;
    margin-left: calc(120px / 6 * (-1));
    padding-left: calc(- (120px / 6));
    overflow-x: auto;
    overflow-y: hidden
}

.device-PC .raceWin-box .raceWin-list::-webkit-scrollbar {
    height: 10px;
    border-radius: 10px
}

.device-PC .raceWin-box .raceWin-list::-webkit-scrollbar-track {
    border: none;
    background-color: transparent
}

.device-PC .raceWin-box .raceWin-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.3)
}

.device-PC .raceWin-box .raceWin-list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

.device-PC .raceWin-box .raceWin-list::-webkit-scrollbar-button,
.device-PC .raceWin-box .raceWin-list::-webkit-scrollbar-corner,
.device-PC .raceWin-box .raceWin-list::-webkit-resizer {
    background-color: transparent
}

.device-PC .raceWin-box .raceWin-list li {
    cursor: pointer;
    gap: 5px;
    min-width: 210px;
    padding: 5px 0
}

.device-PC .raceWin-box .raceWin-list li:hover {
    background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1))
}

.device-PC .raceWin-box .raceWin-list li .info-goal {
    padding: 8px 0;
    font-size: 16px
}

.device-PC .raceWin-box .raceWin-list li .info-prize {
    font-size: calc(16px + 2px)
}

.device-PC .raceWin-box .raceWin-list li .info-prize::before {
    margin-right: 5px
}

.device-PC .raceWin-box .raceWin-list li .info-stamp {
    top: 15px;
    font-size: 16px
}

.device-PC .raceWin-box .raceWin-list li .info-stamp .icon-link {
    padding: 5px;
    padding-left: calc(5px + 1px);
    line-height: 10px
}

.device-PC .raceWin-box .game-box {
    cursor: pointer;
    margin-right: calc(120px / 6 + 5px)
}

.device-PC .raceWin-box .game-box::after {
    width: calc(120px / 6);
    height: calc(120px - 5px);
    left: calc(100% - 1px)
}

.device-PC .raceWin-box .game-box:hover {
    filter: brightness(1.1)
}

.device-PC .raceWin-box .game-box .item-game {
    width: 120px
}

.device-PC .raceWin-box .game-box .item-platform {
    width: 28px;
    padding: 0 12px;
    border-radius: 0 0 18px 18px
}

.TMT .raceWin-box .game-box .item-platform {
    top: 0
}

.TMT .raceWin-box .game-box .item-game {
    border-radius: 300px
}

.TMT .raceWin-box .game-box .icon-info {
    border-radius: 8px
}

.MWGAMING .raceWin-box {
    background-image: linear-gradient(90deg, #222 0%, #414958 50%, #222 100%)
}

.page-web {
    min-width: auto;
    font-size: initial
}

.page-web .page-search .section-box {
    margin: 0 auto;
    text-align: center
}

.page-web .page-search .section-box .game-search-box {
    text-align: center;
    margin: 0 auto 10px auto;
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
    border-radius: 100px;
    width: 85%;
    max-width: 350px;
    padding: 20px 15px 15px 15px
}

.page-web .page-search .section-box .game-search-box label {
    display: none
}

.page-web .page-search .section-box .game-search-box .form-group {
    position: relative;
    flex-grow: 1;
    margin-bottom: 0;
    border-radius: 100px;
    background: none
}

.page-web .page-search .section-box .game-search-box .form-group i {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #676d83
}

.page-web .page-search .section-box .game-search-box .form-group .form-control {
    width: 100%;
    background: #09121c;
    border: none;
    color: #dae7f4;
    border-radius: 100px;
    padding: 5px 10px 5px 40px;
    font-size: 16px;
    line-height: 35px
}

.page-web .page-search .section-box .game-search-box .form-group .form-control::-webkit-search-cancel-button {
    display: none
}

.page-web .page-search .section-box .game-search-box .form-group .form-control:focus-visible {
    box-shadow: 0 0 3px #333;
    outline: 2px solid #43698f
}

.page-web .page-search section.game-wrap .game-icon.col-7 {
    display: grid;
    grid-template-columns: repeat(5, 20%);
    justify-self: center
}

a:hover {
    text-decoration: unset
}

p {
    margin: 0
}

nav li a:hover {
    text-decoration: unset;
    color: #E1BE83
}

.modal-header {
    text-align: right;
    padding: 0;
    margin: 0;
    border: none;
    display: block
}

.modal-header .inputCheckbox {
    vertical-align: top
}

.modal-header .close {
    opacity: 1;
    margin: 0
}

.owl-carousel .owl-dots {
    border-radius: 20px 20px 0 0;
    width: auto;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
    background: rgba(20, 36, 50, 0.75);
    display: inline-block;
    height: 30px
}

.owl-carousel .owl-dots button {
    height: 30px
}

.owl-carousel .owl-dots .owl-dot span {
    margin: 2px 8px;
    background: #e1be83;
    border-radius: 100px
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    margin: 2px 8px;
    background-color: #fff;
    box-shadow: 0px 2px 8px #525252
}

.owl-banner-box {
    background-color: #0c151d
}

.owl-banner {
    margin: 0 auto 15px auto;
    max-width: 1440px
}

.owl-banner .item img {
    margin: 0 auto
}

.game-list-promo {
    border-radius: 25px 25px 0 0;
    position: fixed;
    bottom: -130px;
    left: calc(50% - 300px);
    z-index: 120;
    width: 700px;
    margin: 0 auto;
    padding: 5px 5px 0 5px;
    background-color: #fff;
    transition: all 0.3s
}

.game-list-promo.show-promo {
    bottom: 0
}

.game-list-promo.show-promo .promo-toogle-btn {
    top: 5px;
    right: 5px;
    text-align: center;
    transition: all 0.3s;
    width: auto
}

.game-list-promo.show-promo .promo-toogle-btn i {
    font-size: 130%;
    font-weight: bold;
    background-color: #e2f0ff
}

.game-list-promo a {
    background: #fff;
    border-radius: 5px 5px 0 0;
    text-align: center
}

.game-list-promo a:hover {
    text-decoration: unset
}

.game-list-promo .promo-toogle-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    background: none;
    text-align: right;
    transition: all 0.3s
}

.game-list-promo .promo-toogle-btn>i {
    display: inline-block;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    font-size: 0;
    line-height: 35px;
    color: #007bff;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    background-color: none;
    transition: all 0.3s
}

.game-list-promo .nav {
    height: auto;
    background: #fff;
    border-radius: 20px 20px 0 0;
    display: flex;
    width: 100%
}

.game-list-promo .nav .nav-link {
    text-decoration: unset;
    margin: 0 10px;
    background: none
}

.game-list-promo .nav .nav-link.active {
    border-bottom: 2px solid #007bff
}

.game-list-promo .nav .nav-link .My-ticket {
    border-radius: 100px;
    background-color: #007bff;
    color: #fff;
    line-height: 20px;
    padding: 0 5px 0 0;
    font-size: 75%;
    min-width: 40px
}

.game-list-promo .nav .nav-link .My-ticket i {
    line-height: normal
}

.game-list-promo .owl-carousel.owl-games {
    margin: 0
}

.game-list-promo .owl-carousel.owl-games .owl-stage-outer {
    padding: 0
}

.game-list-promo .owl-carousel.owl-games .owl-stage-outer .owl-item {
    text-align: center
}

.game-list-promo .owl-carousel.owl-games .owl-stage-outer li {
    padding: 10% 8%
}

.game-list-promo .owl-carousel.owl-games .owl-stage-outer li img {
    box-shadow: 0 10px 35px #0000009c;
    width: 100px;
    border-radius: 20px
}

.game-list-promo .owl-carousel.games-bonus .owl-item::before {
    content: '';
    position: absolute;
    top: 9px;
    left: calc(50% - 55px);
    height: 110px;
    width: 110px;
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    border-radius: 25px;
    z-index: -1;
    animation: games-bonus-animated 3s ease alternate infinite;
    background-size: 300% 300%
}

@keyframes games-bonus-animated {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.modal .modal-content {
    background-color: #152433;
    box-shadow: 0 5px 10px #090e14;
    border: 4px solid #28394b;
    border-radius: 15px;
    width: 90%;
    margin: 0 auto
}

.modal .modal-content .close {
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 2px;
    opacity: 1;
    background: #454545c9;
    border-radius: 50px
}

.modal .modal-content .close i {
    color: #c9c9c9;
    font-size: 34px;
    line-height: 34px;
    text-shadow: none
}

.modal .modal-content .modal-header {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    color: #c9c9c9
}

.modal .modal-content .modal-header .modal-title {
    text-align: left;
    font-size: 17px;
    line-height: 34px;
    padding: 5px 10px
}

.modal .modal-content .modal-title .show-wager {
    top: -20px
}

.modal.modal-bonus-detail .modal-header .close {
    top: -5px
}

body.modal-open {
    overflow: hidden
}

body.modal-open.device-PC .modal-box .social-media li img {
    display: block
}

.modal-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2501
}

.modal-box.show .modal-mask {
    display: block
}

.modal-box.show .modal-main {
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s
}

.modal-box.hide .modal-main {
    transform: translate(-50%, -60%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s
}

.modal-box .modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    display: none
}

.modal-top {
    position: relative;
    width: 100%;
    padding: 4px 20px;
    z-index: 1
}

.modal-top .close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.modal-top .close:hover,
.modal-top .close:focus {
    color: #fff
}

.modal-top .language-select {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 130px;
    cursor: pointer
}

.modal-top .language-select::after {
    content: "\e902";
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-family: 'icomoon' !important;
    font-size: 14px;
    font-weight: 500
}

.modal-top .language-select .icon-language {
    font-size: 20px;
    color: #666
}

.modal-top .language-select .language {
    padding: 0 .375rem;
    color: #fff;
    background-color: transparent;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.modal-top .language-select .language:focus {
    outline: none;
    box-shadow: none
}

.modal-top .language-select .language option {
    color: #222
}

.modal-main {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 90%;
    max-width: 450px;
    height: auto;
    min-height: 30vh;
    max-height: 70vh;
    background-color: #152433;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    border: 2px solid #28394B;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s
}

.modal-main button {
    text-shadow: none;
    color: #fff;
    opacity: 1;
    background-color: transparent;
    font-weight: 500
}

.modal-main input {
    all: unset
}

.modal-main input:focus {
    all: unset
}

.modal-main input::placeholder {
    color: #ffffff00 !important
}

.modal-main input[type="number"]::-webkit-outer-spin-button,
.modal-main input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield
}

.modal-layout {
    overflow-y: auto;
    max-height: calc(80vh - 1.5em - .75rem - 25px);
    text-align: center
}

.modal-layout .img-logo {
    max-height: 60px;
    max-width: 200px;
    object-fit: contain;
    margin: 0;
    padding-top: 2px
}

.modal-layout .tab-pane {
    text-align: right
}

.modal-layout .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: calc(100% - 60px);
    margin: 8px auto 4px;
    background-color: rgba(0, 0, 0, 0.388235);
    padding: 4px;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5)
}

.modal-layout .nav a.nav-tab {
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 6px 8px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.388235);
    text-decoration: none
}

.modal-layout .nav a.nav-tab.active {
    background-color: rgba(255, 255, 255, 0.5)
}

.modal-layout .tab-content {
    position: relative;
    padding: 32px 20px 8px 20px;
    height: auto
}

.modal-layout .form-group {
    position: relative;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.388235);
    margin-bottom: 32px;
    text-align: left;
    border-radius: 6px
}

.modal-layout .form-group:last-of-type {
    margin-bottom: 4px
}

.modal-layout .form-group label {
    position: absolute;
    top: -24px;
    left: 8px;
    line-height: 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5)
}

.modal-layout .form-group input {
    width: calc(100% - 16px);
    height: 42px;
    font-size: 14px;
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px
}

.modal-layout .form-group .control-btn {
    top: 50%;
    left: auto;
    right: 16px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.388235);
    box-shadow: inset 0 0 0 1.2px #ffffff38;
    border-radius: 40px
}

.modal-layout .form-group .control-btn input[type="checkbox"] {
    display: none
}

.modal-layout .form-group .control-btn i {
    position: relative;
    display: none;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 40px;
    vertical-align: middle;
    transition: background 0.3s, border-color 0.3s;
    font-size: 24px
}

.modal-layout .form-group .control-btn input[type="checkbox"]:checked~.icon-checked {
    display: block;
    background-color: rgba(255, 255, 255, 0.25)
}

.modal-layout .form-group .control-btn .txt-tooltip {
    display: inline-block;
    position: absolute;
    left: 36%;
    transform: translateX(-50%);
    bottom: 28px;
    background-color: #393838db;
    color: #fff;
    padding: 4px;
    border-radius: 5px;
    font-size: 10px;
    line-height: normal;
    vertical-align: middle;
    min-width: 90px;
    min-height: 20px;
    text-align: center;
    pointer-events: none;
    transition: opacity 1s ease-in-out
}

.modal-layout .form-group .control-btn .txt-tooltip::before {
    content: '';
    position: absolute;
    left: 56%;
    bottom: -7px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #393838db transparent transparent transparent
}

.modal-layout .form-group .control-btn .icon-eye {
    display: block
}

.modal-layout .form-group .control-btn .icon-eye::before,
.modal-layout .form-group .control-btn .icon-eye::after {
    content: ''
}

.modal-layout .form-group .control-btn .icon-eye::before {
    content: "\e91d";
    display: none
}

.modal-layout .form-group .control-btn .icon-eye::after {
    content: "\e91c"
}

.modal-layout .form-group .control-btn input[type="checkbox"]:checked~.icon-eye::before {
    display: block
}

.modal-layout .form-group .control-btn input[type="checkbox"]:checked~.icon-eye::after {
    display: none
}

.modal-layout .form-group a.btn-SMS {
    position: absolute;
    top: 50%;
    left: auto;
    right: 8px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 30px;
    padding: 4px 6px;
    background: linear-gradient(0deg, #ECC86E 0%, #BFA85D 100%);
    color: #fff;
    border-radius: 6px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.388235);
    text-decoration: none
}

.modal-layout .txt-info {
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    font-size: 12px;
    padding: 4px;
    text-align: left
}

.modal-layout .txt-link {
    position: relative;
    padding: 8px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline
}

.modal-layout .btn-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4px 20px;
    gap: 12px
}

.modal-layout .btn-list .btn {
    position: relative;
    background: linear-gradient(0deg, #ECC86E 0%, #BFA85D 100%);
    width: 100%;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    gap: 6px;
    padding: 8px 4px;
    font-size: 120%
}

.modal-layout .btn-list .btn img {
    width: 16px;
    height: 16px
}

.modal-layout .btn-list .btn:hover,
.modal-layout .btn-list .btn:active,
.modal-layout .btn-list .btn:focus {
    color: #fff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.5)
}

.modal-layout .btn-list .btn.btn-google {
    background: #fff;
    color: #5c5c5c;
    text-shadow: none;
    border-color: rgba(0, 0, 0, 0.388235)
}

.modal-layout .btn-list .btn.btn-google:hover,
.modal-layout .btn-list .btn.btn-google:active,
.modal-layout .btn-list .btn.btn-google:focus {
    color: #5c5c5c
}

.modal-layout .btn-list .btn.btn-facebook {
    background: #1877f2
}

.modal-layout .btn-list .btn.btn-facebook i::before {
    color: #fff;
    font-size: 16px
}

.modal-layout .btn-list .btn.btn-signUp {
    background: rgba(0, 0, 0, 0.388235);
    border-color: #ECC86E;
    color: #ECC86E
}

.modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #ECC86E
}

.modal-layout .btn-list .tit {
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: center
}

.modal-layout .btn-list .tit::before,
.modal-layout .btn-list .tit::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 25%;
    background-color: rgba(255, 255, 255, 0.5)
}

.modal-layout .btn-list .tit::after {
    right: 0;
    left: auto
}

.modal-layout .social-media {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 7px;
    flex-wrap: wrap
}

.modal-layout .social-media.num-1 {
    flex-wrap: nowrap
}

.modal-layout .social-media.num-2 {
    flex-wrap: nowrap
}

.modal-layout .social-media.num-3 {
    flex-wrap: nowrap
}

.modal-layout .social-media.num-4 {
    flex-wrap: nowrap
}

.modal-layout .social-media.num-5 {
    flex-wrap: nowrap
}

.modal-layout .social-media.num-6 {
    flex-wrap: nowrap
}

.modal-layout .social-media li {
    all: unset;
    position: relative;
    width: 16% !important;
    height: 16%;
    aspect-ratio: 1/1
}

.modal-layout .social-media li:hover .contact-box,
.modal-layout .social-media li:active .contact-box,
.modal-layout .social-media li:focus .contact-box {
    display: block
}

.modal-layout .social-media li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: rgba(0, 0, 0, 0.388235);
    width: 100%;
    height: 100%;
    text-decoration: none
}

.modal-layout .social-media li a .tit,
.modal-layout .social-media li a span {
    display: none;
    transition: all 0.15s ease-in-out
}

.modal-layout .social-media li a .icon {
    border-radius: 100px;
    text-align: center;
    transition: all 0.15s ease-in-out
}

.modal-layout .social-media li a .icon.icon-phone {
    color: #222
}

.modal-layout .social-media li a>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.modal-layout .social-media li .contact-box {
    display: none;
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    min-width: 80px;
    height: auto;
    padding: 2px 4px 4px 4px;
    background-color: #000000bf;
    border-radius: 4px;
    z-index: 1206
}

.modal-layout .social-media li .contact-box .arrow {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    display: block;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #000000bf
}

.modal-layout .social-media li .contact-box .contact-box-inner {
    color: #fff
}

.modal-layout .social-media li .contact-box img {
    display: none;
    border-radius: 4px
}

.modal-layout .badge-group {
    background-color: rgba(0, 0, 0, 0.388235);
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: 8px 4px;
    font-size: 12px;
    margin-top: 4px
}

.modal-layout .badge-group span {
    font-size: 12px;
    line-height: 12px;
    padding: 8px 0
}

.modal-layout .badge-group span:last-of-type {
    margin-left: 8px
}

.modal-layout .badge-group p {
    margin: 4px;
    line-height: 12px;
    display: block
}

.modal-layout .badge-group i {
    margin-right: 4px
}

.modal-layout .badge-group i::before {
    color: rgba(255, 255, 255, 0.5)
}

.modal-layout .txt-error {
    color: #d32f2f;
    text-align: left;
    padding: 4px 14px;
    font-size: 12px;
    line-height: 20px;
    text-transform: capitalize
}

.modal-layout .txt-error p {
    display: inline-block;
    margin: 0
}

body.device-PC .modal-layout .social-media {
    gap: 12px
}

body.device-PC .modal-layout .social-media li {
    width: 11% !important;
    height: 11%
}

.modal-box.modal-jpList .modal-main {
    overflow: visible;
    border-radius: 8px;
    background-image: linear-gradient(-180deg, #c57030 0%, #6c2223 100%);
    border-color: #fcda00
}

.modal-box.modal-jpList .modal-top {
    height: 35px
}

.modal-box.modal-jpList .modal-top .modal-main-title {
    position: absolute;
    left: 0;
    top: -125px;
    width: 100%;
    text-align: center
}

.modal-box.modal-jpList .modal-top .modal-main-title .icon {
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    color: #8f4e24;
    font-size: 30px
}

.modal-box.modal-jpList .modal-top .modal-main-title .icon::before {
    color: #8f4e24
}

.modal-box.modal-jpList .modal-top .modal-main-title img {
    width: 190px;
    height: 155px;
    object-fit: contain
}

.modal-box.modal-jpList .modal-top button.close {
    width: 30px;
    margin-right: -17px;
    margin-top: -14px
}

.modal-box.modal-jpList .modal-top .img-platformLogo {
    position: absolute;
    top: -2px;
    left: 10px;
    width: 39px;
    height: 39px;
    object-fit: contain
}

.modal-box.modal-jpList .modal-layout {
    padding: 0 4px;
    max-height: calc(76vh - 1.5em - .75rem - 150px)
}

.modal-box.modal-jpList .modal-layout .modal-subTitle {
    position: sticky;
    top: -0.2px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 20px;
    background-color: #8f4e24;
    padding: 2px 6px;
    z-index: 1
}

.modal-box.modal-jpList .modal-layout .modal-subTitle p {
    display: inline-block;
    color: #fff;
    margin: 0;
    font-size: 10px
}

.modal-box.modal-jpList .modal-layout .modal-subTitle p:first-of-type {
    text-align: left
}

.modal-box.modal-jpList .modal-layout .modal-subTitle p:last-child {
    text-align: right
}

.modal-box.modal-jpList .modal-layout .modal-subTitle p:nth-of-type(1),
.modal-box.modal-jpList .modal-layout .modal-subTitle p:nth-of-type(2) {
    min-width: 38%
}

.modal-box.modal-jpList .modal-layout .modal-subTitle p:nth-of-type(3) {
    min-width: 24%
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 12px;
    border-bottom: 1px solid #00000039;
    padding: 0 6px
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem>div {
    padding: 4px 0;
    height: 100%;
    text-align: left
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem>div span {
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-bonus,
.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-percent {
    width: 40%
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-percent {
    width: 20%
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-bonus {
    position: relative;
    background-color: #00000039;
    border-radius: 50px;
    padding: 0px 8px 0px 24px;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-bonus::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background-image: url("../../../theme/images/src-common/JACKPOT-img/jackpotList_coin.webp");
    background-size: contain;
    background-position: center
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-note {
    text-align: left
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-date {
    color: #fcda00;
    font-size: 10px;
    max-width: 90%;
    white-space: pre-wrap
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-bonus {
    color: #fcda00;
    font-weight: bold;
    line-height: normal;
    padding: 0;
    margin: 0;
    text-align: right;
    font-size: 10px;
    white-space: nowrap
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-bonus::before {
    padding: 0;
    margin: 0;
    font-size: 8px;
    line-height: normal
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .extra-bonus {
    line-height: 12px;
    text-align: right;
    font-size: 10px;
    margin: 0
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .extra-bonus::before {
    content: '+';
    position: relative;
    font-size: 8px
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .win-percent {
    text-align: right;
    padding-right: 4px
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-percent {
    margin: 0;
    background-color: #fff;
    color: #45160E;
    border-radius: 40px;
    display: inline;
    padding: 2px 4px;
    font-weight: bold
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .modal-layoutItem .txt-percent::after {
    content: '%';
    position: relative;
    font-size: 8px;
    font-weight: normal
}

.modal-box.modal-jpList .modal-layout .modal-layoutList .win-jp {
    border-left: 4px solid #ffc107
}

.modal-box.modal-jpList .info-box {
    position: relative;
    width: 95%;
    margin: 0 auto 4px auto;
    background-color: #45160E;
    padding: 4px 4px 4px 40px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #fcda00;
    padding: 4px 4px 4px 70px;
    z-index: 1
}

.modal-box.modal-jpList .info-box .JP-promoSticky {
    top: 5px;
    left: -20px;
    height: 19px;
    padding: 2px 20px 0px 20px;
    font-size: 13px
}

.modal-box.modal-jpList .info-box p {
    position: relative;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    margin: 0 0 2px 0;
    text-align: left
}

.modal-box.modal-jpList .info-box p::before {
    content: '';
    position: absolute;
    top: 6px;
    left: -7px;
    display: inline-block;
    width: 2px;
    height: 2px;
    background-color: #fff;
    border-radius: 10px;
    margin-right: 4px
}

.ALO789 .modal-main .modal-layout .img-logo {
    max-height: 80px;
    max-width: 175px
}

.ALO789 .modal-main .modal-layout .btn-list .btn.btn-logIn {
    border: 2px solid #dd7411;
    background: linear-gradient(0deg, #c1620a, #dd7411)
}

.ALO789 .modal-main .modal-layout .btn-list .btn.btn-signUp {
    border-color: #dd7411;
    color: #dd7411
}

.ALO789 .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #dd7411
}

.ALO789 .modal-main .form-group a.btn-SMS {
    background: #dd7411;
    border-color: #dd7411;
    color: #fff
}

.BUENASB .modal-main,
.MWGAMING .modal-main {
    background: #272727;
    border: 4px solid #383838
}

.IRONMAN1688 .modal-main .modal-layout .btn-list .btn.btn-logIn {
    border: 2px solid #c00d1e;
    background: linear-gradient(0deg, #A60D1E 25%, #c00d1e 100%)
}

.IRONMAN1688 .modal-main .modal-layout .btn-list .btn.btn-signUp {
    border-color: #c00d1e;
    color: #c00d1e
}

.IRONMAN1688 .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #c00d1e
}

.IRONMAN1688 .modal-main .form-group a.btn-SMS {
    background: #c00d1e;
    border-color: #c00d1e;
    color: #fff
}

.MWCASH .modal-main {
    border: none;
    background: rgba(12, 34, 76, 0.8);
    backdrop-filter: blur(5px);
    border-bottom: 2px solid #b9964c;
    box-shadow: 0 3px 10px #000000a2
}

.MWCASH .modal-main .modal-layout .form-group label {
    color: #b9964c
}

.MWCASH .modal-main .modal-layout .btn-list .btn.btn-logIn {
    border: 2px solid #684917;
    background: linear-gradient(0deg, #94732e 25%, #dfbc74 100%)
}

.MWCASH .modal-main .modal-layout .btn-list .btn.btn-signUp {
    border-color: #b9964c;
    color: #b9964c;
    background: #000000a2
}

.MWCASH .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #b9964c
}

.MWCASH .modal-main .form-group a.btn-SMS {
    background: #b9964c;
    border-color: #b9964c;
    color: #fff
}

.EXTREME88 .modal-main .modal-layout .btn-list .btn.btn-logIn,
.EXTREMECASH .modal-main .modal-layout .btn-list .btn.btn-logIn,
.APEX .modal-main .modal-layout .btn-list .btn.btn-logIn,
.EXTREMETMT .modal-main .modal-layout .btn-list .btn.btn-logIn,
.PESOGAMING .modal-main .modal-layout .btn-list .btn.btn-logIn,
.ESCALA .modal-main .modal-layout .btn-list .btn.btn-logIn {
    border: 2px solid #c91d2b;
    background: linear-gradient(0deg, #95101c, #c91d2b)
}

.EXTREME88 .modal-main .modal-layout .btn-list .btn.btn-signUp,
.EXTREMECASH .modal-main .modal-layout .btn-list .btn.btn-signUp,
.APEX .modal-main .modal-layout .btn-list .btn.btn-signUp,
.EXTREMETMT .modal-main .modal-layout .btn-list .btn.btn-signUp,
.PESOGAMING .modal-main .modal-layout .btn-list .btn.btn-signUp,
.ESCALA .modal-main .modal-layout .btn-list .btn.btn-signUp {
    border-color: #c91d2b;
    color: #c91d2b
}

.EXTREME88 .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before,
.EXTREMECASH .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before,
.APEX .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before,
.EXTREMETMT .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before,
.PESOGAMING .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before,
.ESCALA .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #c91d2b
}

.EXTREME88 .modal-main .form-group a.btn-SMS,
.EXTREMECASH .modal-main .form-group a.btn-SMS,
.APEX .modal-main .form-group a.btn-SMS,
.EXTREMETMT .modal-main .form-group a.btn-SMS,
.PESOGAMING .modal-main .form-group a.btn-SMS,
.ESCALA .modal-main .form-group a.btn-SMS {
    background: #c91d2b;
    border-color: #c91d2b;
    color: #fff
}

.MAXWIN .modal-main .img-logo,
.MAXWINPH .modal-main .img-logo {
    object-fit: cover
}

.MAXWIN .modal-main .modal-layout .btn-list .btn.btn-logIn,
.MAXWINPH .modal-main .modal-layout .btn-list .btn.btn-logIn {
    border: 2px solid #7f6dce;
    background: linear-gradient(0deg, #7150ba, #7f6dce)
}

.MAXWIN .modal-main .modal-layout .btn-list .btn.btn-signUp,
.MAXWINPH .modal-main .modal-layout .btn-list .btn.btn-signUp {
    border-color: #7f6dce;
    color: #7f6dce
}

.MAXWIN .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before,
.MAXWINPH .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #7f6dce
}

.MAXWIN .modal-main .form-group a.btn-SMS,
.MAXWINPH .modal-main .form-group a.btn-SMS {
    background: #7f6dce;
    border-color: #7f6dce;
    color: #fff
}

.ATLANTIS88 .modal-main .modal-layout .btn-list .btn.btn-logIn {
    border: 2px solid #038bc4;
    background: linear-gradient(to right, #038bc4, #074578)
}

.ATLANTIS88 .modal-main .modal-layout .btn-list .btn.btn-signUp {
    border-color: #038bc4;
    color: #038bc4
}

.ATLANTIS88 .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #038bc4
}

.ATLANTIS88 .modal-main .form-group a.btn-SMS {
    background: #038bc4;
    border-color: #038bc4;
    color: #fff
}

.TMT .modal-main .modal-layout .btn-list .btn.btn-logIn,
.TMTVIP .modal-main .modal-layout .btn-list .btn.btn-logIn,
.TMTVIPCASH .modal-main .modal-layout .btn-list .btn.btn-logIn {
    border: none;
    box-shadow: -1px -1px 1px 0px #ccc;
    background-image: linear-gradient(90deg, #80664C 0%, #EBD6AD 100%)
}

.TMT .modal-main .modal-layout .btn-list .btn.btn-signUp,
.TMTVIP .modal-main .modal-layout .btn-list .btn.btn-signUp,
.TMTVIPCASH .modal-main .modal-layout .btn-list .btn.btn-signUp {
    border-color: #EBD6AD;
    color: #EBD6AD
}

.TMT .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before,
.TMTVIP .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before,
.TMTVIPCASH .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #EBD6AD
}

.TMT .modal-main .form-group a.btn-SMS,
.TMTVIP .modal-main .form-group a.btn-SMS,
.TMTVIPCASH .modal-main .form-group a.btn-SMS {
    background-image: linear-gradient(90deg, #80664C 0%, #EBD6AD 100%);
    border-color: #EBD6AD;
    color: #fff;
    text-shadow: 0 1px 2px #222
}

.JADIA .modal-main .modal-layout .btn-list .btn.btn-logIn {
    border-color: #b001f0;
    background: linear-gradient(180deg, #b001f0, #36004a)
}

.JADIA .modal-main .modal-layout .btn-list .btn.btn-signUp {
    border-color: #b001f0;
    color: #b001f0
}

.JADIA .modal-main .modal-layout .btn-list .btn.btn-signUp i.icon::before {
    color: #b001f0
}

.JADIA .modal-main .form-group a.btn-SMS {
    background: #b001f0;
    border-color: #b001f0;
    color: #fff
}

.modal-raceWin.show {
    z-index: 2501
}

.modal-raceWin .modal-main {
    background: #313b46 !important;
    border-radius: 15px;
    border: none
}

.modal-raceWin .modal-top {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-raceWin .modal-top .modal-title {
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(#FFEA80, #fa0);
    text-transform: uppercase;
    font-style: italic;
    font-size: calc(16px + 4px);
    font-weight: calc(400 + 200);
    background-image: linear-gradient(#fb0, #fff)
}

.modal-raceWin .modal-top .close {
    float: none;
    font-size: calc(16px + 15px);
    position: absolute;
    top: 20px;
    right: 5px;
    background: rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
    border-radius: 100px;
    line-height: 30px;
    height: 30px;
    text-align: center
}

.modal-raceWin .modal-top .close i {
    display: flex;
    align-items: center
}

.modal-raceWin .modal-top .close i::before {
    text-align: center;
    height: 30px;
    display: inline-block;
    line-height: 30px
}

.modal-raceWin .modal-layout {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.modal-raceWin .modal-layout .modal-game-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 150px;
    padding: 3px;
    border-radius: 28px;
    color: #fff;
    background-image: linear-gradient(180deg, #B78342 0%, #F2EEC3 38.46%, #B78342 62%, #F2EEC3 100%);
    box-shadow: 0 6px 0 #A58B25;
    margin-bottom: 10px
}

.modal-raceWin .modal-layout .modal-game-box .item-platform {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 6px);
    height: 40px;
    object-fit: contain;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 100%);
    border-radius: 28px 28px 0 0
}

.modal-raceWin .modal-layout .modal-game-box .item-game {
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.7)
}

.modal-raceWin .modal-layout .info-stamp {
    display: none
}

.modal-raceWin .modal-layout table {
    width: 100%;
    margin: 15px;
    color: rgba(255, 255, 255, 0.7)
}

.modal-raceWin .modal-layout table thead {
    text-align: center;
    padding: 10px
}

.modal-raceWin .modal-layout table thead tr {
    height: 30px
}

.modal-raceWin .modal-layout table thead tr th {
    padding: 0 6px;
    font-size: calc(16px - 2px);
    font-weight: normal;
    opacity: .4
}

.modal-raceWin .modal-layout table tbody tr {
    height: 30px
}

.modal-raceWin .modal-layout table tbody tr:nth-child(odd) {
    background: #00000024
}

.modal-raceWin .modal-layout table tbody tr.win .info-txt {
    display: none
}

.modal-raceWin .modal-layout table tbody tr.win .info-stamp {
    display: inline-block
}

.modal-raceWin .modal-layout table tbody tr td {
    position: relative;
    padding: 0 6px;
    height: 50px
}

.modal-raceWin .modal-layout table tbody tr td span {
    font-size: calc(16px - 2px)
}

.modal-raceWin .modal-layout table tbody tr td .info-prize {
    font-size: 16px;
    font-weight: calc(400 + 200);
    letter-spacing: -0.5px;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(#FFEA80, #fa0)
}

.modal-raceWin .modal-layout table tbody tr td .info-prize::before {
    font-size: 10px
}

.modal-raceWin .modal-layout table tbody tr td .txt-currency::before {
    font-size: 10px
}

.modal-raceWin .modal-layout .modal-footer {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 15px
}

.modal-raceWin .modal-layout .modal-footer .btn-play {
    background: linear-gradient(#0dbafe, #5a44ec);
    text-decoration: none;
    border-radius: 100px;
    box-shadow: 0 0 0 3px #ffffff55;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 0 20px;
    width: 40%;
    line-height: 45px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out
}

.modal-raceWin .modal-layout .modal-footer .btn-play:hover {
    box-shadow: 0 0 0 5px #ffffff55
}

.modal-raceWin .modal-layout .modal-footer .txt {
    color: #ffffff7c;
    font-size: 12px
}

.modal-raceWin .modal-footer {
    border-top: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: calc(16px - 2px)
}

.modal-raceWin .modal-footer .info-box .list-dot {
    text-align: left
}

.modal-raceWin .modal-footer .info-box .list-dot li::before {
    color: #FFF
}

body.EZ .modal-raceWin tr.win .info-stamp,
body.WL .modal-raceWin tr.win .info-stamp,
body.type-BS .modal-raceWin tr.win .info-stamp {
    position: absolute;
    white-space: nowrap;
    z-index: 1;
    top: 50%;
    left: 15%;
    transform: rotate(-3deg) translateY(-50%);
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 2px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: rgba(195, 0, 0, 0.9);
    border: 1.5px solid rgba(195, 0, 0, 0.9);
    background-color: rgba(255, 255, 255, 0.8)
}

body.EZ .modal-raceWin tr.win .info-stamp span,
body.WL .modal-raceWin tr.win .info-stamp span,
body.type-BS .modal-raceWin tr.win .info-stamp span {
    padding: 0 2px
}

body.EZ .modal-raceWin tr.win .info-stamp .stamp-player,
body.WL .modal-raceWin tr.win .info-stamp .stamp-player,
body.type-BS .modal-raceWin tr.win .info-stamp .stamp-player {
    text-transform: none
}

body.EZ .modal-raceWin tr.win .info-stamp .icon-link,
body.WL .modal-raceWin tr.win .info-stamp .icon-link,
body.type-BS .modal-raceWin tr.win .info-stamp .icon-link {
    font-weight: bold;
    padding: 2.5px;
    padding-left: 3.5px
}

body.EZ .modal-raceWin tr.win .info-stamp .icon-link,
body.WL .modal-raceWin tr.win .info-stamp .icon-link,
body.type-BS .modal-raceWin tr.win .info-stamp .icon-link {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(195, 0, 0, 0.9)
}

body.POPULAR .modal-raceWin tr.win .info-stamp,
body.CLASSIC .modal-raceWin tr.win .info-stamp {
    position: absolute;
    white-space: nowrap;
    z-index: 1;
    top: 50%;
    left: 15%;
    transform: rotate(-3deg) translateY(-50%);
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 2px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: rgba(255, 255, 255, 0.9);
    border: 1.5px solid rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 0, 0, 0.5)
}

body.POPULAR .modal-raceWin tr.win .info-stamp span,
body.CLASSIC .modal-raceWin tr.win .info-stamp span {
    padding: 0 2px
}

body.POPULAR .modal-raceWin tr.win .info-stamp .stamp-player,
body.CLASSIC .modal-raceWin tr.win .info-stamp .stamp-player {
    text-transform: none
}

body.POPULAR .modal-raceWin tr.win .info-stamp .icon-link,
body.CLASSIC .modal-raceWin tr.win .info-stamp .icon-link {
    font-weight: bold;
    padding: 2.5px;
    padding-left: 3.5px
}

body.POPULAR .modal-raceWin tr.win .info-stamp .icon-link,
body.CLASSIC .modal-raceWin tr.win .info-stamp .icon-link {
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(255, 255, 255, 0.9)
}

body.type-R .modal-raceWin tr.win .username::before,
body.type-W .modal-raceWin tr.win .username::before,
body.type-L .modal-raceWin tr.win .username::before,
body.type-P .modal-raceWin tr.win .username::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 60px;
    background: url(https://img.mpsimg.com/theme/images/src-common/RACEWIN/taken.webp) center top no-repeat;
    background-size: 80px
}

body.type-R .modal-raceWin tr.win .info-stamp,
body.type-W .modal-raceWin tr.win .info-stamp,
body.type-L .modal-raceWin tr.win .info-stamp,
body.type-P .modal-raceWin tr.win .info-stamp {
    display: none !important
}

body.type-R .modal-raceWin .modal-top,
body.type-W .modal-raceWin .modal-top,
body.type-L .modal-raceWin .modal-top,
body.type-P .modal-raceWin .modal-top {
    background: url(https://img.mpsimg.com/theme/images/src-common/RACEWIN/title-bg.webp) center top no-repeat;
    background-size: 120%
}

body.body-iframe .modal-raceWin {
    z-index: 2147483647
}

body.body-iframe .modal-raceWin .modal-top .close {
    display: none
}

body.body-iframe .modal-raceWin .modal-footer .btn-play {
    display: none
}
.icon-banking {
    text-indent: unset
}

.txt-bonus {
    color: #fff
}

.txt-bonus::before {
    background-image: none;
    width: auto;
    height: auto;
    font-family: 'icomoon' !important;
    content: "\e913";
    line-height: 27px
}

.txt-bonus.USD,
.txt-bonus.SGD,
.txt-bonus.MYR,
.txt-bonus.THB,
.txt-bonus.IDR,
.txt-bonus.KHR,
.txt-bonus.JPY,
.txt-bonus.KRW,
.txt-bonus.HKD,
.txt-bonus.CNY,
.txt-bonus.MXN,
.txt-bonus.VND,
.txt-bonus.MMK,
.txt-bonus.INR,
.txt-bonus.AUD,
.txt-bonus.MMKK,
.txt-bonus.COP,
.txt-bonus.EUR,
.txt-bonus.CAD,
.txt-bonus.PHP,
.txt-bonus.BDT,
.txt-bonus.BRL,
.txt-bonus.CLP,
.txt-bonus.AMD,
.txt-bonus.NPR,
.txt-bonus.USDT {
    padding-left: 0
}

.txt-bonus.USD::before,
.txt-bonus.SGD::before,
.txt-bonus.MYR::before,
.txt-bonus.THB::before,
.txt-bonus.IDR::before,
.txt-bonus.KHR::before,
.txt-bonus.JPY::before,
.txt-bonus.KRW::before,
.txt-bonus.HKD::before,
.txt-bonus.CNY::before,
.txt-bonus.MXN::before,
.txt-bonus.VND::before,
.txt-bonus.MMK::before,
.txt-bonus.INR::before,
.txt-bonus.AUD::before,
.txt-bonus.MMKK::before,
.txt-bonus.COP::before,
.txt-bonus.EUR::before,
.txt-bonus.CAD::before,
.txt-bonus.PHP::before,
.txt-bonus.BDT::before,
.txt-bonus.BRL::before,
.txt-bonus.CLP::before,
.txt-bonus.NPR::before,
.txt-bonus.AMD::before,
.txt-bonus.USDT::before {
    position: relative;
    font-family: 'Arial', 'icomoon' !important;
    font-size: 100%;
    left: auto;
    padding-right: 2px
}

.device-PC .page-bonus-div {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    z-index: 810
}

.device-PC .page-bonus-div.active {
    display: block;
    overflow: hidden
}

.device-PC .page-bonus-div .page-bonus-body {
    overflow-y: auto
}

.device-PC .page-backdrop {
    position: fixed;
    display: none;
    z-index: 1040;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000bd;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 800
}

.device-PC .page-backdrop.show {
    display: block
}

.contact-menu.social-media {
    position: fixed;
    top: 350px;
    right: 50px;
    height: auto;
    display: inline-block;
    border-radius: 50px;
    z-index: 500
}

.contact-menu.social-media li {
    position: relative;
    display: block;
    height: 50px;
    margin-bottom: 5px
}

.contact-menu.social-media li a {
    border: none;
    background: none;
    width: auto
}

.contact-menu.social-media li a .tit,
.contact-menu.social-media li a span {
    display: none;
    transition: all 0.15s ease-in-out
}

.contact-menu.social-media li a .icon {
    color: #c9c9c9;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    background-color: #2d465f;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.15s ease-in-out;
    box-shadow: 0 0 0 2px #2d465f
}

.contact-menu.social-media li a .icon::before {
    font-size: 22px;
    color: #fff;
    line-height: 40px
}

.contact-menu.social-media li a img {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 2px #2d465f;
    position: absolute;
    left: 0;
    top: 0
}

.contact-menu.social-media li a:hover span {
    position: absolute;
    right: 10px;
    display: inline-block;
    background-color: #2d465f;
    color: #fff;
    width: auto;
    font-size: 15px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    text-align: right;
    transition: all 0.15s ease-in-out;
    white-space: nowrap;
    display: none
}

.contact-menu.social-media li a:hover .icon {
    box-shadow: 0 0 0 2px #95afc9
}

.contact-menu.social-media li a:hover .icon::before {
    color: #fff
}

.contact-menu.social-media li a .icon.icon-mail::before,
.contact-menu.social-media li a .icon.icon-phone::before {
    color: #c9c9c9
}

.contact-menu.social-media li a .icon.icon-telegram {
    background-color: #2ca5e0
}

.contact-menu.social-media li a .icon.icon-facebook {
    background-color: #1877f2
}

.contact-menu.social-media li a .icon.icon-twitter {
    background-color: #27a1f2
}

.contact-menu.social-media li a .icon.icon-pinterest {
    background-color: #bd081b
}

.contact-menu.social-media li a .icon.icon-instagram {
    background-color: #e4405f
}

.contact-menu.social-media li a .icon.icon-messenger {
    background-color: #2cb2ff
}

.contact-menu.social-media li a .icon.icon-line {
    background-color: #33c300
}

.contact-menu.social-media li a .icon.icon-linkedin {
    background-color: #1a77b5
}

.contact-menu.social-media li a .icon.icon-viber,
.contact-menu.social-media li a .icon.icon-viberb {
    background-color: #665cac
}

.contact-menu.social-media li a .icon-discord {
    background-color: #5865f2 !important
}

.contact-menu.social-media li a .icon.icon-kakao {
    background-color: #f2b200
}

.contact-menu.social-media li a .icon.icon-wechat {
    background-color: #7bb32f
}

.contact-menu.social-media li a .icon.icon-youtube {
    background-color: #f80701
}

.contact-menu.social-media li a .icon.icon-whatsapp {
    background-color: #38d366
}

.contact-menu.social-media li a .icon.icon-skype {
    background-color: #01afef
}

.tooltip .tooltip-inner {
    background-color: #2d465f
}

.tooltip .tooltip-inner img {
    margin: 0 auto;
    width: 100px;
    height: 100px
}

.tooltip .arrow::before {
    border-left-color: #2d465f
}

.jackpot-box-logo {
    position: relative;
    z-index: 1;
    height: 160px;
    width: 900px;
    max-width: 100%;
    margin: 30px auto 20px auto;
    color: #463011;
    background: #d20300 url("../../../theme/images/src-common/JACKPOT-img/jackpot-V3-dot.png") left top space;
    background-size: 20px;
    border: none;
    border-radius: 25px
}

.jackpot-box-logo::before {
    content: '';
    position: absolute;
    z-index: 100;
    left: -10px;
    top: -40px;
    width: 330px;
    height: 200px;
    background: url("../../../theme/images/src-common/JACKPOT-img/jackpot-mult-box-top.png") top left no-repeat;
    background-size: 100%
}

.jackpot-box-logo::after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 10px;
    top: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    border-radius: 22px;
    box-shadow: 0 2px 10px #000 inset;
    background: linear-gradient(to right, #221515, #221515)
}

.jackpot-box-logo .major {
    display: inline-block;
    background: -webkit-linear-gradient(#ffffe8, #daa156);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 500;
    height: 60px;
    font-size: 23px;
    line-height: 50px;
    font-family: system-ui;
    text-align: left;
    vertical-align: top
}

.jackpot-box-logo .big-jackpot {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: -webkit-linear-gradient(#ffffe8, #daa156);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 500;
    height: 60px;
    font-size: 23px;
    line-height: 50px;
    font-family: system-ui;
    text-align: left;
    vertical-align: top;
    text-align: right;
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
    min-width: 200px;
    margin: 65px 0 0 270px
}

.jackpot-box-logo .big-jackpot .jackpot-tag {
    -webkit-text-fill-color: #000;
    width: 65px;
    height: 40px;
    color: #312418 !important;
    z-index: 111;
    font-size: 12px;
    background: url(../../../theme/images/src-common/JACKPOT-img/jackpotSticky4.webp) no-repeat center center;
    background-size: contain;
    font-weight: bold;
    line-height: normal;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px
}

.jackpot-box-logo .big-jackpot .jackpot-tag span {
    padding-bottom: 5px
}

.jackpot-box-logo .big-jackpot .jackpot-tag::before {
    content: 'JP+';
    padding-bottom: 5px
}

.jackpot-box-logo .big-jackpot .jackpot-tag::after {
    content: '%';
    padding-bottom: 5px
}

.jackpot-box-logo .big-jackpot a.jackpotList-btn {
    outline: none
}

.jackpot-box-logo .big-jackpot a.jackpotList-btn span {
    padding-right: 20px;
    background: -webkit-linear-gradient(#ffffe8, #daa156);
    -webkit-background-clip: text
}

.jackpot-box-logo .big-jackpot a.jackpotList-btn span::after {
    position: absolute;
    z-index: 999;
    content: '';
    height: 20px;
    width: 20px;
    right: auto;
    margin-left: 8px;
    background-size: contain
}

.jackpot-box-logo .major {
    position: relative;
    margin: 50px 0 0 45px
}

.jackpot-box-logo .major::before {
    content: 'MAJOR';
    display: inline-block;
    width: 100%;
    height: 15px;
    font-size: 15px;
    line-height: 15px;
    -webkit-text-fill-color: #967446
}

.jackpot-box-logo .major-tit {
    display: none
}

.jackpot-box-logo .platform-logo {
    position: absolute;
    z-index: 500;
    left: 100px;
    top: 50px;
    width: 90px
}

.jackpot-box-logo .platform-logo img {
    width: 100%
}

.jackpot-box-logo .platform-logo.logo-FACHAI {
    left: 110px
}

.jackpot-box-logo .platform-logo.logo-FACHAI img {
    width: 65px
}

.group-content {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-gap: 20px;
    margin: 20px auto
}

.group-content.num-9 {
    grid-template-columns: repeat(8, auto)
}

.group-content.num-1,
.group-content.num-2 {
    grid-template-columns: repeat(2, auto)
}

.group-content.num-1 .tournament-list,
.group-content.num-2 .tournament-list {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3
}

.group-content.num-1 .item:nth-child(3),
.group-content.num-2 .item:nth-child(3) {
    grid-row-start: 1;
    grid-column-start: 3
}

.group-content.num-3,
.group-content.num-4 {
    grid-template-columns: repeat(3, auto)
}

.group-content.num-3 .tournament-list,
.group-content.num-4 .tournament-list {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3
}

.group-content.num-3 .item:nth-child(3),
.group-content.num-4 .item:nth-child(3) {
    grid-row-start: 1;
    grid-column-start: 3
}

.group-content.num-4 .item:nth-child(4) {
    grid-row-start: 2;
    grid-column-start: 3
}

.group-content .tournament-box {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 6;
    min-width: 720px;
    max-height: 360px
}

.group-content .item .tab-btn {
    width: 115px;
    height: 160px;
    background-size: cover !important;
    margin: 0;
    background-color: #0000002f;
}

.group-content .item .tab-btn p {
    display: none
}

.group-content .item:nth-child(2) {
    grid-row-start: 2
}

.group-content .item:nth-child(4) {
    grid-row-start: 2;
    grid-row-end: 2
}

.group-content .item:nth-child(6) {
    grid-row-start: 2;
    grid-column-start: 6;
    grid-column-end: 7
}

.group-content .item:nth-child(8) {
    grid-row-start: 2;
    grid-column-start: 7;
    grid-column-end: 8
}

.group-content.no-tournament {
    display: flex;
    flex-wrap: nowrap
}

body.device-PC.CLASSIC .item .tab-btn {
    height: 120px;
    margin-top: 40px;
    overflow: visible
}

body.device-PC.CLASSIC .item .tab-btn img {
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 90px;
    object-fit: contain
}

body.device-PC.CLASSIC .item .tab-btn p {
    position: absolute;
    display: block;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    word-wrap: break-word;
    font-size: 20px;
    text-shadow: 1px 1px 2px #00000095;
    vertical-align: bottom;
    text-align: center;
    color: #fff;
    line-height: 24px
}

body.device-PC.CLASSIC .item .tab-btn.FIRSTPERSON {
    border-radius: 8px;
    background: radial-gradient(67.36% 95.2% at 0% 61.67%, rgba(226, 0, 149, 0.7) 0%, rgba(226, 0, 149, 0.17) 100%), linear-gradient(180deg, rgba(243, 88, 0, 0) 0%, #F35800 100%), linear-gradient(180deg, rgba(243, 88, 0, 0) 0%, #F35800 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.DICE {
    border-radius: 8px;
    background: radial-gradient(144.24% 97.34% at 100% 76.67%, #410094 0%, rgba(65, 0, 148, 0) 100%), radial-gradient(110.13% 55.61% at 0% 85.42%, #DB00DF 0%, rgba(219, 0, 223, 0) 100%), linear-gradient(352deg, #E20095 0%, rgba(226, 0, 149, 0) 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.GAMESHOW {
    border-radius: 8px;
    background: radial-gradient(52.57% 58.61% at 64% 0%, #00FFD1 0%, rgba(0, 255, 209, 0) 100%), radial-gradient(58.31% 78% at 100% 53.75%, #00DC3E 0%, rgba(255, 214, 1, 0) 100%), linear-gradient(180deg, rgba(226, 0, 149, 0) 0%, #E20095 100%), linear-gradient(180deg, rgba(226, 0, 149, 0) 0%, #E20095 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.MUSTHITBY {
    border-radius: 8px;
    background: radial-gradient(78.6% 111.38% at 5% 59.17%, red 0%, rgba(255, 0, 0, 0) 76.56%), radial-gradient(69.82% 93.78% at 100% 15%, rgba(243, 204, 0, 0.9) 0%, rgba(243, 204, 0, 0) 59.94%), linear-gradient(180deg, rgba(53, 53, 53, 0) 0%, #353535 100%), linear-gradient(180deg, rgba(53, 53, 53, 0) 0%, #353535 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.BINGOGAME {
    border-radius: 8px;
    background: radial-gradient(83.55% 69.02% at 0% 61.67%, #05F0FF 0%, rgba(5, 240, 255, 0) 100%), radial-gradient(114.75% 81.13% at 100% 11.67%, #E20095 4.69%, rgba(226, 217, 0, 0.49) 63.02%, rgba(226, 217, 0, 0) 100%), linear-gradient(180deg, rgba(0, 150, 114, 0) 0%, #009672 100%), linear-gradient(180deg, rgba(0, 150, 114, 0) 0%, #009672 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.MINE {
    border-radius: 8px;
    background: linear-gradient(145deg, red 10.42%, rgba(243, 204, 0, 0) 100%), radial-gradient(81.86% 93.93% at 87.5% 31.25%, #F3CC00 0%, rgba(243, 204, 0, 0) 100%), linear-gradient(180deg, rgba(0, 144, 206, 0) 0%, #0090CE 100%), linear-gradient(180deg, rgba(0, 144, 206, 0) 0%, #0090CE 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.CRASH {
    border-radius: 8px;
    background: radial-gradient(56.92% 74.13% at 0% 34.58%, #009672 0%, rgba(0, 150, 114, 0) 100%), linear-gradient(180deg, rgba(58, 5, 124, 0) 0%, rgba(58, 5, 124, 0.2) 100%), linear-gradient(180deg, rgba(58, 5, 124, 0) 0%, #3A057C 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.LOCALGAME {
    border-radius: 8px;
    background: radial-gradient(69.76% 100.22% at 100% 26.67%, #F3CC00 0%, rgba(243, 204, 0, 0) 100%), linear-gradient(180deg, rgba(20, 69, 163, 0) 0%, #1445A3 100%), linear-gradient(180deg, rgba(20, 69, 163, 0) 0%, #1445A3 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.LOCALGAME img {
    width: 65px;
    height: 65px;
    top: -20px
}

body.device-PC.CLASSIC .item .tab-btn.VIP {
    border-radius: 8px;
    background: radial-gradient(78.6% 111.38% at 5% 59.17%, #eef17c 0%, rgba(255, 0, 0, 0) 76.56%), radial-gradient(69.82% 93.78% at 100% 15%, #f02020 0%, rgba(243, 204, 0, 0) 59.94%), linear-gradient(180deg, rgba(53, 53, 53, 0) 0%, #353535 100%), linear-gradient(180deg, rgba(53, 53, 53, 0) 0%, #353535 100%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.SCRATCHCARD {
    border-radius: 8px;
    background: linear-gradient(257.85deg, #FDD656 2.63%, #C70063 94.61%);
    box-shadow: 0px -8px 0px 0px rgba(0, 0, 0, 0.3) inset
}

body.device-PC.CLASSIC .item .tab-btn.SCRATCHCARD img {
    height: 90px
}

body.device-PC .modal.modal-gamelist .modal-content {
    min-height: 70vh
}

body.device-PC .modal.modal-gamelist .modal-content .modal-body {
    max-height: 70vh;
    overflow-y: auto;
    background: #0f1b28
}

body.device-PC .modal.modal-gamelist .modal-content .modal-body .page-wrapper.pop-gamelist {
    padding: 0 10px 20px 10px
}

body.device-PC .modal.modal-gamelist .modal-content .modal-body .page-wrapper.pop-gamelist::before,
body.device-PC .modal.modal-gamelist .modal-content .modal-body .page-wrapper.pop-gamelist::after {
    display: none
}

body.device-PC .modal.modal-gamelist .modal-content .modal-body .page-wrapper.pop-gamelist ul.ul-gameList {
    grid-template-columns: repeat(3, 35%);
    justify-content: center
}

body.device-PC .modal.modal-gamelist .modal-content .modal-body .page-wrapper.pop-gamelist ul.ul-gameList li.show-jackpot-fire .txt-platform-name {
    top: -47px;
    display: block !important
}

body.device-PC .modal.modal-gamelist .modal-content .modal-body .page-wrapper.pop-gamelist ul.ul-gameList li:hover .ul-gameIcon-box::before {
    white-space: nowrap;
    min-width: 70%
}

body.device-PC .modal.modal-gamelist .modal-content .modal-body .page-wrapper.pop-gamelist ul.ul-gameList#FIRSTPERSONPopupUl li {
    padding: 15px 2% 1% 2%
}

body.device-PC .modal.modal-gamelist .modal-content .modal-body .page-wrapper.pop-gamelist ul.ul-gameList#FIRSTPERSONPopupUl li .ul-gameIcon-txt .txt-platform-name {
    top: -25px
}

.ul-gameList {
    display: grid;
    grid-template-columns: repeat(7, 14.28%);
    padding: 0;
    margin: 0;
}

.ul-gameList.game-icon.col-7 {
    max-width: none
}

.ul-gameList li {
    position: relative;
    padding: 35px 5% 1% 5%;
    margin: 0 5px;
    border-radius: 10px;
    overflow: hidden
}

.ul-gameList li.show-jackpot-fire {
    overflow: unset
}

.ul-gameList li:hover .ul-gameIcon-box {
    background-color: rgba(0, 0, 0, 0.7)
}

.ul-gameList li:hover .ul-gameIcon-box::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all .3s;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 50
}

.ul-gameList li:hover .ul-gameIcon-box::before {
    position: absolute;
    content: 'Play Now';
    z-index: 8;
    left: 50%;
    top: 50%;
    z-index: 51;
    transform: translate(-50%, -50%);
    display: inline-block;
    height: 40px;
    min-width: 60%;
    text-align: center;
    font-weight: bold;
    color: #321300;
    line-height: 40px;
    border: 1px solid #594833;
    border-radius: 3px;
    background-image: linear-gradient(0deg, #855F17 0%, #F3C161 31%, #FFE581 52%, #DEAE53 71%, #A67415 100%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5)
}

.ul-gameList li:hover .ul-gameIcon-txt .txt-platform-name {
    z-index: 0 !important
}

.ul-gameList li:hover .ul-gameIcon-txt .txt-platform-name::before {
    z-index: 10
}

.ul-gameList li:hover .ul-gameIcon-txt .txt-platform-name::after {
    z-index: 0
}

.ul-gameList li .ul-gameIcon-box {
    position: relative;
    cursor: pointer;
    background-color: #0000002f;
    aspect-ratio: 1 / 1;
    border-radius: 10px
}

.ul-gameList li .ul-gameIcon-box::after {
    content: '';
    opacity: 1;
    transition: all .3s
}

.ul-gameList li .ul-gameIcon-box .show-jackpot {
    position: absolute;
    top: -19px;
    background: url(../../../theme/images/src-common/JACKPOT-img/show-jackpot.png) no-repeat center bottom;
    background-size: 140px;
    display: block;
    height: 19px;
    width: 100%;
    z-index: 10
}

.ul-gameList li .ul-gameIcon-box .show-freespins,
.ul-gameList li .ul-gameIcon-box .show-bouns,
.ul-gameList li .ul-gameIcon-box .show-top10 {
    display: none
}

.ul-gameList li .ul-gameIcon-box .show-new,
.ul-gameList li .ul-gameIcon-box .show-hot {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 25px;
    padding: 0;
    background: linear-gradient(-67deg, transparent 0.7rem, #E35100 0%, #FF7D00 100%);
    text-align: center;
    z-index: 20;
    color: #fff
}

.ul-gameList li .ul-gameIcon-box .show-new::before {
    position: absolute;
    left: 10px;
    content: 'NEW';
    font-weight: bold;
    font-size: 100%;
    line-height: 25px;
    text-shadow: 0 2px 3px #ad4811;
    color: #fff;
}

.ul-gameList li .ul-gameIcon-box .show-hot::after {
    position: absolute;
    top: -1px;
    left: 4px;
    width: 55px;
    height: 100%;
    background: url('img/icon-hot.png') no-repeat left top;
    background-size: 85%;
    content: '';
    z-index: 3
}

.ul-gameList li .ul-gameIcon-box .show-jackpot~.show-bonus-event {
    top: -20px
}

.ul-gameList li .ul-gameIcon-box .show-hot~.show-new,
.ul-gameList li .ul-gameIcon-box .show-new~.show-hot {
    top: 27px
}

.ul-gameList li .ul-gameIcon-box .show-bonus-event {
    position: absolute;
    width: 100%;
    top: -10px;
    left: 0;
    display: inline-block
}

.ul-gameList li .ul-gameIcon-box .show-bonus-event::after {
    top: 2px
}

.ul-gameList li .ul-gameIcon-box .show-bonus-event::before {
    display: inline-block;
    top: -17px;
    height: 30px;
    width: 30px;
    background-size: 30px
}

.ul-gameList li .ul-gameIcon-box .show-bonus-event.GOLDEN_EGG::before {
    top: -15px;
    background-size: 25px
}

.ul-gameList li .ul-gameIcon-box .game-icon {
    border: none;
    width: 100%;
    margin: 0;
    border-radius: 10px;
    aspect-ratio: 1 / 1
}

.ul-gameList li .ul-gameIcon-box .jackpot-number {
    top: auto;
    bottom: 0;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 0;
    width: 100%;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(rgba(0, 0, 0, 0.580392), rgba(0, 0, 0, 0.909804))
}

.ul-gameList li .ul-gameIcon-box .jackpot-number .txt-number {
    position: relative;
    transform: none;
    left: auto;
    text-align: center;
    width: 100%;
    font-weight: 700;
    color: #ffc107
}

.ul-gameList li .ul-gameIcon-box .show-jackpot-MHB {
    top: auto;
    left: 0;
    width: 100%;
    bottom: 0;
    text-align: center
}

.ul-gameList li .ul-gameIcon-txt {
    position: relative;
    cursor: pointer
}

.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -35px;
    bottom: auto;
    min-height: 20px;
    min-width: 60px;
    height: auto;
    width: auto;
    line-height: normal;
    z-index: 10;
    background: rgba(0, 0, 0, 0.75);
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    border-radius: 10px;
    padding: 4px 5px !important;
    text-indent: unset;
    font-size: 11.5px;
    color: #DBB069
}

.ul-gameList li .ul-gameIcon-txt .txt-platform-name::after {
    display: none
}

.ul-gameList li .ul-gameIcon-txt .txt-gameName,
.ul-gameList li .ul-gameIcon-txt .txt-rate {
    font-size: 13px;
    text-align: center
}

.ul-gameList li .ul-gameIcon-txt .txt-gameName {
    font-size: 14px;
    color: #DBB069;
    padding-top: 8px
}

.ul-gameList li.show-jackpot-fire.on-fire::after {
    top: -25px !important;
    height: 60px;
    z-index: 0
}

.ul-gameList li.show-jackpot-fire .txt-platform-name {
    top: -48px
}

.ul-gameList li.show-Ingame-jackpot .txt-platform-name {
    display: none
}

.ul-gameList li.show-maintain::after,
.ul-gameList li.show-maintain .show-hot,
.ul-gameList li.show-maintain .show-new,
.ul-gameList li.show-blocked::after,
.ul-gameList li.show-blocked .show-hot,
.ul-gameList li.show-blocked .show-new {
    display: none !important
}

.ul-gameList li.show-maintain .ul-gameIcon-txt,
.ul-gameList li.show-blocked .ul-gameIcon-txt {
    cursor: default
}

.ul-gameList li.show-maintain:hover .ul-gameIcon-box,
.ul-gameList li.show-blocked:hover .ul-gameIcon-box {
    border-radius: 10px;
    cursor: default
}

.ul-gameList li.show-maintain:hover .ul-gameIcon-box::before,
.ul-gameList li.show-blocked:hover .ul-gameIcon-box::before {
    display: none !important
}

.ul-gameList li.SV388 .ul-gameIcon-box .show-bonus-event,
.ul-gameList li.ICF .ul-gameIcon-box .show-bonus-event {
    width: fit-content !important;
    top: 15px !important;
    left: 5% !important
}

.live-game ul.ul-gameList,
.lottery-game ul.ul-gameList,
.sports-game ul.ul-gameList,
.livearena-game ul.ul-gameList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 0;
    margin-top: 20px;
    grid-gap: 10px 0
}

.live-game ul.ul-gameList.btn-effect:hover::before,
.lottery-game ul.ul-gameList.btn-effect:hover::before,
.sports-game ul.ul-gameList.btn-effect:hover::before,
.livearena-game ul.ul-gameList.btn-effect:hover::before {
    z-index: 10
}

.live-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box,
.lottery-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box,
.sports-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box,
.livearena-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box {
    background: none
}

.live-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box::after,
.live-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box::before,
.lottery-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box::after,
.lottery-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box::before,
.sports-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box::after,
.sports-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box::before,
.livearena-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box::after,
.livearena-game ul.ul-gameList.btn-effect:hover .ul-gameIcon-box::before {
    display: none
}

.live-game ul.ul-gameList li,
.lottery-game ul.ul-gameList li,
.sports-game ul.ul-gameList li,
.livearena-game ul.ul-gameList li {
    position: relative;
    overflow: hidden;
    margin: 0 7.5px;
    padding: 0;
    height: auto;
    border-radius: 10px
}

.live-game ul.ul-gameList li .ul-gameIcon-box,
.lottery-game ul.ul-gameList li .ul-gameIcon-box,
.sports-game ul.ul-gameList li .ul-gameIcon-box,
.livearena-game ul.ul-gameList li .ul-gameIcon-box {
    aspect-ratio: 5 / 2.5
}

.live-game ul.ul-gameList li .ul-gameIcon-box .game-icon,
.lottery-game ul.ul-gameList li .ul-gameIcon-box .game-icon,
.sports-game ul.ul-gameList li .ul-gameIcon-box .game-icon,
.livearena-game ul.ul-gameList li .ul-gameIcon-box .game-icon {
    aspect-ratio: 5 / 2.5;
    height: 100%;
}

.live-game ul.ul-gameList li:hover::before,
.lottery-game ul.ul-gameList li:hover::before,
.sports-game ul.ul-gameList li:hover::before,
.livearena-game ul.ul-gameList li:hover::before {
    content: '';
    position: absolute;
    animation: shine 1.3s;
    -webkit-animation: shine 1.3s;
    bottom: 0;
    left: -75%;
    display: block !important;
    top: auto;
    width: 50%;
    height: 100%;
    transform: skewX(-35deg);
    border-radius: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(155, 155, 155, 0.295) 100%);
    box-shadow: none;
    pointer-events: none;
    border: none;
    z-index: 10
}

.live-game ul.ul-gameList li:hover .ul-gameIcon-box::after,
.live-game ul.ul-gameList li:hover .ul-gameIcon-box::before,
.lottery-game ul.ul-gameList li:hover .ul-gameIcon-box::after,
.lottery-game ul.ul-gameList li:hover .ul-gameIcon-box::before,
.sports-game ul.ul-gameList li:hover .ul-gameIcon-box::after,
.sports-game ul.ul-gameList li:hover .ul-gameIcon-box::before,
.livearena-game ul.ul-gameList li:hover .ul-gameIcon-box::after,
.livearena-game ul.ul-gameList li:hover .ul-gameIcon-box::before {
    display: none
}

.live-game ul.ul-gameList li.promote,
.lottery-game ul.ul-gameList li.promote,
.sports-game ul.ul-gameList li.promote,
.livearena-game ul.ul-gameList li.promote {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3
}

.live-game ul.ul-gameList li.promote::before,
.lottery-game ul.ul-gameList li.promote::before,
.sports-game ul.ul-gameList li.promote::before,
.livearena-game ul.ul-gameList li.promote::before {
    display: none
}

.live-game ul.ul-gameList li.promote .ul-gameIcon-box .show-bonus-event,
.lottery-game ul.ul-gameList li.promote .ul-gameIcon-box .show-bonus-event,
.sports-game ul.ul-gameList li.promote .ul-gameIcon-box .show-bonus-event,
.livearena-game ul.ul-gameList li.promote .ul-gameIcon-box .show-bonus-event {
    top: -2px
}

.live-game ul.ul-gameList li.promote .ul-gameIcon-box img,
.lottery-game ul.ul-gameList li.promote .ul-gameIcon-box img,
.sports-game ul.ul-gameList li.promote .ul-gameIcon-box img,
.livearena-game ul.ul-gameList li.promote .ul-gameIcon-box img {
    width: 100%;
    height: 100%;
}

.livearena-game ul.ul-gameList {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1% 0
}

.livearena-game ul.ul-gameList li {
    padding: 1%
}

.livearena-game ul.ul-gameList li .ul-gameIcon-box {
    background-color: transparent
}

.LIVETABLE {
    padding: 0;
    border-radius: 0
}

.LIVETABLE .table-group {
    padding: 5px 0 0 0;
    border-radius: 20px
}

.LIVETABLE ul.ul-gameList li {
    margin-bottom: 5px
}

.LIVETABLE ul.ul-gameList li:hover::before {
    content: '';
    position: absolute;
    animation: shine 1.3s;
    -webkit-animation: shine 1.3s;
    bottom: 0;
    left: -75%;
    display: block !important;
    top: auto;
    width: 50%;
    height: 100%;
    transform: skewX(-35deg);
    border-radius: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(155, 155, 155, 0.295) 100%);
    box-shadow: none;
    pointer-events: none;
    border: none
}

.LIVETABLE ul.ul-gameList li:hover .ul-gameIcon-box::after,
.LIVETABLE ul.ul-gameList li:hover .ul-gameIcon-box::before {
    display: none
}

.MEGAJACKPOT {
    margin-bottom: 0 !important
}

.MEGAJACKPOT .div-tb {
    border-collapse: separate;
    border-spacing: 5px;
    width: auto;
    margin: 0 auto
}

.MEGAJACKPOT .div-tb.w-100per {
    width: 100%;
    margin: 10px 0
}

.MEGAJACKPOT .div-tb.w-100per .section-ul ul {
    grid-template-columns: repeat(10, 10%) !important;
    width: 100%
}

.MEGAJACKPOT .div-tb .td {
    width: 50%;
    padding: 15px;
    vertical-align: top;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.3);
}

.MEGAJACKPOT .big-jackpot {
    position: relative;
    font-size: 25px;
    line-height: 40px;
    font-weight: 900;
    width: 100%;
    text-align: center
}

.MEGAJACKPOT .big-jackpot>i {
    font-size: 30px;
    vertical-align: middle;
    line-height: 40px
}

.MEGAJACKPOT .big-jackpot>i.icon-JDB {
    font-size: 40px
}

.MEGAJACKPOT .big-jackpot>a {
    padding: 5px 15px;
    border-radius: 100px;
    background: linear-gradient(0deg, #0C151D 4%, #182A3B 100%)
}

.MEGAJACKPOT .big-jackpot>a img {
    width: 30px;
    height: 30px;
    object-fit: contain
}

.MEGAJACKPOT .big-jackpot>a i {
    display: inline-block;
    position: relative;
    width: 3vw;
    height: 3vw;
    max-width: 45px;
    max-height: 45px;
    vertical-align: middle;
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.2) !important
}

@media screen and (max-width: 1024px) {
    .MEGAJACKPOT .big-jackpot>a i::before {
        width: 6vw;
        height: 6vw;
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 2vw;
        height: 2vw;
        max-width: 30px;
        max-height: 30px;
        margin: 0 auto;
        font-size: 0;
        vertical-align: middle;
        background-size: 85%
    }
}

.MEGAJACKPOT .big-jackpot>a span {
    color: #dbb069ff;
    background: linear-gradient(180deg, #dbb069 0, rgba(255, 232, 181, 0.72549) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.5))
}

.MEGAJACKPOT .big-jackpot>a span::before {
    content: '';
    position: absolute;
    top: -5px;
    right: -30px;
    height: 20px;
    width: 20px;
    z-index: 99
}

.MEGAJACKPOT .section-ul {
    position: relative
}

.MEGAJACKPOT .section-ul ul {
    position: relative;
    grid-template-columns: repeat(5, 20%) !important;
    justify-items: center;
    width: 100%
}

.MEGAJACKPOT .section-ul li {
    width: 100%;
    margin: 0;
    padding: 25px 3% 0 3%
}

.MEGAJACKPOT .section-ul li .ul-gameIcon-box::before {
    line-height: 35px;
    height: 35px;
    width: auto;
    padding: 0 10px;
    white-space: nowrap
}

.MEGAJACKPOT .section-ul li .ul-gameIcon-box .show-new,
.MEGAJACKPOT .section-ul li .ul-gameIcon-box .show-hot {
    top: -2%;
    left: -2%;
    transform: scale(0.9)
}

.MEGAJACKPOT .section-ul li .ul-gameIcon-txt .txt-platform-name {
    display: none
}

.MEGAJACKPOT .section-ul li .ul-gameIcon-txt .txt-gameName,
.MEGAJACKPOT .section-ul li .ul-gameIcon-txt .txt-rate {
    font-size: 12px
}

.page-game-list.page-search {
    background: none !important;
    padding-top: 20px !important;
    background-image: linear-gradient(-180deg, #142638 0%, #3c5272 100%) !important
}

.page-game-list.page-search .page-header {
    top: 0
}

.page-game-list.page-search .page-body .game-search-box {
    margin: 10px auto 10px auto
}

.page-fix-bt {
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    min-width: 100px;
    padding: 10px;
    gap: 5px;
    white-space: nowrap;
    overflow: visible;
    background-color: rgba(41, 69, 96, 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 10px 10px 0 0;
    z-index: 500
}

.page-fix-bt .btn {
    height: 50px;
    border: none;
    border-radius: 50px;
    padding: 0 10px;
    background-image: linear-gradient(#112536, #04090e)
}

.page-fix-bt .btn:hover {
    box-shadow: 0 0 0 3px rgba(112, 153, 194, 0.7)
}

.page-fix-bt .btn:focus {
    box-shadow: none
}

.page-fix-bt .btn img {
    position: relative;
    width: auto;
    height: auto;
    max-width: 35px;
    max-height: 35px;
    z-index: 1;
    vertical-align: middle
}

.page-fix-bt .btn span {
    transition: box-shadow .2s;
    vertical-align: middle;
    font-size: 16px;
    line-height: 50px;
    color: #FFF
}

.page-fix-bt .btn .icon {
    position: relative;
    vertical-align: middle;
    height: 40px;
    width: 40px;
    margin: 5px;
    font-size: 30px;
    text-align: center;
    color: #333;
    background-color: #fff;
    border-radius: 100px
}

.page-fix-bt .btn .icon::before {
    line-height: 40px
}

.page-fix-bt .btn-deposit,
.page-fix-bt .btn-withdraw {
    padding: 0 10px 0 0
}

.page-fix-bt .icon-deposit {
    position: relative
}

.page-fix-bt .icon-deposit::before {
    -webkit-text-stroke: .5px #333;
    text-stroke: .5px #333
}

.page-fix-bt .icon-deposit::after {
    font-family: 'icomoon' !important;
    content: '\ea2c';
    position: absolute;
    left: 2px;
    bottom: 8px;
    font-size: 14px;
    transform: rotate(-90deg);
    color: #258cf4
}

.modal.modal-announcement .modal-content {
    min-height: 50vh
}

.modal.modal-announcement .modal-content .modal-header {
    padding: 2px 0 5px;
    display: flex
}

.modal.modal-announcement .modal-content .modal-body {
    padding: 0;
    max-height: 70vh;
    min-height: 30vh;
    overflow-y: scroll
}

.modal.modal-announcement .modal-content .modal-body .announce dd p {
    color: #b3b3b3
}

.modal.modal-announcement .modal-content .modal-body .announce dd strong {
    color: #eaba5e
}

.modal.modal-announcement .modal-content .btn-mail {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-block;
    z-index: 100;
    background: #36495e;
    color: #eaba5e;
    width: 40px;
    height: 40px;
    border-radius: 45px
}

.modal.modal-announcement .modal-content .btn-mail::before {
    font-family: 'icomoon';
    content: '\e977';
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    text-align: center
}

.modal.modal-announcement .modal-content .inputCheckbox {
    min-width: 90px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    background: #28394b;
    padding: 2px 15px;
    border-radius: 100px;
    margin: 2px 5px 0px 5px
}

.modal.modal-announcement .modal-content .inputCheckbox input[type="checkbox"] {
    display: none
}

.modal.modal-announcement .modal-content .inputCheckbox input[type="checkbox"]+span:before {
    content: " ";
    vertical-align: middle
}

.modal.modal-announcement .modal-content .inputCheckbox input[type="checkbox"]:checked+span::before {
    content: '\e90f';
    color: #fff;
    font-size: 15px;
    line-height: 11px;
    text-align: center;
    font-family: 'icomoon' !important
}

.modal.modal-announcement .modal-content .inputCheckbox span {
    color: #dae7f4;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px
}

.modal.modal-announcement .modal-content .inputCheckbox span:before {
    display: inline-block;
    background: none;
    border: 2px solid #dae7f4;
    height: 15px;
    width: 15px;
    border-radius: 3px;
    margin-right: 5px
}

.announce,
.pop_up-box {
    border-radius: 0
}

.announce .pop_up-box-1ist,
.pop_up-box .pop_up-box-1ist {
    max-height: auto;
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.announce dl,
.pop_up-box dl {
    margin-bottom: vmin(24px)
}

.announce dl:last-child,
.pop_up-box dl:last-child {
    margin-bottom: 0
}

.announce dl:first-child dt,
.pop_up-box dl:first-child dt {
    border-top: none
}

.announce dt,
.pop_up-box dt {
    text-align: center;
    position: sticky;
    top: -4px;
    margin-bottom: 0;
    padding: 12px 10px;
    background-color: #152433e0;
    border-top: 2px solid #eaba5e;
    color: #eaba5e;
    line-height: normal;
    font-size: 16px;
    font-weight: bold
}

.announce dd,
.pop_up-box dd {
    padding: 0;
    line-height: 1.6;
    text-align: center
}

.announce dd img,
.announce dd object,
.pop_up-box dd img,
.pop_up-box dd object {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.announce dd p,
.pop_up-box dd p {
    margin: 0;
    padding: 10px 15px;
    text-align: left;
    color: #eaba5e
}

.announce dd ol,
.announce dd ul,
.announce dd .txt,
.pop_up-box dd ol,
.pop_up-box dd ul,
.pop_up-box dd .txt {
    margin: 15px 0 2% 0;
    padding: 0 6% 0 6%;
    text-align: left;
    color: #eaba5e
}

.announce dd ul,
.pop_up-box dd ul {
    margin: 0;
    list-style: disc
}

.announce dd ol,
.pop_up-box dd ol {
    margin: 0;
    list-style: decimal
}

.announce dd li,
.pop_up-box dd li {
    text-align: left;
    display: list-item;
    color: #eaba5e
}

.announce dd .game-tit,
.pop_up-box dd .game-tit {
    margin-top: 2%;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: #e9ba5d
}

.announce dd .game-tit.lt,
.pop_up-box dd .game-tit.lt {
    text-align: left
}

.announce dd .game-list,
.pop_up-box dd .game-list {
    margin-left: 10%
}

.announce dd .game-list.lt,
.pop_up-box dd .game-list.lt {
    padding-left: 0
}

.announce dd .game-btnbox,
.pop_up-box dd .game-btnbox {
    padding: 10px 0 20px 0;
    display: block;
    text-align: center
}

.announce dd .game-btnbox.lt,
.pop_up-box dd .game-btnbox.lt {
    padding-left: 10%;
    text-align: left
}

.announce dd .game-btn,
.pop_up-box dd .game-btn {
    display: inline-block;
    padding: 6px 20px;
    margin: 0 auto;
    background: #e9ba5d;
    border-radius: 100px;
    color: #162433;
    text-decoration: none;
    transition: all 0.30s
}

.announce dd .game-btn:hover,
.announce dd .game-btn:active,
.pop_up-box dd .game-btn:hover,
.pop_up-box dd .game-btn:active {
    background: #fff;
    transition: all 0.30s
}

.announce dd .game-message,
.pop_up-box dd .game-message {
    color: #e9ba5d;
    border: 1px solid #e9ba5d;
    border-radius: 4px;
    padding: 10px;
    font-size: 0.9rem;
    line-height: 1.4
}

.announce dd a,
.pop_up-box dd a {
    display: inline-block;
    color: #e9ba5d;
    text-decoration: underline
}

.announce dd a:hover,
.pop_up-box dd a:hover {
    text-decoration: none
}

.announce dd hr,
.pop_up-box dd hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    background: #000000
}

.announce .pop_up-box-bottom,
.pop_up-box .pop_up-box-bottom {
    display: flex;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    flex: 0 0 vmin(40px)
}

.announce .pop_up-box-bottom .more,
.pop_up-box .pop_up-box-bottom .more {
    display: flex;
    align-items: center;
    justify-content: space-end
}

.announce .dont-show,
.pop_up-box .dont-show {
    display: flex;
    width: 100%;
    border-radius: 0 0 8px 8px;
    text-align: center;
    cursor: pointer;
    flex: 1
}

.tournament-box {
    position: relative;
    font-size: 0;
    z-index: 1;
    line-height: 1 !important;
    white-space: nowrap
}

.tournament-box p {
    margin-bottom: 0
}

.tournament-box .info-prize {
    color: #FFD60B
}

.tournament-box .tournament-date,
.tournament-box .tournament-countdown,
.tournament-box .item-rank,
.tournament-box .info-player,
.tournament-box .txt-bonus {
    color: rgba(255, 255, 255, 0.9)
}

.tournament-box .history-title,
.tournament-box .date-list a,
.tournament-box .tournament-subTitle p {
    color: rgba(255, 255, 255, 0.6)
}

@media (max-width: 1024px) {

    .tournament-box .tournament-countdown span,
    .tournament-box .tournament-subTitle p,
    .tournament-box .item-rank,
    .tournament-box.twoBox .info-player,
    .tournament-box.twoBox .txt-bonus,
    .tournament-box .date-list a {
        font-size: 10px
    }
}

@media (min-width: 1025px) {

    .tournament-box .tournament-countdown span,
    .tournament-box .tournament-subTitle p,
    .tournament-box .item-rank,
    .tournament-box.twoBox .info-player,
    .tournament-box.twoBox .txt-bonus,
    .tournament-box .date-list a {
        font-size: 14px
    }
}

@media (max-width: 1024px) {

    .tournament-box .tournament-date,
    .tournament-box.oneBox .info-player,
    .tournament-box.oneBox .txt-bonus,
    .tournament-box .item-info .info-prize,
    .tournament-box .history-title {
        font-size: 12px
    }
}

@media (min-width: 1025px) {

    .tournament-box .tournament-date,
    .tournament-box.oneBox .info-player,
    .tournament-box.oneBox .txt-bonus,
    .tournament-box .item-info .info-prize,
    .tournament-box .history-title {
        font-size: 16px
    }
}

.tournament-box .history-title {
    font-weight: 600
}

.tournament-box .tournament-list li,
.tournament-box .tournament-subTitle p {
    font-weight: 500
}

.tournament-box .info-prize::before,
.tournament-box .txt-bonus::before {
    position: relative;
    left: auto;
    font-size: 70% !important;
    font-weight: inherit;
    line-height: inherit;
    color: inherit
}

.tournament-box .box-1,
.tournament-box .box-2 {
    position: relative;
    vertical-align: top;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

@media (max-width: 1024px) {

    .tournament-box .box-1,
    .tournament-box .box-2 {
        padding: 30px 0 8px
    }
}

@media (min-width: 1025px) {

    .tournament-box .box-1,
    .tournament-box .box-2 {
        padding: 40px 0 8px
    }
}

@media (max-width: 1024px) {
    .tournament-box.oneBox .no-prize .item-rank {
        min-width: 40px
    }
}

@media (min-width: 1025px) {
    .tournament-box.oneBox .no-prize .item-rank {
        min-width: 50px !important
    }
}

.tournament-box.oneBox .no-prize .item-info {
    padding-right: 30px;
    justify-content: space-around
}

.tournament-box.oneBox .no-prize .tournament-subTitle p {
    text-align: center
}

@media (min-width: 1025px) {
    .tournament-box.twoBox .no-prize .item-rank {
        min-width: 50px !important
    }
}

.tournament-box.twoBox .no-prize .item-info {
    justify-content: space-between !important
}

@media (min-width: 1025px) {
    .tournament-box.twoBox .no-prize .item-info {
        padding-right: 40px
    }
}

@media (max-width: 1024px) {
    .tournament-box.twoBox .no-prize .item-info {
        justify-content: center !important;
        gap: 4px
    }
}

.tournament-box.twoBox {
    white-space: nowrap
}

.tournament-box.twoBox .box-1,
.tournament-box.twoBox .box-2 {
    display: inline-block;
    width: 50%
}

.tournament-box.twoBox .box-1::before,
.tournament-box.twoBox .box-2::before {
    position: absolute;
    top: 8px;
    padding: 1px 3px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    color: #000
}

@media (max-width: 1024px) {

    .tournament-box.twoBox .box-1::before,
    .tournament-box.twoBox .box-2::before {
        font-size: 12px
    }
}

@media (min-width: 1025px) {

    .tournament-box.twoBox .box-1::before,
    .tournament-box.twoBox .box-2::before {
        font-size: 16px
    }
}

.tournament-box.twoBox .box-1 {
    border-radius: 10px 0 0 10px
}

.tournament-box.twoBox .box-1::before {
    left: 8px
}

.tournament-box.twoBox .box-2 {
    border-radius: 0 10px 10px 0
}

.tournament-box.twoBox .box-2::before {
    right: 8px
}

@media (max-width: 1024px) {
    .tournament-box.twoBox.over-2 .tournament-list {
        height: 162px
    }
}

@media (max-width: 1024px) {
    .tournament-box.twoBox .tournament-list {
        height: 108px
    }
}

.tournament-box.twoBox .tournament-list li {
    height: 50px
}

@media (max-width: 1024px) {
    .tournament-box.twoBox .tournament-list .item-info {
        flex-direction: column;
        justify-content: center;
        max-width: calc(100% - 20px - 35px - 4px)
    }
}

@media (min-width: 1025px) {
    .tournament-box.twoBox .tournament-list .item-info {
        align-items: center
    }
}

@media (min-width: 1025px) {
    .tournament-box.twoBox .tournament-list .item-rank {
        min-width: 30px
    }
}

@media (min-width: 1025px) {
    .tournament-box.twoBox .tournament-list .info-player {
        width: 70px;
        margin-right: 10px
    }
}

@media (max-width: 1024px) {
    .tournament-box.twoBox .tournament-list .item-game {
        margin-right: 5px
    }
}

@media (min-width: 1025px) {
    .tournament-box.twoBox .tournament-list .item-game {
        margin-right: 10px
    }
}

@media (min-width: 1025px) {
    .tournament-box.twoBox .tournament-list .txt-bonus {
        text-align: right;
        width: 115px
    }
}

@media (max-width: 1024px) {
    .tournament-box.twoBox .tournament-list .info-prize {
        padding-top: 4px
    }
}

@media (min-width: 1025px) {
    .tournament-box.twoBox .tournament-list .info-prize {
        position: absolute;
        right: 30px
    }
}

.tournament-box.oneBox .box-1,
.tournament-box.oneBox .box-2 {
    border-radius: 10px
}

.tournament-box.oneBox .box-1::before,
.tournament-box.oneBox .box-2::before {
    position: absolute;
    top: 8px;
    padding: 1px 3px;
    font-weight: 600;
    border-radius: 3px;
    color: #000
}

@media (max-width: 1024px) {

    .tournament-box.oneBox .box-1::before,
    .tournament-box.oneBox .box-2::before {
        font-size: 12px
    }
}

@media (min-width: 1025px) {

    .tournament-box.oneBox .box-1::before,
    .tournament-box.oneBox .box-2::before {
        font-size: 16px
    }
}

.tournament-box.oneBox .box-1::before,
.tournament-box.oneBox .box-2::before {
    left: 8px
}

@media (max-width: 1024px) {
    .tournament-box.oneBox.over-2 .tournament-list {
        height: 132px
    }
}

@media (max-width: 1024px) {
    .tournament-box.oneBox .tournament-list {
        height: 88px
    }
}

@media (max-width: 1024px) {
    .tournament-box.oneBox .tournament-list li {
        height: 40px
    }
}

@media (min-width: 1025px) {
    .tournament-box.oneBox .tournament-list li {
        height: 50px
    }
}

.tournament-box.oneBox .tournament-list .item-info {
    align-items: center
}

@media (min-width: 1025px) {
    .tournament-box.oneBox .tournament-list .item-rank {
        min-width: 40px
    }
}

@media (max-width: 1024px) {
    .tournament-box.oneBox .tournament-list .item-game {
        margin-right: 5px
    }
}

@media (min-width: 1025px) {
    .tournament-box.oneBox .tournament-list .item-game {
        margin-right: 10px
    }
}

@media (min-width: 1025px) {
    .tournament-box.oneBox .tournament-list .info-player {
        width: 120px;
        margin-right: 10px
    }
}

.tournament-box.oneBox .tournament-list .txt-bonus {
    text-align: right
}

@media (min-width: 1025px) {
    .tournament-box.oneBox .tournament-list .txt-bonus {
        width: 130px
    }
}

.tournament-box.oneBox .tournament-list .info-prize {
    position: absolute
}

@media (max-width: 1024px) {
    .tournament-box.oneBox .tournament-list .info-prize {
        right: 5px
    }
}

@media (min-width: 1025px) {
    .tournament-box.oneBox .tournament-list .info-prize {
        right: 30px
    }
}

.tournament-box.no-prize .info-prize {
    display: none
}

.tournament-box .weekly::before {
    content: 'WEEKLY';
    background-color: #FFD60B
}

@media (max-width: 1024px) {

    .tournament-box .weekly .award-1,
    .tournament-box .weekly .award-2,
    .tournament-box .weekly .award-3 {
        text-indent: 5px
    }
}

@media (min-width: 1025px) {

    .tournament-box .weekly .award-1,
    .tournament-box .weekly .award-2,
    .tournament-box .weekly .award-3 {
        text-indent: 8px
    }
}

.tournament-box .weekly .award-1::before,
.tournament-box .weekly .award-2::before,
.tournament-box .weekly .award-3::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    border-radius: 5px 0 0 5px
}

@media (max-width: 1024px) {

    .tournament-box .weekly .award-1::before,
    .tournament-box .weekly .award-2::before,
    .tournament-box .weekly .award-3::before {
        width: 5px
    }
}

@media (min-width: 1025px) {

    .tournament-box .weekly .award-1::before,
    .tournament-box .weekly .award-2::before,
    .tournament-box .weekly .award-3::before {
        width: 8px
    }
}

.tournament-box .weekly .award-1::before {
    background-image: linear-gradient(#FFD60B, #FF9D0B)
}

.tournament-box .weekly .award-2::before {
    background-image: linear-gradient(#D9D9D9, #999)
}

.tournament-box .weekly .award-3::before {
    background-image: linear-gradient(#c96, #963)
}

.tournament-box .daily .tournament-date {
    display: none
}

.tournament-box .daily::before {
    content: 'DAILY'
}

.tournament-box .tournament-title {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.4)
}

.tournament-box .tournament-title p {
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(180deg, #F6CE55 20%, #F4EAD7 90%)
}

@media (max-width: 1024px) {
    .tournament-box .tournament-title {
        padding: 0 20px;
        border-radius: 0 0 30px 30px
    }

    .tournament-box .tournament-title p {
        font-size: 20px;
        line-height: 26px
    }
}

@media (min-width: 1025px) {
    .tournament-box .tournament-title {
        padding: 0 30px;
        border-radius: 0 0 40px 40px
    }

    .tournament-box .tournament-title p {
        font-size: 28px;
        line-height: 34px
    }
}

.tournament-box .tournament-base {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2)
}

.tournament-box .tournament-base .info-prize {
    vertical-align: middle
}

@media (max-width: 1024px) {
    .tournament-box .tournament-base {
        height: 20px;
        gap: 5px
    }

    .tournament-box .tournament-base .tournament-platform {
        width: 35px;
        min-width: 35px
    }

    .tournament-box .tournament-base .info-prize {
        margin-left: 5px;
        line-height: 20px
    }
}

@media (min-width: 1025px) {
    .tournament-box .tournament-base {
        height: 28px;
        gap: 10px
    }

    .tournament-box .tournament-base .tournament-platform {
        cursor: pointer;
        width: 40px;
        min-width: 40px
    }

    .tournament-box .tournament-base .tournament-platform:hover {
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.4))
    }

    .tournament-box .tournament-base .info-prize {
        margin-left: 10px;
        line-height: 20px
    }
}

.tournament-box .tournament-subTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    gap: 5px
}

@media (max-width: 1024px) {
    .tournament-box .tournament-subTitle {
        margin: 5px 0
    }
}

@media (min-width: 1025px) {
    .tournament-box .tournament-subTitle {
        margin: 7px 0
    }
}

.tournament-box .tournament-subTitle .tournament-countdown span {
    margin: 0 1.5px;
    padding: 1.5px 3px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.7)
}

.tournament-box .tournament-list {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0
}

@media (max-width: 1024px) {
    .tournament-box .tournament-list {
        padding: 0 5px
    }
}

@media (min-width: 1025px) {
    .tournament-box .tournament-list {
        padding: 0 5px 0 10px
    }
}

.tournament-box .tournament-list.winRatio .txt-bonus {
    padding-left: 0
}

.tournament-box .tournament-list.winRatio .txt-bonus::before {
    display: none
}

.tournament-box .tournament-list li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    border-radius: 5px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1), transparent);
    box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.25)
}

.tournament-box .tournament-list .item-game {
    position: relative;
    aspect-ratio: 1 / 1;
    height: calc(100% - 8px)
}

@media (max-width: 1024px) {
    .tournament-box .tournament-list .item-game {
        width: 35px;
        min-width: 35px;
        min-height: 35px
    }
}

@media (min-width: 1025px) {
    .tournament-box .tournament-list .item-game {
        width: 40px;
        min-width: 40px;
        min-height: 40px
    }
}

.tournament-box .tournament-list .item-game img {
    border-radius: 5px;
    width: 100%;
}

.tournament-box .tournament-list .item-game::after {
    content: 'GO';
    position: absolute;
    width: 100%;
    height: 12px;
    left: 0;
    bottom: 0;
    font-weight: 400;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 5px 5px;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 10px;
    line-height: 12px
}

.tournament-box .tournament-list .item-rank {
    text-align: center
}

@media (max-width: 1024px) {
    .tournament-box .tournament-list .item-rank {
        min-width: 20px
    }
}

.tournament-box .tournament-list .item-info {
    position: relative;
    flex-grow: 1;
    display: flex;
    height: 100%
}

.tournament-box .tournament-list .info-player {
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1024px) {
    .tournament-box .tournament-list .info-player {
        width: 55px;
        margin-right: 5px
    }
}

.tournament-box .tournament-list .txt-bonus {
    margin-top: 2px;
    line-height: 1
}

@media (max-width: 1024px) {
    .tournament-box .tournament-list .txt-bonus {
        width: 100px
    }
}

.tournament-box .tournament-list .info-prize {
    position: relative;
    padding-left: 32px
}

.tournament-box .tournament-list .info-prize::after {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 9px;
    content: 'PRIZE'
}

.tournament-box .tournament-list .info-btn {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2)
}

.tournament-box .tournament-list .info-btn::before {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.9)
}

.tournament-box .tournament-list .info-btn::after {
    content: '';
    position: absolute;
    width: 150%;
    height: 150%
}

.tournament-box .history-box {
    z-index: -1;
    position: relative;
    height: fit-content;
    margin-top: -18px;
    padding-top: 18px;
    text-align: center;
    white-space: normal;
    border-radius: 0 0 10px 10px
}

.tournament-box .history-box .history-title {
    padding-top: 6px;
    text-transform: capitalize;
    vertical-align: top
}

.tournament-box .history-box .history-title p {
    display: inline-block
}

.tournament-box .history-box .date-list {
    padding: 6px 0 10px
}

.tournament-box .history-box .date-list a {
    position: relative;
    text-decoration: underline
}

.tournament-box .history-box .date-list a:hover {
    text-decoration: underline
}

.tournament-box .history-box .date-list a::after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.6)
}

.tournament-box .history-box .date-list a:last-child::after,
.tournament-box .history-box .date-list a:only-child::after {
    display: none
}

@media (min-width: 720px) {
    .device-mobile .tournament-box {
        max-width: 550px;
        margin: 0 auto
    }

    .device-mobile .tournament-box.oneBox .tournament-list .item-rank {
        min-width: 40px
    }

    .device-mobile .tournament-box.oneBox .tournament-list .item-game {
        margin-right: 10px
    }

    .device-mobile .tournament-box.oneBox .tournament-list .item-info {
        padding-right: 40px
    }

    .device-mobile .tournament-box.oneBox .tournament-list .info-player {
        width: 120px;
        margin-right: 10px
    }

    .device-mobile .tournament-box.oneBox .tournament-list .info-prize {
        right: 30px
    }

    .device-mobile .tournament-box.oneBox.over-2 .tournament-list {
        height: 132px
    }

    .device-mobile .tournament-box.twoBox .no-prize .tournament-list .item-info {
        justify-content: space-between !important
    }

    .device-mobile .tournament-box.twoBox .tournament-list {
        height: 108px
    }

    .device-mobile .tournament-box.twoBox .tournament-list .item-info {
        padding-right: 5px;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        flex-direction: row;
        justify-content: space-between
    }

    .device-mobile .tournament-box.twoBox .tournament-list .info-player {
        width: 240px;
        padding-right: calc(240px - 70px)
    }

    .device-mobile .tournament-box.twoBox .tournament-list .info-prize {
        position: relative;
        right: auto;
        padding-top: 0
    }

    .device-mobile .tournament-box.twoBox .txt-bonus {
        text-align: left
    }

    .device-mobile .tournament-box.twoBox.over-2 .tournament-list {
        height: 162px
    }

    .device-mobile.type-BS .main-vert-tab .tournament-box.oneBox .info-prize {
        right: 90px
    }
}

@media (min-width: 1024px) {
    .device-mobile .tournament-box {
        max-width: 770px;
        margin: 10px auto
    }
}

@media (min-width: 1025px) {
    .device-PC .group-content:has(.twoBox) {
        display: flex;
        flex-wrap: wrap
    }

    .device-PC .tournament-box.twoBox {
        order: -1;
        width: 100%;
        padding-left: calc(50% - 470px);
        padding-right: calc(50% - 470px)
    }

    .device-PC .tournament-box .tournament-list {
        height: 162px
    }

    .device-PC .tournament-box .tournament-list::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.3)
    }

    .device-PC .tournament-box .tournament-list::-webkit-scrollbar-thumb:hover {
        background-color: rgba(255, 255, 255, 0.5)
    }

    .device-PC .tournament-box .tournament-list li:hover {
        cursor: pointer;
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05))
    }

    .device-PC .tournament-box .tournament-list .item-game::after {
        transition: all .2s ease-in-out
    }

    .device-PC .tournament-box .tournament-list .item-game:hover::after {
        height: calc(40px + 2px);
        font-size: 14px;
        line-height: 40px;
        border-radius: 5px
    }

    .device-PC .tournament-box .tournament-list .info-btn:hover {
        background-color: rgba(255, 255, 255, 0.3);
        transform: scale(1.1);
        transform-origin: top right
    }

    .device-PC .tournament-box .tournament-list .info-btn:hover::before {
        color: #FFF
    }

    .device-PC .tournament-box.oneBox {
        min-width: 600px
    }

    .device-PC .tournament-box.oneBox .item-game {
        margin-right: 10px
    }
}

.POPULAR .tournament-box.only-weekly.oneBox .box-1,
.POPULAR .tournament-box.only-weekly.oneBox .box-2,
.CLASSIC .tournament-box.only-weekly.oneBox .box-1,
.CLASSIC .tournament-box.only-weekly.oneBox .box-2 {
    background-color: #153779
}

.POPULAR .tournament-box.only-daily.oneBox .box-1,
.POPULAR .tournament-box.only-daily.oneBox .box-2,
.CLASSIC .tournament-box.only-daily.oneBox .box-1,
.CLASSIC .tournament-box.only-daily.oneBox .box-2 {
    background-color: #2C5A86
}

.POPULAR .tournament-box.only-daily.twoBox .box-1,
.CLASSIC .tournament-box.only-daily.twoBox .box-1 {
    background-color: #153779
}

.POPULAR .tournament-box.only-daily.twoBox .box-1 .is-you,
.CLASSIC .tournament-box.only-daily.twoBox .box-1 .is-you {
    background-image: linear-gradient(90deg, #4075bf, rgba(64, 117, 191, 0.3))
}

.POPULAR .tournament-box.only-daily.twoBox .box-2,
.CLASSIC .tournament-box.only-daily.twoBox .box-2 {
    background-color: #2C5A86
}

.POPULAR .tournament-box.both .weekly,
.CLASSIC .tournament-box.both .weekly {
    background-color: #153779
}

.POPULAR .tournament-box.both .daily,
.CLASSIC .tournament-box.both .daily {
    background-color: #2C5A86
}

.POPULAR .tournament-box .history-box,
.CLASSIC .tournament-box .history-box {
    background-color: #132639
}

.POPULAR .tournament-box .daily::before,
.CLASSIC .tournament-box .daily::before {
    background-color: #8CB2D9
}

.POPULAR .tournament-box .daily .is-you,
.CLASSIC .tournament-box .daily .is-you {
    background-image: linear-gradient(90deg, #142e52, rgba(20, 46, 82, 0.7))
}

.POPULAR .tournament-box .weekly .is-you,
.CLASSIC .tournament-box .weekly .is-you {
    background-image: linear-gradient(90deg, #4075bf, rgba(64, 117, 191, 0.3))
}

.POPULAR .tournament-box .tournament-list .info-btn,
.CLASSIC .tournament-box .tournament-list .info-btn {
    top: 0;
    right: 0;
    border-radius: 0 5px 0 5px
}

.POPULAR .tournament-box .tournament-list .info-btn::after,
.CLASSIC .tournament-box .tournament-list .info-btn::after {
    top: 0;
    right: 0
}

@media (max-width: 1024px) {

    .POPULAR .tournament-box .tournament-list .info-btn,
    .CLASSIC .tournament-box .tournament-list .info-btn {
        width: 22px;
        height: 15px
    }

    .POPULAR .tournament-box .tournament-list .info-btn::before,
    .CLASSIC .tournament-box .tournament-list .info-btn::before {
        font-size: 12px;
        line-height: 15px
    }
}

@media (min-width: 1025px) {

    .POPULAR .tournament-box .tournament-list .info-btn,
    .CLASSIC .tournament-box .tournament-list .info-btn {
        width: 28px;
        height: 24px
    }

    .POPULAR .tournament-box .tournament-list .info-btn::before,
    .CLASSIC .tournament-box .tournament-list .info-btn::before {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 1024px) {
    .POPULAR .main-content .tournament-box {
        margin: 10px auto
    }
}

@media (min-width: 1025px) {
    .POPULAR .group-content .twoBox {
        margin-bottom: 30px
    }
}

.POPULAR .navigation-btn .btn-tournament {
    right: 0;
    padding: 0;
    width: 10vmin;
    height: 10vmin
}

.POPULAR .navigation-btn .btn-tournament i {
    line-height: 10vmin
}

@media (max-width: 1024px) {
    .CLASSIC .game_all .tournament-box {
        margin: 10px auto
    }
}

@media (min-width: 1025px) {
    .type-BS .tournament-box {
        margin: 20px auto
    }
}

.type-BS .tournament-box.only-weekly.oneBox .box-1,
.type-BS .tournament-box.only-weekly.oneBox .box-2 {
    background-color: #53432D
}

.type-BS .tournament-box.only-daily.oneBox .box-1,
.type-BS .tournament-box.only-daily.oneBox .box-2 {
    background-color: #333
}

.type-BS .tournament-box.only-daily.twoBox .box-1 {
    background-color: #53432D
}

.type-BS .tournament-box.only-daily.twoBox .box-2 {
    background-color: #333
}

.type-BS .tournament-box.both .weekly {
    background-color: #53432D
}

.type-BS .tournament-box.both .daily {
    background-color: #333
}

.type-BS .tournament-box .history-box {
    background-color: rgba(15, 15, 15, 0.8)
}

.type-BS .tournament-box .daily::before {
    background-color: #A68C59
}

.type-BS .tournament-box .tournament-list .is-you {
    background-image: linear-gradient(90deg, rgba(255, 191, 0, 0.3), rgba(244, 140, 37, 0.3))
}

.type-BS .tournament-box .tournament-list .item-game {
    order: 1
}

.type-BS .tournament-box .tournament-list .info-btn {
    top: 0px;
    right: 6px;
    border-radius: 5px
}

.type-BS .tournament-box .tournament-list .info-btn::after {
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 1024px) {
    .type-BS .tournament-box .tournament-list .info-btn {
        width: 28px;
        height: 15px
    }

    .type-BS .tournament-box .tournament-list .info-btn::before {
        font-size: 12px;
        line-height: 15px
    }
}

@media (min-width: 1025px) {
    .type-BS .tournament-box .tournament-list .info-btn {
        width: 28px;
        height: 24px
    }

    .type-BS .tournament-box .tournament-list .info-btn::before {
        font-size: 16px;
        line-height: 24px
    }
}

.type-BS .tournament-box.oneBox {
    margin: auto;
    max-width: 800px
}

@media (min-width: 1025px) {
    .type-BS .tournament-box.oneBox .item-game {
        margin-right: 10px
    }
}

@media (min-width: 1025px) {
    .type-BS .main-vert-tab .tournament-box.oneBox .info-player {
        width: 150px
    }

    .type-BS .main-vert-tab .tournament-box.oneBox .txt-bonus {
        width: 150px
    }

    .type-BS .main-vert-tab .tournament-box.oneBox .info-prize {
        right: 150px
    }

    .type-BS .main-vert-tab .tournament-box.oneBox .info-btn {
        top: 13px;
        right: 50px
    }
}

@media (min-width: 1025px) {
    .type-BS .modal.modal-tournament-list {
        top: 0
    }
}

.body-iframe .btn-tournament,
.page-web.device-PC.PC-POPUP .btn-tournament {
    position: fixed;
    text-align: center;
    background-color: #000000bd;
    z-index: 11
}

.body-iframe .btn-tournament i::before,
.page-web.device-PC.PC-POPUP .btn-tournament i::before {
    color: #E0BE83
}

@media (max-width: 1024px) {

    .body-iframe .btn-tournament i::before,
    .page-web.device-PC.PC-POPUP .btn-tournament i::before {
        font-size: 24px
    }
}

@media (min-width: 1025px) {

    .body-iframe .btn-tournament i::before,
    .page-web.device-PC.PC-POPUP .btn-tournament i::before {
        font-size: 28px
    }
}

.body-iframe .btn-tournament:hover,
.page-web.device-PC.PC-POPUP .btn-tournament:hover {
    background-color: #E0BE83
}

.body-iframe .btn-tournament:hover i::before,
.page-web.device-PC.PC-POPUP .btn-tournament:hover i::before {
    color: #333333
}

.type-BS.body-iframe .page-header .navigation-btn .btn-tournament:hover,
.type-BS.page-web.device-PC.PC-POPUP .page-header .navigation-btn .btn-tournament:hover {
    background-color: #FCE487
}

.type-BS.body-iframe .page-header .navigation-btn .btn-tournament:hover i::before,
.type-BS.page-web.device-PC.PC-POPUP .page-header .navigation-btn .btn-tournament:hover i::before {
    color: #333333
}

.PC-POPUP .modal-tournament-list {
    top: 0;
    padding: 0 !important
}

@media (max-width: 719px) {
    .modal.modal-tournament-list {
        top: 10vmin
    }
}

@media (min-width: 720px) {
    .modal.modal-tournament-list {
        top: 50px
    }
}

.modal.modal-tournament-list.show {
    z-index: 1250
}

.modal.modal-tournament-list.show~.game-iframe {
    z-index: 1070
}

.modal.modal-tournament-list .modal-dialog {
    margin: 0;
    max-width: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
    height: 100%
}

.modal.modal-tournament-list .modal-content {
    top: auto;
    width: calc(100% - 20px);
    margin: 0 auto;
    max-width: 500px;
    box-shadow: none;
    border: none !important;
    background: none !important
}

@media (min-width: 320px) and (max-width: 900px) {
    .modal.modal-tournament-list .modal-content {
        margin-top: -15vh;
        max-height: 78vh
    }
}

.modal.modal-tournament-list .modal-header {
    position: relative;
    justify-content: flex-end
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .modal-header {
        top: -25px
    }
}

@media (min-width: 1025px) {
    .modal.modal-tournament-list .modal-header {
        top: -40px
    }
}

.modal.modal-tournament-list .modal-header .close {
    position: relative;
    top: auto;
    right: auto;
    background-color: #204060;
    border-radius: 30px
}

.modal.modal-tournament-list .modal-header .close .icon {
    color: #e6e6e6;
    font-weight: 400
}

.modal.modal-tournament-list .tournament-box {
    width: 100%;
    min-width: unset;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6)
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .box-1 {
        padding: 26px 0 8px
    }
}

@media (min-width: 1025px) {
    .modal.modal-tournament-list .tournament-box .box-1 {
        padding: 36px 0 8px
    }
}

.modal.modal-tournament-list .tournament-box .no-prize .tournament-list .item-info {
    justify-content: space-between !important
}

.modal.modal-tournament-list .weekly::before {
    display: none
}

.modal.modal-tournament-list .weekly .tournament-title>div {
    position: absolute
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .weekly .tournament-title>div {
        top: -14px;
        left: calc(100% + 4px)
    }
}

@media (min-width: 1025px) {
    .modal.modal-tournament-list .weekly .tournament-title>div {
        top: -18px;
        left: calc(100% + 30px)
    }
}

.modal.modal-tournament-list .weekly .tournament-countdown {
    margin-top: 8px
}

.modal.modal-tournament-list .daily::before {
    display: none
}

.modal.modal-tournament-list .daily .tournament-title>div {
    position: absolute;
    top: 8px;
    left: calc(100% + 10px)
}

@media (min-width: 1025px) {
    .modal.modal-tournament-list .oneBox .info-prize {
        right: 15px
    }
}

.modal.modal-tournament-list .tournament-countdown span {
    margin: 0 1.5px;
    padding: 1.5px 3px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.7)
}

.modal.modal-tournament-list .brand-logo {
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .brand-logo {
        top: -15px
    }
}

@media (min-width: 1025px) {
    .modal.modal-tournament-list .brand-logo {
        top: -20px
    }
}

.modal.modal-tournament-list .brand-logo span {
    color: #fff;
    text-shadow: 0 0 1px #222;
    font-size: 12px
}

.modal.modal-tournament-list .brand-logo img {
    aspect-ratio: 1/1;
    object-fit: contain
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .brand-logo img {
        width: 30px;
        max-height: 30px
    }
}

@media (min-width: 1025px) {
    .modal.modal-tournament-list .brand-logo img {
        width: 35px;
        max-height: 35px
    }
}

.modal.modal-tournament-list .tournament-base {
    height: 0;
    background: none
}

.modal.modal-tournament-list .tournament-subTitle {
    background-color: rgba(0, 0, 0, 0.2);
    gap: 0
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-subTitle {
        margin: 5px 0;
        padding: 3px 15px 3px 10px
    }
}

@media (min-width: 1025px) {
    .modal.modal-tournament-list .tournament-subTitle {
        margin: 5px 0 7px;
        padding: 3px 35px 3px 10px
    }
}

.modal.modal-tournament-list .tournament-subTitle p {
    text-align: right
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-subTitle p:first-child {
        width: calc(20px + 70px + 10px + 105px)
    }

    .modal.modal-tournament-list .tournament-subTitle p:last-child {
        width: calc(100% - 20px - 70px - 105px)
    }
}

@media (min-width: 1025px) {
    .modal.modal-tournament-list .tournament-subTitle p:first-child {
        width: calc(40px + 120px + 10px + 130px)
    }

    .modal.modal-tournament-list .tournament-subTitle p:last-child {
        width: calc(100% - 40px - 120px - 10px - 130px)
    }
}

.modal.modal-tournament-list .tournament-list {
    margin: 0;
    padding: 0 10px;
    height: auto;
    min-height: 150px;
    max-height: 375px
}

.modal.modal-tournament-list .tournament-list.scroll {
    height: auto;
    overflow-y: auto;
    max-height: 340px
}

.modal.modal-tournament-list .tournament-list~.tournament-list {
    height: auto;
    min-height: 0
}

.modal.modal-tournament-list .tournament-list li {
    height: 30px
}

.modal.modal-tournament-list .tournament-list li:hover {
    cursor: auto
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-list li .info-player {
        width: 70px;
        margin-right: 10px
    }
}

.modal.modal-tournament-list .tournament-list li .info-prize::after {
    display: none
}

.modal.modal-tournament-list .tournament-list .more {
    background: none;
    box-shadow: none;
    flex-direction: column;
    justify-content: space-evenly
}

.modal.modal-tournament-list .tournament-list .more span {
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    text-align: center
}

.ul-gameList .ul-gameIcon-box .show-wager {
    top: auto;
    left: 3px;
    bottom: 3px
}

.ul-gameList .show-jackpot-fire .show-wager {
    top: auto;
    bottom: 28px;
    left: 3px
}

.ul-gameList .show-Ingame-jackpot .show-wager {
    top: auto;
    bottom: 30px
}

.live-game .ul-gameList .ul-gameIcon-box .show-wager,
.lottery-game .ul-gameList .ul-gameIcon-box .show-wager,
.sports-game .ul-gameList .ul-gameIcon-box .show-wager,
.livearena-game .ul-gameList .ul-gameIcon-box .show-wager {
    top: auto;
    left: 10px;
    bottom: 10px
}

.modal .modal-title .show-wager {
    top: -20px
}

.freeSpinTag {
    min-width: 50px;
    max-width: 60px;
    text-decoration: none !important;
    z-index: 210
}

.freeSpinList .show-maintain .ul-gameIcon-box::after {
    font-size: 30px !important
}

.freeSpinList .show-maintain .freeSpinTag img {
    filter: none !important
}

.freeSpinList .show-blocked .ul-gameIcon-box::after {
    font-size: 25px !important
}

.freeSpinDrawer .freeSpinTag,
.tab-navs>.freeSpinTag {
    min-width: unset;
    max-width: none
}

.ul-gameList .freeSpinTag {
    min-width: 45px
}

.page-bonus-div>.freeSpinTag {
    position: absolute;
    top: 45px;
    right: 10px;
    height: 60px;
    max-width: none
}

.page-bonus-div.bonusPoints>.freeSpinTag {
    top: 70px
}

.page-bonus-div.signupEventBonus-page>.freeSpinTag {
    top: 150px
}

.page-bonus-div.dailyCheckIn>.freeSpinTag {
    position: fixed;
    top: 65px;
    left: 10px;
    right: auto;
    opacity: 0;
    pointer-events: none
}

.page-bonus-div.dailyCheckIn.active>.freeSpinTag {
    opacity: 1;
    pointer-events: auto
}

.page-bonus-div.dailyCheckIn>.freeSpinTag.EZ {
    left: 0
}

.signupEventBonus-page .result-box .freeSpinTag {
    z-index: -1;
    opacity: 0;
    top: 40px;
    left: 50%;
    transform: translateX(-50%)
}

.signupEventBonus-page .result-box.win .freeSpinTag {
    z-index: 1;
    opacity: 1;
    transition: opacity .3s .3s
}

.bonus-roulette-rotate .txt-bonus .freeSpinTag {
    top: -10px;
    right: 50%;
    transform: translateX(50%)
}

.bonus-roulette-rotate .txt-bonus .freeSpinTag .txt-balance {
    font-weight: bold
}

.bonus-roulette-rotate .txt-bonus .freeSpinTag .txt-balance::before {
    font-weight: bold
}

.multi-event .bonus-multi-btn .bonus-btn .freeSpinTag {
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.multi-event .bonus-multi-btn .bonus-btn.open .freeSpinTag {
    z-index: 1;
    opacity: 1;
    transition: opacity .3s .3s
}

.dailyCheckIn .reward .freeSpinTag {
    position: relative;
    left: 50%;
    transform: translateX(-50%) scale(0.9)
}

.page-bonus-MARIOSLOT .bonus-btn .freeSpinTag {
    z-index: 1;
    opacity: 1
}

.page-bonus-MARIOSLOT .bonus-btn .freeSpinTag.BS {
    transform: scale(0.9)
}

.modal-bonus-detail .panel-list-tb .freeSpinTag {
    cursor: pointer;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px
}

.modal-bonus-detail .panel-list-tb .freeSpinTag.is-success::after {
    content: '\e90f';
    font-family: 'icomoon' !important
}

.device-PC .page-bonus-header .freeSpinTag,
.device-PC .page-bonus-body .freeSpinTag {
    cursor: auto
}

.device-PC .freeSpinDrawer>.freeSpinTag,
.device-PC .page-bonus-div>.freeSpinTag,
.device-PC .freeSpinList li {
    cursor: pointer
}

@keyframes text-freespin-popular {
    0% {
        color: #fff
    }

    14% {
        color: #ffffff00
    }

    23% {
        color: #fff
    }

    25% {
        color: #ffffff00
    }

    35% {
        color: #fff
    }

    40% {
        color: #ffffff00
    }

    43% {
        color: #fff
    }

    45% {
        color: #ffffff00
    }

    55% {
        color: #fff
    }

    100% {
        color: #ffffff00
    }
}

.freeSpinDrawer {
    position: fixed;
    z-index: 790;
    font-size: 0;
    pointer-events: none
}

.freeSpinDrawer::before {
    content: '';
    position: fixed;
    z-index: -1;
    top: 0;
    height: 100vh
}

@media (max-width: 1024px) {
    .freeSpinDrawer::before {
        width: 100vw
    }
}

@media (min-width: 1025px) {
    .freeSpinDrawer::before {
        width: 500px;
        right: -500px
    }
}

.freeSpinDrawer.show {
    z-index: 998
}

.freeSpinList {
    pointer-events: auto;
    display: inline-flex;
    padding: 0 5px;
    margin: 0;
    background-color: #0F1B28;
    border: 2px solid #AED1FA
}

.freeSpinList li {
    position: relative;
    aspect-ratio: 1 / 1;
    margin: 0;
    padding: 8px 5px 5px
}

@media (max-width: 1024px) {
    .freeSpinList li {
        width: 80px
    }
}

@media (min-width: 1025px) {
    .freeSpinList li {
        width: 100px
    }

    .freeSpinList li:hover .ul-gameIcon-box {
        background-color: rgba(0, 0, 0, 0.7)
    }

    .freeSpinList li:hover .ul-gameIcon-box::before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.7)
    }

    .freeSpinList li:hover .ul-gameIcon-box::after {
        content: 'Play Now';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: inline-block;
        padding: 0 5px;
        line-height: 28px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
        color: #321300;
        border: 1px solid #594833;
        border-radius: 3px;
        background-image: linear-gradient(0deg, #855F17 0%, #F3C161 31%, #FFE581 52%, #DEAE53 71%, #A67415 100%);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7)
    }
}

.freeSpinList .freeSpinTag img {
    display: none
}

.freeSpinList .ul-gameIcon-box {
    position: relative;
    margin-bottom: 2px
}

.freeSpinList .game-icon {
    border-radius: 10px
}

.freeSpinList .txt-platform-name {
    top: 10px
}

.freeSpinList .txt-gameName {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: .85rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.freeSpinList .freeSpinAmount,
.freeSpinList .freeSpinTag {
    position: absolute;
    right: -3px;
    bottom: 3px
}

.freeSpinList .freeSpinAmount .txt-balance,
.freeSpinList .freeSpinTag .txt-balance {
    margin: 0;
    padding: 0 6px;
    min-width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 5px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #1F4EAD;
    animation: text-freespin-popular 2.5s linear 5 reverse
}

.freeSpinList .freeSpinAmount .txt-balance::before,
.freeSpinList .freeSpinTag .txt-balance::before {
    font-size: 8px
}

@media (max-width: 1024px) {
    body>.freeSpinDrawer {
        transition: right 0.3s cubic-bezier(0.8, 0, 0.2, 1);
        bottom: calc(12vh + 60px + 10px + 60px + 10px);
        height: 65px
    }
}

@media (max-width: 1024px) and (max-width: 1024px) {
    body>.freeSpinDrawer.num-1 {
        right: calc((-80px * 1) - 12px)
    }

    body>.freeSpinDrawer.num-2 {
        right: calc((-80px * 2) - 12px)
    }

    body>.freeSpinDrawer.num-3 {
        right: calc((-80px * 3) - 12px)
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    body>.freeSpinDrawer>.freeSpinTag {
        transition: .3s
    }

    body>.freeSpinDrawer>.freeSpinTag:hover {
        padding: 2px 12px 5px 5px
    }

    body>.freeSpinDrawer.num-1 {
        right: calc((-100px * 1) - 12px)
    }

    body>.freeSpinDrawer.num-2 {
        right: calc((-100px * 2) - 12px)
    }

    body>.freeSpinDrawer.num-3 {
        right: calc((-100px * 3) - 12px)
    }
}

@media (max-width: 1024px) {
    body>.freeSpinDrawer::before {
        right: -100%;
        background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.705882));
        transition: right 0.3s cubic-bezier(0.8, 0, 0.2, 1)
    }

    body>.freeSpinDrawer.show {
        right: 0
    }

    body>.freeSpinDrawer.show::before {
        right: 0
    }

    body>.freeSpinDrawer.show>.freeSpinTag {
        padding: 2px 5px 5px
    }

    body>.freeSpinDrawer>.freeSpinTag {
        position: static;
        border-right: none;
        border-radius: 12px 0 0 12px
    }

    body>.freeSpinDrawer .freeSpinList {
        vertical-align: top;
        border-right: none;
        border-radius: 0 0 0 12px
    }

    body>.freeSpinDrawer.show {
        height: auto
    }
}

@media (min-width: 1025px) {
    body .fix-sticker-group .freeSpinDrawer {
        transition: left 0.3s cubic-bezier(0.8, 0, 0.2, 1);
        position: fixed;
        top: 220px;
        left: 0px
    }
}

@media (min-width: 1025px) and (max-width: 1024px) {
    body .fix-sticker-group .freeSpinDrawer.num-1 {
        left: calc((-80px * 1) - 12px)
    }

    body .fix-sticker-group .freeSpinDrawer.num-2 {
        left: calc((-80px * 2) - 12px)
    }

    body .fix-sticker-group .freeSpinDrawer.num-3 {
        left: calc((-80px * 3) - 12px)
    }
}

@media (min-width: 1025px) and (min-width: 1025px) {
    body .fix-sticker-group .freeSpinDrawer>.freeSpinTag {
        transition: .3s
    }

    body .fix-sticker-group .freeSpinDrawer>.freeSpinTag:hover {
        padding: 2px 5px 5px 12px
    }

    body .fix-sticker-group .freeSpinDrawer.num-1 {
        left: calc((-100px * 1) - 18px);
        right: auto
    }

    body .fix-sticker-group .freeSpinDrawer.num-2 {
        left: calc((-100px * 2) - 18px);
        right: auto
    }

    body .fix-sticker-group .freeSpinDrawer.num-3 {
        left: calc((-100px * 3) - 18px);
        right: auto
    }
}

@media (min-width: 1025px) {
    body .fix-sticker-group .freeSpinDrawer::before {
        left: -100%;
        background-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.7));
        transition: left 0.3s cubic-bezier(0.8, 0, 0.2, 1)
    }

    body .fix-sticker-group .freeSpinDrawer.show {
        left: 0
    }

    body .fix-sticker-group .freeSpinDrawer.show::before {
        left: 0
    }

    body .fix-sticker-group .freeSpinDrawer.show>.freeSpinTag {
        padding: 2px 5px 5px
    }

    body .fix-sticker-group .freeSpinDrawer>.freeSpinTag {
        left: 100%;
        border-left: none;
        border-radius: 0 12px 12px 0
    }

    body .fix-sticker-group .freeSpinDrawer .freeSpinList {
        border-left: none;
        border-radius: 0 0 12px 0
    }

    body .fix-sticker-group .freeSpinDrawer .freeSpinTag.POPULAR {
        border-radius: 0 8px 8px 0
    }

    body .fix-sticker-group .freeSpinDrawer.num-3 .freeSpinTag.POPULAR {
        left: 313px
    }

    body .fix-sticker-group .freeSpinDrawer.num-2 .freeSpinTag.POPULAR {
        left: 213px
    }

    body .fix-sticker-group .freeSpinDrawer.num-1 .freeSpinTag.POPULAR {
        left: 113px
    }

    body .fix-sticker-group .freeSpinDrawer.num-0 .freeSpinTag.POPULAR {
        left: -13px
    }
}

.page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer {
    transition: right 0.3s cubic-bezier(0.8, 0, 0.2, 1);
    top: 45px
}

@media (max-width: 1024px) {
    .page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.num-1 {
        right: calc((-80px * 1) - 12px)
    }

    .page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.num-2 {
        right: calc((-80px * 2) - 12px)
    }

    .page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.num-3 {
        right: calc((-80px * 3) - 12px)
    }
}

@media (min-width: 1025px) {
    .page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer>.freeSpinTag {
        transition: .3s
    }

    .page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer>.freeSpinTag:hover {
        padding: 2px 12px 5px 5px
    }

    .page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.num-1 {
        right: calc((-100px * 1) - 12px)
    }

    .page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.num-2 {
        right: calc((-100px * 2) - 12px)
    }

    .page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.num-3 {
        right: calc((-100px * 3) - 12px)
    }
}

.page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer::before {
    right: -100%;
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.705882));
    transition: right 0.3s cubic-bezier(0.8, 0, 0.2, 1)
}

.page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.show {
    right: 0
}

.page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.show::before {
    right: 0
}

.page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer.show>.freeSpinTag {
    padding: 2px 5px 5px
}

.page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer>.freeSpinTag {
    position: static;
    border-right: none;
    border-radius: 12px 0 0 12px
}

.page-bonus-div:not(.dailyCheckIn) .freeSpinDrawer .freeSpinList {
    vertical-align: top;
    border-right: none;
    border-radius: 0 0 0 12px
}

.page-bonus-div:not(.dailyCheckIn).bonusPoints .freeSpinDrawer {
    top: 70px
}

.page-bonus-div:not(.dailyCheckIn).signupEventBonus-page .freeSpinDrawer {
    top: 150px
}

.page-bonus-div.dailyCheckIn .freeSpinDrawer {
    transition: left 0.3s cubic-bezier(0.8, 0, 0.2, 1);
    top: 65px
}

@media (max-width: 1024px) {
    .page-bonus-div.dailyCheckIn .freeSpinDrawer.num-1 {
        left: calc((-80px * 1) - 12px)
    }

    .page-bonus-div.dailyCheckIn .freeSpinDrawer.num-2 {
        left: calc((-80px * 2) - 12px)
    }

    .page-bonus-div.dailyCheckIn .freeSpinDrawer.num-3 {
        left: calc((-80px * 3) - 12px)
    }
}

@media (min-width: 1025px) {
    .page-bonus-div.dailyCheckIn .freeSpinDrawer>.freeSpinTag {
        transition: .3s
    }

    .page-bonus-div.dailyCheckIn .freeSpinDrawer>.freeSpinTag:hover {
        padding: 2px 5px 5px 12px
    }

    .page-bonus-div.dailyCheckIn .freeSpinDrawer.num-1 {
        left: calc((-100px * 1) - 18px);
        right: auto
    }

    .page-bonus-div.dailyCheckIn .freeSpinDrawer.num-2 {
        left: calc((-100px * 2) - 18px);
        right: auto
    }

    .page-bonus-div.dailyCheckIn .freeSpinDrawer.num-3 {
        left: calc((-100px * 3) - 18px);
        right: auto
    }
}

.page-bonus-div.dailyCheckIn .freeSpinDrawer::before {
    left: -100%;
    background-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.7));
    transition: left 0.3s cubic-bezier(0.8, 0, 0.2, 1)
}

.page-bonus-div.dailyCheckIn .freeSpinDrawer.show {
    left: 0
}

.page-bonus-div.dailyCheckIn .freeSpinDrawer.show::before {
    left: 0
}

.page-bonus-div.dailyCheckIn .freeSpinDrawer.show>.freeSpinTag {
    padding: 2px 5px 5px
}

.page-bonus-div.dailyCheckIn .freeSpinDrawer>.freeSpinTag {
    left: 100%;
    border-left: none;
    border-radius: 0 12px 12px 0
}

.page-bonus-div.dailyCheckIn .freeSpinDrawer .freeSpinList {
    border-left: none;
    border-radius: 0 0 12px 0
}

.freeSpinTag.POPULAR {
    pointer-events: auto;
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 0 3px 3px;
    border-radius: 8px;
    background-color: #326DD9;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.4)
}

.freeSpinTag.POPULAR img {
    width: 35px;
    aspect-ratio: 5 / 4;
    object-fit: contain
}

.freeSpinTag.POPULAR .txt-balance {
    margin: 0;
    padding: 0 6px;
    min-width: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    border-radius: 5px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.2)
}

.freeSpinTag.POPULAR .txt-balance::before {
    font-size: 8px
}

.freeSpinDrawer>.freeSpinTag {
    border: 2px solid #AED1FA;
    padding: 2px 5px 5px
}

.freeSpinDrawer>.freeSpinTag img {
    width: 40px
}

.freeSpinDrawer>.freeSpinTag .txt-balance {
    font-size: 14px;
    font-weight: bold
}

.freeSpinDrawer>.freeSpinTag .txt-balance::before {
    font-size: 9px;
    font-weight: bold
}

.ul-gameList .freeSpinTag {
    right: -10px;
    bottom: 0
}

@media (min-width: 1025px) {
    .ul-gameList .freeSpinTag {
        z-index: 55
    }
}

.ul-gameList .freeSpinTag .txt-balance {
    animation: text-freespin-popular 2.5s linear 5 reverse
}

@media (max-width: 1024px) {

    .show-Ingame-jackpot .freeSpinTag,
    .show-jackpot-fire .freeSpinTag {
        bottom: 20px
    }
}

@media (min-width: 1025px) {

    .show-Ingame-jackpot .freeSpinTag,
    .show-jackpot-fire .freeSpinTag {
        bottom: 30px
    }
}

.modal-bonus-detail .freeSpinTag {
    margin-right: 36px;
    box-shadow: none
}

.modal-bonus-detail .freeSpinTag img,
.modal-bonus-detail .freeSpinTag .txt-balance {
    z-index: 1
}

.modal-bonus-detail .freeSpinTag::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: #326DD9
}

.modal-bonus-detail .freeSpinTag::after {
    content: 'GO';
    z-index: -2;
    position: absolute;
    top: -2px;
    left: -2px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 52px;
    width: calc(100% + 36px);
    height: calc(100% + 4px);
    padding-left: 100%;
    border-radius: 9px;
    color: #FFF;
    background-color: #1F4EAD;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.4)
}

.modal-bonus-detail .freeSpinTag.is-success::after {
    content: '\e90f';
    font-family: 'icomoon' !important;
    font-size: 20px
}

.TMT .freeSpinDrawer .game-icon {
    border-radius: 300px
}

.CLASSIC.device-PC:not(.DEMOCLASSIC) .header-navigation .page-login-box .btn.btn-login,
.CLASSIC.device-PC:not(.DEMOCLASSIC) .header-navigation .page-login-box .btn-primary {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
    border: 2px solid #f09c1a;
    background: linear-gradient(0deg, #feff83 0%, #f09c1a 75%);
    box-shadow: none
}

.CLASSIC.device-PC:not(.DEMOCLASSIC) .header-navigation .page-login-box .btn.btn-signup,
.CLASSIC.device-PC:not(.DEMOCLASSIC) .header-navigation .page-login-box .btn-secondary {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
    border: 2px solid #c7ccd1;
    background: linear-gradient(0deg, #fff 0%, #9da5af 75%);
    box-shadow: none
}

.CLASSIC.device-PC:not(.DEMOCLASSIC) .page-login-box .btn-SMS,
.CLASSIC.device-PC:not(.DEMOCLASSIC) .page-login-box .btn-primary {
    border: 2px solid #f09c1a;
    background: linear-gradient(0deg, #feff83 0%, #f09c1a 75%);
    box-shadow: 0 0 10px #f09c1a
}

.CLASSIC.device-PC:not(.DEMOCLASSIC) .page-login-box .btn-SMS:active,
.CLASSIC.device-PC:not(.DEMOCLASSIC) .page-login-box .btn-primary:active {
    color: #fff;
    background-color: #f09c1a;
    border-color: #f09c1a
}

.CLASSIC.device-PC:not(.DEMOCLASSIC) .page-login-box .btn-SMS:focus,
.CLASSIC.device-PC:not(.DEMOCLASSIC) .page-login-box .btn-primary:focus {
    box-shadow: none !important
}

.CLASSIC.device-PC:not(.DEMOCLASSIC) .page-login-box .btn-box .btn-link {
    color: #f09c1a
}

.CLASSIC.device-PC:not(.DEMOCLASSIC) .page-login-box .btn-box .btn-link:hover {
    border-color: #f09c1a
}

.ALO789 .header-navigation .page-login-box .btn.btn-login,
.ALO789 .header-navigation .page-login-box .btn-primary {
    border: 2px solid #dd7411;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    background: linear-gradient(0deg, #c1620a, #dd7411);
    box-shadow: none
}

.ALO789 .header-navigation .page-login-box .btn.btn-signup,
.ALO789 .header-navigation .page-login-box .btn-secondary {
    border: 2px solid #dbb06b;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    background: linear-gradient(0deg, #b5802c, #dbb06b);
    box-shadow: none
}

.ALO789 .page-login-box .btn-SMS,
.ALO789 .page-login-box .btn-primary {
    border: 2px solid #dd7411;
    background: linear-gradient(0deg, #c1620a, #dd7411);
    box-shadow: 0 0 10px #dd7411
}

.ALO789 .page-login-box .btn-SMS:active,
.ALO789 .page-login-box .btn-primary:active {
    color: #fff;
    background-color: #dd7411;
    border-color: #dd7411
}

.ALO789 .page-login-box .btn-SMS:focus,
.ALO789 .page-login-box .btn-primary:focus {
    box-shadow: none !important
}

.ALO789 .page-login-box .btn-box .btn-link {
    color: #dd7411
}

.ALO789 .page-login-box .btn-box .btn-link:hover {
    border-color: #dd7411
}

.CLASSIC.device-PC .game-wrap>div dl {
    position: relative;
    text-align: center
}

.CLASSIC.device-PC .game-wrap>div dl::before,
.CLASSIC.device-PC .game-wrap>div dl::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 15px;
    width: 40%;
    height: 1px;
    background: rgba(255, 255, 255, 0.6);
    z-index: 5
}

.CLASSIC.device-PC .game-wrap>div dl::before {
    left: 2%
}

.CLASSIC.device-PC .game-wrap>div dl::after {
    right: 2%
}

.CLASSIC.device-PC .game-wrap>div dl dt::before {
    display: none
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;G
    height: 100%;
    width: 100%
}

body:not(.cke_editable) {
    height: auto;
    background: #000 !important;
}

#gameMenuTabWrapper{
	display: flex;
	justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 100%;
    max-width: 100%;
}
#topgraphic{
	max-width: 1340px;
	margin: auto;
}
#language .img-flag,
#selectLang .img-flag{
	height: 30px!important;
}
.quickbanner{
    display: flex;
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.LIVETABLE .table-group ul.table-inner.ul-gameList.owl-carousel .owl-stage-outer{
	overflow: auto;
}
#lotteryGameUl.ul-gameList,
#sportsGameUl.ul-gameList{
    grid-template-columns: repeat(3, 33.33%);
}
.header-navigation{
    z-index: 9;
}
.ul-gameList li .ul-gameIcon-box{
    display: block;
}
.game-wrap{
    padding-top: 20px;
}
.iHead > a{
    display: flex;
    gap: 10px;
}
.white-popup-block .ul-gameList{
    grid-template-columns: repeat(3, 33.33%);
}
.white-popup-block .ul-gameList li{
    padding-top: 0;
    padding-bottom: 35px;
}
@media (max-width: 1440px) {
    .group-content .tournament-box{
        min-width: 550px;
    }
    .MEGAJACKPOT .section-ul ul{
        grid-template-columns: repeat(4, 25%) !important;
    }
    .MEGAJACKPOT .section-ul li .ul-gameIcon-txt .txt-gameName, .MEGAJACKPOT .section-ul li .ul-gameIcon-txt .txt-rate{
        font-size: 14px;
    }
    .ul-gameList{
        grid-template-columns: repeat(6, 16.66%);
    }
    .ul-gameList li{
        padding: 0;
        padding-bottom: 10px;
    }
}
@media (max-width: 1199px) {
    .group-content .item .tab-btn > img{
        width: 100px;
    }
}
@media (max-width: 1024px) {
    footer .page-wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    footer .txt-copyright{
        text-align: center;
    }
}
@media (max-width: 991px) {
    .group-content .item .tab-btn > img{
        width: 80px;
    }
    .group-content .tournament-box{
        min-width: 380px;
    }
    .MEGAJACKPOT .section-ul ul{
        grid-template-columns: repeat(3, 33.33%) !important;
    }
    .ul-gameList{
        grid-template-columns: repeat(5, 20%);
    }
    #lotteryGameUl.ul-gameList,
    #sportsGameUl.ul-gameList{
        grid-template-columns: repeat(2, 50%);
    }
    .MEGAJACKPOT .div-tb .td{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 767px) {
	.header-navigation{
		padding: 0;
	}
	nav.mainmenu{
		margin-top: 30px;
	}
	.ul-gameList{
		grid-template-columns: repeat(7, 20%);
		overflow: auto;
	}
    .group-content{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .MEGAJACKPOT .div-tb{
        display: flex;
        flex-direction: column;
    }
    .MEGAJACKPOT .div-tb .td{
        min-width: 100%;
        max-width: 100%:;
    }
    .MEGAJACKPOT .section-ul ul{
        grid-template-columns: repeat(5, 20%) !important;
    }
    .ul-gameList{
        grid-template-columns: repeat(5, 20%);
    }
    .group-content .item .tab-btn > img{
        width: 25vw;
    }
    #liveGameUl.ul-gameList{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    #liveGameUl.ul-gameList > li{
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
    .live-game ul.ul-gameList, .lottery-game ul.ul-gameList, .sports-game ul.ul-gameList, .livearena-game ul.ul-gameList{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 550px) {
    .MEGAJACKPOT .section-ul ul{
        grid-template-columns: repeat(4, 25%) !important;
    }
    .ul-gameList{
        grid-template-columns: repeat(4, 25%);
    }
    .game-wrap>div{
        margin-bottom: 15px;
    }

    #livearenaGameUl.ul-gameList,
    #lotteryGameUl.ul-gameList,
    #sportsGameUl.ul-gameList{
        grid-template-columns: repeat(2, 50%);
    }
}