* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    font-family: Roboto, "SF Pro TC", "PingFang TC", "Noto Sans TC", "Microsoft YaHei", "微軟正黑體", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    width: 100%;
    height: 100%;
    font-family: Roboto, "SF Pro TC", "PingFang TC", "Noto Sans TC", "Microsoft YaHei", "微軟正黑體", sans-serif;
    line-height: normal
}

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

span {
    display: inline-block
}

div {
    display: block
}

img {
    border-style: none;
    user-select: none
}

table {
    border-collapse: collapse
}

ul,
ol {
    list-style: none
}

ul {
    padding-inline-start: unset
}

li {
    display: inline-block
}

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

button:invalid,
input:invalid,
optgroup:invalid,
select:invalid,
textarea:invalid {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

*[hidden] {
    display: none !important
}

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

.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 div .award-prize::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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 div .award-prize.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 {
    height: 70px
}

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

.marquee-txt>div {
    display: flex;
    flex-wrap: nowrap
}

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

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

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

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0
}

@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;
        background-cursor: pointer
    }
}

.txt-info,
.txt-error,
.txt-warning,
.txt-success {
    position: relative;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left
}

.txt-info.ct,
.txt-error.ct,
.txt-warning.ct,
.txt-success.ct {
    text-align: center
}

.txt-info i,
.txt-info p,
.txt-error i,
.txt-error p,
.txt-warning i,
.txt-warning p,
.txt-success i,
.txt-success p {
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: middle
}

.txt-info i,
.txt-error i,
.txt-warning i,
.txt-success i {
    position: absolute;
    right: calc( 100% + 3px);
    top: -1px;
    font-size: 14px
}

.txt-info p,
.txt-error p,
.txt-warning p,
.txt-success p {
    position: relative;
    margin: 0;
    font-size: inherit;
    text-transform: capitalize
}

.txt-info p+p,
.txt-error p+p,
.txt-warning p+p,
.txt-success p+p {
    margin-top: 5px
}

.txt-info {
    color: rgba(0, 0, 0, 0.6);
    border-radius: 5px
}

.form-group .txt-info {
    background-color: rgba(255, 255, 255, 0.5)
}

.txt-warning {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
    padding-left: 25px;
    border-radius: 5px;
    background-color: #FFE200
}

.txt-warning b {
    white-space: nowrap
}

.txt-error {
    color: #d32f2f;
    padding-left: 20px
}

.txt-success {
    color: #3fa63f;
    padding-left: 20px
}

.is-error .form-control,
.is-error .input-txt,
.is-error .iti__tel-input {
    border: 1px solid #d32f2f !important;
    box-shadow: 0 0 0 3px rgba(245, 77, 61, 0.3) !important
}

.agent-login .txt-info,
.agent-login .txt-error,
.agent-login .txt-success {
    color: #fff;
    border-radius: 5px
}

.agent-login .txt-warning {
    color: #333
}

.agent-login .txt-info {
    background-color: rgba(255, 255, 255, 0.3)
}

.agent-login .txt-error {
    background-color: #d32f2f
}

.agent-login .txt-warning {
    background-color: #FFE200
}

.agent-login .txt-success {
    background-color: #3fa63f
}

.modal-loginBox .txt-error {
    margin: 0 20px 10px
}

.modal-loginBox .tab-pane .form-group.form-SMS {
    margin-bottom: 4px
}

.modal-loginBox .tab-pane .form-group.form-SMS+.txt-info {
    color: #fff;
    background: rgba(255, 255, 255, 0.2)
}

.page-bonus-body .txt-info .icon-detail {
    position: relative;
    right: auto;
    top: auto
}

.iti {
    width: 100%
}

.iti .iti__hide {
    display: none
}

.iti .iti__tel-input,
.iti .iti__search-input {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 40px;
    margin: 0;
    padding: 5px 10px;
    border-radius: 5px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: #FFF;
    border: 1px solid #f1f1f1
}

.iti .iti__tel-input::placeholder,
.iti .iti__search-input::placeholder {
    color: #b1b1b1 !important
}

.iti .iti__tel-input:focus,
.iti .iti__search-input:focus {
    background: #FFF;
    border: 1px solid #FFBF00 !important
}

.iti .iti__tel-input[disabled],
.iti .iti__search-input[disabled] {
    background-color: #eee
}

.member-info .modal-box .iti .iti__tel-input,
.member-info .modal-box .iti .iti__search-input {
    color: #212121;
    font-size: 16px
}

.banking-page .modal-box .iti .iti__tel-input,
.banking-page .modal-box .iti .iti__search-input {
    height: 40px;
    color: #212121;
    border: 1px solid #bdbdbd
}

.banking-page .modal-box .iti .iti__tel-input::placeholder,
.banking-page .modal-box .iti .iti__search-input::placeholder {
    color: #b1b1b1
}

.banking-page .modal-box .iti .iti__selected-dial-code {
    font-size: 14px;
    color: #424242
}

.changePassword .panel-form .iti .iti__tel-input,
.changePassword .panel-form .iti .iti__search-input {
    height: 40px;
    border: 1px solid #dee2e6;
    background: #f5f5f5
}

.changePassword .panel-form .iti .iti__tel-input::placeholder,
.changePassword .panel-form .iti .iti__search-input::placeholder {
    color: #b1b1b1
}

.changePassword .panel-form .iti .iti__tel-input:focus:hover,
.changePassword .panel-form .iti .iti__search-input:focus:hover {
    border-color: #FFBF00
}

.changePassword .panel-form .iti .iti__tel-input[disabled],
.changePassword .panel-form .iti .iti__search-input[disabled] {
    background-color: #eee
}

.phoneSMS.form-icon .iti {
    width: 100%
}

.phoneSMS.form-icon .iti .iti__country-container {
    padding-left: 35px
}

.phoneSMS.form-icon .iti .iti__flag {
    border-radius: 2px;
    transform: scale(1.4)
}

.phoneSMS.form-icon .iti .iti__selected-dial-code {
    font-weight: 400;
    font-size: 14px;
    padding-right: 5px
}

.phoneSMS.form-icon .iti .iti__selected-country-primary {
    background-color: transparent !important
}

.phoneSMS.form-icon .iti .iti__arrow {
    margin-left: 10px
}

.phoneSMS.form-icon .iti .iti__tel-input {
    padding-left: 110px !important
}

.phoneSMS.form-icon .iti~.txt-info {
    border-radius: 8px;
    margin-top: 5px
}

.phoneSMS.form-icon .iti.iti--show-flags.iti--allow-dropdown .iti__selected-dial-code {
    margin-left: 0
}

.phoneSMS.form-icon .iti.iti--show-flags.iti--allow-dropdown .iti__tel-input {
    padding-left: 120px !important
}

.phoneSMS.form-icon .iti.iti--show-flags.iti--allow-dropdown .iti__dropdown-content {
    border-radius: 10px;
    transform: translateX(-35px)
}

.phoneSMS.form-icon .iti.iti--show-flags.iti--allow-dropdown .iti__search-input {
    padding: 4px 15px
}

.social-media {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    gap: 10px;
    width: auto;
    flex-wrap: wrap
}

.social-media.num-1 {
    flex-wrap: nowrap
}

.social-media.num-2 {
    flex-wrap: nowrap
}

.social-media.num-3 {
    flex-wrap: nowrap
}

.social-media.num-4 {
    flex-wrap: nowrap
}

.social-media.num-5 {
    flex-wrap: nowrap
}

.social-media.num-6 {
    flex-wrap: nowrap
}

.social-media li {
    all: unset;
    position: relative;
    width: calc((100% - 10px * 4) / 5);
    aspect-ratio: 1 / 1
}

.social-media li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    text-decoration: none
}

.social-media li a .tit,
.social-media li a span {
    display: none;
    transition: all 0.15s ease-in-out;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    width: 100%
}

.social-media li a>img {
    border-radius: 50px;
    width: 100%
}

.social-media li a .icon {
    border-radius: 100px;
    text-align: center;
    transition: all 0.15s ease-in-out
}

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

.social-media li a .icon.icon-phone {
    color: #222
}

.social-media li .contact-box {
    display: none;
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    min-width: 90px;
    max-width: 100px;
    height: auto;
    text-align: center;
    padding: 2px 4px 4px 4px;
    background-color: #000;
    border-radius: 4px;
    z-index: 1206
}

.social-media li .contact-box .arrow {
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    display: block;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #000
}

.social-media li .contact-box .contact-box-inner {
    color: #fff;
    width: 100%;
    white-space: normal;
    word-break: break-word;
    font-size: 13px;
    text-align: center;
    padding-bottom: 2px
}

.social-media li .contact-box .contact-box-inner .tit {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px
}

.social-media li .contact-box .contact-box-inner span {
    line-height: normal;
    font-size: 13px
}

.social-media li .contact-box img {
    border-radius: 4px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    object-fit: contain
}

.device-PC .social-media li {
    all: unset;
    position: relative;
    width: calc((100% - 10px * 4) / 7);
    aspect-ratio: 1 / 1
}

.device-PC .social-media li:hover .contact-box,
.device-PC .social-media li:active .contact-box,
.device-PC .social-media li:focus .contact-box {
    display: block
}

.register-box .panel-footer .social-media {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 100%
}

.NWC.member-info .social-media li:hover .contact-box {
    display: block
}

.NWC .social-media {
    gap: 12px
}

.NWC .social-media li {
    width: calc((100% - 10px * 5) / 5);
    display: flex;
    justify-content: center;
    align-items: center
}

.NWC .social-media li .contact-box {
    text-align: center
}

.NWC .social-media li a {
    background: transparent;
    border: none;
    z-index: 0
}

.NWC .social-media li a>img {
    width: 45px;
    height: 45px
}

.NWC .social-media li a i::before {
    font-size: 45px;
    border-radius: 100%;
    z-index: 1;
    background: radial-gradient(circle, #fff 50%, transparent 95%)
}

.NWC .social-media li a i.icon-facebook-o::before {
    color: #1877f2 !important;
    content: '\e93e' !important
}

.NWC .social-media li a i.icon-twitter-o::before {
    color: #000 !important
}

.NWC .social-media li a i.icon-teams-o::before {
    color: #5059c9 !important
}

.NWC .social-media li a i.icon-telegram-o::before {
    color: #0088cc !important
}

.NWC .social-media li a i.icon-whatsapp-o::before,
.NWC .social-media li a i.icon-wechat-o::before,
.NWC .social-media li a i.icon-line-o::before {
    color: #29a71a !important
}

.NWC .social-media li a i.icon-kakao-o::before {
    color: #f2b200 !important
}

.NWC .social-media li a i.icon-pinterest-o::before,
.NWC .social-media li a i.icon-youtube-o::before,
.NWC .social-media li a i.icon-phone-o::before,
.NWC .social-media li a i.icon-mail-o::before {
    color: #CB2027 !important
}

.NWC .social-media li a i.icon-phone-o::before {
    content: '\eb1b' !important
}

.NWC .social-media li a i.icon-instagram-o::before {
    border-radius: 50%;
    background: linear-gradient(126.45deg, #7320BA 2.01%, #E03D44 50.39%, #F6CC60 94.9%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.NWC .social-media li a i.icon-instagram-o::after {
    content: '';
    border-radius: 50%;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, white 50%, transparent 95%)
}

.NWC.device-PC .social-media li {
    width: calc((100% - 10px * 4) / 7)
}

.NWC .footer-social .social-media {
    justify-content: flex-end;
    width: 100%;
    gap: 5px
}

.NWC .footer-social .social-media li {
    width: calc((100% - 10px * 4) / 6)
}

.NWC .footer-social .social-media li a>img {
    width: 30px;
    height: 30px
}

.NWC .footer-social .social-media li a i::before {
    font-size: 30px
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i::before {
    font-size: 45px;
    border-radius: 100%;
    z-index: 1;
    background: radial-gradient(circle, #fff 50%, transparent 95%)
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-facebook-o::before {
    color: #1877f2 !important;
    content: '\e93e' !important
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-twitter-o::before {
    color: #000 !important
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-teams-o::before {
    color: #5059c9 !important
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-telegram-o::before {
    color: #0088cc !important
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-whatsapp-o::before,
.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-wechat-o::before,
.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-line-o::before {
    color: #29a71a !important
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-kakao-o::before {
    color: #f2b200 !important
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-pinterest-o::before,
.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-youtube-o::before,
.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-phone-o::before,
.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-mail-o::before {
    color: #CB2027 !important
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-phone-o::before {
    content: '\eb1b' !important
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-instagram-o::before {
    border-radius: 50%;
    background: linear-gradient(126.45deg, #7320BA 2.01%, #E03D44 50.39%, #F6CC60 94.9%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-instagram-o::after {
    content: '';
    border-radius: 50%;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, white 50%, transparent 95%)
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon {
    width: auto;
    height: auto
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon::before {
    font-size: 25px;
    z-index: 1
}

.NWC .page-sidebar-Lv1 li .follow-menu li a i.icon-instagram-o::after {
    width: 25px;
    height: 25px
}

@media (min-width: 700px) {
    .NWC.device-mobile .footer-social .social-media {
        padding: 0
    }
    .NWC.device-mobile .footer-social .social-media li {
        width: calc((100% - 10px * 8) / 10)
    }
}

.NWC.device-PC .footer-social .social-media {
    gap: 10px;
    flex-wrap: nowrap
}

.NWC.device-PC .footer-social .social-media li .contact-box {
    bottom: 40px
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li .contact-box,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .contact-box {
    display: none;
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    min-width: 90px;
    max-width: 100px;
    height: auto;
    text-align: center;
    padding: 2px 4px 4px 4px;
    background-color: #000;
    border-radius: 4px;
    z-index: 1206
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li .contact-box .arrow,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .contact-box .arrow {
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    display: block;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #000
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li .contact-box .contact-box-inner,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .contact-box .contact-box-inner {
    color: #fff;
    width: 100%;
    white-space: normal;
    word-break: break-word;
    font-size: 13px;
    text-align: center;
    padding-bottom: 2px
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li .contact-box .contact-box-inner .tit,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .contact-box .contact-box-inner .tit {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li .contact-box .contact-box-inner span,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .contact-box .contact-box-inner span {
    line-height: normal;
    font-size: 13px
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li .contact-box img,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .contact-box img {
    border-radius: 4px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    object-fit: contain
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li .contact-box,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .contact-box {
    top: -190%;
    overflow: visible;
    height: fit-content
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:hover,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:active,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:focus,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:hover,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:active,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:focus {
    overflow: visible
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:hover .contact-box-inner,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:active .contact-box-inner,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:focus .contact-box-inner,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:hover .contact-box-inner,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:active .contact-box-inner,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:focus .contact-box-inner {
    display: block;
    line-height: normal
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:hover .contact-box,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:active .contact-box,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:focus .contact-box,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:hover .contact-box,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:active .contact-box,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:focus .contact-box {
    display: block;
    z-index: 30
}

.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:hover .contact-box img,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:active .contact-box img,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .follow-menu li:focus .contact-box img,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:hover .contact-box img,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:active .contact-box img,
.NWC.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li:focus .contact-box img {
    position: relative;
    bottom: auto;
    left: auto;
    top: auto;
    transform: none
}

.CLASSIC .brand-area .follow-menu li,
.CLASSIC .brand-area .contact-menu li,
.POPULAR .brand-area .follow-menu li,
.POPULAR .brand-area .contact-menu li {
    margin-bottom: 0
}

.CLASSIC .brand-area .follow-menu li a i::before,
.CLASSIC .brand-area .contact-menu li a i::before,
.POPULAR .brand-area .follow-menu li a i::before,
.POPULAR .brand-area .contact-menu li a i::before {
    display: block
}

.POPULAR.device-PC .social-media-Box,
.CLASSIC.device-PC .social-media-Box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 235px;
    right: 5px;
    height: auto;
    width: auto;
    flex-direction: column;
    flex-wrap: wrap;
    border-radius: 50px;
    z-index: 500
}

.POPULAR.device-PC .follow-menu.social-media,
.POPULAR.device-PC .contact-menu.social-media,
.CLASSIC.device-PC .follow-menu.social-media,
.CLASSIC.device-PC .contact-menu.social-media {
    height: auto;
    padding: 0;
    display: inline-block;
    width: 60px
}

.POPULAR.device-PC .follow-menu.social-media li .contact-box,
.POPULAR.device-PC .contact-menu.social-media li .contact-box,
.CLASSIC.device-PC .follow-menu.social-media li .contact-box,
.CLASSIC.device-PC .contact-menu.social-media li .contact-box {
    left: -85px;
    transform: translateY(-50%);
    top: 50%;
    bottom: auto
}

.POPULAR.device-PC .follow-menu.social-media li .contact-box .arrow,
.POPULAR.device-PC .contact-menu.social-media li .contact-box .arrow,
.CLASSIC.device-PC .follow-menu.social-media li .contact-box .arrow,
.CLASSIC.device-PC .contact-menu.social-media li .contact-box .arrow {
    position: absolute;
    top: 50%;
    right: -15px;
    left: auto;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #000000bf
}

.POPULAR.device-PC .follow-menu.social-media li .contact-box,
.POPULAR.device-PC .contact-menu.social-media li .contact-box,
.CLASSIC.device-PC .follow-menu.social-media li .contact-box,
.CLASSIC.device-PC .contact-menu.social-media li .contact-box {
    background: rgba(45, 70, 95, 0.866667)
}

.POPULAR.device-PC .follow-menu.social-media li .contact-box .arrow,
.POPULAR.device-PC .contact-menu.social-media li .contact-box .arrow,
.CLASSIC.device-PC .follow-menu.social-media li .contact-box .arrow,
.CLASSIC.device-PC .contact-menu.social-media li .contact-box .arrow {
    border-left: 8px solid rgba(45, 70, 95, 0.866667)
}

.POPULAR.device-PC .follow-menu.social-media li,
.POPULAR.device-PC .contact-menu.social-media li,
.CLASSIC.device-PC .follow-menu.social-media li,
.CLASSIC.device-PC .contact-menu.social-media li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 50px;
    width: 60px
}

.POPULAR.device-PC .follow-menu.social-media li a,
.POPULAR.device-PC .contact-menu.social-media li a,
.CLASSIC.device-PC .follow-menu.social-media li a,
.CLASSIC.device-PC .contact-menu.social-media li a {
    border: none;
    background: none;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.POPULAR.device-PC .follow-menu.social-media li a .icon,
.POPULAR.device-PC .contact-menu.social-media li a .icon,
.CLASSIC.device-PC .follow-menu.social-media li a .icon,
.CLASSIC.device-PC .contact-menu.social-media li a .icon {
    color: #c9c9c9;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    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
}

.POPULAR.device-PC .follow-menu.social-media li a .icon::before,
.POPULAR.device-PC .contact-menu.social-media li a .icon::before,
.CLASSIC.device-PC .follow-menu.social-media li a .icon::before,
.CLASSIC.device-PC .contact-menu.social-media li a .icon::before {
    font-size: 22px;
    color: #fff;
    line-height: 40px
}

.POPULAR.device-PC .follow-menu.social-media li a img,
.POPULAR.device-PC .contact-menu.social-media li a img,
.CLASSIC.device-PC .follow-menu.social-media li a img,
.CLASSIC.device-PC .contact-menu.social-media li a img {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 0 2px #2d465f;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.POPULAR.device-PC .follow-menu.social-media li a:hover span,
.POPULAR.device-PC .contact-menu.social-media li a:hover span,
.CLASSIC.device-PC .follow-menu.social-media li a:hover span,
.CLASSIC.device-PC .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
}

.POPULAR.device-PC .follow-menu.social-media li a:hover .icon,
.POPULAR.device-PC .contact-menu.social-media li a:hover .icon,
.CLASSIC.device-PC .follow-menu.social-media li a:hover .icon,
.CLASSIC.device-PC .contact-menu.social-media li a:hover .icon {
    box-shadow: 0 0 0 2px #95afc9
}

.POPULAR.device-PC .follow-menu.social-media li a:hover .icon::before,
.POPULAR.device-PC .contact-menu.social-media li a:hover .icon::before,
.CLASSIC.device-PC .follow-menu.social-media li a:hover .icon::before,
.CLASSIC.device-PC .contact-menu.social-media li a:hover .icon::before {
    color: #fff
}

.POPULAR.device-PC .follow-menu.social-media li a:hover img,
.POPULAR.device-PC .contact-menu.social-media li a:hover img,
.CLASSIC.device-PC .follow-menu.social-media li a:hover img,
.CLASSIC.device-PC .contact-menu.social-media li a:hover img {
    box-shadow: 0 0 0 2px #95afc9
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-mail::before,
.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-phone::before,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-mail::before,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-phone::before,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-mail::before,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-phone::before,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-mail::before,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-phone::before {
    color: #c9c9c9
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-telegram,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-telegram,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-telegram,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-telegram {
    background-color: #2ca5e0
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-facebook,
.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-messenger,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-facebook,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-messenger,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-facebook,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-messenger,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-facebook,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-messenger {
    background: linear-gradient(135deg, #1877f2 0%, #27a1f2 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-twitter,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-twitter,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-twitter,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-twitter {
    background: linear-gradient(135deg, #3A3A3A 0%, #000 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-youtube,
.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-pinterest,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-youtube,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-pinterest,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-youtube,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-pinterest,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-youtube,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-pinterest {
    background: linear-gradient(135deg, #ED1D49 0%, #95041E 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-instagram,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-instagram,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-instagram,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-instagram {
    background: linear-gradient(126.45deg, #7320BA 2.01%, #E03D44 50.39%, #F6CC60 94.9%), #ED1D49
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-line,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-line,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-line,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-line {
    background: linear-gradient(90deg, #32af5c 0%, #0daa8d 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-linkedin,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-linkedin,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-linkedin,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-linkedin {
    background: #1a77b5
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-viber,
.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-viberb,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-viber,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-viberb,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-viber,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-viberb,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-viber,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-viberb {
    background: linear-gradient(135deg, #665cac 0%, #312c54 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon-discord,
.POPULAR.device-PC .contact-menu.social-media li a .icon-discord,
.CLASSIC.device-PC .follow-menu.social-media li a .icon-discord,
.CLASSIC.device-PC .contact-menu.social-media li a .icon-discord {
    background: #5865f2 !important
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-kakao,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-kakao,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-kakao,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-kakao {
    background: linear-gradient(135deg, #f2b200 0%, #836000 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-wechat,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-wechat,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-wechat,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-wechat {
    background: linear-gradient(90deg, #7bb32f 0%, #32af5c 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-whatsapp,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-whatsapp,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-whatsapp,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-whatsapp {
    background: linear-gradient(90deg, #38d366 0%, #32af5c 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-skype,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-skype,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-skype,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-skype {
    background: #01afef
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-teams,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-teams,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-teams,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-teams {
    background: linear-gradient(135deg, #5059c9 0%, #3D2A8A 100%)
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-livechat,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-livechat,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-livechat,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-livechat {
    background: #ff5718
}

.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-mail,
.POPULAR.device-PC .follow-menu.social-media li a .icon.icon-phone,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-mail,
.POPULAR.device-PC .contact-menu.social-media li a .icon.icon-phone,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-mail,
.CLASSIC.device-PC .follow-menu.social-media li a .icon.icon-phone,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-mail,
.CLASSIC.device-PC .contact-menu.social-media li a .icon.icon-phone {
    background: #757575
}

.POPULAR.device-PC .follow-menu.social-media,
.CLASSIC.device-PC .follow-menu.social-media {
    border-radius: 50px;
    padding: 5px 0;
    height: auto;
    background: linear-gradient(0deg, #3b3b3b 0%, #2f3842 100%)
}

.brand-area .social-media {
    margin-bottom: 0;
    margin: 5px 0;
    padding: 5px 10px
}

.brand-area .social-media li {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: auto;
    height: auto;
    aspect-ratio: unset;
    transition: all 0.3s ease
}

.brand-area .social-media li a {
    margin-right: 0 !important;
    border: none
}

.brand-area .social-media li a .icon-customerImg {
    max-height: 25px !important
}

.brand-area .social-media.contact-menu {
    flex-wrap: wrap
}

.brand-area .social-media.contact-menu li {
    border-radius: 8px;
    padding: 6px 10px;
    background: #333
}

.brand-area .social-media.contact-menu li a {
    background-color: transparent;
    aspect-ratio: unset;
    display: flex;
    flex-direction: column;
    padding-left: 35px;
    text-align: left
}

.brand-area .social-media.contact-menu li a span {
    display: inline-block;
    color: #fff;
    width: 100%;
    white-space: nowrap;
    line-height: normal;
    word-break: break-word;
    font-size: 13px;
    text-align: left;
    padding-bottom: 0px
}

.brand-area .social-media.contact-menu li a .tit {
    display: block;
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    line-height: normal
}

.brand-area .social-media.contact-menu li a i.icon,
.brand-area .social-media.contact-menu li a img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.brand-area .social-media.contact-menu li a i.icon::before,
.brand-area .social-media.contact-menu li a img::before {
    color: #fff !important
}

.brand-area .social-media.contact-menu li a img {
    width: 25px;
    height: 25px
}

.brand-area .social-media.follow-menu li a {
    width: 35px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

.brand-area .social-media.follow-menu li a .icon.icon-telegram {
    background-color: #2ca5e0
}

.brand-area .social-media.follow-menu li a .icon.icon-facebook,
.brand-area .social-media.follow-menu li a .icon.icon-messenger {
    background: linear-gradient(135deg, #1877f2 0%, #27a1f2 100%)
}

.brand-area .social-media.follow-menu li a .icon.icon-twitter {
    background: linear-gradient(135deg, #3A3A3A 0%, #000 100%)
}

.brand-area .social-media.follow-menu li a .icon.icon-youtube,
.brand-area .social-media.follow-menu li a .icon.icon-pinterest {
    background: linear-gradient(135deg, #ED1D49 0%, #95041E 100%)
}

.brand-area .social-media.follow-menu li a .icon.icon-instagram {
    background: linear-gradient(126.45deg, #7320BA 2.01%, #E03D44 50.39%, #F6CC60 94.9%), #ED1D49
}

.brand-area .social-media.follow-menu li a .icon.icon-line {
    background: linear-gradient(90deg, #32af5c 0%, #0daa8d 100%)
}

.brand-area .social-media.follow-menu li a .icon.icon-linkedin {
    background: #1a77b5
}

.brand-area .social-media.follow-menu li a .icon.icon-viber,
.brand-area .social-media.follow-menu li a .icon.icon-viberb {
    background: linear-gradient(135deg, #665cac 0%, #312c54 100%)
}

.brand-area .social-media.follow-menu li a .icon-discord {
    background: #5865f2 !important
}

.brand-area .social-media.follow-menu li a .icon.icon-kakao {
    background: linear-gradient(135deg, #f2b200 0%, #836000 100%)
}

.brand-area .social-media.follow-menu li a .icon.icon-wechat {
    background: linear-gradient(90deg, #7bb32f 0%, #32af5c 100%)
}

.brand-area .social-media.follow-menu li a .icon.icon-whatsapp {
    background: linear-gradient(90deg, #38d366 0%, #32af5c 100%)
}

.brand-area .social-media.follow-menu li a .icon.icon-skype {
    background: #01afef
}

.brand-area .social-media.follow-menu li a .icon.icon-teams {
    background: linear-gradient(135deg, #5059c9 0%, #3D2A8A 100%)
}

.brand-area .social-media.follow-menu li a .icon.icon-livechat {
    background: #ff5718
}

.brand-area .social-media.follow-menu li a .icon.icon-mail,
.brand-area .social-media.follow-menu li a .icon.icon-phone {
    background: #757575
}

.brand-area .social-media.follow-menu li a>img {
    border-radius: 8px;
    max-height: 35px !important
}

.brand-area .social-media.follow-menu li a .icon {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.brand-area .social-media.follow-menu li a .icon::before {
    color: #fff !important
}

.WL .page-footer ul li:first-child .social-media,
.EZ .page-footer ul li:first-child .social-media,
.type-R .page-footer ul li:first-child .social-media,
.type-W .page-footer ul li:first-child .social-media,
.type-L .page-footer ul li:first-child .social-media,
.type-P .page-footer ul li:first-child .social-media,
.type-CA .page-footer ul li:first-child .social-media {
    left: 0px;
    transform: none
}

.WL .page-footer ul li:nth-child(2) .social-media,
.EZ .page-footer ul li:nth-child(2) .social-media,
.type-R .page-footer ul li:nth-child(2) .social-media,
.type-W .page-footer ul li:nth-child(2) .social-media,
.type-L .page-footer ul li:nth-child(2) .social-media,
.type-P .page-footer ul li:nth-child(2) .social-media,
.type-CA .page-footer ul li:nth-child(2) .social-media {
    left: -50px;
    transform: none
}

.WL .page-footer ul li:nth-last-child(2) .social-media,
.EZ .page-footer ul li:nth-last-child(2) .social-media,
.type-R .page-footer ul li:nth-last-child(2) .social-media,
.type-W .page-footer ul li:nth-last-child(2) .social-media,
.type-L .page-footer ul li:nth-last-child(2) .social-media,
.type-P .page-footer ul li:nth-last-child(2) .social-media,
.type-CA .page-footer ul li:nth-last-child(2) .social-media {
    right: -50px;
    left: auto;
    transform: none
}

.WL .page-footer ul li:last-child .social-media,
.EZ .page-footer ul li:last-child .social-media,
.type-R .page-footer ul li:last-child .social-media,
.type-W .page-footer ul li:last-child .social-media,
.type-L .page-footer ul li:last-child .social-media,
.type-P .page-footer ul li:last-child .social-media,
.type-CA .page-footer ul li:last-child .social-media {
    right: 0px;
    left: auto;
    transform: none
}

.WL .page-footer ul li.li-contact.active .social-media,
.EZ .page-footer ul li.li-contact.active .social-media,
.type-R .page-footer ul li.li-contact.active .social-media,
.type-W .page-footer ul li.li-contact.active .social-media,
.type-L .page-footer ul li.li-contact.active .social-media,
.type-P .page-footer ul li.li-contact.active .social-media,
.type-CA .page-footer ul li.li-contact.active .social-media {
    display: block
}

.WL .page-footer .social-media,
.EZ .page-footer .social-media,
.type-R .page-footer .social-media,
.type-W .page-footer .social-media,
.type-L .page-footer .social-media,
.type-P .page-footer .social-media,
.type-CA .page-footer .social-media {
    display: none;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    background: #323542;
    z-index: 600;
    border-radius: 10px;
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0 10px 15px #0000005b;
    min-width: 230px;
    max-width: 230px;
    width: 100%;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px 5px
}

.WL .page-footer .social-media::-webkit-scrollbar,
.EZ .page-footer .social-media::-webkit-scrollbar,
.type-R .page-footer .social-media::-webkit-scrollbar,
.type-W .page-footer .social-media::-webkit-scrollbar,
.type-L .page-footer .social-media::-webkit-scrollbar,
.type-P .page-footer .social-media::-webkit-scrollbar,
.type-CA .page-footer .social-media::-webkit-scrollbar {
    width: 8px
}

.WL .page-footer .social-media::-webkit-scrollbar-track,
.EZ .page-footer .social-media::-webkit-scrollbar-track,
.type-R .page-footer .social-media::-webkit-scrollbar-track,
.type-W .page-footer .social-media::-webkit-scrollbar-track,
.type-L .page-footer .social-media::-webkit-scrollbar-track,
.type-P .page-footer .social-media::-webkit-scrollbar-track,
.type-CA .page-footer .social-media::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    margin: 5px 0;
    border-radius: 8px
}

.WL .page-footer .social-media::-webkit-scrollbar-thumb,
.EZ .page-footer .social-media::-webkit-scrollbar-thumb,
.type-R .page-footer .social-media::-webkit-scrollbar-thumb,
.type-W .page-footer .social-media::-webkit-scrollbar-thumb,
.type-L .page-footer .social-media::-webkit-scrollbar-thumb,
.type-P .page-footer .social-media::-webkit-scrollbar-thumb,
.type-CA .page-footer .social-media::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    backdrop-filter: blur(4px)
}

.WL .page-footer .social-media::-webkit-scrollbar-thumb:hover,
.EZ .page-footer .social-media::-webkit-scrollbar-thumb:hover,
.type-R .page-footer .social-media::-webkit-scrollbar-thumb:hover,
.type-W .page-footer .social-media::-webkit-scrollbar-thumb:hover,
.type-L .page-footer .social-media::-webkit-scrollbar-thumb:hover,
.type-P .page-footer .social-media::-webkit-scrollbar-thumb:hover,
.type-CA .page-footer .social-media::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4)
}

.WL .page-footer .social-media li,
.EZ .page-footer .social-media li,
.type-R .page-footer .social-media li,
.type-W .page-footer .social-media li,
.type-L .page-footer .social-media li,
.type-P .page-footer .social-media li,
.type-CA .page-footer .social-media li {
    aspect-ratio: unset;
    width: 100%;
    max-width: 230px;
    display: block
}

.WL .page-footer .social-media li a,
.EZ .page-footer .social-media li a,
.type-R .page-footer .social-media li a,
.type-W .page-footer .social-media li a,
.type-L .page-footer .social-media li a,
.type-P .page-footer .social-media li a,
.type-CA .page-footer .social-media li a {
    aspect-ratio: unset;
    background: transparent;
    border: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding: 5px 15px 5px 50px
}

.WL .page-footer .social-media li a .tit,
.WL .page-footer .social-media li a span,
.EZ .page-footer .social-media li a .tit,
.EZ .page-footer .social-media li a span,
.type-R .page-footer .social-media li a .tit,
.type-R .page-footer .social-media li a span,
.type-W .page-footer .social-media li a .tit,
.type-W .page-footer .social-media li a span,
.type-L .page-footer .social-media li a .tit,
.type-L .page-footer .social-media li a span,
.type-P .page-footer .social-media li a .tit,
.type-P .page-footer .social-media li a span,
.type-CA .page-footer .social-media li a .tit,
.type-CA .page-footer .social-media li a span {
    display: block
}

.WL .page-footer .social-media li a .tit,
.EZ .page-footer .social-media li a .tit,
.type-R .page-footer .social-media li a .tit,
.type-W .page-footer .social-media li a .tit,
.type-L .page-footer .social-media li a .tit,
.type-P .page-footer .social-media li a .tit,
.type-CA .page-footer .social-media li a .tit {
    color: #71789b;
    font-size: 12px
}

.WL .page-footer .social-media li a span,
.EZ .page-footer .social-media li a span,
.type-R .page-footer .social-media li a span,
.type-W .page-footer .social-media li a span,
.type-L .page-footer .social-media li a span,
.type-P .page-footer .social-media li a span,
.type-CA .page-footer .social-media li a span {
    color: #b9bdd4;
    font-size: 13.6px;
    width: 100%
}

.WL .page-footer .social-media li a>img,
.WL .page-footer .social-media li a>i,
.EZ .page-footer .social-media li a>img,
.EZ .page-footer .social-media li a>i,
.type-R .page-footer .social-media li a>img,
.type-R .page-footer .social-media li a>i,
.type-W .page-footer .social-media li a>img,
.type-W .page-footer .social-media li a>i,
.type-L .page-footer .social-media li a>img,
.type-L .page-footer .social-media li a>i,
.type-P .page-footer .social-media li a>img,
.type-P .page-footer .social-media li a>i,
.type-CA .page-footer .social-media li a>img,
.type-CA .page-footer .social-media li a>i {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px
}

.WL .page-footer .social-media li a .icon,
.EZ .page-footer .social-media li a .icon,
.type-R .page-footer .social-media li a .icon,
.type-W .page-footer .social-media li a .icon,
.type-L .page-footer .social-media li a .icon,
.type-P .page-footer .social-media li a .icon,
.type-CA .page-footer .social-media li a .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0 2px 3px #232530
}

.WL .page-footer .social-media li a .icon::before,
.EZ .page-footer .social-media li a .icon::before,
.type-R .page-footer .social-media li a .icon::before,
.type-W .page-footer .social-media li a .icon::before,
.type-L .page-footer .social-media li a .icon::before,
.type-P .page-footer .social-media li a .icon::before,
.type-CA .page-footer .social-media li a .icon::before {
    color: #fff !important;
    font-size: 18px
}

.WL.device-PC .page-footer ul li .social-media,
.EZ.device-PC .page-footer ul li .social-media,
.type-R.device-PC .page-footer ul li .social-media,
.type-W.device-PC .page-footer ul li .social-media,
.type-L.device-PC .page-footer ul li .social-media,
.type-P.device-PC .page-footer ul li .social-media,
.type-CA.device-PC .page-footer ul li .social-media {
    left: 50%;
    transform: translateX(-50%)
}

.WL.device-PC .page-footer .social-media,
.EZ.device-PC .page-footer .social-media,
.type-R.device-PC .page-footer .social-media,
.type-W.device-PC .page-footer .social-media,
.type-L.device-PC .page-footer .social-media,
.type-P.device-PC .page-footer .social-media,
.type-CA.device-PC .page-footer .social-media {
    min-width: 260px;
    max-width: 260px
}

.WL.device-PC .page-footer .social-media li,
.EZ.device-PC .page-footer .social-media li,
.type-R.device-PC .page-footer .social-media li,
.type-W.device-PC .page-footer .social-media li,
.type-L.device-PC .page-footer .social-media li,
.type-P.device-PC .page-footer .social-media li,
.type-CA.device-PC .page-footer .social-media li {
    max-width: 260px
}

.WL.device-PC .page-footer .social-media li a,
.EZ.device-PC .page-footer .social-media li a,
.type-R.device-PC .page-footer .social-media li a,
.type-W.device-PC .page-footer .social-media li a,
.type-L.device-PC .page-footer .social-media li a,
.type-P.device-PC .page-footer .social-media li a,
.type-CA.device-PC .page-footer .social-media li a {
    padding: 5px 15px 95px 50px
}

.WL.device-PC .page-footer .social-media li a>i,
.WL.device-PC .page-footer .social-media li a>img,
.EZ.device-PC .page-footer .social-media li a>i,
.EZ.device-PC .page-footer .social-media li a>img,
.type-R.device-PC .page-footer .social-media li a>i,
.type-R.device-PC .page-footer .social-media li a>img,
.type-W.device-PC .page-footer .social-media li a>i,
.type-W.device-PC .page-footer .social-media li a>img,
.type-L.device-PC .page-footer .social-media li a>i,
.type-L.device-PC .page-footer .social-media li a>img,
.type-P.device-PC .page-footer .social-media li a>i,
.type-P.device-PC .page-footer .social-media li a>img,
.type-CA.device-PC .page-footer .social-media li a>i,
.type-CA.device-PC .page-footer .social-media li a>img {
    top: 5px;
    transform: none
}

.WL.device-PC .page-footer .social-media .contact-box,
.EZ.device-PC .page-footer .social-media .contact-box,
.type-R.device-PC .page-footer .social-media .contact-box,
.type-W.device-PC .page-footer .social-media .contact-box,
.type-L.device-PC .page-footer .social-media .contact-box,
.type-P.device-PC .page-footer .social-media .contact-box,
.type-CA.device-PC .page-footer .social-media .contact-box {
    display: block;
    background: transparent;
    bottom: 10px;
    left: 44px;
    transform: none
}

.WL.device-PC .page-footer .social-media .contact-box .arrow,
.WL.device-PC .page-footer .social-media .contact-box .contact-box-inner,
.EZ.device-PC .page-footer .social-media .contact-box .arrow,
.EZ.device-PC .page-footer .social-media .contact-box .contact-box-inner,
.type-R.device-PC .page-footer .social-media .contact-box .arrow,
.type-R.device-PC .page-footer .social-media .contact-box .contact-box-inner,
.type-W.device-PC .page-footer .social-media .contact-box .arrow,
.type-W.device-PC .page-footer .social-media .contact-box .contact-box-inner,
.type-L.device-PC .page-footer .social-media .contact-box .arrow,
.type-L.device-PC .page-footer .social-media .contact-box .contact-box-inner,
.type-P.device-PC .page-footer .social-media .contact-box .arrow,
.type-P.device-PC .page-footer .social-media .contact-box .contact-box-inner,
.type-CA.device-PC .page-footer .social-media .contact-box .arrow,
.type-CA.device-PC .page-footer .social-media .contact-box .contact-box-inner {
    display: none
}

.type-R.device-PC .page-footer ul li .social-media,
.type-W.device-PC .page-footer ul li .social-media,
.type-P.device-PC .page-footer ul li .social-media {
    right: 70px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-telegram,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-telegram,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-telegram {
    background-color: #2ca5e0
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-facebook,
.type-R.device-PC .page-footer ul li .social-media .icon.icon-messenger,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-facebook,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-messenger,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-facebook,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-messenger {
    background: linear-gradient(135deg, #1877f2 0%, #27a1f2 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-twitter,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-twitter,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-twitter {
    background: linear-gradient(135deg, #3A3A3A 0%, #000 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-youtube,
.type-R.device-PC .page-footer ul li .social-media .icon.icon-pinterest,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-youtube,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-pinterest,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-youtube,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-pinterest {
    background: linear-gradient(135deg, #ED1D49 0%, #95041E 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-instagram,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-instagram,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-instagram {
    background: linear-gradient(126.45deg, #7320BA 2.01%, #E03D44 50.39%, #F6CC60 94.9%), #ED1D49
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-line,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-line,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-line {
    background: linear-gradient(90deg, #32af5c 0%, #0daa8d 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-linkedin,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-linkedin,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-linkedin {
    background: #1a77b5
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-viber,
.type-R.device-PC .page-footer ul li .social-media .icon.icon-viberb,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-viber,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-viberb,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-viber,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-viberb {
    background: linear-gradient(135deg, #665cac 0%, #312c54 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon-discord,
.type-W.device-PC .page-footer ul li .social-media .icon-discord,
.type-P.device-PC .page-footer ul li .social-media .icon-discord {
    background: #5865f2 !important
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-kakao,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-kakao,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-kakao {
    background: linear-gradient(135deg, #f2b200 0%, #836000 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-wechat,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-wechat,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-wechat {
    background: linear-gradient(90deg, #7bb32f 0%, #32af5c 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-whatsapp,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-whatsapp,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-whatsapp {
    background: linear-gradient(90deg, #38d366 0%, #32af5c 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-skype,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-skype,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-skype {
    background: #01afef
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-teams,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-teams,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-teams {
    background: linear-gradient(135deg, #5059c9 0%, #3D2A8A 100%)
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-livechat,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-livechat,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-livechat {
    background: #ff5718
}

.type-R.device-PC .page-footer ul li .social-media .icon.icon-mail,
.type-R.device-PC .page-footer ul li .social-media .icon.icon-phone,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-mail,
.type-W.device-PC .page-footer ul li .social-media .icon.icon-phone,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-mail,
.type-P.device-PC .page-footer ul li .social-media .icon.icon-phone {
    background: #757575
}

.type-R.device-PC .page-footer ul li:first-child .social-media,
.type-R.device-PC .page-footer ul li:nth-child(2) .social-media,
.type-W.device-PC .page-footer ul li:first-child .social-media,
.type-W.device-PC .page-footer ul li:nth-child(2) .social-media,
.type-P.device-PC .page-footer ul li:first-child .social-media,
.type-P.device-PC .page-footer ul li:nth-child(2) .social-media {
    top: 0;
    bottom: auto;
    transform: none
}

.type-R.device-PC .page-footer ul li:last-child .social-media,
.type-R.device-PC .page-footer ul li:nth-last-child(2) .social-media,
.type-W.device-PC .page-footer ul li:last-child .social-media,
.type-W.device-PC .page-footer ul li:nth-last-child(2) .social-media,
.type-P.device-PC .page-footer ul li:last-child .social-media,
.type-P.device-PC .page-footer ul li:nth-last-child(2) .social-media {
    top: auto;
    bottom: -10px;
    transform: none
}

.type-W .page-footer .social-media {
    background: #222 url(../../../theme/images/src-gamehall/layout/type-W/default-bg.webp) center center;
    background-size: 100%;
    border-radius: 0
}

.type-W .page-footer .social-media li a>i,
.type-W .page-footer .social-media li a>img {
    border-radius: 0
}

.type-L .page-footer .social-media .icon.icon-telegram {
    background-color: #2ca5e0
}

.type-L .page-footer .social-media .icon.icon-facebook,
.type-L .page-footer .social-media .icon.icon-messenger {
    background: linear-gradient(135deg, #1877f2 0%, #27a1f2 100%)
}

.type-L .page-footer .social-media .icon.icon-twitter {
    background: linear-gradient(135deg, #3A3A3A 0%, #000 100%)
}

.type-L .page-footer .social-media .icon.icon-youtube,
.type-L .page-footer .social-media .icon.icon-pinterest {
    background: linear-gradient(135deg, #ED1D49 0%, #95041E 100%)
}

.type-L .page-footer .social-media .icon.icon-instagram {
    background: linear-gradient(126.45deg, #7320BA 2.01%, #E03D44 50.39%, #F6CC60 94.9%), #ED1D49
}

.type-L .page-footer .social-media .icon.icon-line {
    background: linear-gradient(90deg, #32af5c 0%, #0daa8d 100%)
}

.type-L .page-footer .social-media .icon.icon-linkedin {
    background: #1a77b5
}

.type-L .page-footer .social-media .icon.icon-viber,
.type-L .page-footer .social-media .icon.icon-viberb {
    background: linear-gradient(135deg, #665cac 0%, #312c54 100%)
}

.type-L .page-footer .social-media .icon-discord {
    background: #5865f2 !important
}

.type-L .page-footer .social-media .icon.icon-kakao {
    background: linear-gradient(135deg, #f2b200 0%, #836000 100%)
}

.type-L .page-footer .social-media .icon.icon-wechat {
    background: linear-gradient(90deg, #7bb32f 0%, #32af5c 100%)
}

.type-L .page-footer .social-media .icon.icon-whatsapp {
    background: linear-gradient(90deg, #38d366 0%, #32af5c 100%)
}

.type-L .page-footer .social-media .icon.icon-skype {
    background: #01afef
}

.type-L .page-footer .social-media .icon.icon-teams {
    background: linear-gradient(135deg, #5059c9 0%, #3D2A8A 100%)
}

.type-L .page-footer .social-media .icon.icon-livechat {
    background: #ff5718
}

.type-L .page-footer .social-media .icon.icon-mail,
.type-L .page-footer .social-media .icon.icon-phone {
    background: #757575
}

.type-L .page-footer .social-media li {
    margin-left: 0 !important
}

.type-L .page-footer .social-media li a .tit {
    color: rgba(235, 247, 255, 0.5)
}

.type-L .page-footer .social-media li a span {
    color: #ebf7ff
}

.type-L .page-footer .social-media li .contact-box img {
    border-radius: 8px;
    border: 3px solid #00000052
}

.type-P .page-footer ul.social-media {
    background: #000
}

.type-P .page-footer ul.social-media li a .tit {
    color: rgba(255, 255, 255, 0.6)
}

.type-P .page-footer ul.social-media li a span {
    color: #fff
}

.type-P .page-footer ul.social-media::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../../../theme/images/src-gamehall/layout/type-P/default-footer.webp) no-repeat right bottom;
    background-size: 100%;
    opacity: .3;
    pointer-events: none
}

.EZ .page-footer .social-media {
    bottom: 80px;
    background: #333;
    box-shadow: 0 0 5px #30303054;
    z-index: 900;
    border-radius: 10px
}

.EZ .page-footer .social-media li {
    text-align: left;
    height: auto;
    padding: 5px 0
}

.EZ .page-footer .social-media li:hover {
    background: #222;
    border-radius: 8px
}

.EZ .page-footer .social-media li a .tit {
    color: rgba(255, 255, 255, 0.5)
}

.EZ .page-footer .social-media li a span {
    color: #fff
}

.EZ .page-footer .social-media li a .icon::before {
    font-size: 25px
}

.WL .icon.icon-telegram {
    background-color: #2ca5e0
}

.WL .icon.icon-facebook,
.WL .icon.icon-messenger {
    background: linear-gradient(135deg, #1877f2 0%, #27a1f2 100%)
}

.WL .icon.icon-twitter {
    background: linear-gradient(135deg, #3A3A3A 0%, #000 100%)
}

.WL .icon.icon-youtube,
.WL .icon.icon-pinterest {
    background: linear-gradient(135deg, #ED1D49 0%, #95041E 100%)
}

.WL .icon.icon-instagram {
    background: linear-gradient(126.45deg, #7320BA 2.01%, #E03D44 50.39%, #F6CC60 94.9%), #ED1D49
}

.WL .icon.icon-line {
    background: linear-gradient(90deg, #32af5c 0%, #0daa8d 100%)
}

.WL .icon.icon-linkedin {
    background: #1a77b5
}

.WL .icon.icon-viber,
.WL .icon.icon-viberb {
    background: linear-gradient(135deg, #665cac 0%, #312c54 100%)
}

.WL .icon-discord {
    background: #5865f2 !important
}

.WL .icon.icon-kakao {
    background: linear-gradient(135deg, #f2b200 0%, #836000 100%)
}

.WL .icon.icon-wechat {
    background: linear-gradient(90deg, #7bb32f 0%, #32af5c 100%)
}

.WL .icon.icon-whatsapp {
    background: linear-gradient(90deg, #38d366 0%, #32af5c 100%)
}

.WL .icon.icon-skype {
    background: #01afef
}

.WL .icon.icon-teams {
    background: linear-gradient(135deg, #5059c9 0%, #3D2A8A 100%)
}

.WL .icon.icon-livechat {
    background: #ff5718
}

.WL .icon.icon-mail,
.WL .icon.icon-phone {
    background: #757575
}

.swiper-banner {
    height: calc((100vw / 1) / 1600 * 576)
}

.swiper-banner .swiper-wrapper {
    height: calc((100vw / 1) / 1600 * 576)
}

.swiper-banner .swiper-wrapper .swiper-slide {
    max-width: calc(100vw / 1)
}

.swiper-banner .swiper-wrapper .swiper-slide img {
    max-height: calc((100vw / 1) / 1600 * 576)
}

.swiper-banner.swiper-initialized .swiper-slide {
    max-width: none
}

.swiper-banner .swiper-pagination {
    display: none
}

.swiper-banner .swiper-wrapper .swiper-slide {
    width: 100%;
    overflow: hidden
}

.swiper-banner .swiper-wrapper .swiper-slide a {
    width: 100%;
    height: 100%
}

.swiper-banner .swiper-wrapper .swiper-slide img {
    user-select: none;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center
}

.swiper-banner .swiper-wrapper .swiper-slide video {
    width: 100%;
    height: 100%;
    max-height: 100%;
    display: block;
    object-fit: fill;
    object-position: center;
    pointer-events: none
}

@media (min-width: 768px) {
    .swiper-banner {
        height: calc(((100vw - 24px * 2) / 2.3) / 1600 * 576)
    }
    .swiper-banner .swiper-wrapper .swiper-slide {
        border-radius: 15px
    }
    .swiper-banner .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 2.3) / 1600 * 576)
    }
    .swiper-banner .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 2.3)
    }
    .swiper-banner .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 2.3) / 1600 * 576)
    }
    .swiper-banner.swiper-initialized .swiper-slide {
        max-width: none
    }
    .swiper-banner.swiper-xs {
        height: calc(((100vw - 24px * 2) / 1.8) / 1600 * 576)
    }
    .swiper-banner.swiper-xs .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 1.8) / 1600 * 576)
    }
    .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 1.8)
    }
    .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 1.8) / 1600 * 576)
    }
    .swiper-banner.swiper-xs.swiper-initialized .swiper-slide {
        max-width: none
    }
    .swiper-banner.swiper-s {
        height: calc(((100vw - 24px * 2) / 1.4) / 1600 * 576)
    }
    .swiper-banner.swiper-s .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 1.4) / 1600 * 576)
    }
    .swiper-banner.swiper-s .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 1.4)
    }
    .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 1.4) / 1600 * 576)
    }
    .swiper-banner.swiper-s.swiper-initialized .swiper-slide {
        max-width: none
    }
    .swiper-banner.swiper-m {
        height: calc(((100vw - 24px * 2) / 1.2) / 1600 * 576)
    }
    .swiper-banner.swiper-m .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 1.2) / 1600 * 576)
    }
    .swiper-banner.swiper-m .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 1.2)
    }
    .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 1.2) / 1600 * 576)
    }
    .swiper-banner.swiper-m.swiper-initialized .swiper-slide {
        max-width: none
    }
    .swiper-banner.swiper-l {
        height: calc((100vw / 1) / 1600 * 576)
    }
    .swiper-banner.swiper-l .swiper-wrapper {
        height: calc((100vw / 1) / 1600 * 576)
    }
    .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        max-width: calc(100vw / 1)
    }
    .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img {
        max-height: calc((100vw / 1) / 1600 * 576)
    }
    .swiper-banner.swiper-l.swiper-initialized .swiper-slide {
        max-width: none
    }
    .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        border-radius: 0
    }
}

.device-PC .swiper-banner .swiper-wrapper .swiper-slide {
    border-radius: 15px
}

@media (min-width: 768px) {
    .device-PC .swiper-banner {
        height: calc(((1350px - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC .swiper-banner .swiper-wrapper {
        height: calc(((1350px - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC .swiper-banner .swiper-wrapper .swiper-slide {
        max-width: calc((1350px - 24px * 2) / 2.3)
    }
    .device-PC .swiper-banner .swiper-wrapper .swiper-slide img {
        max-height: calc(((1350px - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC .swiper-banner.swiper-xs {
        height: calc(((1350px - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-xs .swiper-wrapper {
        height: calc(((1350px - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide {
        max-width: calc((1350px - 24px * 2) / 1.8)
    }
    .device-PC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img {
        max-height: calc(((1350px - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-xs.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC .swiper-banner.swiper-s {
        height: calc(((1350px - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-s .swiper-wrapper {
        height: calc(((1350px - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide {
        max-width: calc((1350px - 24px * 2) / 1.4)
    }
    .device-PC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img {
        max-height: calc(((1350px - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-s.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC .swiper-banner.swiper-m {
        height: calc(((1350px - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-m .swiper-wrapper {
        height: calc(((1350px - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide {
        max-width: calc((1350px - 24px * 2) / 1.2)
    }
    .device-PC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img {
        max-height: calc(((1350px - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-m.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC .swiper-banner.swiper-l {
        height: calc((1350px / 1) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-l .swiper-wrapper {
        height: calc((1350px / 1) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        max-width: calc(1350px / 1)
    }
    .device-PC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img {
        max-height: calc((1350px / 1) / 1600 * 576)
    }
    .device-PC .swiper-banner.swiper-l.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        border-radius: 0
    }
}

@media (min-width: 768px) {
    .device-PC.type-BS .swiper-banner {
        height: calc(((1180px - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner .swiper-wrapper {
        height: calc(((1180px - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner .swiper-wrapper .swiper-slide {
        max-width: calc((1180px - 24px * 2) / 2.3)
    }
    .device-PC.type-BS .swiper-banner .swiper-wrapper .swiper-slide img {
        max-height: calc(((1180px - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.type-BS .swiper-banner.swiper-xs {
        height: calc(((1180px - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-xs .swiper-wrapper {
        height: calc(((1180px - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide {
        max-width: calc((1180px - 24px * 2) / 1.8)
    }
    .device-PC.type-BS .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img {
        max-height: calc(((1180px - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-xs.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.type-BS .swiper-banner.swiper-s {
        height: calc(((1180px - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-s .swiper-wrapper {
        height: calc(((1180px - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-s .swiper-wrapper .swiper-slide {
        max-width: calc((1180px - 24px * 2) / 1.4)
    }
    .device-PC.type-BS .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img {
        max-height: calc(((1180px - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-s.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.type-BS .swiper-banner.swiper-m {
        height: calc(((1180px - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-m .swiper-wrapper {
        height: calc(((1180px - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-m .swiper-wrapper .swiper-slide {
        max-width: calc((1180px - 24px * 2) / 1.2)
    }
    .device-PC.type-BS .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img {
        max-height: calc(((1180px - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-m.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.type-BS .swiper-banner.swiper-l {
        height: calc((1180px / 1) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-l .swiper-wrapper {
        height: calc((1180px / 1) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        max-width: calc(1180px / 1)
    }
    .device-PC.type-BS .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img {
        max-height: calc((1180px / 1) / 1600 * 576)
    }
    .device-PC.type-BS .swiper-banner.swiper-l.swiper-initialized .swiper-slide {
        max-width: none
    }
}

@media (min-width: 768px) {
    .device-PC.POPULAR .swiper-banner,
    .device-PC.CLASSIC .swiper-banner,
    .device-PC.EZ .swiper-banner,
    .device-PC.NWC .swiper-banner {
        height: calc(((100vw - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner .swiper-wrapper,
    .device-PC.EZ .swiper-banner .swiper-wrapper,
    .device-PC.NWC .swiper-banner .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 2.3)
    }
    .device-PC.POPULAR .swiper-banner .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 2.3) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs,
    .device-PC.CLASSIC .swiper-banner.swiper-xs,
    .device-PC.EZ .swiper-banner.swiper-xs,
    .device-PC.NWC .swiper-banner.swiper-xs {
        height: calc(((100vw - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner.swiper-xs .swiper-wrapper,
    .device-PC.EZ .swiper-banner.swiper-xs .swiper-wrapper,
    .device-PC.NWC .swiper-banner.swiper-xs .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 1.8)
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 1.8) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-xs.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-xs.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-xs.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-s,
    .device-PC.CLASSIC .swiper-banner.swiper-s,
    .device-PC.EZ .swiper-banner.swiper-s,
    .device-PC.NWC .swiper-banner.swiper-s {
        height: calc(((100vw - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-s .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner.swiper-s .swiper-wrapper,
    .device-PC.EZ .swiper-banner.swiper-s .swiper-wrapper,
    .device-PC.NWC .swiper-banner.swiper-s .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-s .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-s .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 1.4)
    }
    .device-PC.POPULAR .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 1.4) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-s.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-s.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-s.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-s.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-m,
    .device-PC.CLASSIC .swiper-banner.swiper-m,
    .device-PC.EZ .swiper-banner.swiper-m,
    .device-PC.NWC .swiper-banner.swiper-m {
        height: calc(((100vw - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-m .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner.swiper-m .swiper-wrapper,
    .device-PC.EZ .swiper-banner.swiper-m .swiper-wrapper,
    .device-PC.NWC .swiper-banner.swiper-m .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-m .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-m .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 1.2)
    }
    .device-PC.POPULAR .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 1.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-m.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-m.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-m.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-m.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-l,
    .device-PC.CLASSIC .swiper-banner.swiper-l,
    .device-PC.EZ .swiper-banner.swiper-l,
    .device-PC.NWC .swiper-banner.swiper-l {
        height: calc((100vw / 1) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-l .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner.swiper-l .swiper-wrapper,
    .device-PC.EZ .swiper-banner.swiper-l .swiper-wrapper,
    .device-PC.NWC .swiper-banner.swiper-l .swiper-wrapper {
        height: calc((100vw / 1) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        max-width: calc(100vw / 1)
    }
    .device-PC.POPULAR .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img {
        max-height: calc((100vw / 1) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-l.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-l.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-l.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-l.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        border-radius: 0
    }
}

@media (min-width: 1560px) {
    .device-PC.POPULAR .swiper-banner,
    .device-PC.CLASSIC .swiper-banner,
    .device-PC.EZ .swiper-banner,
    .device-PC.NWC .swiper-banner {
        height: calc(((100vw - 24px * 2) / 3.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner .swiper-wrapper,
    .device-PC.EZ .swiper-banner .swiper-wrapper,
    .device-PC.NWC .swiper-banner .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 3.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 3.2)
    }
    .device-PC.POPULAR .swiper-banner .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 3.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs,
    .device-PC.CLASSIC .swiper-banner.swiper-xs,
    .device-PC.EZ .swiper-banner.swiper-xs,
    .device-PC.NWC .swiper-banner.swiper-xs {
        height: calc(((100vw - 24px * 2) / 2.6) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner.swiper-xs .swiper-wrapper,
    .device-PC.EZ .swiper-banner.swiper-xs .swiper-wrapper,
    .device-PC.NWC .swiper-banner.swiper-xs .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 2.6) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 2.6)
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner.swiper-xs .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 2.6) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-xs.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-xs.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-xs.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-xs.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-s,
    .device-PC.CLASSIC .swiper-banner.swiper-s,
    .device-PC.EZ .swiper-banner.swiper-s,
    .device-PC.NWC .swiper-banner.swiper-s {
        height: calc(((100vw - 24px * 2) / 2.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-s .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner.swiper-s .swiper-wrapper,
    .device-PC.EZ .swiper-banner.swiper-s .swiper-wrapper,
    .device-PC.NWC .swiper-banner.swiper-s .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 2.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-s .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-s .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 2.2)
    }
    .device-PC.POPULAR .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner.swiper-s .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 2.2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-s.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-s.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-s.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-s.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-m,
    .device-PC.CLASSIC .swiper-banner.swiper-m,
    .device-PC.EZ .swiper-banner.swiper-m,
    .device-PC.NWC .swiper-banner.swiper-m {
        height: calc(((100vw - 24px * 2) / 2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-m .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner.swiper-m .swiper-wrapper,
    .device-PC.EZ .swiper-banner.swiper-m .swiper-wrapper,
    .device-PC.NWC .swiper-banner.swiper-m .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-m .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-m .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 2)
    }
    .device-PC.POPULAR .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner.swiper-m .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 2) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-m.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-m.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-m.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-m.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-l,
    .device-PC.CLASSIC .swiper-banner.swiper-l,
    .device-PC.EZ .swiper-banner.swiper-l,
    .device-PC.NWC .swiper-banner.swiper-l {
        height: calc(((100vw - 24px * 2) / 1.6) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-l .swiper-wrapper,
    .device-PC.CLASSIC .swiper-banner.swiper-l .swiper-wrapper,
    .device-PC.EZ .swiper-banner.swiper-l .swiper-wrapper,
    .device-PC.NWC .swiper-banner.swiper-l .swiper-wrapper {
        height: calc(((100vw - 24px * 2) / 1.6) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        max-width: calc((100vw - 24px * 2) / 1.6)
    }
    .device-PC.POPULAR .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img,
    .device-PC.CLASSIC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img,
    .device-PC.EZ .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img,
    .device-PC.NWC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide img {
        max-height: calc(((100vw - 24px * 2) / 1.6) / 1600 * 576)
    }
    .device-PC.POPULAR .swiper-banner.swiper-l.swiper-initialized .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-l.swiper-initialized .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-l.swiper-initialized .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-l.swiper-initialized .swiper-slide {
        max-width: none
    }
    .device-PC.POPULAR .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.CLASSIC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.EZ .swiper-banner.swiper-l .swiper-wrapper .swiper-slide,
    .device-PC.NWC .swiper-banner.swiper-l .swiper-wrapper .swiper-slide {
        border-radius: 15px
    }
}

.swiper-group {
    position: relative;
    margin: 0 0 25px 0
}

.swiper-group .swiper-pagination {
    text-align: center;
    bottom: -20px !important
}

.swiper-group .swiper-pagination-bullet {
    background: rgba(136, 136, 136, 0.583);
    opacity: 1
}

.swiper-group .swiper-pagination-bullet-active {
    background: #ffffff
}

.swiper-register {
    position: relative;
    width: 100%;
    aspect-ratio: 25 / 9;
    overflow: hidden;
    border-radius: 20px
}

.swiper-register .swiper-wrapper {
    height: 100%
}

.swiper-register .swiper-slide {
    cursor: pointer
}

.swiper-register .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

.swiper-register .swiper-button-prev,
.swiper-register .swiper-button-next {
    color: #fff;
    opacity: 0.8;
    transition: opacity 0.3s
}

.swiper-register .swiper-button-prev:hover,
.swiper-register .swiper-button-next:hover {
    opacity: 1
}

.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,
header.header-area p {
    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,
header.header-area p::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,
header.header-area p.icon-reward::before,
header.header-area p.icon-users::before {
    content: none
}

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

header.header-area h1.logo-faq::before,
header.header-area p.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;
    text-decoration: none
}

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

.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: 470px;
    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-box.modal-video .modal-main {
    min-height: auto;
    overflow: visible
}

.modal-box.modal-video .modal-top {
    padding: 0;
    min-height: auto
}

.modal-box.modal-video .modal-top .close {
    top: -40px;
    right: 0px;
    transform: none
}

.modal-box.modal-video .modal-top .close:hover {
    background: none
}

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

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

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

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

@media screen and (min-width: 1024px) {
    .modal-box.modal-video .modal-main {
        max-width: 800px;
        box-shadow: none
    }
    .modal-box.modal-video .modal-main .modal-layout .video-box iframe {
        height: 50vh
    }
}

@keyframes arrow-move-mobile {
    0% {
        transform: translate(0, -50%) rotate(45deg);
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        transform: translate(-45px, -50%) rotate(45deg);
        opacity: 1
    }
    100% {
        transform: translate(-45px, -50%) rotate(45deg);
        opacity: 0
    }
}

@keyframes arrow-move-pc {
    0% {
        transform: translate(0, -50%) rotate(45deg);
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        transform: translate(-55px, -50%) rotate(45deg);
        opacity: 1
    }
    100% {
        transform: translate(-55px, -50%) rotate(45deg);
        opacity: 0
    }
}

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

@keyframes claimArrowLeft {
    0%,
    100% {
        transform: translateX(0);
        opacity: .8
    }
    50% {
        transform: translateX(4px);
        opacity: 1
    }
}

@keyframes claimArrowRight {
    0%,
    100% {
        transform: translateX(0);
        opacity: .8
    }
    50% {
        transform: translateX(-4px);
        opacity: 1
    }
}

.toast-container,
.function-alert.show {
    z-index: 2147483647
}

.function-alert .img-toast-light,
.function-alert .img-bonus-win-gold {
    z-index: 0
}

.function-alert .img-chance-slot {
    z-index: -1
}

.function-alert .function-box {
    z-index: 5
}

.function-alert .function-box>.img-toast-bg {
    z-index: 0
}

.function-alert .function-box>div {
    z-index: 1
}

.function-alert .function-box .title,
.function-alert .function-box .img-bonus {
    z-index: 5
}

.function-alert {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100dvh;
    opacity: 0;
    display: none
}

.function-alert.hide {
    display: none
}

.function-alert.show {
    display: inline-block;
    left: 0;
    opacity: 1;
    transition: left 0s, opacity .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px)
}

.function-alert.show .img-toast-light {
    animation: rotation-center 15s 1 linear
}

.function-alert.show .icon-chevrons-right {
    animation: claimArrowLeft 1.2s ease-in-out 10
}

.function-alert.show .icon-chevrons-left {
    animation: claimArrowRight 1.2s ease-in-out 10
}

.function-alert.show .freeSpin+.arrow-group span {
    border-left: 2px solid #3AB4FF;
    border-bottom: 2px solid #3AB4FF
}

.function-alert.show .arrow-group {
    display: flex;
    gap: 6px;
    height: 16px;
    overflow: hidden
}

@media (max-width: 1024px) {
    .function-alert.show .arrow-group {
        width: 40px;
        position: relative
    }
}

@media (min-width: 1025px) {
    .function-alert.show .arrow-group {
        width: 50px;
        position: absolute;
        top: calc(50% - 4px);
        left: 55%;
        transform: translate(-50%, -50%)
    }
}

.function-alert.show .arrow-group span {
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    border-left: 2px solid #FFD700;
    border-bottom: 2px solid #FFD700;
    transform: translateY(-50%) rotate(45deg)
}

@media (max-width: 1024px) {
    .function-alert.show .arrow-group span:nth-child(1) {
        left: 5px
    }
    .function-alert.show .arrow-group span:nth-child(2) {
        left: 20px
    }
    .function-alert.show .arrow-group span:nth-child(3) {
        left: 35px
    }
}

@media (min-width: 1025px) {
    .function-alert.show .arrow-group span:nth-child(1) {
        left: 5px
    }
    .function-alert.show .arrow-group span:nth-child(2) {
        left: 25px
    }
    .function-alert.show .arrow-group span:nth-child(3) {
        left: 45px
    }
}

.function-alert.is-transferring .arrow-group span {
    left: calc( 100% + 5px) !important
}

@media (max-width: 1024px) {
    .function-alert.is-transferring .arrow-group span {
        animation: arrow-move-mobile 1.2s linear infinite
    }
}

@media (min-width: 1025px) {
    .function-alert.is-transferring .arrow-group span {
        animation: arrow-move-pc 1.2s linear infinite
    }
}

.function-alert.is-transferring .arrow-group span:nth-child(1) {
    animation-delay: 0s
}

.function-alert.is-transferring .arrow-group span:nth-child(2) {
    animation-delay: -0.4s
}

.function-alert.is-transferring .arrow-group span:nth-child(3) {
    animation-delay: -0.8s
}

.function-alert .img-toast-light,
.function-alert .img-bonus-win-gold,
.function-alert .img-chance-slot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1/1;
    max-width: 1200px;
    object-fit: contain
}

@media (max-width: 1024px) {
    .function-alert .img-toast-light {
        height: 90%;
        width: auto
    }
}

@media (min-width: 1025px) {
    .function-alert .img-toast-light {
        height: 110%;
        width: auto
    }
}

@media (max-width: 1024px) {
    .function-alert .img-bonus-win-gold {
        width: 100%;
        height: auto
    }
}

@media (min-width: 1025px) {
    .function-alert .img-bonus-win-gold {
        height: 80%;
        width: auto
    }
}

.function-alert .img-chance-slot {
    top: 0;
    transform: translateX(-50%) translateY(-55%)
}

@media (max-width: 1024px) {
    .function-alert .img-chance-slot {
        width: 200px
    }
}

@media (min-width: 1025px) {
    .function-alert .img-chance-slot {
        width: 250px
    }
}

.function-alert .info-box {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 1024px) {
    .function-alert .info-box {
        gap: 10px
    }
}

@media (min-width: 1025px) {
    .function-alert .info-box {
        gap: 20px
    }
}

.function-alert .info-box .txt-info {
    padding: 0;
    text-align: left;
    line-height: 1.5;
    color: #fbfbfb !important
}

.function-alert .info-box .txt-info .award-prize {
    font-weight: normal;
    font-style: normal;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: initial;
    display: inline;
    margin-left: 5px;
    background: none;
    font-size: inherit;
    line-height: inherit
}

.function-alert .info-box .txt-info:only-child {
    text-align: center
}

@media (max-width: 1024px) {
    .function-alert .info-box .txt-info {
        font-size: 16px
    }
}

@media (min-width: 1025px) {
    .function-alert .info-box .txt-info {
        font-size: 20px
    }
}

.function-alert .info-box .game-icon {
    padding: 3px;
    margin-bottom: 6px;
    color: #fbfbfb;
    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 .info-box .game-icon {
        width: 110px;
        border-radius: 20px
    }
}

@media (min-width: 1025px) {
    .function-alert .info-box .game-icon {
        width: 160px;
        border-radius: 25px
    }
}

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

.function-alert .txt-note {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: #FFDFB2
}

@media (max-width: 1024px) {
    .function-alert .txt-note {
        font-size: 14px
    }
}

@media (min-width: 1025px) {
    .function-alert .txt-note {
        font-size: 18px
    }
}

.function-alert .txt-id {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: #FFDFB2;
    margin-top: -10px;
    opacity: 0.7
}

@media (max-width: 1024px) {
    .function-alert .txt-id {
        font-size: 12px
    }
}

@media (min-width: 1025px) {
    .function-alert .txt-id {
        font-size: 14px
    }
}

.function-alert .award-prize {
    white-space: nowrap;
    font-weight: bold;
    letter-spacing: -2%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#FFEE43, #FE9035);
    font-variant-numeric: tabular-nums
}

@media (max-width: 1024px) {
    .function-alert .award-prize {
        font-size: 22px;
        line-height: 22px
    }
    .function-alert .award-prize::before {
        font-size: 14px
    }
}

@media (min-width: 1025px) {
    .function-alert .award-prize {
        font-size: 30px;
        line-height: 30px
    }
    .function-alert .award-prize::before {
        font-size: 22px
    }
}

.function-alert .award-prize.freeSpin {
    background-image: linear-gradient(#3AB4FF, #4682FF)
}

.function-alert .reward-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 223, 178, 0.5);
    padding: 10px 15px
}

.function-alert .reward-box hr {
    color: #fbfbfb;
    margin: 5px 0
}

.function-alert .reward-box .reward-tit,
.function-alert .reward-box .reward-amount {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.function-alert .reward-box .tit-left,
.function-alert .reward-box .tit-right {
    color: #FFDFB2;
    font-size: 10px;
    width: 50%
}

.function-alert .reward-box .tit-left {
    text-align: left
}

.function-alert .reward-box .tit-right {
    text-align: right
}

.function-alert .reward-box .bonusPoints-box span {
    font-weight: bold;
    vertical-align: middle;
    color: #fbfbfb
}

.function-alert .reward-box .bonusPoints-box .img-bonusPoints {
    vertical-align: middle
}

@media (max-width: 1024px) {
    .function-alert .reward-box .bonusPoints-box {
        font-size: 22px;
        line-height: 22px
    }
    .function-alert .reward-box .bonusPoints-box .img-bonusPoints {
        width: 22px;
        height: 22px
    }
}

@media (min-width: 1025px) {
    .function-alert .reward-box .bonusPoints-box {
        font-size: 30px;
        line-height: 30px
    }
    .function-alert .reward-box .bonusPoints-box .img-bonusPoints {
        width: 30px;
        height: 30px
    }
}

.function-alert .event-game-list {
    display: flex;
    justify-items: center;
    margin-bottom: 0;
    gap: 10px;
    z-index: 1
}

.function-alert .event-game-list .game-feature {
    display: none
}

.function-alert .event-game-list .game-icon {
    width: 100%;
    border-radius: 10px;
    padding: 2px;
    background: linear-gradient(180deg, #B78342 0%, #F2EEC3 38.46%, #B78342 62%, #F2EEC3 100%)
}

@media (max-width: 1024px) {
    .function-alert .event-game-list .game-icon {
        max-width: 80px
    }
}

@media (min-width: 1025px) {
    .function-alert .event-game-list .game-icon {
        max-width: 100px
    }
}

.function-alert .event-game-list.entry_game .item,
.function-alert .event-game-list.entry_game .game-icon {
    background-image: unset;
    position: relative
}

@media (max-width: 1024px) {
    .function-alert .event-game-list.entry_game .item,
    .function-alert .event-game-list.entry_game .game-icon {
        max-width: unset;
        width: 300px
    }
}

@media (min-width: 1025px) {
    .function-alert .event-game-list.entry_game .item,
    .function-alert .event-game-list.entry_game .game-icon {
        width: 350px;
        max-width: unset
    }
}

.function-alert .event-game-list.entry_game .game-icon {
    padding: 0
}

.function-alert .warning-msg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 30px;
    gap: 10px;
    background-image: linear-gradient(0deg, rgba(190, 39, 40, 0.5) 0%, #BE2728 100%);
    color: #fbfbfb;
    text-align: left
}

@media (min-width: 1025px) {
    .function-alert .warning-msg {
        border-radius: 25px
    }
}

.function-alert .warning-msg .icon-alert {
    font-size: 45px
}

.function-alert .btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center
}

.function-alert .btn-wrap .btn {
    font-size: 16px;
    font-weight: bold;
    color: #fbfbfb;
    padding: 5px 15px;
    border-radius: 100px;
    min-width: 225px;
    text-shadow: 0 0 0 #008628, 0 2px 4px rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    background-image: linear-gradient(180deg, #00AF26 4.22%, #00802C 100%);
    box-shadow: 0 0 0 2px #00EB47;
    border: 2px solid #232323;
    transition: all 0.3s ease
}

.function-alert .btn-wrap .btn:hover {
    filter: brightness(1.1);
    transition: all 0.3s ease
}

.function-alert .btn-wrap .btn-claim {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    gap: 5px;
    padding: 0 5px;
    border-radius: 50px;
    background: linear-gradient(180deg, #FFE96B 0%, #FFC81F 40%, #FFB000 60%, #FF9800 100%);
    box-shadow: inset 0 -2px 3px #B34A00, 0 0 0 2.5px #4D2D00, 0 0 0 3.5px #FFC81F
}

.function-alert .btn-wrap .btn-claim::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 8px;
    right: 8px;
    height: 45%;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    pointer-events: none
}

.function-alert .btn-wrap .btn-claim .txt {
    z-index: 1;
    position: relative;
    transform: translateY(1px);
    font-size: 20px;
    line-height: 35px;
    font-weight: 900;
    color: #4D2D00;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    font-family: "Intro Demo Black Caps"
}

.function-alert .btn-wrap .btn-claim .icon {
    z-index: 1;
    position: relative;
    color: #FFF6C0;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.5)
}

.function-alert .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 10
}

.function-alert .btn-close .icon {
    color: #FFF;
    font-size: 30px;
    font-weight: 900;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.5)
}

.function-alert .ticket-label {
    color: #FFDFB2;
    font-size: 11px
}

.function-alert .ticket-count {
    gap: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 800;
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.9);
    background: #111;
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.function-alert .ticket-count span {
    font-family: "Intro Demo Black Caps"
}

.function-alert .close {
    display: inline-block;
    opacity: 1;
    border-radius: 50px;
    width: 34px;
    height: 34px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center
}

.function-alert .close i {
    color: #F3B93E;
    border-radius: 100px;
    font-size: 36px;
    line-height: 34px;
    text-shadow: 0 2px 2px #222
}

.function-alert .close:hover {
    background-color: #383838;
    transition: all 0.3s ease
}

.function-alert.common .function-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    text-align: center;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px
}

@media (max-width: 1024px) {
    .function-alert.common .function-box {
        width: 100%;
        padding: 20px;
        border-top: 2px solid #F3B93E;
        border-bottom: 2px solid #F3B93E
    }
}

@media (min-width: 1025px) {
    .function-alert.common .function-box {
        width: 45%;
        padding: 30px;
        border-radius: 25px;
        border: 2px solid #F3B93E
    }
}

.function-alert.common .function-box::before,
.function-alert.common .function-box::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100%;
    height: auto;
    aspect-ratio: 50 / 7;
    background-image: url("../../../theme/images/src-common/BONUSEVENT-img/toast-top-light.webp");
    background-size: 100%;
    opacity: .7
}

.function-alert.common .function-box::before {
    bottom: 100%;
    transform: translateX(-50%)
}

.function-alert.common .function-box::after {
    top: 100%;
    transform: translateX(-50%) scaleY(-1)
}

.function-alert.common .img-toast-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: fill
}

@media (min-width: 1025px) {
    .function-alert.common .img-toast-bg {
        border-radius: 23px
    }
}

.function-alert.common .title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    padding: 0 15px;
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: bold;
    white-space: nowrap;
    text-transform: uppercase;
    color: #222;
    text-stroke: 0.5px #222;
    -webkit-text-stroke: 0.5px #222;
    background-image: linear-gradient(#FFEE43, #FE9035);
    border-radius: 30px
}

@media (max-width: 1024px) {
    .function-alert.common .title {
        top: -12px;
        min-width: 160px;
        font-size: 20px
    }
}

@media (min-width: 1025px) {
    .function-alert.common .title {
        top: -15px;
        min-width: 240px;
        font-size: 26px
    }
}

.function-alert.common .brand-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: auto;
    border-radius: 0 0 40px 40px;
    color: #fbfbfb;
    background-color: rgba(0, 0, 0, 0.3)
}

@media (max-width: 1024px) {
    .function-alert.common .brand-logo {
        gap: 5px;
        padding: 10px 30px 0;
        margin-top: -20px
    }
}

@media (min-width: 1025px) {
    .function-alert.common .brand-logo {
        gap: 10px;
        padding: 20px 30px 0;
        margin-top: -30px
    }
}

.function-alert.common .brand-logo img {
    position: unset;
    transform: none;
    width: auto
}

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

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

.function-alert.default .function-box,
.function-alert.freeSpin .function-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    transition: all .3s ease-in-out
}

@media (max-width: 1024px) {
    .function-alert.default .function-box,
    .function-alert.freeSpin .function-box {
        width: 100%;
        font-size: 16px
    }
}

@media (min-width: 1025px) {
    .function-alert.default .function-box,
    .function-alert.freeSpin .function-box {
        width: 45%;
        font-size: 20px;
        border-radius: 25px
    }
}

.function-alert.default {
    background: transparent
}

.function-alert.default .function-box {
    background: radial-gradient(circle at center, #080808 0%, rgba(0, 0, 0, 0) 100%);
    padding: 35px
}

.function-alert.default .function-box .title {
    font-size: 16px
}

.function-alert.default .img-bonus-win-gold {
    display: none
}

.function-alert.freeSpin .function-box {
    background: url("../../../theme/images/src-common/BONUSEVENT-img/FREESPIN/freespins-bg.webp") center/cover no-repeat
}

@media (max-width: 1024px) {
    .function-alert.freeSpin .function-box {
        padding: 20px;
        border-top: 2px solid #1B6CE2;
        border-bottom: 2px solid #1B6CE2
    }
}

@media (min-width: 1025px) {
    .function-alert.freeSpin .function-box {
        padding: 30px;
        border: 2px solid #1B6CE2
    }
}

.function-alert.freeSpin .freeSpinTag {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin: 10px auto 0
}

.function-alert.freeSpin .freeSpinTag.EZ {
    margin: 10px auto 0;
    min-width: 80px
}

.function-alert.freeSpin .freeSpinTag.EZ img {
    height: auto
}

.function-alert.freeSpin .freeSpinTag.EZ .txt-balance {
    font-size: 12px
}

.function-alert.win-sp-jackpot .function-box {
    padding-top: 30px
}

.function-alert.win-sp-jackpot .title {
    font-size: 0
}

.function-alert.win-sp-jackpot .title::after {
    content: '';
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../../../theme/images/src-common/JACKPOT-img/sp-jackpot-title.webp);
    background-size: contain
}

@media (max-width: 1024px) {
    .function-alert.win-sp-jackpot .title::after {
        width: 240px;
        height: 100px
    }
}

@media (min-width: 1025px) {
    .function-alert.win-sp-jackpot .title::after {
        width: 360px;
        height: 150px
    }
    .function-alert.win-sp-jackpot .award-prize {
        font-size: 20px;
        line-height: 22px
    }
}

.function-alert.win-toasts {
    display: block;
    border: none;
    box-shadow: none;
    background: transparent;
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
    pointer-events: none
}

.function-alert.win-toasts .function-box {
    transform: translate(-50%, -100%);
    opacity: 0;
    transition: transform .6s, opacity .6s
}

.function-alert.win-toasts.show .function-box {
    transform: translate(-50%, 12vmin);
    opacity: 1
}

.function-alert.win-toasts .function-box {
    position: relative;
    top: 0;
    left: 50%;
    padding: 10px;
    width: 100%;
    min-width: 200px;
    max-width: 280px;
    text-align: center;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8), #000, rgba(0, 0, 0, 0.8));
    border: none
}

.function-alert.win-toasts .img-toast-light,
.function-alert.win-toasts .img-bonus-win-gold {
    display: none
}

.function-alert.win-toasts .brand-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin-top: -5px;
    color: #fbfbfb
}

.function-alert.win-toasts .brand-logo img {
    width: 35px;
    height: 35px
}

.function-alert.win-toasts .txt-subtitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 80%;
    color: #ccc;
    font-size: 12px;
    white-space: nowrap;
    max-width: 90%;
    line-height: 30px
}

.function-alert.win-toasts .txt-ticket {
    font-size: 20px;
    font-weight: 600;
    color: #fbfbfb
}

.function-alert.win-toasts .txt-ticket i {
    color: inherit
}

.function-alert.win-toasts .award-prize {
    font-style: normal
}

@media (max-width: 1024px) {
    .function-alert.win-toasts .award-prize {
        font-size: 20px;
        line-height: 20px
    }
    .function-alert.win-toasts .award-prize::before {
        font-size: 12px
    }
}

@media (min-width: 1025px) {
    .function-alert.win-toasts .award-prize {
        font-size: 22px;
        line-height: 22px
    }
    .function-alert.win-toasts .award-prize::before {
        font-size: 16px
    }
}

.function-alert.win-toasts .title {
    text-transform: uppercase;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 12.8px;
    font-weight: bold;
    color: #fbfbfb
}

.function-alert.win-toasts .tit {
    font-size: 12px;
    padding: 5px 0;
    color: #ccc
}

@media (max-width: 1024px) {
    .function-alert.win-toasts .tit {
        font-size: 14px
    }
}

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

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

.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: -4px;
    width: 50px;
    height: 50px;
    object-fit: contain
}

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

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

.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,
.downloadAPP.IOSAPP {
    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: 0;
    width: 95%;
    max-width: 380px;
    height: fit-content;
    max-height: 67px;
    border-radius: 20px 20px 0 0;
    margin: 0;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 25px 0 15px 0;
    box-shadow: 0 2px 5px #0000008a;
    transition: none;
    transform: none;
    will-change: opacity
}

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

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

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

.toast.download-info.num-2 .app-box .app-group {
    padding: 0 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;
    font-size: 24px
}

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

.NWC .toast.download-info.num-3 .app-box,
.POPULAR .toast.download-info.num-3 .app-box,
.CLASSIC .toast.download-info.num-3 .app-box {
    gap: 5px;
    max-width: 700px
}

.NWC .toast.download-info.num-3 .app-box .VPN1111,
.POPULAR .toast.download-info.num-3 .app-box .VPN1111,
.CLASSIC .toast.download-info.num-3 .app-box .VPN1111 {
    padding: 0
}

.NWC.device-PC .downloadAppFooter .login-download-group .downloadAPP.login-tip .android-corner-icon,
.POPULAR.device-PC .downloadAppFooter .login-download-group .downloadAPP.login-tip .android-corner-icon,
.CLASSIC.device-PC .downloadAppFooter .login-download-group .downloadAPP.login-tip .android-corner-icon {
    left: 10px;
    bottom: 0px
}

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

body .modal-addToScreen .modal-main {
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) !important;
    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-addToScreen .modal-main .modal-top {
    min-height: auto !important
}

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

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

body .modal-addToScreen .modal-main .modal-top .close i {
    font-size: 25px !important
}

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

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

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

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

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

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

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

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

body.page-web .modal-box.modal-addToScreen .modal-main .modal-layout {
    background: none !important
}

.page-web.type-W .modal-box.modal-addToScreen .modal-main,
.page-web.type-P .modal-box.modal-addToScreen .modal-main {
    border-radius: 15px 15px 0 0 !important
}

.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.type-CA.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.type-CA .toast.download-info,
.page-web.WL .toast.download-info,
.page-web.EZ .toast.download-info {
    display: block;
    top: 0;
    bottom: auto;
    left: 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.type-CA .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.type-CA .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.type-CA .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.type-CA .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.type-CA .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.type-CA .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 .downloadAPP .android-corner-icon,
.page-web.type-W .toast.download-info .app-box .app-group .downloadAPP .android-corner-icon,
.page-web.type-L .toast.download-info .app-box .app-group .downloadAPP .android-corner-icon,
.page-web.type-P .toast.download-info .app-box .app-group .downloadAPP .android-corner-icon,
.page-web.type-BS .toast.download-info .app-box .app-group .downloadAPP .android-corner-icon,
.page-web.type-CA .toast.download-info .app-box .app-group .downloadAPP .android-corner-icon,
.page-web.WL .toast.download-info .app-box .app-group .downloadAPP .android-corner-icon,
.page-web.EZ .toast.download-info .app-box .app-group .downloadAPP .android-corner-icon {
    left: 6px;
    bottom: -3px
}

.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.type-CA .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.type-CA .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.type-CA .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.type-CA .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.type-CA .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.type-CA .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.type-CA .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.type-CA .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.type-CA .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.type-CA.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.type-CA.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.type-CA .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.type-CA .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,
.page-web.type-CA.show-download {
    padding-top: 15px
}

.page-web.type-R.show-download .tab-nav-group.tab-nav-group-s,
.page-web.type-CA.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,
.page-web.type-CA.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,
.page-web.type-CA.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,
.page-web.type-CA.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,
.page-web.type-CA.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.body-iframe,
.page-web.type-P.show-download.body-iframe {
    padding-top: 0px
}

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

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

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

.POPULAR.device-mobile.show-download .page-sidebar,
.CLASSIC.device-mobile.show-download .page-sidebar {
    padding-top: 68px
}

.POPULAR.device-mobile.show-download .page-sidebar .page-sidebar-Lv1,
.CLASSIC.device-mobile.show-download .page-sidebar .page-sidebar-Lv1 {
    max-height: calc(100dvh - 70px - 10px - 46px - 20px - 68px)
}

.POPULAR.device-mobile .toast.download-info,
.CLASSIC.device-mobile .toast.download-info {
    bottom: auto;
    top: 0
}

.POPULAR:not(.device-PC).show-download .page-wrapper:not(footer .page-wrapper) {
    padding-top: 67px
}

.POPULAR:not(.device-PC).show-download .sub-menu.show {
    top: calc( 148px + 67px)
}

.POPULAR:not(.device-PC).show-download .page-fix-rt {
    top: calc( 165px + 67px)
}

.POPULAR:not(.device-PC).show-download .TOP-menu .TOP-menu_container {
    top: calc( 230px + 67px)
}

.POPULAR:not(.device-PC).show-download .TOP-menu.show .TOP-menu_container {
    top: 50%
}

.POPULAR:not(.device-PC).show-download.show-limit-msg .user-balance-msg {
    top: calc( 40px + 67px)
}

.POPULAR:not(.device-PC).show-download.show-limit-msg .sub-menu.show {
    top: calc( 148px + 67px + 40px)
}

.POPULAR:not(.device-PC).show-download.show-limit-msg .page-fix-rt {
    top: calc( 165px + 67px + 25px) !important
}

.POPULAR:not(.device-PC).show-download.show-limit-msg .TOP-menu .TOP-menu_container {
    top: calc( 230px + 67px + 25px)
}

.POPULAR:not(.device-PC).show-download.show-limit-msg .TOP-menu.show .TOP-menu_container {
    top: 50%
}

.CLASSIC:not(.device-PC).show-download #gameHallDiv {
    padding-top: calc( 158px + 67px)
}

.CLASSIC:not(.device-PC).show-download header {
    top: 67px
}

.CLASSIC:not(.device-PC).show-download .page-fix-rt {
    top: calc( 165px + 67px)
}

.CLASSIC:not(.device-PC).show-download .TOP-menu .TOP-menu_container {
    top: calc( 230px + 67px)
}

.CLASSIC:not(.device-PC).show-download .TOP-menu.show .TOP-menu_container {
    top: 50%
}

.CLASSIC:not(.device-PC).show-download.body-iframe header {
    top: 0
}

.CLASSIC:not(.device-PC).show-download.show-limit-msg .page-fix-rt {
    top: calc( 165px + 67px + 25px) !important
}

.CLASSIC:not(.device-PC).show-download.show-limit-msg .user-balance-msg {
    top: calc( 40px + 67px)
}

.CLASSIC:not(.device-PC).show-download.show-limit-msg .TOP-menu .TOP-menu_container {
    top: calc( 230px + 67px + 25px)
}

.CLASSIC:not(.device-PC).show-download.show-limit-msg .TOP-menu.show .TOP-menu_container {
    top: 50%
}

.CLASSIC:not(.device-PC).show-download.show-limit-msg #gameHallDiv {
    padding-top: calc( 40px + 158px + 67px)
}

.NWC.device-mobile .toast.download-info,
.POPULAR.device-mobile .toast.download-info,
.CLASSIC.device-mobile .toast.download-info {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 4px 20px calc(1px + env(safe-area-inset-bottom));
    background: linear-gradient(90deg, #FDFBFB 0%, #EBEDEE 100%) !important;
    border: 0;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.08);
    border-radius: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none
}

.NWC.device-mobile .toast.download-info .close,
.POPULAR.device-mobile .toast.download-info .close,
.CLASSIC.device-mobile .toast.download-info .close {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #333;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    place-items: center;
    opacity: 1;
    color: #fff
}

.NWC.device-mobile .toast.download-info .app-box,
.POPULAR.device-mobile .toast.download-info .app-box,
.CLASSIC.device-mobile .toast.download-info .app-box {
    grid-template-columns: repeat(3, 1fr)
}

.NWC.device-mobile .toast.download-info .app-box .app-group.BRAND,
.POPULAR.device-mobile .toast.download-info .app-box .app-group.BRAND,
.CLASSIC.device-mobile .toast.download-info .app-box .app-group.BRAND {
    width: auto
}

.NWC.device-mobile .toast.download-info .app-box .app-group.BRAND .downloadAPP,
.POPULAR.device-mobile .toast.download-info .app-box .app-group.BRAND .downloadAPP,
.CLASSIC.device-mobile .toast.download-info .app-box .app-group.BRAND .downloadAPP {
    max-width: 80%;
    margin: 0 auto
}

.NWC.device-mobile .toast.download-info .app-box,
.POPULAR.device-mobile .toast.download-info .app-box,
.CLASSIC.device-mobile .toast.download-info .app-box {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10%;
    align-items: end;
    padding: 0;
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.NWC.device-mobile .toast.download-info .app-box .app-group .tit,
.POPULAR.device-mobile .toast.download-info .app-box .app-group .tit,
.CLASSIC.device-mobile .toast.download-info .app-box .app-group .tit {
    display: none
}

.NWC.device-mobile .toast.download-info.num-2 .app-box,
.POPULAR.device-mobile .toast.download-info.num-2 .app-box,
.CLASSIC.device-mobile .toast.download-info.num-2 .app-box {
    grid-template-columns: repeat(2, minmax(0, auto));
    justify-content: center;
    justify-items: center;
    gap: 15%
}

.NWC.device-mobile .toast.download-info.num-2 .app-box .app-group,
.POPULAR.device-mobile .toast.download-info.num-2 .app-box .app-group,
.CLASSIC.device-mobile .toast.download-info.num-2 .app-box .app-group {
    width: auto
}

.NWC.device-mobile .toast.download-info.num-2 .app-box .app-group .tit,
.POPULAR.device-mobile .toast.download-info.num-2 .app-box .app-group .tit,
.CLASSIC.device-mobile .toast.download-info.num-2 .app-box .app-group .tit {
    display: none
}

.NWC.device-mobile .toast.download-info.num-1 .app-box,
.POPULAR.device-mobile .toast.download-info.num-1 .app-box,
.CLASSIC.device-mobile .toast.download-info.num-1 .app-box {
    grid-template-columns: minmax(0, auto);
    justify-content: center;
    justify-items: center
}

.NWC.device-mobile .toast.download-info.num-1 .app-box .app-group,
.POPULAR.device-mobile .toast.download-info.num-1 .app-box .app-group,
.CLASSIC.device-mobile .toast.download-info.num-1 .app-box .app-group {
    width: auto
}

.NWC.device-mobile .toast.download-info.num-1 .app-box .app-group .tit,
.POPULAR.device-mobile .toast.download-info.num-1 .app-box .app-group .tit,
.CLASSIC.device-mobile .toast.download-info.num-1 .app-box .app-group .tit {
    display: none
}

.NWC.device-mobile .toast.download-info .app-group,
.POPULAR.device-mobile .toast.download-info .app-group,
.CLASSIC.device-mobile .toast.download-info .app-group {
    text-align: center;
    padding: 0
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP,
.POPULAR.device-mobile .toast.download-info .app-group .downloadAPP,
.CLASSIC.device-mobile .toast.download-info .app-group .downloadAPP {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: auto;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #222;
    text-align: center;
    box-shadow: none;
    transition: transform .16s ease;
    padding-bottom: 2px
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP::after,
.POPULAR.device-mobile .toast.download-info .app-group .downloadAPP::after,
.CLASSIC.device-mobile .toast.download-info .app-group .downloadAPP::after {
    display: none
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP img:not(.android-corner-icon),
.POPULAR.device-mobile .toast.download-info .app-group .downloadAPP img:not(.android-corner-icon),
.CLASSIC.device-mobile .toast.download-info .app-group .downloadAPP img:not(.android-corner-icon) {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: block;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08)
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP .txt,
.POPULAR.device-mobile .toast.download-info .app-group .downloadAPP .txt,
.CLASSIC.device-mobile .toast.download-info .app-group .downloadAPP .txt {
    display: block;
    font-size: clamp(9px, 1.6vw, 11px);
    line-height: 1.2;
    color: #222;
    white-space: nowrap;
    letter-spacing: 0
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP .tit,
.POPULAR.device-mobile .toast.download-info .app-group .downloadAPP .tit,
.CLASSIC.device-mobile .toast.download-info .app-group .downloadAPP .tit {
    display: none
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP:active,
.POPULAR.device-mobile .toast.download-info .app-group .downloadAPP:active,
.CLASSIC.device-mobile .toast.download-info .app-group .downloadAPP:active {
    transform: scale(0.985)
}

@media (hover: hover) {
    .NWC.device-mobile .toast.download-info .app-group .downloadAPP:hover,
    .POPULAR.device-mobile .toast.download-info .app-group .downloadAPP:hover,
    .CLASSIC.device-mobile .toast.download-info .app-group .downloadAPP:hover {
        filter: brightness(0.98)
    }
}

.NWC.device-mobile .toast.download-info .app-group.PWA .downloadAPP::before,
.POPULAR.device-mobile .toast.download-info .app-group.PWA .downloadAPP::before,
.CLASSIC.device-mobile .toast.download-info .app-group.PWA .downloadAPP::before {
    content: '';
    position: absolute;
    left: calc(50% - 23px);
    transform: translateX(-50%);
    bottom: 18px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2)
}

.NWC.device-mobile .toast.download-info .app-group.PWA .downloadAPP img,
.POPULAR.device-mobile .toast.download-info .app-group.PWA .downloadAPP img,
.CLASSIC.device-mobile .toast.download-info .app-group.PWA .downloadAPP img {
    outline: 1px solid #FFD400;
    outline-offset: 2px
}

.NWC.device-mobile .toast.download-info .app-group.PWA .downloadAPP .txt,
.POPULAR.device-mobile .toast.download-info .app-group.PWA .downloadAPP .txt,
.CLASSIC.device-mobile .toast.download-info .app-group.PWA .downloadAPP .txt {
    white-space: nowrap
}

.NWC.device-mobile .toast.download-info .app-group.PWA .downloadAPP .tit,
.POPULAR.device-mobile .toast.download-info .app-group.PWA .downloadAPP .tit,
.CLASSIC.device-mobile .toast.download-info .app-group.PWA .downloadAPP .tit {
    display: none
}

.NWC.device-mobile .toast.download-info .app-group.VPN1111 .downloadAPP img,
.POPULAR.device-mobile .toast.download-info .app-group.VPN1111 .downloadAPP img,
.CLASSIC.device-mobile .toast.download-info .app-group.VPN1111 .downloadAPP img {
    width: 46px;
    height: 46px;
    border-radius: 12px
}

.NWC.device-mobile .toast.download-info .app-group.VPN1111 .txt,
.POPULAR.device-mobile .toast.download-info .app-group.VPN1111 .txt,
.CLASSIC.device-mobile .toast.download-info .app-group.VPN1111 .txt {
    white-space: nowrap
}

.NWC.device-mobile .toast.download-info .app-group.VPN1111 .tit,
.POPULAR.device-mobile .toast.download-info .app-group.VPN1111 .tit,
.CLASSIC.device-mobile .toast.download-info .app-group.VPN1111 .tit {
    display: none
}

@media (min-width: 950px) {
    .NWC.device-mobile .toast.download-info .app-group.BRAND.PWA .downloadAPP::before,
    .NWC.device-mobile .toast.download-info .app-group.PWA .downloadAPP::before,
    .POPULAR.device-mobile .toast.download-info .app-group.BRAND.PWA .downloadAPP::before,
    .POPULAR.device-mobile .toast.download-info .app-group.PWA .downloadAPP::before,
    .CLASSIC.device-mobile .toast.download-info .app-group.BRAND.PWA .downloadAPP::before,
    .CLASSIC.device-mobile .toast.download-info .app-group.PWA .downloadAPP::before {
        content: '';
        position: absolute;
        left: calc(50% - 23px);
        transform: translateX(-50%);
        bottom: 18px !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 2px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        transform: translateZ(0)
    }
}

.device-PC.POPULAR.show-download,
.device-PC.CLASSIC.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: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: nones;
    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
}

.NWC.device-mobile .toast.download-info {
    max-height: none;
    bottom: 0dvh;
    bottom: env(safe-area-inset-bottom);
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #BA4646;
    background: linear-gradient(6deg, #360005 .51%, #9c000d 150.07%) !important
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP .txt {
    color: #fff
}

.NWC.device-mobile .toast.download-info .close {
    background: #fff;
    color: #333
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP .txt {
    font-size: clamp(12px, 1.6vw, 11px);
    font-weight: 500
}

.NWC.device-mobile .toast.download-info .app-group .downloadAPP img {
    width: 67px !important;
    height: 49px !important;
    border-radius: 10px !important;
    outline-offset: 0px !important;
    object-fit: cover
}

.NWC.device-PC .toast.download-info {
    background: #770101 !important;
    position: fixed;
    height: fit-content;
    border-radius: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    max-width: none;
    padding: 4px;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: none
}

.NWC.device-PC .toast.download-info .close {
    background: #fff;
    color: #333;
    top: 45%;
    transform: translateY(-50%)
}

.NWC.device-PC .toast.download-info .app-box {
    padding: 0;
    max-width: 500px;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: nowrap
}

.NWC.device-PC .toast.download-info .app-box .downloadAPP {
    border-radius: 4px;
    padding: 0;
    border: 1px solid #C59600;
    background: linear-gradient(93deg, #670000 .98%, #850606 44.26%, #A20B0B 72.79%, #650707 99.9%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25)
}

.NWC.device-PC .toast.download-info .app-box .downloadAPP::after {
    border-color: transparent transparent transparent #ffffff;
    right: 8px
}

.NWC.device-PC .toast.download-info .app-box .downloadAPP .txt {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-align: center
}

.NWC.device-PC .toast.download-info .app-box .downloadAPP img {
    border-radius: 4px 0 0 4px
}

.NWC.device-PC .toast.download-info .app-box .app-group {
    width: 100% !important;
    max-width: 160px;
    padding: 0 !important;
    margin: 0
}

.NWC.device-PC .toast.download-info .app-box .app-group .tit {
    display: none
}

.NWC.device-PC.show-download .toast.download-info {
    opacity: 1;
    pointer-events: auto
}

.downloadAppFooter .login-download-group .downloadAPP.login-tip {
    position: relative
}

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

.downloadAppFooter .login-download-group .downloadAPP.login-tip::before {
    display: none !important
}

.downloadAppFooter .login-download-group .downloadAPP.login-tip .login-msg {
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    font-size: 9px;
    line-height: 1.2;
    white-space: normal;
    text-align: center;
    pointer-events: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    width: max-content;
    max-width: 110px;
    word-break: keep-all;
    overflow-wrap: anywhere
}

.downloadAppFooter .login-download-group .downloadAPP.login-tip .android-corner-icon {
    position: absolute;
    left: calc(50% - 23px);
    transform: translateX(-50%);
    bottom: 18px;
    max-width: 18px;
    max-height: 18px;
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2)
}

.downloadAppFooter .login-download-group .downloadAPP.login-tip.disabled {
    filter: none;
    opacity: 1;
    animation: none
}

.downloadAppFooter .login-download-group .downloadAPP.login-tip.disabled .app-main-icon {
    filter: grayscale(100%);
    opacity: .45
}

.downloadAppFooter .login-download-group .downloadAPP.login-tip.disabled .txt {
    opacity: .45
}

.downloadAppFooter .login-download-group .downloadAPP.login-tip.disabled .login-msg {
    opacity: 1;
    filter: none
}

.downloadAppFooter .login-download-group .downloadAPP.login-tip.disabled .android-corner-icon {
    filter: none;
    opacity: 1
}

.event-game-list .item .show-maintain,
.event-game-list .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-freespins,
.show-maintain .freeSpinTag,
.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 .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-freespins,
.show-blocked .freeSpinTag,
.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 .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-maintain .entrygame-bg,
.show-blocked .game-icon-frame::after,
.show-blocked .img-platform-logo,
.show-blocked img.game-icon,
.show-blocked img,
.show-blocked .entrygame-bg {
    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-maintain .txt-platform-name,
.show-maintain .txt-rtp,
.show-blocked .txt-gameName,
.show-blocked .txt-platform-name,
.show-blocked .txt-rtp {
    color: #909090f1 !important;
    opacity: .5 !important
}

.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 .event-game-list li.show-maintain a::after,
.page-bonus-div .page-bonus-body .event-game-list 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 .event-game-list li.show-blocked::after {
    display: none
}

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

body main .LIVETABLE .swiper-table .swiper-slide div {
    position: relative
}

body main .LIVETABLE .swiper-table .swiper-slide div.show-maintain,
body main .LIVETABLE .swiper-table .swiper-slide 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
}

.WL .show-maintain .ul-gameIcon-box::after,
.WL .show-maintain .swiper-carousel-animate-opacity::after,
.WL .show-blocked .ul-gameIcon-box::after,
.WL .show-blocked .swiper-carousel-animate-opacity::after {
    font-size: 30px !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: 40px !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 {
    opacity: 0
}

.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 .ul-gameIcon-txt,
.EZ .section-FREESPIN .FREESPIN-box.show-maintain .countdown {
    opacity: 0.2
}

.EZ .section-FREESPIN .FREESPIN-box.show-blocked::after,
.EZ .section-FREESPIN .FREESPIN-box.show-maintain::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%) !important;
    margin: 0 auto;
    font-family: 'icomoon' !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
}

.EZ .section-FREESPIN .FREESPIN-box.show-blocked::after {
    content: '\e97f' !important
}

.EZ .section-FREESPIN .FREESPIN-box.show-maintain::after {
    content: '\e9b2' !important
}

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

.raceWin-box .box.show-maintain .is-received .received-box,
.raceWin-box .box.show-maintain .is-received .link-received,
.raceWin-box .box.show-blocked .is-received .received-box,
.raceWin-box .box.show-blocked .is-received .link-received {
    filter: grayscale(30%) brightness(30%) !important
}

.raceWin-box .box.show-maintain .game-box,
.raceWin-box .box.show-maintain .race-card-img,
.raceWin-box .box.show-blocked .game-box,
.raceWin-box .box.show-blocked .race-card-img {
    cursor: default !important;
    position: relative
}

.raceWin-box .box.show-maintain .game-box .icon.icon-info,
.raceWin-box .box.show-maintain .race-card-img .icon.icon-info,
.raceWin-box .box.show-blocked .game-box .icon.icon-info,
.raceWin-box .box.show-blocked .race-card-img .icon.icon-info {
    display: block;
    z-index: 102
}

.raceWin-box .box.show-maintain .game-box::before,
.raceWin-box .box.show-maintain .race-card-img::before,
.raceWin-box .box.show-blocked .game-box::before,
.raceWin-box .box.show-blocked .race-card-img::before {
    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';
    content: '\e9b2';
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 36px;
    font-weight: 400;
    color: #909090f1;
    z-index: 101;
    animation: none;
    height: auto;
    width: auto
}

.raceWin-box .box.show-blocked .game-box::before,
.raceWin-box .box.show-blocked .race-card-img::before {
    content: '\e97f' !important
}

.modal-box.modal-raceWin.show-maintain .modal-game-box,
.modal-box.modal-raceWin.show-blocked .modal-game-box {
    cursor: default !important
}

.modal-box.modal-raceWin.show-maintain .modal-game-box::after,
.modal-box.modal-raceWin.show-blocked .modal-game-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';
    content: '\e9b2';
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 36px;
    font-weight: 400;
    color: #909090f1;
    z-index: 101;
    animation: none;
    height: auto;
    width: auto
}

.modal-box.modal-raceWin.show-maintain .modal-footer .btn-play,
.modal-box.modal-raceWin.show-blocked .modal-footer .btn-play {
    cursor: default !important;
    background: #909090f1
}

.modal-box.modal-raceWin.show-blocked .modal-game-box::after {
    content: '\e97f' !important
}

body.POPULAR,
body.CLASSIC,
body.type-R,
body.type-W,
body.type-L,
body.type-P,
body.type-BS,
body.WL,
body.EZ,
body.loading {
    background: linear-gradient(#0c151d, #142b3f)
}

body.loading {
    background-position: center !important;
    background-size: cover !important;
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center
}

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

body.RUBY88,
body.CROYALE88,
body.LUCKYWORLD {
    background: linear-gradient(#AD0101, #3A0101)
}

body.PLAYPLUS {
    background: linear-gradient(135deg, #090b28, #6c144b)
}

body.AZACASINO {
    background: linear-gradient(135deg, #001a99, #6c144b)
}

body.AGD88 {
    background: linear-gradient(135deg, #193f80, #2d1a4b)
}

body.MJ7 {
    background: linear-gradient(135deg, #e0d1e0, #5a70e1)
}

body.LAUNG8 {
    background: linear-gradient(135deg, #fefefe, #bae3f7)
}

body.VIPX {
    background: linear-gradient(135deg, #049571, #111, #5445a1)
}

body.GOTT7,
body.WINBDT,
body.MCW,
body.NUEBE,
body.FC,
body.PITO777,
body.APEX,
body.SWERTE2PLAY,
body.TMT,
body.TMTVIP,
body.TMTVIPCASH,
body.SANOOK,
body.EXTREME88,
body.EXTREMETMT,
body.EXTREMECASH,
body.MAXWIN,
body.MAXWINPH,
body.IBET369-88,
body.ESCALA,
body.TIGERS,
body.NEXTGEN88,
body.MDRPLAY,
body.MAX888,
body.G2G77,
body.LUKA,
body.LABET,
body.KUBER7,
body.QUADRACASH,
body.QUADRA88 {
    background: #000
}

body.SCATTER365,
body.MGK88,
body.GOLDENVAULT,
body.MAHARLIKA,
body.DEMOBS,
body.DEMOW,
body.BADSHA,
body.CROWNGAMING,
body.MWCASH,
body.BETSTAR77,
body.BUENASB {
    background: #222
}

body.DYNASTY888 {
    background: #bbbbbb
}

body.PUMUBET,
body.D2DBET,
body.BET4X4,
body.PS24,
body.CASINOCAROUSEL88,
body.M7SPIN,
body.DEMOL,
body.DEMOEZ,
body.OKPLUS {
    background: #fefefe
}

body.MWGAMING {
    background: #fef4e0
}

body.DEMOWL {
    background: #0C1919
}

body.WILDBET88 {
    background: #15322b
}

body.M9,
body.M9888,
body.M9-MY,
body.INFINITY88BET,
body.GGAME888 {
    background: #15350e
}

body.HOUSELUCKCASH {
    background: #084f09
}

body.DEMOR,
body.NEXUS,
body.SWABEGAMING,
body.TELE789 {
    background: #312726
}

body.SOG,
body.COW88 {
    background: #0c0722
}

body.MWCASH {
    background: #09122f
}

body.PHPLAY {
    background: #03162c
}

body.GC88,
body.RGWIN777,
body.KINGROME168 {
    background: #1c2335
}

body.DEMOP,
body.ATLANTIS88 {
    background: #0b1a49
}

body.HOUSEOFLUCK {
    background: #001561
}

body.PGSWIN,
body.JUAN789 {
    background: #228ECD
}

body.KING88,
body.MWVIP {
    background: #13054f
}

body.ICFLIVE {
    background: #100b2d
}

body.DEMOPOPULAR,
body.VELOCE,
body.INF988 {
    background: #28033a
}

body.FAFA {
    background: #381236
}

body.IRONMAN1688 {
    background: #350404
}

body.MWCASHPLUS {
    background: #6d1442
}

body.SEXYBACCARAT {
    background: #b10833
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.loading-dots {
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.loading-dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(145deg, #fff, #cfcfcf);
    opacity: 0.6;
    animation: dotPulse 1.4s infinite ease-in-out
}

.loading-dots span:nth-child(1) {
    animation-delay: 0s
}

.loading-dots span:nth-child(2) {
    animation-delay: 0.2s
}

.loading-dots span:nth-child(3) {
    animation-delay: 0.4s
}

@keyframes dotPulse {
    0%,
    80%,
    100% {
        transform: scale(0.6);
        opacity: 0.4
    }
    40% {
        transform: scale(1);
        opacity: 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: 60px;
        margin: 0 5px;
        height: 40px;
        object-fit: cover;
        border-radius: 7px;
    }

.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.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: 45px;
    object-fit: cover;
    border-radius: 10px;
}

.footer-brand-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 32px auto 24px;
    gap: 28px;
    position: relative
}

.footer-brand {
    width: 100%
}

.footer-brand img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain
}

.footer-brand--methods {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px 36px
}

.footer-brand--methods img {
    width: auto;
    max-height: 30px
}

.footer-brand--license {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 16px
}

.footer-brand--license .btn-img {
    flex: 0 0 auto
}

.footer-brand--license img {
    width: auto;
    max-height: 30px;
    max-width: 100%;
    object-fit: contain
}

@media (max-width: 767px) {
    .footer-brand-group {
        margin: 28px auto 22px;
        padding: 0 20px;
        gap: 22px
    }
    .footer-brand--methods {
        gap: 18px 20px
    }
    .footer-brand--methods img {
        max-height: 30px
    }
    .footer-brand--license {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px
    }
    .footer-brand--license .btn-img {
        width: calc((100% - 32px) / 3);
        display: flex;
        justify-content: center;
        align-items: center
    }
    .footer-brand--license img {
        width: auto;
        max-width: 100%;
        max-height: 30px
    }
}

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-box.modal-brandInfo {
    height: 100% !important;
    z-index: 2147483643
}

.modal-box.modal-brandInfo .modal-main {
    max-height: none
}

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

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

.modal-box.modal-brandInfo .modal-top .close {
    padding: 0;
    opacity: 1;
    border-radius: 50px;
    width: 34px;
    height: 34px;
    font-size: 30px;
    margin: 0;
    background: #00000045
}

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

.modal-box.modal-brandInfo .modal-top .close i::before {
    color: #fff
}

.modal-box.modal-brandInfo .modal-footer .btn {
    border-radius: 10px !important;
    font-size: 110% !important;
    border: none !important;
    padding: 0 !important;
    background: linear-gradient(0deg, #e3c271, #c6953e) !important
}

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

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

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .modal-box.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
}

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

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

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

.NWC .checkInBtn {
    z-index: 798;
    position: fixed
}

.NWC .checkInBtn .dot {
    width: 18px;
    height: 18px;
    bottom: 10px;
    background: url(https://img.mpsimg.com/theme/images/src-gamehall/layout/NWC/dot.webp) 50%/contain no-repeat
}

@media (max-width: 1024px) {
    .NWC .checkInBtn {
        width: 55px;
        height: 55px;
        top: calc( 85px + 115px);
        right: 5px
    }
}

@media (min-width: 1025px) {
    .NWC .checkInBtn {
        width: 65px;
        height: 65px;
        top: calc( 85px + 115px + 30px);
        right: 5px
    }
}

.WL .checkInBtn,
.EZ .checkInBtn {
    z-index: 102;
    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;
    z-index: 240;
    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 {
    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
}

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

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

.img-effect {
    pointer-events: none
}

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

.img-effect .eff::before,
.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%)
}

.img-effect .eff::after {
    width: 20px;
    transform: translate(-50%, -50%) rotate(80deg)
}

.img-effect .eff.eff1 {
    left: 38px;
    top: 48px;
    width: 14px
}

.img-effect .eff.eff1::before,
.img-effect .eff.eff1::after {
    width: 32px
}

.img-effect .eff.eff2 {
    left: 158px;
    top: 73px;
    width: 16px;
    animation-delay: .7s
}

.img-effect .eff.eff2::before,
.img-effect .eff.eff2::after {
    width: 42px
}

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

@font-face {
    font-family: 'icomoon-direct-casino';
    src: url("icomoon-direct-casino/fonts/icomoon-direct-casino.woff2?20260130ellen") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.direct-casino-ez-box {
    position: relative;
    z-index: 2;
    width: 100%;
    background-image: linear-gradient(#E0C285, #D6AD5C);
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.3) inset
}

@media (max-width: 1024px) {
    .direct-casino-ez-box {
        aspect-ratio: 4/3;
        padding: 3px;
        border-radius: 18px 18px 28px 28px
    }
}

@media (min-width: 1025px) {
    .direct-casino-ez-box {
        aspect-ratio: 16/9;
        padding: 3px;
        border-radius: 20px 20px 48px 48px
    }
}

.direct-casino-ez-box .wrapper-mps,
.direct-casino-ez-box .wrapper-direct-casino-ez {
    position: absolute
}

@media (max-width: 1024px) {
    .direct-casino-ez-box .wrapper-mps,
    .direct-casino-ez-box .wrapper-direct-casino-ez {
        top: 3px;
        left: 3px;
        width: calc( 100% - (3px * 2));
        height: calc( 100% - (3px * 2));
        border-radius: 15px 15px 25px 25px
    }
}

@media (min-width: 1025px) {
    .direct-casino-ez-box .wrapper-mps,
    .direct-casino-ez-box .wrapper-direct-casino-ez {
        top: 3px;
        left: 3px;
        width: calc( 100% - (3px * 2));
        height: calc( 100% - (3px * 2));
        border-radius: 18px 18px 45px 45px
    }
}

@media (max-width: 1024px) {
    .direct-casino-ez-box .wrapper-mps .video-container,
    .direct-casino-ez-box .wrapper-direct-casino-ez {
        border-radius: 15px 15px 25px 25px
    }
}

@media (min-width: 1025px) {
    .direct-casino-ez-box .wrapper-mps .video-container,
    .direct-casino-ez-box .wrapper-direct-casino-ez {
        border-radius: 18px 18px 45px 45px
    }
}

.direct-casino-ez-box .wrapper-mps {
    pointer-events: none
}

.direct-casino-ez-box .wrapper-mps::after,
.direct-casino-ez-box .wrapper-mps .btn-play,
.direct-casino-ez-box .wrapper-mps .game-preview-bac {
    display: none
}

.direct-casino-ez-box .wrapper-mps .btn-cf {
    pointer-events: auto;
    opacity: 1
}

.direct-casino-ez-box.notReady .wrapper-mps {
    pointer-events: auto
}

.direct-casino-ez-box.notReady::after,
.direct-casino-ez-box.notReady .btn-play,
.direct-casino-ez-box.notReady .game-preview-bac {
    display: block
}

.direct-casino-ez-box.notReady .btn-play {
    pointer-events: auto
}

.direct-casino-ez-box.notReady .btn-cf {
    pointer-events: none;
    opacity: 0
}

@media (max-width: 1024px) {
    .direct-casino-ez-box.notReady {
        aspect-ratio: 2/1
    }
}

@media (min-width: 1025px) {
    .direct-casino-ez-box.notReady {
        aspect-ratio: 2.3/1
    }
}

.direct-casino-ez-box.modalOpen .wrapper-mps .btn-cf {
    display: none
}

.direct-casino-ez-box .wrapper-mps {
    z-index: 15
}

.direct-casino-ez-box .wrapper-mps .video-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.direct-casino-ez-box .wrapper-mps::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url("https://img.svcasino.art/images/casino-common/curve-top.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

@media (max-width: 1024px) {
    .direct-casino-ez-box .wrapper-mps::after {
        background-position: center bottom
    }
}

@media (min-width: 1025px) {
    .direct-casino-ez-box .wrapper-mps::after {
        background-position: center 107%
    }
}

.direct-casino-ez-box .wrapper-mps .game-preview-bac {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none
}

@media (max-width: 1024px) {
    .direct-casino-ez-box .wrapper-mps .game-preview-bac {
        width: auto;
        height: 120%;
        top: -5%
    }
}

@media (min-width: 1025px) {
    .direct-casino-ez-box .wrapper-mps .game-preview-bac {
        width: 100%;
        height: auto;
        top: -12%
    }
}

.direct-casino-ez-box .wrapper-mps .btn-play {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: auto;
    width: auto;
    aspect-ratio: unset;
    background: linear-gradient(180deg, #F4EDD7 0%, #D9BF8C 48%, #ca6 52%, #D3B479 100%);
    box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.9);
    border-radius: 100px;
    transform: translateX(-50%) scale(1);
    box-shadow: 0 0 1px 5px rgba(244, 237, 215, 0.3), 0 0 5px #fff inset;
    bottom: 5%;
    transition: .3s
}

.direct-casino-ez-box .wrapper-mps .btn-play:hover {
    box-shadow: 0 0 10px 5px #F4EDD7, 0 0 5px #fff inset;
    transform: translateX(-50%) scale(1.1)
}

.direct-casino-ez-box .wrapper-mps .btn-play span {
    position: relative;
    color: rgba(70, 65, 57, 0.8);
    font-weight: 800;
    text-transform: uppercase;
    font-family: Open Sans Bold, Arial, Helvetica, Roboto, sans-serif
}

@media (max-width: 1024px) {
    .direct-casino-ez-box .wrapper-mps .btn-play span {
        font-size: 1rem;
        padding: 0.3rem 1.2rem
    }
}

@media (min-width: 1025px) {
    .direct-casino-ez-box .wrapper-mps .btn-play span {
        font-size: 1.5rem;
        padding: 0.6rem 2.5rem
    }
}

.direct-casino-ez-box .wrapper-mps .btn-cf {
    position: absolute;
    text-align: center;
    width: fit-content;
    height: fit-content;
    padding: 5px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 1px 0.5px rgba(255, 255, 255, 0.5), inset 0 -1px 0.5px rgba(255, 255, 255, 0.2);
    transition: opacity .3s 1s, filter .3s;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.direct-casino-ez-box .wrapper-mps .btn-cf img {
    width: 2rem;
    height: 2rem
}

@media (max-width: 1023px) {
    .direct-casino-ez-box .wrapper-mps .btn-cf {
        top: 2vw;
        right: 2vw
    }
}

@media (min-width: 1024px) {
    .direct-casino-ez-box .wrapper-mps .btn-cf {
        top: 1vh;
        right: 1vh
    }
    .direct-casino-ez-box .wrapper-mps .btn-cf:hover {
        filter: brightness(1.2)
    }
}

@media (max-width: 1024px) {
    .POPULAR .direct-casino-ez-box {
        margin: 10px 0;
        max-width: 100%
    }
}

@media (max-width: 1024px) {
    .NWC .direct-casino-ez-box {
        margin: 10px auto;
        max-width: 96%
    }
}

@media (max-width: 1024px) {
    .CLASSIC .direct-casino-ez-box {
        margin: 10px;
        max-width: calc( 100% - 20px)
    }
}

@media (max-width: 1024px) {
    .type-R .direct-casino-ez-box,
    .type-L .direct-casino-ez-box,
    .type-P .direct-casino-ez-box {
        margin: 10px 5px;
        max-width: calc( 100% - 10px)
    }
}

@media (max-width: 1024px) {
    .type-W .direct-casino-ez-box {
        margin: 10px 0;
        max-width: 100%
    }
}

@media (max-width: 1024px) {
    .type-BS .direct-casino-ez-box {
        margin: 10px 0;
        max-width: 100%
    }
}

@media (max-width: 1024px) {
    .WL .direct-casino-ez-box {
        margin: 10px 0;
        max-width: 100%
    }
}

@media (max-width: 1024px) {
    .EZ .direct-casino-ez-box {
        margin: 10px;
        max-width: calc( 100% - 20px)
    }
}

.device-PC .direct-casino-ez-box {
    max-width: 800px;
    margin: 10px auto 15px;
    z-index: 15;
    border-radius: 20px 20px 48px 48px
}

wrapper-direct-casino-ez::part(direct-casino-ez-title) {
    color: #000
}

.form-input {
    position: relative;
    width: 100%
}

.form-group .form-control:-webkit-autofill,
.form-group .form-control:-webkit-autofill:hover,
.form-group .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    box-shadow: 0 0 0px 1000px transparent inset;
    background-color: inherit !important;
    caret-color: inherit
}

.form-control-btn {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: 25px;
    width: 25px
}

.form-control-btn i {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    background: transparent;
    line-height: normal;
    color: #000;
    font-weight: normal;
    font-size: 18px;
    position: relative
}

.form-control-btn i.icon-eye-opened::before,
.form-control-btn i.icon-eye-closed::before {
    display: block
}

.form-control-btn i.icon-checked {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #afafaf;
    box-sizing: border-box;
    position: relative;
    transition: all .4s
}

.form-control-btn i.icon-checked::before {
    color: #fff;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.form-control-btn i.icon-checked:hover {
    border-color: #757575;
    background-color: #dcdcdc;
    box-shadow: 0 0 5px #bdbdbd
}

.form-control-btn i.icon-checked.active {
    background-color: #212121;
    border-color: #212121
}

.form-control-btn i.icon-checked.active::before {
    display: block
}

.form-control-btn .txt-tooltip {
    position: absolute;
    left: 25%;
    bottom: 28px;
    transform: translateX(-50%);
    display: inline-block;
    background-color: rgba(57, 56, 56, 0.858824);
    color: #fff;
    padding: 6px 8px;
    opacity: .8;
    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
}

.form-control-btn .txt-tooltip::before {
    content: '';
    position: absolute;
    left: 56%;
    bottom: -6px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: rgba(57, 56, 56, 0.858824) transparent transparent transparent
}

.page-web.agent-login .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip {
    position: absolute;
    left: auto;
    bottom: 38px;
    transform: translateX(-50%);
    display: inline-block;
    background-color: #222;
    color: #fff;
    padding: 6px 8px;
    opacity: .8;
    border-radius: 5px;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
    min-width: 90px;
    min-height: 20px;
    text-align: center;
    pointer-events: none;
    transition: opacity 1s ease-in-out;
    right: -8px;
    left: auto;
    transform: none;
    white-space: nowrap;
    max-width: none;
    box-shadow: 0 0 3px #ffffff59
}

.page-web.agent-login .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip::before {
    display: none
}

.page-web.agent-login .page-wrapper .login-box .form-group .form-control-btn i {
    line-height: normal;
    background: transparent;
    color: #000;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 25px;
    font-weight: bold
}

.page-web.agent-login .page-wrapper .login-box .form-group .form-control-btn i.icon-checked {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #afafaf;
    box-sizing: border-box;
    position: relative;
    transition: all .4s;
    font-size: 2rem;
    font-weight: 600
}

.page-web.agent-login .page-wrapper .login-box .form-group .form-control-btn i.icon-checked::before {
    color: #fff;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.page-web.agent-login .page-wrapper .login-box .form-group .form-control-btn i.icon-checked:hover {
    border-color: #757575;
    background-color: #dcdcdc;
    box-shadow: 0 0 5px #bdbdbd
}

.page-web.agent-login .page-wrapper .login-box .form-group .form-control-btn i.icon-checked.active {
    background-color: #212121;
    border-color: #212121
}

.page-web.agent-login .page-wrapper .login-box .form-group .form-control-btn i.icon-checked.active::before {
    display: block
}

.page-web.agent-login.KINGDOM .page-wrapper .login-box .form-group .form-control-btn i,
.page-web.agent-login.SV388 .page-wrapper .login-box .form-group .form-control-btn i,
.page-web.agent-login.SVID388 .page-wrapper .login-box .form-group .form-control-btn i,
.page-web.agent-login.SEXYBACCARAT .page-wrapper .login-box .form-group .form-control-btn i,
.page-web.agent-login.VSPORTS .page-wrapper .login-box .form-group .form-control-btn i {
    color: #fff;
    background-color: transparent
}

.page-web.agent-login.KINGDOM .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip,
.page-web.agent-login.SV388 .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip,
.page-web.agent-login.SVID388 .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip,
.page-web.agent-login.SEXYBACCARAT .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip,
.page-web.agent-login.VSPORTS .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip {
    position: absolute;
    left: auto;
    bottom: 38px;
    transform: translateX(-50%);
    display: inline-block;
    background-color: #fff;
    color: #fff;
    padding: 6px 8px;
    opacity: .8;
    border-radius: 5px;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle;
    min-width: 90px;
    min-height: 20px;
    text-align: center;
    pointer-events: none;
    transition: opacity 1s ease-in-out;
    right: -8px;
    left: auto;
    transform: none;
    color: #333
}

.page-web.agent-login.KINGDOM .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip::before,
.page-web.agent-login.SV388 .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip::before,
.page-web.agent-login.SVID388 .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip::before,
.page-web.agent-login.SEXYBACCARAT .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip::before,
.page-web.agent-login.VSPORTS .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip::before {
    display: none
}

.modal-layout .form-group .form-control-btn i.icon-checked,
.modal-layout .form-group .form-control-btn i {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #afafaf;
    box-sizing: border-box;
    position: relative;
    transition: all .4s;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: inset 0 0 0 1.2px #0000003e;
    border: none
}

.modal-layout .form-group .form-control-btn i.icon-checked::before,
.modal-layout .form-group .form-control-btn i::before {
    color: #fff;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.modal-layout .form-group .form-control-btn i.icon-checked.active,
.modal-layout .form-group .form-control-btn i.active {
    background-color: #212121;
    border-color: #212121
}

.modal-layout .form-group .form-control-btn i.icon-checked.active::before,
.modal-layout .form-group .form-control-btn i.active::before {
    display: block
}

.modal-layout .form-group .form-control-btn i.icon-checked::before,
.modal-layout .form-group .form-control-btn i::before {
    color: #000
}

.modal-layout .form-group .form-control-btn i.icon-checked.active,
.modal-layout .form-group .form-control-btn i.active {
    background-color: transparent
}

.modal-layout .form-group .form-control-btn i.icon-eye-opened::before,
.modal-layout .form-group .form-control-btn i.icon-eye-closed::before {
    display: block
}

.TMT:not(.agent-login) .form-group .form-control-btn i.icon-checked,
.TMT:not(.agent-login) .form-group .form-control-btn i,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-checked,
.NEXUS:not(.agent-login) .form-group .form-control-btn i {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #afafaf;
    box-sizing: border-box;
    position: relative;
    transition: all .4s;
    background-color: transparent;
    box-shadow: inset 0 0 0 1.2px #0000003e;
    border: none
}

.TMT:not(.agent-login) .form-group .form-control-btn i.icon-checked::before,
.TMT:not(.agent-login) .form-group .form-control-btn i::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-checked::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i::before {
    color: #fff;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.TMT:not(.agent-login) .form-group .form-control-btn i.icon-checked.active,
.TMT:not(.agent-login) .form-group .form-control-btn i.active,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-checked.active,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.active {
    background-color: #212121;
    border-color: #212121
}

.TMT:not(.agent-login) .form-group .form-control-btn i.icon-checked.active::before,
.TMT:not(.agent-login) .form-group .form-control-btn i.active::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-checked.active::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.active::before {
    display: block
}

.TMT:not(.agent-login) .form-group .form-control-btn i.icon-checked::before,
.TMT:not(.agent-login) .form-group .form-control-btn i::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-checked::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i::before {
    color: #fff
}

.TMT:not(.agent-login) .form-group .form-control-btn i.icon-eye-opened,
.TMT:not(.agent-login) .form-group .form-control-btn i.icon-eye-closed,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-eye-opened,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-eye-closed {
    background-color: #212121;
    border-color: #212121
}

.TMT:not(.agent-login) .form-group .form-control-btn i.icon-eye-opened::before,
.TMT:not(.agent-login) .form-group .form-control-btn i.icon-eye-closed::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-eye-opened::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-eye-closed::before {
    display: block
}

.TMT:not(.agent-login) .form-group .form-control-btn i.icon-eye-opened::before,
.TMT:not(.agent-login) .form-group .form-control-btn i.icon-eye-closed::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-eye-opened::before,
.NEXUS:not(.agent-login) .form-group .form-control-btn i.icon-eye-closed::before {
    display: block
}

.page-web.register-page.NWC .form-control-btn i::before,
.accountSetup.NWC .form-control-btn i::before {
    color: #fff
}

.modal-box .modal-layout .form-group .form-control-btn {
    width: 30px;
    height: 30px
}

.modal-box .modal-layout .form-group .form-control-btn i {
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.388235);
    box-shadow: inset 0 0 0 1.2px #ffffff38;
    font-size: 24px
}

.modal-box .modal-layout .form-group .form-control-btn i::before {
    color: #fff
}

.modal-box .modal-layout .form-group .form-control-btn i.icon-checked.active {
    background-color: rgba(0, 0, 0, 0.388235)
}

.NWC .modal-box .modal-main .modal-layout .form-group .form-control-btn i {
    box-shadow: none;
    font-size: 18px
}

.no_vcode .form-control-btn i {
    color: #ffdf00
}

.no_vcode .form-control-btn i.icon-checked {
    border: 1px solid #756b54;
    background: #000;
    width: 15px;
    height: 15px;
    border-radius: 3px
}

.no_vcode .form-control-btn i.icon-checked:hover {
    border: 1px solid #756b54;
    background: #000;
    box-shadow: none
}

.no_vcode .form-control-btn i.icon-checked::before {
    color: #d8a411
}

.no_vcode .form-control-btn .txt-tooltip {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    background: transparent;
    color: #FFDBA0;
    font-size: 14px
}

.no_vcode .form-login ul>li.remember .form-control-btn {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: fit-content
}

.page-banking .form-group .form-control-btn i {
    font-size: 16px
}

.page-banking .form-group .form-control-btn i:hover {
    background: #f1f1f1;
    border-radius: 3px
}

.modal-enterPIN .modal-layout .form-group .form-control-btn i,
.modal-forgotPIN .modal-layout .form-group .form-control-btn i {
    font-size: 16px;
    background-color: transparent
}

.modal-enterPIN .modal-layout .form-group .form-control-btn i::before,
.modal-forgotPIN .modal-layout .form-group .form-control-btn i::before {
    color: #000
}

.modal-enterPIN .modal-layout .form-group .form-control-btn i:hover,
.modal-forgotPIN .modal-layout .form-group .form-control-btn i:hover {
    background: #f1f1f1;
    border-radius: 3px
}

.page-web.agent-login.WOS .page-wrapper .login-box .form-group .form-control-btn i {
    font-size: 25px
}

.page-web.agent-login.WOS .page-wrapper .login-box .form-group .form-control-btn i.icon-checked {
    background: none;
    border: 2px solid #afafaf;
    font-size: 2rem;
    font-weight: 600
}

.page-web.agent-login.WOS .page-wrapper .login-box .form-group .form-control-btn i.icon-checked:hover {
    box-shadow: 0 0 5px #bdbdbd;
    transition: all .4s;
    border-color: #757575
}

.page-web.agent-login.WOS .page-wrapper .login-box .form-group .form-control-btn i.icon-checked.active {
    background: #212121;
    box-shadow: 0 0 5px #bdbdbd;
    border-color: #212121
}

.page-web.agent-login.WOS .page-wrapper .login-box .form-group .form-control-btn i::before {
    color: #fff
}

.page-web.agent-login.WOS .page-wrapper .login-box .form-group .form-control-btn .txt-tooltip {
    background: #fff;
    color: #333;
    box-shadow: 0 0 3px #ffffff59;
    border-radius: 5px
}

.POPULAR.device-PC #exclusiveGame .ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.CLASSIC.device-PC #exclusiveGame .ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    display: none
}

.POPULAR.device-PC #modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList,
.POPULAR.device-PC #modal-EXCLUSIVE ul.ul-gameList,
.POPULAR.device-PC .modal-box.modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList,
.POPULAR.device-PC .modal-box.modal-EXCLUSIVE ul.ul-gameList,
.POPULAR.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE .section-ul.game-list-ul.ul-gameList,
.POPULAR.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList,
.CLASSIC.device-PC #modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList,
.CLASSIC.device-PC #modal-EXCLUSIVE ul.ul-gameList,
.CLASSIC.device-PC .modal-box.modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList,
.CLASSIC.device-PC .modal-box.modal-EXCLUSIVE ul.ul-gameList,
.CLASSIC.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE .section-ul.game-list-ul.ul-gameList,
.CLASSIC.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList {
    grid-template-columns: repeat(2, 50%) !important
}

.POPULAR.device-PC #modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box,
.POPULAR.device-PC #modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box,
.POPULAR.device-PC .modal-box.modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box,
.POPULAR.device-PC .modal-box.modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box,
.POPULAR.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box,
.POPULAR.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-box,
.CLASSIC.device-PC #modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box,
.CLASSIC.device-PC #modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box,
.CLASSIC.device-PC .modal-box.modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box,
.CLASSIC.device-PC .modal-box.modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box,
.CLASSIC.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box,
.CLASSIC.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-box {
    aspect-ratio: 2 / 1.4 !important
}

.POPULAR.device-PC #modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.POPULAR.device-PC #modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.POPULAR.device-PC .modal-box.modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.POPULAR.device-PC .modal-box.modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.POPULAR.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.POPULAR.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.CLASSIC.device-PC #modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.CLASSIC.device-PC #modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.CLASSIC.device-PC .modal-box.modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.CLASSIC.device-PC .modal-box.modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.CLASSIC.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box img.game-icon,
.CLASSIC.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-box img.game-icon {
    aspect-ratio: 2 / 1.4 !important
}

.POPULAR.device-PC #modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.POPULAR.device-PC #modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.POPULAR.device-PC .modal-box.modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.POPULAR.device-PC .modal-box.modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.POPULAR.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.POPULAR.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.CLASSIC.device-PC #modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.CLASSIC.device-PC #modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.CLASSIC.device-PC .modal-box.modal-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.CLASSIC.device-PC .modal-box.modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.CLASSIC.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.CLASSIC.device-PC .modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    display: none
}

.modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList {
    grid-template-columns: repeat(2, 50%) !important
}

.modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-box {
    aspect-ratio: 2 / 1.4 !important
}

.modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-box img.game-icon {
    aspect-ratio: 2 / 1.4 !important
}

.modal-iframe .page-wrapper .main-content .section-ul.WIDE ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    display: none
}

.POPULAR.page-web .page-wrapper .main-content.HOME .section-EXCLUSIVE ul li .ul-gameIcon-txt .txt-platform-name,
.NWC.page-web .page-wrapper .main-content.HOME .section-EXCLUSIVE ul li .ul-gameIcon-txt .txt-platform-name {
    display: none !important
}

.CLASSIC .exclusive_game ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    display: none
}

.page-web.type-BS .modal-box#modal-EXCLUSIVE .modal-gamelist .section-ul.game-list-ul li:first-child {
    max-height: 175px
}

.page-web.type-BS .modal-box#modal-EXCLUSIVE .modal-gamelist .section-ul.game-list-ul li:first-child .show-jackpot {
    left: 30px !important
}

.page-web.type-BS .modal-box#modal-EXCLUSIVE .modal-gamelist .section-ul.game-list-ul li .ul-gameIcon-txt .txt-platform-name {
    display: none !important
}

.page-web.type-BS .tab-content.HOME .section-box.section-EXCLUSIVE ul.section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    display: none !important
}

.type-R .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul,
.type-L .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul,
.type-P .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul {
    grid-template-columns: repeat(2, 47%) !important
}

.type-R .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul .ul-gameIcon-box,
.type-L .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul .ul-gameIcon-box,
.type-P .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul .ul-gameIcon-box {
    aspect-ratio: 2 / 1.4 !important
}

.type-R .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul .ul-gameIcon-box img.game-icon,
.type-L .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul .ul-gameIcon-box img.game-icon,
.type-P .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul .ul-gameIcon-box img.game-icon {
    aspect-ratio: 2 / 1.4 !important
}

.type-R.device-PC .page-wrapper .page-content .main-vert-tab .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul,
.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul,
.type-P.device-PC .page-wrapper .page-content .main-vert-tab .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul {
    grid-template-columns: repeat(6, 14%) !important
}

body.page-web.type-W .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul .ul-gameIcon-box {
    aspect-ratio: 2 / 1.4 !important
}

body.page-web.type-W .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul .ul-gameIcon-box img.game-icon {
    aspect-ratio: 2 / 1.4 !important
}

body.page-web.type-W.device-PC .page-wrapper .page-content .main-vert-tab .tab-content.EXCLUSIVE .ul-gameList.section-ul.game-list-ul {
    grid-template-columns: repeat(6, 15.6%) !important
}

.EZ .modal-box.modal-EXCLUSIVE ul.ul-gameList {
    grid-template-columns: repeat(2, 49%) !important
}

.EZ .modal-box.modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-box img.game-icon {
    aspect-ratio: 2 / 1.4
}

.EZ .modal-box.modal-EXCLUSIVE ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    display: none !important
}

.EZ .section-box.section-EXCLUSIVE .game-list-ul .ul-gameIcon-txt .txt-platform-name {
    display: none !important
}

.POPULAR.G2G77 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.POPULAR.G2G77 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.POPULAR.LUCKYWORLD .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.POPULAR.LUCKYWORLD .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.NWC.G2G77 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.NWC.G2G77 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.NWC.LUCKYWORLD .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.NWC.LUCKYWORLD .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after {
    width: 25%
}

.POPULAR.G2G77 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.POPULAR.LUCKYWORLD .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.NWC.G2G77 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.NWC.LUCKYWORLD .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img {
    width: 35px
}

.POPULAR.G2G77 .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.POPULAR.LUCKYWORLD .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.G2G77 .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.LUCKYWORLD .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img {
    width: 30px
}

.POPULAR.G2G77 .gameTab-box .swiper-featureTab .EXCLUSIVE img,
.POPULAR.LUCKYWORLD .gameTab-box .swiper-featureTab .EXCLUSIVE img,
.NWC.G2G77 .gameTab-box .swiper-featureTab .EXCLUSIVE img,
.NWC.LUCKYWORLD .gameTab-box .swiper-featureTab .EXCLUSIVE img {
    width: 90%
}

.POPULAR.G2G77.device-PC .item .tab-btn.EXCLUSIVE img,
.POPULAR.LUCKYWORLD.device-PC .item .tab-btn.EXCLUSIVE img,
.NWC.G2G77.device-PC .item .tab-btn.EXCLUSIVE img,
.NWC.LUCKYWORLD.device-PC .item .tab-btn.EXCLUSIVE img {
    width: 90%
}

.POPULAR.AGD88 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.POPULAR.AGD88 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.POPULAR.MWCASHPLUS .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.POPULAR.MWCASHPLUS .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.POPULAR.MWGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.POPULAR.MWGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.POPULAR.NUEBE .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.POPULAR.NUEBE .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.POPULAR.SWABEGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.POPULAR.SWABEGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.NWC.AGD88 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.NWC.AGD88 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.NWC.MWCASHPLUS .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.NWC.MWCASHPLUS .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.NWC.MWGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.NWC.MWGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.NWC.NUEBE .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.NWC.NUEBE .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after,
.NWC.SWABEGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::before,
.NWC.SWABEGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit::after {
    width: 25%
}

.POPULAR.AGD88 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.POPULAR.MWCASHPLUS .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.POPULAR.MWGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.POPULAR.NUEBE .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.POPULAR.SWABEGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.NWC.AGD88 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.NWC.MWCASHPLUS .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.NWC.MWGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.NWC.NUEBE .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img,
.NWC.SWABEGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE .section-tit img {
    width: 60px
}

.POPULAR.AGD88 .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.POPULAR.MWCASHPLUS .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.POPULAR.MWGAMING .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.POPULAR.NUEBE .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.POPULAR.SWABEGAMING .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.AGD88 .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.MWCASHPLUS .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.MWGAMING .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.NUEBE .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.SWABEGAMING .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img {
    width: 60px
}

.POPULAR.MWGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE,
.POPULAR.SWABEGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE,
.POPULAR.G2G77 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE,
.NWC.MWGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE,
.NWC.SWABEGAMING .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE,
.NWC.G2G77 .page-wrapper .main-content.HOME .section-box.section-EXCLUSIVE {
    filter: drop-shadow(0 0 1px #fff)
}

.POPULAR.MWGAMING .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.POPULAR.SWABEGAMING .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.POPULAR.G2G77 .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.MWGAMING .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.SWABEGAMING .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.G2G77 .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img {
    filter: drop-shadow(0 0 1px #fff)
}

.POPULAR.LUCKYWORLD .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.NWC.LUCKYWORLD .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img {
    filter: drop-shadow(0 0 1px #000)
}

.POPULAR.device-PC.AGD88 .game-wrap .exclusive-game dl dt img,
.POPULAR.device-PC.MWCASHPLUS .game-wrap .exclusive-game dl dt img,
.POPULAR.device-PC.NUEBE .game-wrap .exclusive-game dl dt img,
.POPULAR.device-PC.SWABEGAMING .game-wrap .exclusive-game dl dt img,
.NWC.device-PC.AGD88 .game-wrap .exclusive-game dl dt img,
.NWC.device-PC.MWCASHPLUS .game-wrap .exclusive-game dl dt img,
.NWC.device-PC.NUEBE .game-wrap .exclusive-game dl dt img,
.NWC.device-PC.SWABEGAMING .game-wrap .exclusive-game dl dt img {
    width: 60px
}

.POPULAR.device-PC.MWGAMING .game-wrap .exclusive-game dl dt img,
.POPULAR.device-PC.SWABEGAMING .game-wrap .exclusive-game dl dt img,
.NWC.device-PC.MWGAMING .game-wrap .exclusive-game dl dt img,
.NWC.device-PC.SWABEGAMING .game-wrap .exclusive-game dl dt img {
    width: 60px;
    filter: drop-shadow(0 0 1px #fff)
}

.CLASSIC.MAXWINPH .section-box.section-FEATURE .section-ul li.EXCLUSIVE img {
    width: 100%;
    height: 50px;
    top: -22px
}

.CLASSIC.EXTREMECASH section.exclusive_game h2 img {
    width: 100px
}

.CLASSIC.EXTREMECASH .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img {
    width: 60px;
    filter: drop-shadow(0 0 1px #fff)
}

.CLASSIC.APEX section.exclusive_game h2 img,
.CLASSIC.EXTREME88 section.exclusive_game h2 img,
.CLASSIC.MAXWINPH section.exclusive_game h2 img {
    width: 65px
}

.CLASSIC.APEX .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.CLASSIC.EXTREME88 .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.CLASSIC.MAXWINPH .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img {
    width: 60px
}

.CLASSIC.TMT section.exclusive_game h2 img,
.CLASSIC.TMT .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.CLASSIC.TMTVIP section.exclusive_game h2 img,
.CLASSIC.TMTVIP .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img,
.CLASSIC.TMTVIPCASH section.exclusive_game h2 img,
.CLASSIC.TMTVIPCASH .TOP-menu .TOP-menu_list .btn.btn-EXCLUSIVE img {
    filter: drop-shadow(0 0 1px #000)
}

.CLASSIC.TMT section.exclusive_game h2 img,
.CLASSIC.TMTVIP section.exclusive_game h2 img,
.CLASSIC.TMTVIPCASH section.exclusive_game h2 img {
    width: 50px
}

.CLASSIC.device-PC.APEX .game-wrap .exclusive-game dl dt img,
.CLASSIC.device-PC.EXTREME88 .game-wrap .exclusive-game dl dt img,
.CLASSIC.device-PC.EXTREMECASH .game-wrap .exclusive-game dl dt img {
    width: 90px
}

.CLASSIC.device-PC.EXTREMECASH #gameHallSection.game-wrap .exclusive-game dl dt::before,
.CLASSIC.device-PC.EXTREMECASH #gameHallSection.game-wrap .exclusive-game dl dt::after {
    width: 35%
}

.CLASSIC.device-PC.EXTREMECASH #gameHallSection.game-wrap .exclusive-game dl dt img {
    width: 175px
}

.CLASSIC.device-PC.TMT #gameHallSection.game-wrap .exclusive-game dl dt::before,
.CLASSIC.device-PC.TMT #gameHallSection.game-wrap .exclusive-game dl dt::after,
.CLASSIC.device-PC.TMTVIP #gameHallSection.game-wrap .exclusive-game dl dt::before,
.CLASSIC.device-PC.TMTVIP #gameHallSection.game-wrap .exclusive-game dl dt::after,
.CLASSIC.device-PC.TMTVIPCASH #gameHallSection.game-wrap .exclusive-game dl dt::before,
.CLASSIC.device-PC.TMTVIPCASH #gameHallSection.game-wrap .exclusive-game dl dt::after,
.CLASSIC.device-PC.MAXWINPH #gameHallSection.game-wrap .exclusive-game dl dt::before,
.CLASSIC.device-PC.MAXWINPH #gameHallSection.game-wrap .exclusive-game dl dt::after {
    bottom: 25px
}

.CLASSIC.device-PC.TMT #gameHallSection.game-wrap .exclusive-game dl dt img,
.CLASSIC.device-PC.TMTVIP #gameHallSection.game-wrap .exclusive-game dl dt img,
.CLASSIC.device-PC.TMTVIPCASH #gameHallSection.game-wrap .exclusive-game dl dt img,
.CLASSIC.device-PC.MAXWINPH #gameHallSection.game-wrap .exclusive-game dl dt img {
    width: 60px;
    height: 50px
}

.page-web.type-R .section-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.JILI .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .section-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.JDB .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .section-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.WMSLOT .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .section-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.ICF .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .tab-content.EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.JILI .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .tab-content.EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.JDB .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .tab-content.EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.WMSLOT .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .tab-content.EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.ICF .ul-gameIcon-txt .txt-platform-name {
    width: 35px !important;
    height: 35px
}

.page-web.type-R .section-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.JILI .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .section-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.JDB .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .section-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.WMSLOT .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .section-EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.ICF .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .tab-content.EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.JILI .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .tab-content.EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.JDB .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .tab-content.EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.WMSLOT .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .tab-content.EXCLUSIVE .section-ul.game-list-ul.ul-gameList li.ICF .ul-gameIcon-txt .txt-platform-name::after {
    width: 100%;
    height: 35px
}

.VIP-tag {
    position: relative;
    border-radius: 15px;
    background: linear-gradient(90deg, rgba(48, 50, 51, 0.898039), rgba(29, 30, 31, 0.898039));
    padding: 2px 10px 2px 2px;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #C0AB7A;
    gap: 3px;
    box-shadow: 0 0 5px #333333b4
}

.VIP-tag .VIP-level {
    position: relative;
    width: 25px;
    height: auto;
    font-size: 7px;
    line-height: 7px;
    text-align: center;
    color: #FFE2B1;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 12px;
    white-space: nowrap
}

.VIP-tag .VIP-level::before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 15px;
    content: '';
    background: url(../../../theme/images/src-function/VIP/VIPTag.webp) no-repeat top center;
    background-size: 12px
}

.VIP-tag .VIP-levelname {
    font-size: 12px;
    line-height: normal;
    background: linear-gradient(90deg, #FFE2B1, #F8D58F);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    word-break: break-word
}

body .low-index {
    z-index: 2515 !important
}

body .z-index-0 {
    z-index: 0 !important
}

body .z-index-800 {
    z-index: 800 !important
}

body .z-index-2050 {
    z-index: 2515 !important
}

body .report-iframe,
body .face-api-modal,
body .modal-face-api,
body>.iti--container,
body .iti--fullscreen-popup {
    z-index: 2147483645
}

body .rolldate-container {
    z-index: 2502
}

body .game-bar,
body .game-minibar {
    z-index: 2510
}

body .page-backdrop {
    z-index: 2600
}

body.type-BS .page-backdrop {
    z-index: 2600
}

body.type-BS .fix-sticker.bonus-event {
    z-index: 800
}

body.type-BS .fix-sticker.bonus-event.show {
    z-index: 2700
}

body.member-info .pointstxn {
    z-index: 2147483641
}

body.member-info .rolldate-container {
    z-index: 2147483642
}

body.modal-open .modal-subpage {
    z-index: 2450
}

body.modal-open .modal-loginBox,
body.modal-open .modal-promo-tnc,
body.modal-open .modal-MULTIBALANCE,
body.modal-open .modal-claimByCurrentBalance {
    z-index: 2502
}

body.modal-open .modal-box.modal-enterPIN {
    z-index: 2510
}

body.modal-open .modal-forgotPIN {
    z-index: 2520
}

body.modal-open .modal-forgot-password {
    z-index: 2600
}

body.modal-open .modal-box.modal-turnoverNotify {
    z-index: 2147483642
}

body.modal-open .modal-box.modal-announcement {
    z-index: 2147483643
}

body.modal-open .modal-announcement.Verification {
    z-index: 2147483644
}

body.modal-open .modal-box.modal-brandInfo {
    z-index: 2147483645
}

body .toast.download-info {
    z-index: 2147483641
}

body .modal-addToScreen {
    z-index: 2147483642
}

body.bonusevent-open .page-backdrop.show {
    z-index: 2147483639
}

body.bonusevent-open .page-bonus-div,
body.bonusevent-open .goldenEgg-backdrop {
    z-index: 2147483640
}

body.bonusevent-open .win-egg,
body.bonusevent-open .win-box,
body.bonusevent-open .expensiveEgg-info,
body.bonusevent-open .modal-box.modal-gamelist,
body.bonusevent-open .modal-box.modal-bonus-detail,
body.bonusevent-open .modal-box.modal-sp-jackpot-winners,
body.bonusevent-open .modal-box.modal-sp-jackpot-history,
body.bonusevent-open .modal-box.modal-info-box,
body.bonusevent-open .modal-box.dailyCheckIn,
body.bonusevent-open .modal-box.modal-freeSpinList,
body.bonusevent-open .modal-box.modal-subpage {
    z-index: 2147483641
}

body.bonusevent-open .toast.download-info,
body.bonusevent-open .modal-box.modal-loginBox,
body.bonusevent-open .modal-box.pointstxn,
body.bonusevent-open .modal-box.modal-promo-popup,
body.bonusevent-open .modal-box.modal-MULTIBALANCE,
body.bonusevent-open .modal-box.modal-claimByCurrentBalance,
body.bonusevent-open .modal-deviceBtn {
    z-index: 2147483642
}

body.bonusevent-open .rolldate-container,
body.bonusevent-open .modal-box.modal-signup,
body.bonusevent-open .modal-box.modal-forgot-password,
body.bonusevent-open .modal-box.modal-promo-tnc {
    z-index: 2147483643
}

body.body-iframe .game-iframe {
    z-index: 2147483646
}

body.body-iframe .game-iframe-box {
    z-index: 2147483645
}

body.body-iframe.open-sidebar .page-sidebar {
    right: -90%
}

body.body-iframe.modal-open.bonusevent-open .dailyCheckIn.modal-box.modal-gamelist,
body.body-iframe.modal-open.bonusevent-open .modal-box.modal-bonus-detail,
body.body-iframe.modal-open.bonusevent-open .modal-box.modal-sp-jackpot-winners,
body.body-iframe.modal-open.bonusevent-open .modal-box.modal-sp-jackpot-history {
    z-index: 0
}

body.body-iframe.modal-open .modal-box.modal-gamelist {
    z-index: 0
}

body.body-iframe .fix-sticker-group .freeSpinDrawer::before {
    right: -100%
}

body.NWC .modal-remote-iframe,
body.NWC .modal-reset-pincode,
body.NWC .modal-reset-password,
body.NWC .modal-addPhone,
body.NWC .modal-promo-tnc,
body.NWC .modal-box.modal-announcement.Verification,
body.type-CA .modal-remote-iframe,
body.type-CA .modal-reset-pincode,
body.type-CA .modal-reset-password,
body.type-CA .modal-addPhone,
body.type-CA .modal-promo-tnc,
body.type-CA .modal-box.modal-announcement.Verification {
    z-index: 2147483641
}

body.NWC .modal-memberInfo,
body.NWC .modal-big-iframe,
body.NWC .modal-signup,
body.NWC .modal-forgot-password,
body.NWC .modal-deposit-limit,
body.NWC .modal-player-limit-setting,
body.NWC .rolldate-container,
body.type-CA .modal-memberInfo,
body.type-CA .modal-big-iframe,
body.type-CA .modal-signup,
body.type-CA .modal-forgot-password,
body.type-CA .modal-deposit-limit,
body.type-CA .modal-player-limit-setting,
body.type-CA .rolldate-container {
    z-index: 2147483640
}

body.NWC .modal-loginBox,
body.type-CA .modal-loginBox {
    z-index: 2147483639
}

body.NWC .modal-big-iframe,
body.type-CA .modal-big-iframe {
    z-index: 2147483638
}

body.NWC .toast.download-info {
    z-index: 2147483639
}

body.NWC.modal-open .modal-box.modal-announcement {
    z-index: 2147483640
}

body.NWC.modal-open .modal-box.modal-announcement.Verification {
    z-index: 2147483641
}

body.WL.body-iframe.open-sidebar .page-sidebar,
body.WL.body-iframe.open-sidebar .side-menu_mask {
    left: -100%
}

body.device-mobile .report-iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 50px
}

body.body-iframe .modal-raceWin,
body.body-iframe.modal-open .modal-raceWin {
    z-index: 2147483647
}

body.body-iframe .modal-raceWin .modal-footer .btn-play,
body.body-iframe.modal-open .modal-raceWin .modal-footer .btn-play {
    display: none
}

body.body-report-iframe.body-iframe .modal-raceWin,
body.body-report-iframe.body-iframe.modal-open .modal-raceWin {
    z-index: 2501
}

body.modal-open {
    overflow: hidden
}

body.modal-open.device-PC .modal-box .social-media li img {
    display: block
}

@media (min-width: 445px) {
    body.NWC.modal-open .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 {
    pointer-events: auto
}

.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 {
    pointer-events: none
}

.modal-box.hide .modal-main {
    transform: translate(-50%, -60%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0s linear 0.5s
}

.modal-box .modal-mask {
    position: fixed;
    z-index: unset;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: .5;
    overflow: hidden;
    display: none
}

.modal-top {
    position: relative;
    width: 100%;
    padding: 4px 20px;
    z-index: 1
}

.modal-top .modal-title .show-wager {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    bottom: 5px !important
}

.modal-top .modal-title .show-wager::before {
    font-size: 25px;
    line-height: 37px
}

.modal-top .close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.modal-top .close:hover,
.modal-top .close:focus {
    color: #fff
}

.modal-top .close .icon-close {
    font-size: 30px
}

.modal-top .language-select {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 130px;
    width: 100%;
    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%);
    display: flex;
    flex-direction: column;
    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 {
    text-align: center;
    height: 100%;
    overflow-y: auto
}

.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 .limit-status {
    position: absolute;
    top: -22px;
    right: 8px;
    line-height: 20px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5)
}

.modal-layout .form-group .form-group-before {
    position: absolute;
    left: 12px;
    top: 12px;
    color: #fff;
    z-index: 1
}

.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 input::placeholder {
    color: #bdbdbd;
    opacity: 1
}

.modal-layout .form-group a.btn-SMS {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    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-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 .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-footer .btn {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 110%;
    height: 45px;
    line-height: 45px;
    border: none;
    padding: 0;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(0deg, #e3c271, #c6953e);
    text-shadow: 0 1px 2px #8b581d;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3), inset 0 0.0625rem 0.125rem 0 rgba(255, 255, 255, 0.7)
}

.modal-footer .btn:last-child {
    margin-bottom: 0
}

.modal-footer .btn.btn-disabled,
.modal-footer .btn.disabled {
    background: #0000004c;
    color: #ffffff59;
    box-shadow: none;
    text-shadow: none
}

.modal-footer .btn.btn-cancel {
    background: none;
    color: #c6953e;
    text-decoration: none;
    text-shadow: none;
    border: 1px solid #c6953e
}

body.device-PC .modal-box.modal-brandInfo .modal-main {
    max-width: 800px !important
}

.modal-bounce .modal-main {
    animation: bounce 0.3s
}

.modal-subpage>.modal-main {
    max-height: 85%;
    max-width: unset
}

.modal-subpage>.modal-main:has(.promo) {
    height: 85%
}

.modal-subpage>.modal-main .modal-top {
    padding: 8px 20px;
    min-height: 40px
}

@media (min-width: 700px) {
    .device-mobile .modal-subpage>.modal-main {
        min-width: 500px;
        min-height: 85%
    }
    .device-mobile .modal-subpage.modal-box>.modal-main {
        width: unset
    }
}

.device-PC .modal-subpage>.modal-main {
    width: unset;
    min-width: 500px;
    min-height: 85%
}

@keyframes bounce {
    0% {
        transform: translate(-50%, -50%) scale(1)
    }
    50% {
        transform: translate(-50%, -50%) scale(1.02)
    }
    100% {
        transform: translate(-50%, -50%) scale(1)
    }
}

#platform-modal,
#turnoverNotifyModal {
    z-index: 2147483648
}

#platform-modal .modal-menu a.btn,
#turnoverNotifyModal .modal-menu a.btn {
    width: auto
}

.modal-currencyLimit,
.modal-betLimit,
.modal-currency {
    overflow: hidden !important
}

.modal-currencyLimit .modal-title,
.modal-betLimit .modal-title,
.modal-currency .modal-title {
    color: #c9c9c9;
    font-size: 17px;
    line-height: 30px
}

.modal-currencyLimit .modal-top,
.modal-betLimit .modal-top,
.modal-currency .modal-top {
    padding: 6px 20px 4px
}

.modal-currencyLimit .modal-top .close,
.modal-betLimit .modal-top .close,
.modal-currency .modal-top .close {
    border-radius: 100px
}

.modal-currencyLimit .modal-subTitle,
.modal-betLimit .modal-subTitle,
.modal-currency .modal-subTitle {
    position: relative;
    color: #fff;
    border-radius: 5px;
    padding: 4px 2px 4px 15px;
    font-size: 13px;
    line-height: normal;
    text-align: left
}

.modal-currencyLimit .modal-layout,
.modal-betLimit .modal-layout,
.modal-currency .modal-layout {
    margin: 0
}

.modal-currencyLimit .modal-layoutList,
.modal-betLimit .modal-layoutList,
.modal-currency .modal-layoutList {
    padding: 0 4px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    text-align: center;
    margin: 0 auto
}

.modal-currencyLimit .modal-layoutList li .btn,
.modal-betLimit .modal-layoutList li .btn,
.modal-currency .modal-layoutList li .btn {
    padding: 0;
    width: 100%;
    border: none;
    line-height: 40px;
    color: #fff
}

.modal-currencyLimit .modal-layoutList li .btn:hover,
.modal-currencyLimit .modal-layoutList li .btn:active,
.modal-currencyLimit .modal-layoutList li .btn:focus,
.modal-betLimit .modal-layoutList li .btn:hover,
.modal-betLimit .modal-layoutList li .btn:active,
.modal-betLimit .modal-layoutList li .btn:focus,
.modal-currency .modal-layoutList li .btn:hover,
.modal-currency .modal-layoutList li .btn:active,
.modal-currency .modal-layoutList li .btn:focus {
    outline: none
}

.modal-currencyLimit .modal-layoutList li .btn span,
.modal-betLimit .modal-layoutList li .btn span,
.modal-currency .modal-layoutList li .btn span {
    color: #fff
}

.modal-currencyLimit li,
.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: rgba(0, 0, 0, 0.4);
    cursor: pointer
}

.modal-currencyLimit li .btn,
.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-currencyLimit li .btn:hover,
.modal-currencyLimit li .btn:focus,
.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-currencyLimit li .btn.txt-rate::before,
.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-currencyLimit li .btn span,
.modal-betLimit li .btn span,
.modal-currency li .btn span {
    color: #111
}

.modal-currencyLimit li .btn span:nth-of-type(1)::before,
.modal-betLimit li .btn span:nth-of-type(1)::before,
.modal-currency li .btn span:nth-of-type(1)::before {
    font-size: 70%
}

.modal-currencyLimit li .btn span:nth-of-type(2)::before,
.modal-betLimit li .btn span:nth-of-type(2)::before,
.modal-currency li .btn span:nth-of-type(2)::before {
    display: none
}

.modal-currencyLimit li *,
.modal-betLimit li *,
.modal-currency li * {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-decoration: unset
}

.modal-currencyLimit li.active,
.modal-betLimit li.active,
.modal-currency li.active {
    box-shadow: inset 0 0 0 1px #e9ba5d
}

.modal-currency .modal-main {
    width: 90%;
    max-height: 68vh;
    min-height: auto;
    overflow-y: auto;
    overflow-x: hidden
}

.modal-currency .modal-main .modal-top {
    position: sticky;
    top: 0px;
    height: 44px;
    min-height: 44px;
    z-index: 1
}

.modal-currency .modal-layoutList {
    width: 96%;
    border-radius: 8px;
    max-height: none;
    flex-direction: row;
    overflow: visible
}

.modal-currency .modal-layoutList .txt-rate::before {
    font-size: 80%
}

.modal-currency .modal-layout {
    display: flex;
    border-radius: 15px;
    overflow: hidden;
    padding: 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;
    cursor: pointer
}

.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-subTitle {
    margin: 10px auto;
    width: 90%;
    line-height: 25px;
    text-align: center
}

.modal-subTitle.subTitle-red {
    color: #fff;
    background-color: #ff4747;
    line-height: normal;
    padding: 6px 2px 6px 30px
}

.modal-subTitle.subTitle-red::before {
    position: absolute;
    left: 8px;
    top: 6px;
    content: '\e90b';
    font-size: 15px;
    color: #fff;
    font-family: 'icomoon' !important;
    margin-right: 5px
}

.modal-turnoverNotify .modal-main {
    min-height: auto;
    overflow: visible
}

.modal-turnoverNotify .modal-subTitle {
    color: #fff
}

.modal-turnoverNotify .modal-top {
    min-height: 30px
}

.modal-turnoverNotify .modal-top .close {
    top: 5px;
    right: 5px;
    transform: none
}

.modal-turnoverNotify .btn-group {
    width: 100%;
    margin: 0 auto;
    gap: 10px;
    padding: 8px
}

.modal-turnoverNotify .btn-group a.btn {
    display: inline-block;
    color: #f1f1f1;
    text-decoration: none;
    margin: 0 auto;
    border-radius: 5px !important;
    border: 1px solid #e9ba5d;
    transition: all 0.3s
}

.modal-turnoverNotify .btn-group a.btn:first-child {
    color: #e9ba5d
}

.modal-turnoverNotify .btn-group a.btn:first-child:hover,
.modal-turnoverNotify .btn-group a.btn:first-child:active,
.modal-turnoverNotify .btn-group a.btn:first-child:focus {
    background-color: #e9ba5d;
    color: #1d2a38
}

.modal-turnoverNotify .btn-group a.btn:last-child {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.2) !important
}

.modal-turnoverNotify .btn-group a.btn:last-child:hover,
.modal-turnoverNotify .btn-group a.btn:last-child:active,
.modal-turnoverNotify .btn-group a.btn:last-child:focus {
    border-color: #6795b8
}

.EZ .modal-currency .modal-top .close {
    color: #000
}

@keyframes loading-WL {
    0% {
        box-shadow: 20px 0 #40baba, -20px 0 rgba(64, 186, 186, 0.2);
        background: #40baba
    }
    33% {
        box-shadow: 20px 0 #40baba, -20px 0 rgba(64, 186, 186, 0.2);
        background: rgba(64, 186, 186, 0.2)
    }
    66% {
        box-shadow: 20px 0 rgba(64, 186, 186, 0.2), -20px 0 #40baba;
        background: rgba(64, 186, 186, 0.2)
    }
    100% {
        box-shadow: 20px 0 rgba(64, 186, 186, 0.2), -20px 0 #40baba;
        background: #40baba
    }
}

@keyframes loading-EZ {
    0% {
        box-shadow: 20px 0 #f1f1f1, -20px 0 rgba(241, 241, 241, 0.2);
        background: #f1f1f1
    }
    33% {
        box-shadow: 20px 0 #f1f1f1, -20px 0 rgba(241, 241, 241, 0.2);
        background: rgba(241, 241, 241, 0.2)
    }
    66% {
        box-shadow: 20px 0 rgba(241, 241, 241, 0.2), -20px 0 #f1f1f1;
        background: rgba(241, 241, 241, 0.2)
    }
    100% {
        box-shadow: 20px 0 rgba(241, 241, 241, 0.2), -20px 0 #f1f1f1;
        background: #f1f1f1
    }
}

@keyframes loading-GR {
    0% {
        box-shadow: 20px 0 #00ff04, -20px 0 rgba(0, 255, 4, 0.2);
        background: #00ff04
    }
    33% {
        box-shadow: 20px 0 #00ff04, -20px 0 rgba(0, 255, 4, 0.2);
        background: rgba(0, 255, 4, 0.2)
    }
    66% {
        box-shadow: 20px 0 rgba(0, 255, 4, 0.2), -20px 0 #00ff04;
        background: rgba(0, 255, 4, 0.2)
    }
    100% {
        box-shadow: 20px 0 rgba(0, 255, 4, 0.2), -20px 0 #00ff04;
        background: #00ff04
    }
}

@keyframes loading-BL {
    0% {
        box-shadow: 20px 0 #007bff, -20px 0 rgba(0, 123, 255, 0.2);
        background: #007bff
    }
    33% {
        box-shadow: 20px 0 #007bff, -20px 0 rgba(0, 123, 255, 0.2);
        background: rgba(0, 123, 255, 0.2)
    }
    66% {
        box-shadow: 20px 0 rgba(0, 123, 255, 0.2), -20px 0 #007bff;
        background: rgba(0, 123, 255, 0.2)
    }
    100% {
        box-shadow: 20px 0 rgba(0, 123, 255, 0.2), -20px 0 #007bff;
        background: #007bff
    }
}

@keyframes loading-M9 {
    0% {
        box-shadow: 20px 0 #318174, -20px 0 rgba(49, 129, 116, 0.2);
        background: #318174
    }
    33% {
        box-shadow: 20px 0 #318174, -20px 0 rgba(49, 129, 116, 0.2);
        background: rgba(49, 129, 116, 0.2)
    }
    66% {
        box-shadow: 20px 0 rgba(49, 129, 116, 0.2), -20px 0 #318174;
        background: rgba(49, 129, 116, 0.2)
    }
    100% {
        box-shadow: 20px 0 rgba(49, 129, 116, 0.2), -20px 0 #318174;
        background: #318174
    }
}

@keyframes loading-COW88 {
    0% {
        box-shadow: 20px 0 #D4AF37, -20px 0 rgba(212, 175, 55, 0.2);
        background: #D4AF37
    }
    33% {
        box-shadow: 20px 0 #D4AF37, -20px 0 rgba(212, 175, 55, 0.2);
        background: rgba(212, 175, 55, 0.2)
    }
    66% {
        box-shadow: 20px 0 rgba(212, 175, 55, 0.2), -20px 0 #D4AF37;
        background: rgba(212, 175, 55, 0.2)
    }
    100% {
        box-shadow: 20px 0 rgba(212, 175, 55, 0.2), -20px 0 #D4AF37;
        background: #D4AF37
    }
}

@keyframes loading-PGSWIN {
    0% {
        box-shadow: 20px 0 #003580, -20px 0 rgba(0, 53, 128, 0.2);
        background: #003580
    }
    33% {
        box-shadow: 20px 0 #003580, -20px 0 rgba(0, 53, 128, 0.2);
        background: rgba(0, 53, 128, 0.2)
    }
    66% {
        box-shadow: 20px 0 rgba(0, 53, 128, 0.2), -20px 0 #003580;
        background: rgba(0, 53, 128, 0.2)
    }
    100% {
        box-shadow: 20px 0 rgba(0, 53, 128, 0.2), -20px 0 #003580;
        background: #003580
    }
}

.modal-box.modal-loading {
    z-index: 2147483647
}

.modal-box.modal-loading .modal-main {
    background-color: transparent !important;
    background: transparent !important;
    margin: 0;
    max-height: none !important;
    overflow: visible;
    box-shadow: none !important;
    border: none !important;
    backdrop-filter: none !important;
    top: 50%;
    left: 50%
}

.spinner-circle {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 14px;
    color: #e2e2e2;
    background: url('data:image/svg+xml,<svg width="70" height="70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">\a<path fill="none" class="bk" d="M0 0h100v100H0z"/>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="translate(0 -30)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(30 105.98 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(60 75.98 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(90 65 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(120 58.66 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(150 54.02 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(180 50 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(-150 45.98 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(-120 41.34 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(-90 35 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(-60 24.02 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>\a</rect>\a<rect x="46.5" y="40" width="7" height="20" rx="5" ry="5" fill="%23fcfcfc" transform="rotate(-30 -5.98 65)">\a<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>\a</rect>\a</svg>') 50% 50% no-repeat
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: loading-EZ 2s infinite linear alternate
}

.spinner {
    position: absolute;
    top: 45%;
    left: calc( 50% - 30px);
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0
}

.spinner .cube1,
.spinner .cube2 {
    background-color: #fff;
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out;
    border-radius: 6px
}

.spinner .cube1::before,
.spinner .cube2::before {
    font-family: 'icomoon' !important;
    content: '\e9e8';
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 160%;
    font-weight: bold;
    color: #435679
}

.spinner .cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.spinner .cube2::before {
    content: '\e9ea'
}

.type-BS.gameHall-m-only .spinner::before {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: lds-dual-ring2 1.2s linear infinite
}

.type-BS .spinner {
    width: 120px;
    height: 120px;
    border-radius: 100px;
    background: rgba(7, 7, 7, 0.4);
    left: 50%;
    transform: translateX(-50%)
}

.type-BS .spinner::before {
    content: " ";
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 6px solid #fce487;
    border-color: #fce487 transparent #fce487 transparent;
    animation: lds-dual-ring 1.2s linear infinite
}

.type-BS .spinner::after {
    content: '';
    position: absolute;
    font-family: 'icomoon' !important;
    font-size: 4rem;
    color: #fce487;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: load-icon 6s linear infinite
}

.type-BS .spinner .cube1,
.type-BS .spinner .cube2 {
    display: none
}

.coin {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    background: #ffec98;
    line-height: 64px;
    font-size: 200%;
    animation: rotate-diagonal-1 0.4s linear infinite both;
    color: #b18750
}

.coin::before {
    font-family: 'icomoon' !important;
    content: '\e913'
}

.WL .modal-box.modal-loading .loader {
    animation: loading-WL 2s infinite linear alternate
}

.WL.HOUSELUCKCASH .modal-box.modal-loading .loader {
    animation: loading-GR 2s infinite linear alternate
}

.WL.HOUSEOFLUCK .modal-box.modal-loading .loader,
.WL.MWVIP .modal-box.modal-loading .loader,
.WL.BETSTAR77 .modal-box.modal-loading .loader {
    animation: loading-BL 2s infinite linear alternate
}

.WL.M9888 .modal-box.modal-loading .loader {
    animation: loading-M9 2s infinite linear alternate
}

.WL.PGSWIN .modal-box.modal-loading .loader {
    animation: loading-PGSWIN 2s infinite linear alternate
}

@keyframes rotate-diagonal-1 {
    0% {
        transform: rotate3d(0, 0, 0, 0deg)
    }
    50% {
        transform: rotate3d(0, 1, 0, -180deg)
    }
    100% {
        transform: rotate3d(0, 0, 0, -360deg)
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }
    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0.2)
    }
    40% {
        transform: scale(1)
    }
}

@-webkit-keyframes sk-bouncedelay-PC {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.2)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay-PC {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes lds-dual-ring2 {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes load-anime {
    50% {
        width: 100%
    }
    100% {
        right: 0;
        left: unset
    }
}

@keyframes load-icon {
    0% {
        content: '\ea49'
    }
    40% {
        content: '\ea4b'
    }
    80% {
        content: '\ea4d'
    }
    100% {
        content: '\ea4b'
    }
}

.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-box.modal-maxtopAnn.show {
    z-index: 2515
}

.modal-box.modal-maxtopAnn .modal-main {
    border-style: none !important;
    border-radius: 15px;
    background-color: transparent !important;
    width: 95%
}

.modal-box.modal-maxtopAnn .modal-main .modal-top {
    min-height: auto;
    padding: 0
}

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

.modal-box.modal-maxtopAnn .modal-main .modal-top .close::before {
    width: 30px;
    height: 30px;
    color: #fff !important
}

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

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

.modal-box.modal-maxtopAnn .modal-main .modal-top>a {
    display: block
}

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

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

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

.con_all .modal-box.modal-maxtopAnn .modal-main .modal-layout img {
    min-width: 100%
}

.device-PC .modal-box.modal-maxtopAnn .modal-main .modal-layout {
    width: 100%;
    overflow: visible !important
}

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

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

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

body.modal-open .modal-box.modal-announcement .modal-top .close {
    z-index: 1190;
    color: #fff;
    background: #bfa85d;
    border-radius: 100px
}

body.modal-open .modal-box.modal-announcement .modal-top .close i::before {
    font-weight: bold;
    font-size: 30px
}

.modal-box.modal-announcement .modal-main {
    min-height: 50vh
}

.modal-box.modal-announcement .modal-main::-webkit-scrollbar {
    display: none
}

.modal-box.modal-announcement .modal-main .modal-top {
    padding: 2px 0 5px;
    display: flex;
    min-height: 43px
}

.modal-box.modal-announcement .modal-main .modal-top .close {
    top: 5px;
    right: 5px;
    transform: none
}

.modal-box.modal-announcement .modal-main .modal-top .close i::before {
    font-size: 30px
}

.modal-box.modal-announcement .modal-main .modal-layout {
    overflow-y: scroll;
    max-height: 70vh;
    min-height: 50vh
}

.modal-box.modal-announcement .modal-main .modal-layout .announce dd p {
    color: #b3b3b3;
    padding: 5px
}

.modal-box.modal-announcement .modal-main .modal-layout .announce dd img {
    padding: 5px 0
}

.modal-box.modal-announcement .modal-main .modal-layout .announce dd strong {
    color: #eaba5e
}

.modal-box.modal-announcement .modal-main .modal-layout dt {
    position: sticky;
    top: -4px;
    left: 0;
    padding: 12px 10px
}

.modal-box.modal-announcement .modal-main .modal-layout dt span {
    line-height: normal
}

.modal-box.modal-announcement .modal-main .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;
    cursor: pointer
}

.modal-box.modal-announcement .modal-main .inputCheckbox input[type="checkbox"] {
    display: none
}

.modal-box.modal-announcement .modal-main .inputCheckbox input[type="checkbox"]+span:before {
    content: " ";
    vertical-align: middle
}

.modal-box.modal-announcement .modal-main .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-box.modal-announcement .modal-main .inputCheckbox span {
    color: #dae7f4;
    color-vertical-align: middle;
    line-height: 30px;
    font-size: 14px
}

.modal-box.modal-announcement .modal-main .inputCheckbox span:before {
    display: inline-block;
    background: none;
    border: 1px solid #dae7f4;
    height: 15px;
    width: 15px;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 4px
}

.modal-box.modal-announcement .modal-main .btn-box {
    padding: 10px 0px;
    display: flex;
    text-align: center;
    flex-direction: column;
    gap: 10px;
    border: none
}

.modal-box.modal-announcement .modal-main .btn-box .btn {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    border-radius: 10px;
    font-size: 110%;
    height: 45px;
    line-height: 45px;
    border: none;
    padding: 0;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(0deg, #e3c271, #c6953e);
    text-shadow: 0 1px 2px #8b581d;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3), inset 0 0.0625rem 0.125rem 0 rgba(255, 255, 255, 0.7)
}

.modal-box.modal-announcement .modal-main .btn-box .btn:last-child {
    margin-bottom: 0
}

.modal-box.modal-announcement .modal-main .btn-box .btn.btn-disabled,
.modal-box.modal-announcement .modal-main .btn-box .btn.disabled {
    background: #0000004c;
    color: #ffffff59;
    box-shadow: none;
    text-shadow: none
}

.modal-box.modal-announcement .modal-main .btn-box .btn.btn-cancel {
    background: none;
    color: #c6953e;
    text-decoration: none;
    text-shadow: none;
    border: 1px solid #c6953e
}

.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 {
    border-radius: 0;
    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;
    width: 100%
}

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

body.NWC.bonusevent-open.modal-open .page-bonus-body {
    overflow-y: auto !important
}

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

.modal-box.modal-macPWA .modal-main {
    max-width: 600px;
    border: none !important;
    outline: none !important;
    background: linear-gradient(#fff, #C3D1FE);
    width: 100%;
    border-radius: 20px;
    margin: 0 auto
}

.modal-box.modal-macPWA .modal-main .close {
    background: #0974c1 !important;
    border-radius: 100px !important;
    width: auto;
    height: auto;
    transform: none
}

.modal-box.modal-macPWA .modal-main .close i {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: normal;
    color: #fff
}

.modal-box.modal-macPWA .modal-layout {
    position: relative;
    padding-top: 36px;
    max-height: none
}

.modal-box.modal-macPWA .modal-layout .PWA-inf {
    position: absolute;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.modal-box.modal-macPWA .modal-layout .PWA-inf .PWA-pic {
    width: 38px;
    min-width: 38px
}

.modal-box.modal-macPWA .modal-layout .PWA-inf .PWA-pic img {
    border-radius: 4px
}

.modal-box.modal-macPWA .modal-layout .PWA-inf .PWA-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left
}

.modal-box.modal-macPWA .modal-layout .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-box.modal-macPWA .modal-layout .PWA-inf .PWA-title .sub-title {
    color: #4d4d4b;
    font-size: 8.5px
}

.modal-box.modal-macPWA .modal-layout .PWA-inf.inf-area1 {
    width: 170px;
    height: 38px;
    right: 35px;
    top: 240px;
    gap: 6px
}

.modal-box.modal-macPWA .modal-layout .PWA-inf.inf-area1 .PWA-title {
    gap: 4px 0
}

.modal-box.modal-macPWA .modal-layout .PWA-inf.inf-area2 {
    width: 65%;
    height: 40px;
    left: 97px;
    top: 552px;
    gap: 18px
}

.modal-box.modal-macPWA .modal-layout .PWA-inf.inf-area2 .PWA-title {
    gap: 10px 0
}

.modal-box.modal-gamelist {
    overflow: hidden
}

.modal-box.modal-gamelist .modal-top {
    min-height: 40px
}

.modal-box.modal-gamelist .modal-top.modal-tit p {
    margin: 10px;
    text-align: left
}

.modal-box.modal-gamelist .modal-main {
    overflow: hidden;
    width: 100%;
    height: auto;
    border-radius: 15px
}

.modal-box.modal-gamelist .modal-main iframe {
    height: 100%
}

.modal-box.modal-gamelist .modal-main .modal-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    color: #fff;
    height: 40px
}

.modal-box.modal-gamelist .modal-main .modal-top p {
    margin-bottom: 0
}

.modal-box.modal-gamelist .modal-main .modal-layout {
    padding: 0
}

.modal-box.modal-gamelist .modal-main .modal-layout iframe {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: 0 !important;
    min-height: 65vh
}

.NWC:not(.device-PC) .modal-gamelist,
.POPULAR:not(.device-PC) .modal-gamelist,
.CLASSIC:not(.device-PC) .modal-gamelist {
    max-width: 1300px;
    min-height: 120px;
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.NWC:not(.device-PC) .modal-gamelist ul.ul-gameList,
.POPULAR:not(.device-PC) .modal-gamelist ul.ul-gameList,
.CLASSIC:not(.device-PC) .modal-gamelist ul.ul-gameList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 9% 2%;
    gap: 20px 5px
}

.NWC:not(.device-PC) .modal-gamelist ul.ul-gameList li,
.POPULAR:not(.device-PC) .modal-gamelist ul.ul-gameList li,
.CLASSIC:not(.device-PC) .modal-gamelist ul.ul-gameList li {
    padding: 4% 5%
}

.NWC:not(.device-PC) .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.POPULAR:not(.device-PC) .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.CLASSIC:not(.device-PC) .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name {
    display: block;
    top: auto;
    bottom: 23.5vw
}

.NWC:not(.device-PC) .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-gameName,
.POPULAR:not(.device-PC) .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-gameName,
.CLASSIC:not(.device-PC) .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-gameName {
    padding: 0;
    font-size: 14px;
    text-align: center;
    position: relative;
    color: #fff;
    display: -webkit-box;
    width: 100%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.NWC:not(.device-PC).TALL .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.POPULAR:not(.device-PC).TALL .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.CLASSIC:not(.device-PC).TALL .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name {
    bottom: 31.5vw
}

.NWC:not(.device-PC).WIDE .modal-gamelist ul.ul-gameList,
.POPULAR:not(.device-PC).WIDE .modal-gamelist ul.ul-gameList,
.CLASSIC:not(.device-PC).WIDE .modal-gamelist ul.ul-gameList {
    grid-template-columns: repeat(2, 49%)
}

.NWC:not(.device-PC).WIDE .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.POPULAR:not(.device-PC).WIDE .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.CLASSIC:not(.device-PC).WIDE .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-platform-name {
    bottom: 26.5vw
}

.NWC .modal-gamelist ul.ul-gameList .ul-gameIcon-txt .txt-gameName {
    font-weight: 700
}

.page-web.modal-iframe .main-main .section-box .section-ul {
    height: 100vh
}

.modal-gamelist.FREESPIN,
.modal-gamelist.CHALLENGE {
    overflow: hidden
}

.modal-gamelist.FREESPIN .modal-main .modal-top.modal-tit p,
.modal-gamelist.CHALLENGE .modal-main .modal-top.modal-tit p {
    margin: 0px 10px;
    padding: 3px 0
}

.modal-gamelist.FREESPIN .modal-main .modal-layout,
.modal-gamelist.CHALLENGE .modal-main .modal-layout {
    overflow-x: hidden;
    overflow-y: auto;
    background: #0f1b28;
    padding: 0.5rem
}

.modal-gamelist.FREESPIN .modal-main .modal-layout ul,
.modal-gamelist.CHALLENGE .modal-main .modal-layout ul {
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%;
    margin: 0
}

.modal-gamelist.FREESPIN .modal-main .modal-layout ul li:hover .ul-gameIcon-box::before,
.modal-gamelist.CHALLENGE .modal-main .modal-layout ul li:hover .ul-gameIcon-box::before {
    min-width: 70%;
    white-space: nowrap
}

.modal-gamelist.FREESPIN .modal-main .modal-layout ul li .ul-gameIcon-txt,
.modal-gamelist.CHALLENGE .modal-main .modal-layout ul li .ul-gameIcon-txt {
    position: relative;
    padding-top: 5px
}

.modal-gamelist.FREESPIN .modal-main .modal-layout ul li .ul-gameIcon-txt .txt-gameName,
.modal-gamelist.CHALLENGE .modal-main .modal-layout 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: 1;
    -webkit-box-orient: vertical;
    color: #fff
}

.modal-box.modal-deviceBtn {
    color: #fff
}

.modal-box.modal-deviceBtn .modal-main {
    overflow: hidden;
    min-height: auto;
    height: fit-content
}

.modal-box.modal-deviceBtn .modal-title {
    color: #c9c9c9;
    font-size: 17px;
    line-height: 22px;
    margin-right: 15px
}

.modal-box.modal-deviceBtn .modal-top {
    padding: 6px 20px 4px;
    min-height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.modal-box.modal-deviceBtn .modal-subTitle {
    width: 100%;
    position: relative;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    line-height: normal;
    text-align: left;
    margin: 0
}

.modal-box.modal-deviceBtn .modal-layout {
    gap: 10px;
    padding: 5px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 140px;
    height: fit-content
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutList {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
    margin: 0
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem {
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.3);
    padding: 22px 14px 18px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: relative;
    transition: border-color 0.12s, background 0.12s;
    user-select: none
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem .item-icon {
    font-size: 48px
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem .item-cta {
    width: 100%;
    border-radius: 8px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .04em;
    transition: background 0.12s
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.pc {
    border: 1.5px solid rgba(34, 211, 238, 0.2)
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.pc .item-icon {
    color: #22d3ee
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.pc .item-footer {
    border-top: 1px solid rgba(34, 211, 238, 0.22)
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.pc .item-cta {
    background: rgba(34, 211, 238, 0.15);
    color: #22d3ee
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.pc:hover {
    border-color: rgba(34, 211, 238, 0.4);
    border-color-background: rgba(34, 211, 238, 0.04)
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.pc:hover .item-cta {
    background: rgba(34, 211, 238, 0.22)
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.mobile {
    border: 1.5px solid rgba(52, 211, 153, 0.2)
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.mobile .item-icon {
    color: #34d399
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.mobile .item-footer {
    border-top: 1px solid rgba(52, 211, 153, 0.22)
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.mobile .item-cta {
    background: rgba(52, 211, 153, 0.15);
    color: #34d399
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.mobile:hover {
    border-color: rgba(52, 211, 153, 0.4);
    border-color-background: rgba(52, 211, 153, 0.04)
}

.modal-box.modal-deviceBtn .modal-layout .modal-layoutItem.mobile:hover .item-cta {
    background: rgba(52, 211, 153, 0.22)
}

.modal-box.modal-face-api .modal-main {
    height: 90dvh !important;
    max-height: 90dvh !important
}

.modal-box.modal-face-api .modal-main .modal-layout {
    height: 100%;
    overflow: hidden
}

.ms-Fabric .middle ol,
.ms-Fabric .middle ul {
    list-style: disc;
    margin-bottom: 1em
}

.ms-Fabric .middle li {
    display: list-item;
    margin-left: 30px
}

.modal-box.modal-gamelist.FEATUREGAME .top-feature-bar {
    padding: 12px;
    background: #161c21;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12)
}

.modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: stretch
}

.modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    background: linear-gradient(180deg, #1f3245 0%, #252525 100%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    cursor: pointer;
    transition: all .2s ease
}

.modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p {
    margin: 0;
    font-size: 12px;
    line-height: normal;
    color: rgba(255, 255, 255, 0.92);
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word
}

.modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover {
    background: linear-gradient(180deg, #30485f 0%, #343434 100%);
    border-color: rgba(255, 217, 0, 0.45);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06)
}

.modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:active {
    transform: scale(0.96)
}

.modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active {
    background: linear-gradient(180deg, #aa780d 0%, #5b400d 100%);
    border: 1px solid rgba(241, 195, 57, 0.6)
}

.modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p {
    color: #fff
}

body.POPULAR.device-mobile .modal-box.modal-gamelist.FEATUREGAME .modal-main .modal-layout,
body.POPULAR.device-mobile .modal-box.modal-gamelist.modal-Feature .modal-main .modal-layout,
body.CLASSIC.device-mobile .modal-box.modal-gamelist.FEATUREGAME .modal-main .modal-layout,
body.CLASSIC.device-mobile .modal-box.modal-gamelist.modal-Feature .modal-main .modal-layout {
    overflow-x: hidden;
    overflow-y: auto
}

body.NWC .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.NWC .modal-box.modal-gamelist.modal-Feature .modal-main,
body.LUCKYWORLD .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.LUCKYWORLD .modal-box.modal-gamelist.modal-Feature .modal-main {
    background: linear-gradient(180deg, #b80000 0%, #540000 100%)
}

body.NWC .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.NWC .modal-box.modal-gamelist.modal-Feature .top-feature-bar,
body.LUCKYWORLD .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.LUCKYWORLD .modal-box.modal-gamelist.modal-Feature .top-feature-bar {
    background: linear-gradient(180deg, #b80000 0%, #6f0000 100%);
    border-top: 1px solid rgba(251, 215, 91, 0.35);
    border-bottom: 1px solid rgba(251, 215, 91, 0.45)
}

body.NWC .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.NWC .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab,
body.LUCKYWORLD .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.LUCKYWORLD .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab {
    background: rgba(80, 0, 0, 0.75);
    border: 1px solid rgba(251, 215, 91, 0.55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06)
}

body.NWC .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.NWC .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p,
body.LUCKYWORLD .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.LUCKYWORLD .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p {
    color: #fff
}

body.NWC .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.NWC .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover,
body.LUCKYWORLD .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.LUCKYWORLD .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover {
    background: rgba(110, 0, 0, 0.85);
    border-color: rgba(251, 215, 91, 0.8);
    box-shadow: 0 0 0 1px rgba(251, 215, 91, 0.18)
}

body.NWC .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.NWC .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active,
body.LUCKYWORLD .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.LUCKYWORLD .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active {
    background: linear-gradient(180deg, #fff4a8 0%, #fbd75b 50%, #c88800 100%);
    border-color: #fff4a8;
    box-shadow: 0 2px 10px rgba(251, 215, 91, 0.28)
}

body.NWC .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.NWC .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p,
body.LUCKYWORLD .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.LUCKYWORLD .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p {
    color: #7b0000
}

body.type-CA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.type-CA .modal-box.modal-gamelist.modal-Feature .top-feature-bar {
    background: linear-gradient(180deg, #2d323b 0%, #232831 100%);
    border-top: 1px solid rgba(180, 110, 255, 0.25);
    border-bottom: 1px solid rgba(180, 110, 255, 0.18)
}

body.type-CA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.type-CA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab {
    background: linear-gradient(180deg, #171c25 0%, #10151d 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03)
}

body.type-CA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.type-CA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover {
    background: #111722;
    border-color: #f4c433;
    box-shadow: 0 0 0 2px rgba(244, 196, 51, 0.18)
}

body.type-CA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.type-CA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.72)
}

body.type-CA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.type-CA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active {
    background: linear-gradient(180deg, #ffd84d 0%, #d89a00 100%);
    border-color: rgba(255, 220, 120, 0.9);
    box-shadow: 0 2px 10px rgba(255, 196, 0, 0.25)
}

body.type-CA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.type-CA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p {
    color: #1c1c1c
}

body.EZ .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.EZ .modal-box.modal-gamelist.modal-Feature .top-feature-bar {
    background: #f8f8f8
}

body.EZ .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.EZ .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab {
    background: #ffffff;
    border-color: #dcdfe6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
}

body.EZ .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.EZ .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p {
    color: rgba(46, 46, 46, 0.92)
}

body.EZ .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.EZ .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active {
    background: linear-gradient(180deg, #ff8451 0%, #f5b800 100%);
    border-color: #f5b800;
    box-shadow: 0 2px 6px rgba(245, 184, 0, 0.4)
}

body.EZ .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.EZ .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p {
    color: #fff
}

body.SEXYBACCARAT .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.SEXYBACCARAT .modal-box.modal-gamelist.modal-Feature .modal-main {
    background: linear-gradient(180deg, #210c16 0%, #12070d 100%)
}

body.SEXYBACCARAT .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.SEXYBACCARAT .modal-box.modal-gamelist.modal-Feature .modal-top {
    background: linear-gradient(180deg, #65162f 0%, #451020 100%);
    border-bottom: 1px solid rgba(255, 210, 120, 0.22)
}

body.SEXYBACCARAT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.SEXYBACCARAT .modal-box.modal-gamelist.modal-Feature .top-feature-bar {
    background: linear-gradient(180deg, #1f0d16 0%, #14090f 100%);
    border-top: 1px solid rgba(255, 220, 160, 0.08);
    border-bottom: 1px solid rgba(255, 180, 120, 0.12)
}

body.SEXYBACCARAT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.SEXYBACCARAT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab {
    background: linear-gradient(180deg, #44202f 0%, #26111b 100%);
    border: 1px solid rgba(255, 220, 160, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03)
}

body.SEXYBACCARAT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.SEXYBACCARAT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p {
    color: rgba(255, 255, 255, 0.88)
}

body.SEXYBACCARAT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.SEXYBACCARAT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover {
    background: linear-gradient(180deg, #5b2b3f 0%, #321520 100%);
    border-color: rgba(255, 210, 120, 0.42);
    box-shadow: 0 0 10px rgba(255, 120, 180, 0.12)
}

body.SEXYBACCARAT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.SEXYBACCARAT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active {
    background: linear-gradient(180deg, #f0c04d 0%, #b67a10 100%);
    border-color: rgba(255, 230, 160, 0.75);
    box-shadow: 0 2px 12px rgba(255, 180, 80, 0.22)
}

body.SEXYBACCARAT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.SEXYBACCARAT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p {
    color: #fff
}

body.MGK88 .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.MGK88 .modal-box.modal-gamelist.modal-Feature .modal-main,
body.GOLDENVAULT .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.GOLDENVAULT .modal-box.modal-gamelist.modal-Feature .modal-main,
body.PLAYPLUS .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.PLAYPLUS .modal-box.modal-gamelist.modal-Feature .modal-main,
body.SCATTER365 .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.SCATTER365 .modal-box.modal-gamelist.modal-Feature .modal-main,
body.MWGAMING .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.MWGAMING .modal-box.modal-gamelist.modal-Feature .modal-main,
body.MAHARLIKA .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.MAHARLIKA .modal-box.modal-gamelist.modal-Feature .modal-main,
body.VELOCE .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.VELOCE .modal-box.modal-gamelist.modal-Feature .modal-main,
body.MW .modal-box.modal-gamelist.FEATUREGAME .modal-main,
body.MW .modal-box.modal-gamelist.modal-Feature .modal-main {
    background: #111
}

body.MGK88 .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.MGK88 .modal-box.modal-gamelist.modal-Feature .modal-top,
body.GOLDENVAULT .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.GOLDENVAULT .modal-box.modal-gamelist.modal-Feature .modal-top,
body.PLAYPLUS .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.PLAYPLUS .modal-box.modal-gamelist.modal-Feature .modal-top,
body.SCATTER365 .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.SCATTER365 .modal-box.modal-gamelist.modal-Feature .modal-top,
body.MWGAMING .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.MWGAMING .modal-box.modal-gamelist.modal-Feature .modal-top,
body.MAHARLIKA .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.MAHARLIKA .modal-box.modal-gamelist.modal-Feature .modal-top,
body.VELOCE .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.VELOCE .modal-box.modal-gamelist.modal-Feature .modal-top,
body.MW .modal-box.modal-gamelist.FEATUREGAME .modal-top,
body.MW .modal-box.modal-gamelist.modal-Feature .modal-top {
    background: #1a1a1a;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06)
}

body.MGK88 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.MGK88 .modal-box.modal-gamelist.modal-Feature .top-feature-bar,
body.GOLDENVAULT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.GOLDENVAULT .modal-box.modal-gamelist.modal-Feature .top-feature-bar,
body.PLAYPLUS .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.PLAYPLUS .modal-box.modal-gamelist.modal-Feature .top-feature-bar,
body.SCATTER365 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.SCATTER365 .modal-box.modal-gamelist.modal-Feature .top-feature-bar,
body.MWGAMING .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.MWGAMING .modal-box.modal-gamelist.modal-Feature .top-feature-bar,
body.MAHARLIKA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.MAHARLIKA .modal-box.modal-gamelist.modal-Feature .top-feature-bar,
body.VELOCE .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.VELOCE .modal-box.modal-gamelist.modal-Feature .top-feature-bar,
body.MW .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar,
body.MW .modal-box.modal-gamelist.modal-Feature .top-feature-bar {
    background: #2a2a2a;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08)
}

body.MGK88 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.MGK88 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab,
body.GOLDENVAULT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.GOLDENVAULT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab,
body.PLAYPLUS .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.PLAYPLUS .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab,
body.SCATTER365 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.SCATTER365 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab,
body.MWGAMING .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.MWGAMING .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab,
body.MAHARLIKA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.MAHARLIKA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab,
body.VELOCE .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.VELOCE .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab,
body.MW .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab,
body.MW .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab {
    background: #000;
    border: 1px solid transparent;
    box-shadow: none
}

body.MGK88 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.MGK88 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p,
body.GOLDENVAULT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.GOLDENVAULT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p,
body.PLAYPLUS .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.PLAYPLUS .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p,
body.SCATTER365 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.SCATTER365 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p,
body.MWGAMING .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.MWGAMING .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p,
body.MAHARLIKA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.MAHARLIKA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p,
body.VELOCE .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.VELOCE .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p,
body.MW .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab p,
body.MW .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab p {
    color: rgba(255, 255, 255, 0.88)
}

body.MGK88 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.MGK88 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover,
body.GOLDENVAULT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.GOLDENVAULT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover,
body.PLAYPLUS .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.PLAYPLUS .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover,
body.SCATTER365 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.SCATTER365 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover,
body.MWGAMING .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.MWGAMING .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover,
body.MAHARLIKA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.MAHARLIKA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover,
body.VELOCE .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.VELOCE .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover,
body.MW .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab:hover,
body.MW .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab:hover {
    background: #0d0d0d;
    border-color: #fce487
}

body.MGK88 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.MGK88 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active,
body.GOLDENVAULT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.GOLDENVAULT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active,
body.PLAYPLUS .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.PLAYPLUS .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active,
body.SCATTER365 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.SCATTER365 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active,
body.MWGAMING .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.MWGAMING .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active,
body.MAHARLIKA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.MAHARLIKA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active,
body.VELOCE .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.VELOCE .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active,
body.MW .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active,
body.MW .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active {
    background: #000;
    border-color: #fce487;
    box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.15)
}

body.MGK88 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.MGK88 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p,
body.GOLDENVAULT .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.GOLDENVAULT .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p,
body.PLAYPLUS .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.PLAYPLUS .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p,
body.SCATTER365 .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.SCATTER365 .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p,
body.MWGAMING .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.MWGAMING .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p,
body.MAHARLIKA .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.MAHARLIKA .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p,
body.VELOCE .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.VELOCE .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p,
body.MW .modal-box.modal-gamelist.FEATUREGAME .top-feature-bar .filter-tabs .tab.active p,
body.MW .modal-box.modal-gamelist.modal-Feature .top-feature-bar .filter-tabs .tab.active p {
    color: #fff
}

section.content-section {
    padding: 20px;
    margin: 10px auto 0;
    position: relative;
    max-width: 880px;
    color: #ccc;
    font-size: 14px;
    line-height: 1.7;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 12px;
    backdrop-filter: blur(5px);
    text-align: left
}

section.content-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1.4;
    font-style: normal;
    letter-spacing: .2px;
    text-align: left !important;
    padding: 0
}

section.content-section h2::before,
section.content-section h2::after {
    display: none
}

section.content-section .content-body {
    max-height: 120px;
    overflow: hidden;
    transition: max-height .35s ease;
    -webkit-mask-image: linear-gradient(180deg, #000 80%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 80%, transparent 100%)
}

section.content-section .content-body p {
    margin-bottom: 12px
}

section.content-section .content-body h3 {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 8px;
    font-style: normal;
    color: #fff;
    padding: 0
}

section.content-section .content-body ul,
section.content-section .content-body li {
    margin-bottom: 6px
}

section.content-section .content-body ul {
    display: flex;
    flex-direction: column;
    gap: 5px
}

section.content-section .content-body ul li {
    padding: 0
}

section.content-section .content-body ul li::before,
section.content-section .content-body ul li::after {
    display: none
}

section.content-section .content-body a {
    color: #ff9100;
    text-decoration: none
}

section.content-section .content-body a:hover {
    text-decoration: underline
}

section.content-section.open-all .content-body {
    max-height: 9999px;
    mask-image: none
}

section.content-section .content-toggle {
    margin-top: 10px;
    background: none;
    border: none;
    color: #6ea8ff;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: opacity .2s
}

section.content-section .content-toggle:hover {
    opacity: .8
}

section.content-section .content-toggle::after {
    font-family: 'icomoon';
    content: '\e902';
    font-size: 14px
}

section.content-section .content-toggle.active::after {
    content: '\e905'
}

.type-R.device-PC .content-group,
.type-W.device-PC .content-group,
.type-P.device-PC .content-group {
    grid-column: 1 / -1;
    width: 100%
}

.type-L.device-PC .page-wrapper .content-group {
    grid-column: 1 / -1;
    width: calc(100% - 90px);
    margin-left: 90px
}

.EZ section.content-section {
    background: #292928;
    border-radius: 0
}

.page-web:has(.page-content.page-game-list) .site-background,
.page-web:has(.page-content.page-game-list.page-search) .site-background {
    background: none !important
}

.page-web:has(.page-content.page-game-list) .page-wrapper,
.page-web:has(.page-content.page-game-list.page-search) .page-wrapper {
    z-index: 10;
    position: relative
}

.page-web:has(.page-content.page-game-list) .page-game-list.page-search,
.page-web:has(.page-content.page-game-list.page-search) .page-game-list.page-search {
    background: #323232;
    padding-top: 20px !important;
    min-height: 100vh
}

.page-web:has(.page-content.page-game-list) .page-game-list.page-search .page-body,
.page-web:has(.page-content.page-game-list.page-search) .page-game-list.page-search .page-body {
    padding: 4%
}

.page-web.NUEBE .page-content.page-game-list.page-search {
    background: #323232 !important
}

.page-web.BET4X4 .page-content.page-game-list.page-search,
.page-web.VIPX .page-content.page-game-list.page-search,
.page-web.M7SPIN .page-content.page-game-list.page-search,
.page-web.D2DBET .page-content.page-game-list.page-search,
.page-web.PS24 .page-content.page-game-list.page-search,
.page-web.DEMOP .page-content.page-game-list.page-search,
.page-web.DEMOL .page-content.page-game-list.page-search,
.page-web.DEMOEZ .page-content.page-game-list.page-search,
.page-web.DEMOEZWIDE .page-content.page-game-list.page-search,
.page-web.DEMOEZTALL .page-content.page-game-list.page-search,
.page-web.MJ7 .page-content.page-game-list.page-search,
.page-web.LAUNG8 .page-content.page-game-list.page-search,
.page-web.PUMUBET .page-content.page-game-list.page-search,
.page-web.OKPLUS .page-content.page-game-list.page-search {
    background-color: #f1f1f1 !important
}

.page-web.MWGAMING .page-content.page-game-list.page-search {
    background-color: #fff5e2 !important
}

.page-web.MWGAMING.type-BS .page-content.page-game-list.page-search {
    background-color: #290102 !important
}

.page-web.HOUSEOFLUCK .page-content.page-game-list.page-search {
    background-color: #001561 !important
}

.page-web.PGSWIN .page-content.page-game-list.page-search {
    background-color: #003580 !important
}

.page-web.HOUSELUCKCASH .page-content.page-game-list.page-search {
    background-color: #084f09 !important
}

.page-web.M9888 .page-content.page-game-list.page-search {
    background-color: #318174 !important
}

.page-web.COW88 .page-content.page-game-list.page-search {
    background-color: #323232 !important
}

.page-web.SOG .page-content.page-game-list.page-search {
    background: #0c0722 !important
}

.page-web.SOG .page-content.page-game-list.page-search .game-search-box .form-group .form-control {
    background: #203143
}

.page-web.PHPLAY .page-content.page-game-list {
    background: #323232 !important
}

.page-web.PHPLAY .page-content.page-game-list .page-body {
    background: #323232 !important
}

.NWC .fix-sticker.section-signupComm {
    top: 60dvh !important
}

.fix-sticker.section-signupComm {
    display: none;
    position: relative;
    background: linear-gradient(90deg, #FFB60D 0%, #EE2664 23.08%);
    box-shadow: 0 5px 13px 0px #000000b2;
    border: 2px solid #626262;
    position: fixed !important;
    width: 90px !important;
    height: 85px !important;
    right: auto !important;
    left: 5px !important;
    top: 50vh !important;
    border-radius: 12px;
    padding: 0;
    opacity: 1
}

.fix-sticker.section-signupComm::before {
    display: none !important
}

.fix-sticker.section-signupComm .close {
    position: absolute;
    right: -12px;
    top: -20px;
    background-color: white;
    opacity: .9;
    border-radius: 100px;
    font-size: 22px;
    z-index: 11
}

.fix-sticker.section-signupComm .show-instant {
    width: 100%;
    border-radius: 100px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    position: absolute;
    z-index: 10;
    display: flex;
    padding-left: 3px;
    justify-content: flex-start;
    align-items: center;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7)
}

.fix-sticker.section-signupComm .show-instant span {
    padding: 3px 0;
    display: inline-block;
    border-radius: 0 4px;
    font-size: 8.5px;
    font-weight: bold;
    text-align: center;
    line-height: normal;
    color: #fff;
    white-space: nowrap
}

.fix-sticker.section-signupComm .show-instant::before {
    display: none !important
}

.fix-sticker.section-signupComm .show-bonus-event.CLOCK {
    left: 50%;
    transform: translateX(-50%);
    bottom: 25%;
    width: auto;
    position: absolute;
    z-index: 9;
    display: inline-block;
    top: auto
}

.fix-sticker.section-signupComm .show-bonus-event.CLOCK::before {
    content: '';
    position: absolute;
    top: -100%;
    z-index: -1;
    left: 50%;
    opacity: 1;
    pointer-events: none;
    width: 89px;
    height: 98px;
    background: url(../../../theme/images/src-common/BONUSEVENT-img/bonus-clock-count.webp) no-repeat center;
    background-size: 100%;
    filter: drop-shadow(0px -2px 10px #FFC95D);
    transform: translate(-52%, -50%) rotate(-17deg)
}

.fix-sticker.section-signupComm .show-bonus-event.CLOCK .txt {
    border-radius: 4px;
    padding: 0 4px;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 90%;
    text-align: center;
    line-height: normal;
    color: #fff;
    margin-top: -3px;
    white-space: nowrap;
    z-index: 8
}

.fix-sticker.section-signupComm .show-bonus-txt {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 50%;
    word-break: keep-all;
    transform: translateX(-50%);
    border-radius: 100px;
    border: 1px solid #F7A104;
    background: linear-gradient(180deg, #FEDB28 0%, #F5A805 100%);
    box-shadow: 0px 2px 0px 0px #F18000;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 5px
}

.fix-sticker.section-signupComm .show-bonus-txt span {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    padding: 2px 0;
    white-space: nowrap
}

.fix-sticker.section-signupComm .show-bonus-txt::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid black
}

.fix-sticker.section-signupComm.event-end .show-instant {
    display: none
}

.modal-box.modal-signupComm .modal-main {
    padding: 8px;
    overflow: visible;
    border-radius: 20px !important;
    border: 3px solid #FEB52C !important;
    background: linear-gradient(180deg, rgba(141, 27, 189, 0.4) 0%, rgba(0, 0, 0, 0.8) 98.08%) !important;
    backdrop-filter: blur(2px);
    min-height: auto
}

.modal-box.modal-signupComm .modal-main::before {
    content: '';
    width: 160px;
    height: 210px;
    top: -90px;
    right: auto;
    left: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url(../../../theme/images/src-common/BONUSEVENT-img/bonus-clock.webp);
    transform: translateX(-50%);
    z-index: 1
}

.modal-box.modal-signupComm .modal-main .modal-top {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    height: auto
}

.modal-box.modal-signupComm .modal-main .modal-top .close {
    text-shadow: none;
    position: absolute;
    right: -15px;
    top: -10px;
    opacity: 1;
    background-color: white !important;
    border-radius: 100px
}

.modal-box.modal-signupComm .modal-main .modal-top .close i {
    color: black !important
}

.modal-box.modal-signupComm .modal-main .modal-top .modal-title {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal-box.modal-signupComm .modal-main .modal-top .modal-title .main-title {
    text-align: center
}

.modal-box.modal-signupComm .modal-main .modal-top .modal-title .main-title span {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    line-height: 32px;
    letter-spacing: 2px;
    text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.9)
}

.modal-box.modal-signupComm .modal-main .modal-top .modal-title .sub-title {
    margin-top: 10px
}

.modal-box.modal-signupComm .modal-main .modal-top .modal-title .sub-title span {
    background: linear-gradient(180deg, #FBF053 10.23%, #FFC12E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    font-weight: 900;
    line-height: 50px;
    text-shadow: 0px 4px 20px rgba(255, 246, 0, 0.6)
}

.modal-box.modal-signupComm .modal-main .modal-layout {
    z-index: 0;
    padding: 15px 0;
    height: auto !important
}

.modal-box.modal-signupComm .modal-main .modal-layout .signupComm-box {
    display: flex;
    justify-content: center
}

.modal-box.modal-signupComm .modal-main .modal-layout .signupComm-box .commBox {
    color: #fff;
    font-size: 12px;
    width: auto;
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    border-right: 1.5px solid #650EA3
}

.modal-box.modal-signupComm .modal-main .modal-layout .signupComm-box .commBox:last-child {
    border: none
}

.modal-box.modal-signupComm .modal-main .modal-layout .signupComm-box .commBox .info-prize {
    font-size: 20px;
    font-weight: 700
}

.modal-box.modal-signupComm .modal-main .modal-layout .signupComm-CD {
    width: 90%;
    margin: 15px auto 0;
    padding: 5px;
    display: flex;
    color: white;
    justify-content: center;
    border-radius: 4px;
    background: linear-gradient(0deg, #755100 -7.89%, #202020 25.51%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    font-size: 15px
}

.modal-box.modal-signupComm .modal-main .modal-layout .signupComm-CD span {
    font-weight: 700;
    margin: 0 3px 0 10px
}

.modal-box.modal-signupComm .modal-main .modal-layout .signupComm-detail {
    text-align: center;
    border-radius: 100px;
    border: 1px solid #F7A104;
    background: linear-gradient(180deg, #FEDB28 0%, #F5A805 100%);
    box-shadow: 0px 2px 0px 0px #F18000;
    padding: 5px 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    width: 50%;
    margin: 15px auto 0;
    font-size: 15px;
    font-weight: 900;
    color: #000;
    cursor: pointer
}

.modal-box.modal-signupComm .modal-main .modal-layout .signupComm-detail::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid black
}

.device-PC.POPULAR .fix-sticker-group .fix-sticker.section-signupComm,
.device-PC.CLASSIC .fix-sticker-group .fix-sticker.section-signupComm {
    top: 370px !important
}

.device-PC.POPULAR .fix-sticker-group .fix-sticker.section-signupComm:hover,
.device-PC.CLASSIC .fix-sticker-group .fix-sticker.section-signupComm:hover {
    filter: drop-shadow(0px 0px 10px #FFC95D)
}

.device-PC.POPULAR .fix-sticker-group .fix-sticker.section-signupComm .close,
.device-PC.CLASSIC .fix-sticker-group .fix-sticker.section-signupComm .close {
    right: -20px;
    top: -10px
}

.EZ .fix-sticker.section-signupComm {
    position: relative !important;
    order: -1;
    top: auto !important;
    margin-bottom: 10px
}

.WL .fix-sticker.section-signupComm {
    position: relative !important;
    order: -2;
    top: auto !important;
    margin-bottom: 10px;
    left: auto !important
}

.type-R .fix-sticker.section-signupComm,
.type-W .fix-sticker.section-signupComm,
.type-L .fix-sticker.section-signupComm,
.type-P .fix-sticker.section-signupComm {
    position: relative !important;
    order: -2;
    top: auto !important;
    margin: 0 10px 10px;
    left: auto !important
}

.type-R .fix-sticker.section-signupComm .close,
.type-W .fix-sticker.section-signupComm .close,
.type-L .fix-sticker.section-signupComm .close,
.type-P .fix-sticker.section-signupComm .close {
    right: -7px
}

.type-BS .fix-sticker.section-signupComm {
    position: relative !important;
    order: -2;
    top: auto !important;
    margin: 0 auto;
    left: auto !important;
    overflow: visible;
    transform: none;
    max-width: 50px;
    height: 50px !important;
    bottom: auto !important;
    border: none;
    box-shadow: none
}

.type-BS .fix-sticker.section-signupComm .show-instant {
    width: auto
}

.type-BS .fix-sticker.section-signupComm .show-instant span {
    font-size: 32%
}

.type-BS .fix-sticker.section-signupComm .show-bonus-event.CLOCK {
    height: auto;
    bottom: 30%
}

.type-BS .fix-sticker.section-signupComm .show-bonus-event.CLOCK .txt {
    font-size: 60%;
    box-shadow: none
}

.type-BS .fix-sticker.section-signupComm .show-bonus-event.CLOCK::before {
    width: 50px;
    height: 50px;
    top: -40%;
    transform: translate(-52%, -68%) rotate(-17deg)
}

.type-BS .fix-sticker.section-signupComm .show-bonus-txt {
    padding: 0 5px;
    border: none;
    box-shadow: none
}

.type-BS .fix-sticker.section-signupComm .show-bonus-txt span {
    padding: 1px 0;
    font-size: 50%;
    line-height: normal
}

.fix-sticker-group .fix-sticker {
    order: 0;
    position: relative;
    bottom: auto !important
}

body.type-R .fix-sticker-group,
body.type-W .fix-sticker-group,
body.type-L .fix-sticker-group,
body.type-P .fix-sticker-group {
    bottom: 22vh
}

body.device-PC.type-R .fix-sticker-group,
body.device-PC.type-W .fix-sticker-group,
body.device-PC.type-L .fix-sticker-group,
body.device-PC.type-P .fix-sticker-group {
    bottom: 10vh
}

body.type-R.device-PC .fix-sticker-group,
body.type-W.device-PC .fix-sticker-group,
body.type-P.device-PC .fix-sticker-group {
    align-items: flex-start
}

body.type-L.device-PC .fix-sticker-group {
    align-items: flex-end
}

body.EZ .fix-sticker-group {
    bottom: 100px;
    align-items: flex-start
}

body.EZ.device-PC .fix-sticker-group {
    bottom: 120px
}

.type-P.page-web .section-SPECIAL.right-active .section-ul {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.type-P.page-web .section-SPECIAL.left-active .section-ul {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.type-P.page-web .section-SPECIAL.right-active.left-active .section-ul {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.type-R.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).right-active .tab-navs,
.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).right-active .tab-navs {
    -webkit-mask-image: linear-gradient(90deg, #000 95%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 95%, transparent 100%)
}

.type-R.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).left-active .tab-navs,
.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).left-active .tab-navs {
    -webkit-mask-image: linear-gradient(270deg, #000 95%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 95%, transparent 100%)
}

.type-R.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).right-active.left-active,
.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).right-active.left-active {
    -webkit-mask-image: linear-gradient(90deg, #000 95%, transparent 100%), linear-gradient(270deg, transparent 95%, #000 100%);
    mask-image: linear-gradient(90deg, #000 95%, transparent 100%), linear-gradient(270deg, transparent 95%, #000 100%)
}

.type-W.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).right-active .tab-navs {
    -webkit-mask-image: linear-gradient(90deg, #000 95%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 95%, transparent 100%)
}

.type-W.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).left-active .tab-navs {
    -webkit-mask-image: linear-gradient(270deg, #000 95%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 95%, transparent 100%)
}

.type-W.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s).right-active.left-active {
    -webkit-mask-image: linear-gradient(90deg, #000 95%, transparent 100%), linear-gradient(270deg, transparent 95%, #000 100%);
    mask-image: linear-gradient(90deg, #000 95%, transparent 100%), linear-gradient(270deg, transparent 95%, #000 100%)
}

.type-R.page-web .raceWin-box .box.right-active .raceWin-list,
.type-W.page-web .raceWin-box .box.right-active .raceWin-list,
.type-L.page-web .raceWin-box .box.right-active .raceWin-list,
.type-P.page-web .raceWin-box .box.right-active .raceWin-list,
.type-CA.page-web .raceWin-box .box.right-active .raceWin-list {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.type-R.page-web .raceWin-box .box.left-active .raceWin-list,
.type-W.page-web .raceWin-box .box.left-active .raceWin-list,
.type-L.page-web .raceWin-box .box.left-active .raceWin-list,
.type-P.page-web .raceWin-box .box.left-active .raceWin-list,
.type-CA.page-web .raceWin-box .box.left-active .raceWin-list {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.type-R.page-web .raceWin-box .box.right-active.left-active .raceWin-list,
.type-W.page-web .raceWin-box .box.right-active.left-active .raceWin-list,
.type-L.page-web .raceWin-box .box.right-active.left-active .raceWin-list,
.type-P.page-web .raceWin-box .box.right-active.left-active .raceWin-list,
.type-CA.page-web .raceWin-box .box.right-active.left-active .raceWin-list {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.type-R.page-web .challenge-section.right-active .section-ul.game-list-ul,
.type-W.page-web .challenge-section.right-active .section-ul.game-list-ul,
.type-L.page-web .challenge-section.right-active .section-ul.game-list-ul,
.type-P.page-web .challenge-section.right-active .section-ul.game-list-ul,
.type-CA.page-web .challenge-section.right-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.type-R.page-web .challenge-section.left-active .section-ul.game-list-ul,
.type-W.page-web .challenge-section.left-active .section-ul.game-list-ul,
.type-L.page-web .challenge-section.left-active .section-ul.game-list-ul,
.type-P.page-web .challenge-section.left-active .section-ul.game-list-ul,
.type-CA.page-web .challenge-section.left-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.type-R.page-web .challenge-section.right-active.left-active .section-ul.game-list-ul,
.type-W.page-web .challenge-section.right-active.left-active .section-ul.game-list-ul,
.type-L.page-web .challenge-section.right-active.left-active .section-ul.game-list-ul,
.type-P.page-web .challenge-section.right-active.left-active .section-ul.game-list-ul,
.type-CA.page-web .challenge-section.right-active.left-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.POPULAR .page-header.right-active .page-menu-Lv1,
.NWC .header-navigation.right-active .page-menu-Lv1 {
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 85%, transparent 100%)
}

.POPULAR .page-header.left-active .page-menu-Lv1,
.NWC .header-navigation.left-active .page-menu-Lv1 {
    -webkit-mask-image: linear-gradient(270deg, #000 85%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 85%, transparent 100%)
}

.POPULAR .page-header.right-active.left-active .page-menu-Lv1,
.NWC .header-navigation.right-active.left-active .page-menu-Lv1 {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%)
}

.NWC .section-box .section-ul.right-active .ul-gameList,
.POPULAR .section-box .section-ul.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC .section-box .section-ul.left-active .ul-gameList,
.POPULAR .section-box .section-ul.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC .section-box .section-ul.right-active.left-active .ul-gameList,
.POPULAR .section-box .section-ul.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.NWC .section-box.section-JACKPOT .section-ul.right-active .ul-gameList,
.POPULAR .section-box.section-JACKPOT .section-ul.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC .section-box.section-JACKPOT .section-ul.left-active .ul-gameList,
.POPULAR .section-box.section-JACKPOT .section-ul.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC .section-box.section-JACKPOT .section-ul.right-active.left-active .ul-gameList,
.POPULAR .section-box.section-JACKPOT .section-ul.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.NWC .section-box.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC .section-box.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC .section-box.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.NWC .gameTypeMenu.right-active ul,
.NWC .mb-platform-menu.right-active ul {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC .gameTypeMenu.left-active ul,
.NWC .mb-platform-menu.left-active ul {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC .gameTypeMenu.right-active.left-active ul,
.NWC .mb-platform-menu.right-active.left-active ul {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.NWC.device-mobile .twoBox.raceWin-box.right-active,
.NWC.device-mobile .threeBox.raceWin-box.right-active {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC.device-mobile .twoBox.raceWin-box.left-active,
.NWC.device-mobile .threeBox.raceWin-box.left-active {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC.device-mobile .twoBox.raceWin-box.right-active.left-active,
.NWC.device-mobile .threeBox.raceWin-box.right-active.left-active {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.NWC.device-PC .rngtable-game.right-active .ul-gameList,
.NWC.device-PC .slot-game.right-active .ul-gameList,
.NWC.device-PC .fh-game.right-active .ul-gameList,
.NWC.device-PC .arcade-game.right-active .ul-gameList,
.NWC.device-PC .local-game.right-active .ul-gameList,
.NWC.device-PC .section-ul.right-active .ul-gameList,
.NWC.device-PC .new-game.right-active .ul-gameList,
.NWC.device-PC .local-game.right-active .ul-gameList,
.NWC.device-PC .game_picks-game.right-active .ul-gameList,
.NWC.device-PC .recently_visited-game.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC.device-PC .rngtable-game.left-active .ul-gameList,
.NWC.device-PC .slot-game.left-active .ul-gameList,
.NWC.device-PC .fh-game.left-active .ul-gameList,
.NWC.device-PC .arcade-game.left-active .ul-gameList,
.NWC.device-PC .local-game.left-active .ul-gameList,
.NWC.device-PC .section-ul.left-active .ul-gameList,
.NWC.device-PC .new-game.left-active .ul-gameList,
.NWC.device-PC .local-game.left-active .ul-gameList,
.NWC.device-PC .game_picks-game.left-active .ul-gameList,
.NWC.device-PC .recently_visited-game.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.NWC.device-PC .rngtable-game.right-active.left-active .ul-gameList,
.NWC.device-PC .slot-game.right-active.left-active .ul-gameList,
.NWC.device-PC .fh-game.right-active.left-active .ul-gameList,
.NWC.device-PC .arcade-game.right-active.left-active .ul-gameList,
.NWC.device-PC .local-game.right-active.left-active .ul-gameList,
.NWC.device-PC .section-ul.right-active.left-active .ul-gameList,
.NWC.device-PC .new-game.right-active.left-active .ul-gameList,
.NWC.device-PC .local-game.right-active.left-active .ul-gameList,
.NWC.device-PC .game_picks-game.right-active.left-active .ul-gameList,
.NWC.device-PC .recently_visited-game.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.NWC .subpage-root.promo .tab-list::before,
.NWC .subpage-root.promo .tab-list::after {
    all: unset;
    display: none;
    font-family: 'icomoon' !important;
    color: #fff;
    padding: 0 3px;
    min-width: 50px;
    font-size: 14px;
    line-height: 35px;
    position: sticky !important;
    top: 0
}

.NWC .subpage-root.promo .tab-list.left-active::before {
    left: 0;
    bottom: 0
}

.NWC .subpage-root.promo .tab-list.left-active::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 20px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #AD0101)
}

.NWC .subpage-root.promo .tab-list.left-active::before {
    display: block;
    content: '\eb27';
    left: -5px;
    text-align: left
}

.NWC .subpage-root.promo .tab-list.right-active::after {
    right: 0;
    bottom: 0
}

.NWC .subpage-root.promo .tab-list.right-active::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 20px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #AD0101)
}

.NWC .subpage-root.promo .tab-list.right-active::after {
    display: block;
    content: '\eb28';
    right: -5px;
    text-align: right
}

.CLASSIC .raceWin-box .box.right-active .raceWin-list,
.POPULAR .raceWin-box .box.right-active .raceWin-list,
.POPULAR.device-PC .raceWin-box .box.right-active .raceWin-list,
.CLASSIC.device-PC .raceWin-box .box.right-active .raceWin-list {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .raceWin-box .box.left-active .raceWin-list,
.POPULAR .raceWin-box .box.left-active .raceWin-list,
.POPULAR.device-PC .raceWin-box .box.left-active .raceWin-list,
.CLASSIC.device-PC .raceWin-box .box.left-active .raceWin-list {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .raceWin-box .box.right-active.left-active .raceWin-list,
.POPULAR .raceWin-box .box.right-active.left-active .raceWin-list,
.POPULAR.device-PC .raceWin-box .box.right-active.left-active .raceWin-list,
.CLASSIC.device-PC .raceWin-box .box.right-active.left-active .raceWin-list {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .challenge-area.right-active .ul-gameList,
.POPULAR .challenge-area.right-active .ul-gameList,
.NWC .challenge-area.right-active .ul-gameList,
.NWC.device-PC .challenge-area.right-active .ul-gameList,
.POPULAR.device-PC .challenge-area.right-active .ul-gameList,
.CLASSIC.device-PC .challenge-area.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 20px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 20px), transparent 100%)
}

.CLASSIC .challenge-area.left-active .ul-gameList,
.POPULAR .challenge-area.left-active .ul-gameList,
.NWC .challenge-area.left-active .ul-gameList,
.NWC.device-PC .challenge-area.left-active .ul-gameList,
.POPULAR.device-PC .challenge-area.left-active .ul-gameList,
.CLASSIC.device-PC .challenge-area.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 20px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 20px), transparent 100%)
}

.CLASSIC .challenge-area.right-active.left-active .ul-gameList,
.POPULAR .challenge-area.right-active.left-active .ul-gameList,
.NWC .challenge-area.right-active.left-active .ul-gameList,
.NWC.device-PC .challenge-area.right-active.left-active .ul-gameList,
.POPULAR.device-PC .challenge-area.right-active.left-active .ul-gameList,
.CLASSIC.device-PC .challenge-area.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.NWC .raceWinSection.right-active .raceWin-box,
.NWC.device-PC .raceWinSection.right-active .raceWin-box {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 20px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 20px), transparent 100%)
}

.NWC .raceWinSection.left-active .raceWin-box,
.NWC.device-PC .raceWinSection.left-active .raceWin-box {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 20px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 20px), transparent 100%)
}

.NWC .raceWinSection.right-active.left-active .raceWin-box,
.NWC.device-PC .raceWinSection.right-active.left-active .raceWin-box {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .nav-menu .nav {
    overflow-x: auto
}

.CLASSIC .nav-menu.right-active {
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 85%, transparent 100%)
}

.CLASSIC .nav-menu.left-active {
    -webkit-mask-image: linear-gradient(270deg, #000 85%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 85%, transparent 100%)
}

.CLASSIC .nav-menu.right-active.left-active {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%)
}

.CLASSIC .MEGAJACKPOT .section-ul.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .MEGAJACKPOT .section-ul.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .MEGAJACKPOT .section-ul.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .live_game.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .live_game.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC .live_game.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.CLASSIC.device-PC nav,
.POPULAR.device-PC nav,
.NWC.device-PC nav {
    position: relative
}

.CLASSIC.device-PC nav.right-active ul::after,
.POPULAR.device-PC nav.right-active ul::after,
.NWC.device-PC nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC nav.right-active ul::after,
.POPULAR.device-PC nav.right-active ul::after,
.NWC.device-PC nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #0C171F)
}

.CLASSIC.device-PC nav.left-active ul::before,
.POPULAR.device-PC nav.left-active ul::before,
.NWC.device-PC nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC nav.left-active ul::before,
.POPULAR.device-PC nav.left-active ul::before,
.NWC.device-PC nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #0C171F)
}

.CLASSIC.device-PC.BUENASB nav.right-active ul::after,
.CLASSIC.device-PC.EXTREME88 nav.right-active ul::after,
.CLASSIC.device-PC.EXTREMECASH nav.right-active ul::after,
.CLASSIC.device-PC.NEXUS nav.right-active ul::after,
.CLASSIC.device-PC.NEXTGEN88 nav.right-active ul::after,
.CLASSIC.device-PC.PESOGAMING nav.right-active ul::after,
.CLASSIC.device-PC.TMT nav.right-active ul::after,
.CLASSIC.device-PC.TMTVIP nav.right-active ul::after,
.CLASSIC.device-PC.TMTVIPCASH nav.right-active ul::after,
.CLASSIC.device-PC.DYNASTY888 nav.right-active ul::after,
.CLASSIC.device-PC.AGD88 nav.right-active ul::after,
.CLASSIC.device-PC.G2G77 nav.right-active ul::after,
.CLASSIC.device-PC.AZACASINO nav.right-active ul::after,
.POPULAR.device-PC.BUENASB nav.right-active ul::after,
.POPULAR.device-PC.EXTREME88 nav.right-active ul::after,
.POPULAR.device-PC.EXTREMECASH nav.right-active ul::after,
.POPULAR.device-PC.NEXUS nav.right-active ul::after,
.POPULAR.device-PC.NEXTGEN88 nav.right-active ul::after,
.POPULAR.device-PC.PESOGAMING nav.right-active ul::after,
.POPULAR.device-PC.TMT nav.right-active ul::after,
.POPULAR.device-PC.TMTVIP nav.right-active ul::after,
.POPULAR.device-PC.TMTVIPCASH nav.right-active ul::after,
.POPULAR.device-PC.DYNASTY888 nav.right-active ul::after,
.POPULAR.device-PC.AGD88 nav.right-active ul::after,
.POPULAR.device-PC.G2G77 nav.right-active ul::after,
.POPULAR.device-PC.AZACASINO nav.right-active ul::after,
.NWC.device-PC.BUENASB nav.right-active ul::after,
.NWC.device-PC.EXTREME88 nav.right-active ul::after,
.NWC.device-PC.EXTREMECASH nav.right-active ul::after,
.NWC.device-PC.NEXUS nav.right-active ul::after,
.NWC.device-PC.NEXTGEN88 nav.right-active ul::after,
.NWC.device-PC.PESOGAMING nav.right-active ul::after,
.NWC.device-PC.TMT nav.right-active ul::after,
.NWC.device-PC.TMTVIP nav.right-active ul::after,
.NWC.device-PC.TMTVIPCASH nav.right-active ul::after,
.NWC.device-PC.DYNASTY888 nav.right-active ul::after,
.NWC.device-PC.AGD88 nav.right-active ul::after,
.NWC.device-PC.G2G77 nav.right-active ul::after,
.NWC.device-PC.AZACASINO nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.BUENASB nav.right-active ul::after,
.CLASSIC.device-PC.EXTREME88 nav.right-active ul::after,
.CLASSIC.device-PC.EXTREMECASH nav.right-active ul::after,
.CLASSIC.device-PC.NEXUS nav.right-active ul::after,
.CLASSIC.device-PC.NEXTGEN88 nav.right-active ul::after,
.CLASSIC.device-PC.PESOGAMING nav.right-active ul::after,
.CLASSIC.device-PC.TMT nav.right-active ul::after,
.CLASSIC.device-PC.TMTVIP nav.right-active ul::after,
.CLASSIC.device-PC.TMTVIPCASH nav.right-active ul::after,
.CLASSIC.device-PC.DYNASTY888 nav.right-active ul::after,
.CLASSIC.device-PC.AGD88 nav.right-active ul::after,
.CLASSIC.device-PC.G2G77 nav.right-active ul::after,
.CLASSIC.device-PC.AZACASINO nav.right-active ul::after,
.POPULAR.device-PC.BUENASB nav.right-active ul::after,
.POPULAR.device-PC.EXTREME88 nav.right-active ul::after,
.POPULAR.device-PC.EXTREMECASH nav.right-active ul::after,
.POPULAR.device-PC.NEXUS nav.right-active ul::after,
.POPULAR.device-PC.NEXTGEN88 nav.right-active ul::after,
.POPULAR.device-PC.PESOGAMING nav.right-active ul::after,
.POPULAR.device-PC.TMT nav.right-active ul::after,
.POPULAR.device-PC.TMTVIP nav.right-active ul::after,
.POPULAR.device-PC.TMTVIPCASH nav.right-active ul::after,
.POPULAR.device-PC.DYNASTY888 nav.right-active ul::after,
.POPULAR.device-PC.AGD88 nav.right-active ul::after,
.POPULAR.device-PC.G2G77 nav.right-active ul::after,
.POPULAR.device-PC.AZACASINO nav.right-active ul::after,
.NWC.device-PC.BUENASB nav.right-active ul::after,
.NWC.device-PC.EXTREME88 nav.right-active ul::after,
.NWC.device-PC.EXTREMECASH nav.right-active ul::after,
.NWC.device-PC.NEXUS nav.right-active ul::after,
.NWC.device-PC.NEXTGEN88 nav.right-active ul::after,
.NWC.device-PC.PESOGAMING nav.right-active ul::after,
.NWC.device-PC.TMT nav.right-active ul::after,
.NWC.device-PC.TMTVIP nav.right-active ul::after,
.NWC.device-PC.TMTVIPCASH nav.right-active ul::after,
.NWC.device-PC.DYNASTY888 nav.right-active ul::after,
.NWC.device-PC.AGD88 nav.right-active ul::after,
.NWC.device-PC.G2G77 nav.right-active ul::after,
.NWC.device-PC.AZACASINO nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #000)
}

.CLASSIC.device-PC.BUENASB nav.left-active ul::before,
.CLASSIC.device-PC.EXTREME88 nav.left-active ul::before,
.CLASSIC.device-PC.EXTREMECASH nav.left-active ul::before,
.CLASSIC.device-PC.NEXUS nav.left-active ul::before,
.CLASSIC.device-PC.NEXTGEN88 nav.left-active ul::before,
.CLASSIC.device-PC.PESOGAMING nav.left-active ul::before,
.CLASSIC.device-PC.TMT nav.left-active ul::before,
.CLASSIC.device-PC.TMTVIP nav.left-active ul::before,
.CLASSIC.device-PC.TMTVIPCASH nav.left-active ul::before,
.CLASSIC.device-PC.DYNASTY888 nav.left-active ul::before,
.CLASSIC.device-PC.AGD88 nav.left-active ul::before,
.CLASSIC.device-PC.G2G77 nav.left-active ul::before,
.CLASSIC.device-PC.AZACASINO nav.left-active ul::before,
.POPULAR.device-PC.BUENASB nav.left-active ul::before,
.POPULAR.device-PC.EXTREME88 nav.left-active ul::before,
.POPULAR.device-PC.EXTREMECASH nav.left-active ul::before,
.POPULAR.device-PC.NEXUS nav.left-active ul::before,
.POPULAR.device-PC.NEXTGEN88 nav.left-active ul::before,
.POPULAR.device-PC.PESOGAMING nav.left-active ul::before,
.POPULAR.device-PC.TMT nav.left-active ul::before,
.POPULAR.device-PC.TMTVIP nav.left-active ul::before,
.POPULAR.device-PC.TMTVIPCASH nav.left-active ul::before,
.POPULAR.device-PC.DYNASTY888 nav.left-active ul::before,
.POPULAR.device-PC.AGD88 nav.left-active ul::before,
.POPULAR.device-PC.G2G77 nav.left-active ul::before,
.POPULAR.device-PC.AZACASINO nav.left-active ul::before,
.NWC.device-PC.BUENASB nav.left-active ul::before,
.NWC.device-PC.EXTREME88 nav.left-active ul::before,
.NWC.device-PC.EXTREMECASH nav.left-active ul::before,
.NWC.device-PC.NEXUS nav.left-active ul::before,
.NWC.device-PC.NEXTGEN88 nav.left-active ul::before,
.NWC.device-PC.PESOGAMING nav.left-active ul::before,
.NWC.device-PC.TMT nav.left-active ul::before,
.NWC.device-PC.TMTVIP nav.left-active ul::before,
.NWC.device-PC.TMTVIPCASH nav.left-active ul::before,
.NWC.device-PC.DYNASTY888 nav.left-active ul::before,
.NWC.device-PC.AGD88 nav.left-active ul::before,
.NWC.device-PC.G2G77 nav.left-active ul::before,
.NWC.device-PC.AZACASINO nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.BUENASB nav.left-active ul::before,
.CLASSIC.device-PC.EXTREME88 nav.left-active ul::before,
.CLASSIC.device-PC.EXTREMECASH nav.left-active ul::before,
.CLASSIC.device-PC.NEXUS nav.left-active ul::before,
.CLASSIC.device-PC.NEXTGEN88 nav.left-active ul::before,
.CLASSIC.device-PC.PESOGAMING nav.left-active ul::before,
.CLASSIC.device-PC.TMT nav.left-active ul::before,
.CLASSIC.device-PC.TMTVIP nav.left-active ul::before,
.CLASSIC.device-PC.TMTVIPCASH nav.left-active ul::before,
.CLASSIC.device-PC.DYNASTY888 nav.left-active ul::before,
.CLASSIC.device-PC.AGD88 nav.left-active ul::before,
.CLASSIC.device-PC.G2G77 nav.left-active ul::before,
.CLASSIC.device-PC.AZACASINO nav.left-active ul::before,
.POPULAR.device-PC.BUENASB nav.left-active ul::before,
.POPULAR.device-PC.EXTREME88 nav.left-active ul::before,
.POPULAR.device-PC.EXTREMECASH nav.left-active ul::before,
.POPULAR.device-PC.NEXUS nav.left-active ul::before,
.POPULAR.device-PC.NEXTGEN88 nav.left-active ul::before,
.POPULAR.device-PC.PESOGAMING nav.left-active ul::before,
.POPULAR.device-PC.TMT nav.left-active ul::before,
.POPULAR.device-PC.TMTVIP nav.left-active ul::before,
.POPULAR.device-PC.TMTVIPCASH nav.left-active ul::before,
.POPULAR.device-PC.DYNASTY888 nav.left-active ul::before,
.POPULAR.device-PC.AGD88 nav.left-active ul::before,
.POPULAR.device-PC.G2G77 nav.left-active ul::before,
.POPULAR.device-PC.AZACASINO nav.left-active ul::before,
.NWC.device-PC.BUENASB nav.left-active ul::before,
.NWC.device-PC.EXTREME88 nav.left-active ul::before,
.NWC.device-PC.EXTREMECASH nav.left-active ul::before,
.NWC.device-PC.NEXUS nav.left-active ul::before,
.NWC.device-PC.NEXTGEN88 nav.left-active ul::before,
.NWC.device-PC.PESOGAMING nav.left-active ul::before,
.NWC.device-PC.TMT nav.left-active ul::before,
.NWC.device-PC.TMTVIP nav.left-active ul::before,
.NWC.device-PC.TMTVIPCASH nav.left-active ul::before,
.NWC.device-PC.DYNASTY888 nav.left-active ul::before,
.NWC.device-PC.AGD88 nav.left-active ul::before,
.NWC.device-PC.G2G77 nav.left-active ul::before,
.NWC.device-PC.AZACASINO nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #000)
}

.CLASSIC.device-PC.APEX nav.right-active ul::after,
.CLASSIC.device-PC.IRONMAN1688 nav.right-active ul::after,
.POPULAR.device-PC.APEX nav.right-active ul::after,
.POPULAR.device-PC.IRONMAN1688 nav.right-active ul::after,
.NWC.device-PC.APEX nav.right-active ul::after,
.NWC.device-PC.IRONMAN1688 nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.APEX nav.right-active ul::after,
.CLASSIC.device-PC.IRONMAN1688 nav.right-active ul::after,
.POPULAR.device-PC.APEX nav.right-active ul::after,
.POPULAR.device-PC.IRONMAN1688 nav.right-active ul::after,
.NWC.device-PC.APEX nav.right-active ul::after,
.NWC.device-PC.IRONMAN1688 nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #222)
}

.CLASSIC.device-PC.APEX nav.left-active ul::before,
.CLASSIC.device-PC.IRONMAN1688 nav.left-active ul::before,
.POPULAR.device-PC.APEX nav.left-active ul::before,
.POPULAR.device-PC.IRONMAN1688 nav.left-active ul::before,
.NWC.device-PC.APEX nav.left-active ul::before,
.NWC.device-PC.IRONMAN1688 nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.APEX nav.left-active ul::before,
.CLASSIC.device-PC.IRONMAN1688 nav.left-active ul::before,
.POPULAR.device-PC.APEX nav.left-active ul::before,
.POPULAR.device-PC.IRONMAN1688 nav.left-active ul::before,
.NWC.device-PC.APEX nav.left-active ul::before,
.NWC.device-PC.IRONMAN1688 nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #222)
}

.CLASSIC.device-PC.KING88 nav.right-active ul::after,
.POPULAR.device-PC.KING88 nav.right-active ul::after,
.NWC.device-PC.KING88 nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.KING88 nav.right-active ul::after,
.POPULAR.device-PC.KING88 nav.right-active ul::after,
.NWC.device-PC.KING88 nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #361741)
}

.CLASSIC.device-PC.KING88 nav.left-active ul::before,
.POPULAR.device-PC.KING88 nav.left-active ul::before,
.NWC.device-PC.KING88 nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.KING88 nav.left-active ul::before,
.POPULAR.device-PC.KING88 nav.left-active ul::before,
.NWC.device-PC.KING88 nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #361741)
}

.CLASSIC.device-PC.MAXWINPH nav.right-active ul::after,
.POPULAR.device-PC.MAXWINPH nav.right-active ul::after,
.NWC.device-PC.MAXWINPH nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.MAXWINPH nav.right-active ul::after,
.POPULAR.device-PC.MAXWINPH nav.right-active ul::after,
.NWC.device-PC.MAXWINPH nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #6d54b9)
}

.CLASSIC.device-PC.MAXWINPH nav.left-active ul::before,
.POPULAR.device-PC.MAXWINPH nav.left-active ul::before,
.NWC.device-PC.MAXWINPH nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.MAXWINPH nav.left-active ul::before,
.POPULAR.device-PC.MAXWINPH nav.left-active ul::before,
.NWC.device-PC.MAXWINPH nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #6d54b9)
}

.CLASSIC.device-PC.MWCASH nav.right-active ul::after,
.POPULAR.device-PC.MWCASH nav.right-active ul::after,
.NWC.device-PC.MWCASH nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.MWCASH nav.right-active ul::after,
.POPULAR.device-PC.MWCASH nav.right-active ul::after,
.NWC.device-PC.MWCASH nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #0B224C)
}

.CLASSIC.device-PC.MWCASH nav.left-active ul::before,
.POPULAR.device-PC.MWCASH nav.left-active ul::before,
.NWC.device-PC.MWCASH nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.MWCASH nav.left-active ul::before,
.POPULAR.device-PC.MWCASH nav.left-active ul::before,
.NWC.device-PC.MWCASH nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #0B224C)
}

.CLASSIC.device-PC.MWGAMING nav.right-active ul::after,
.POPULAR.device-PC.MWGAMING nav.right-active ul::after,
.NWC.device-PC.MWGAMING nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.MWGAMING nav.right-active ul::after,
.POPULAR.device-PC.MWGAMING nav.right-active ul::after,
.NWC.device-PC.MWGAMING nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #fff4e9)
}

.CLASSIC.device-PC.MWGAMING nav.left-active ul::before,
.POPULAR.device-PC.MWGAMING nav.left-active ul::before,
.NWC.device-PC.MWGAMING nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.MWGAMING nav.left-active ul::before,
.POPULAR.device-PC.MWGAMING nav.left-active ul::before,
.NWC.device-PC.MWGAMING nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #fff4e9)
}

.CLASSIC.device-PC.DYNASTY888 nav.right-active ul::after,
.POPULAR.device-PC.DYNASTY888 nav.right-active ul::after,
.NWC.device-PC.DYNASTY888 nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.DYNASTY888 nav.right-active ul::after,
.POPULAR.device-PC.DYNASTY888 nav.right-active ul::after,
.NWC.device-PC.DYNASTY888 nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #2C231C)
}

.CLASSIC.device-PC.DYNASTY888 nav.left-active ul::before,
.POPULAR.device-PC.DYNASTY888 nav.left-active ul::before,
.NWC.device-PC.DYNASTY888 nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.DYNASTY888 nav.left-active ul::before,
.POPULAR.device-PC.DYNASTY888 nav.left-active ul::before,
.NWC.device-PC.DYNASTY888 nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #2C231C)
}

.CLASSIC.device-PC.TIGERS nav.right-active ul::after,
.POPULAR.device-PC.TIGERS nav.right-active ul::after,
.NWC.device-PC.TIGERS nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.TIGERS nav.right-active ul::after,
.POPULAR.device-PC.TIGERS nav.right-active ul::after,
.NWC.device-PC.TIGERS nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #3d362e)
}

.CLASSIC.device-PC.TIGERS nav.left-active ul::before,
.POPULAR.device-PC.TIGERS nav.left-active ul::before,
.NWC.device-PC.TIGERS nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.TIGERS nav.left-active ul::before,
.POPULAR.device-PC.TIGERS nav.left-active ul::before,
.NWC.device-PC.TIGERS nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #3d362e)
}

.CLASSIC.device-PC.MWCASHPLUS nav.right-active ul::after,
.POPULAR.device-PC.MWCASHPLUS nav.right-active ul::after,
.NWC.device-PC.MWCASHPLUS nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.MWCASHPLUS nav.right-active ul::after,
.POPULAR.device-PC.MWCASHPLUS nav.right-active ul::after,
.NWC.device-PC.MWCASHPLUS nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #38001c)
}

.CLASSIC.device-PC.MWCASHPLUS nav.left-active ul::before,
.POPULAR.device-PC.MWCASHPLUS nav.left-active ul::before,
.NWC.device-PC.MWCASHPLUS nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.MWCASHPLUS nav.left-active ul::before,
.POPULAR.device-PC.MWCASHPLUS nav.left-active ul::before,
.NWC.device-PC.MWCASHPLUS nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #38001c)
}

.CLASSIC.device-PC.ESCALA nav.right-active ul::after,
.CLASSIC.device-PC.RUBY88 nav.right-active ul::after,
.CLASSIC.device-PC.CROYALE88 nav.right-active ul::after,
.POPULAR.device-PC.ESCALA nav.right-active ul::after,
.POPULAR.device-PC.RUBY88 nav.right-active ul::after,
.POPULAR.device-PC.CROYALE88 nav.right-active ul::after,
.NWC.device-PC.ESCALA nav.right-active ul::after,
.NWC.device-PC.RUBY88 nav.right-active ul::after,
.NWC.device-PC.CROYALE88 nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.ESCALA nav.right-active ul::after,
.CLASSIC.device-PC.RUBY88 nav.right-active ul::after,
.CLASSIC.device-PC.CROYALE88 nav.right-active ul::after,
.POPULAR.device-PC.ESCALA nav.right-active ul::after,
.POPULAR.device-PC.RUBY88 nav.right-active ul::after,
.POPULAR.device-PC.CROYALE88 nav.right-active ul::after,
.NWC.device-PC.ESCALA nav.right-active ul::after,
.NWC.device-PC.RUBY88 nav.right-active ul::after,
.NWC.device-PC.CROYALE88 nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #2f0c0e)
}

.CLASSIC.device-PC.ESCALA nav.left-active ul::before,
.CLASSIC.device-PC.RUBY88 nav.left-active ul::before,
.CLASSIC.device-PC.CROYALE88 nav.left-active ul::before,
.POPULAR.device-PC.ESCALA nav.left-active ul::before,
.POPULAR.device-PC.RUBY88 nav.left-active ul::before,
.POPULAR.device-PC.CROYALE88 nav.left-active ul::before,
.NWC.device-PC.ESCALA nav.left-active ul::before,
.NWC.device-PC.RUBY88 nav.left-active ul::before,
.NWC.device-PC.CROYALE88 nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.ESCALA nav.left-active ul::before,
.CLASSIC.device-PC.RUBY88 nav.left-active ul::before,
.CLASSIC.device-PC.CROYALE88 nav.left-active ul::before,
.POPULAR.device-PC.ESCALA nav.left-active ul::before,
.POPULAR.device-PC.RUBY88 nav.left-active ul::before,
.POPULAR.device-PC.CROYALE88 nav.left-active ul::before,
.NWC.device-PC.ESCALA nav.left-active ul::before,
.NWC.device-PC.RUBY88 nav.left-active ul::before,
.NWC.device-PC.CROYALE88 nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #2f0c0e)
}

.CLASSIC.device-PC.EXTREMETMT nav.right-active ul::after,
.POPULAR.device-PC.EXTREMETMT nav.right-active ul::after,
.NWC.device-PC.EXTREMETMT nav.right-active ul::after {
    right: 0;
    bottom: 0
}

.CLASSIC.device-PC.EXTREMETMT nav.right-active ul::after,
.POPULAR.device-PC.EXTREMETMT nav.right-active ul::after,
.NWC.device-PC.EXTREMETMT nav.right-active ul::after {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, #3D0202)
}

.CLASSIC.device-PC.EXTREMETMT nav.left-active ul::before,
.POPULAR.device-PC.EXTREMETMT nav.left-active ul::before,
.NWC.device-PC.EXTREMETMT nav.left-active ul::before {
    left: auto;
    bottom: 0
}

.CLASSIC.device-PC.EXTREMETMT nav.left-active ul::before,
.POPULAR.device-PC.EXTREMETMT nav.left-active ul::before,
.NWC.device-PC.EXTREMETMT nav.left-active ul::before {
    pointer-events: none;
    content: '';
    position: absolute;
    z-index: 20;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(270deg, transparent, #3D0202)
}

.WL .section-JACKPOT .gameicon-group.left-active {
    -webkit-mask-image: linear-gradient(270deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 90%, transparent 100%)
}

.WL .section-JACKPOT .gameicon-group.right-active {
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 90%, transparent 100%)
}

.WL .section-JACKPOT .gameicon-group.left-active.right-active {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.WL .section-PROMO .tab-list.right-active {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 15px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 15px), transparent 100%)
}

.WL .section-PROMO .tab-list.left-active {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 15px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 15px), transparent 100%)
}

.WL .section-PROMO .tab-list.right-active.left-active {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%)
}

.WL .section-box .tab-pane.right-active .section-ul.ul-gameList,
.WL .section-box.section-TOP.right-active .section-ul.ul-gameList,
.WL .section-box.section-EXCLUSIVE.right-active .section-ul.ul-gameList,
.WL .section-box.section-GAME_PICKS.right-active .section-ul.ul-gameList,
.WL .section-box.section-RECENTLY_VISITED.right-active .section-ul.ul-gameList,
.WL .section-box.section-FREESPIN.right-active .section-ul.ul-gameList,
.WL .section-box.section-SPORTS.right-active .section-ul.ul-gameList,
.WL .section-box.section-LIVEARENA.right-active .section-ul.ul-gameList,
.WL .section-box.section-LOTTERY.right-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.WL .section-box .tab-pane.left-active .section-ul.ul-gameList,
.WL .section-box.section-TOP.left-active .section-ul.ul-gameList,
.WL .section-box.section-EXCLUSIVE.left-active .section-ul.ul-gameList,
.WL .section-box.section-GAME_PICKS.left-active .section-ul.ul-gameList,
.WL .section-box.section-RECENTLY_VISITED.left-active .section-ul.ul-gameList,
.WL .section-box.section-FREESPIN.left-active .section-ul.ul-gameList,
.WL .section-box.section-SPORTS.left-active .section-ul.ul-gameList,
.WL .section-box.section-LIVEARENA.left-active .section-ul.ul-gameList,
.WL .section-box.section-LOTTERY.left-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.WL .section-box .tab-pane.right-active.left-active .section-ul.ul-gameList,
.WL .section-box.section-TOP.right-active.left-active .section-ul.ul-gameList,
.WL .section-box.section-EXCLUSIVE.right-active.left-active .section-ul.ul-gameList,
.WL .section-box.section-GAME_PICKS.right-active.left-active .section-ul.ul-gameList,
.WL .section-box.section-RECENTLY_VISITED.right-active.left-active .section-ul.ul-gameList,
.WL .section-box.section-FREESPIN.right-active.left-active .section-ul.ul-gameList,
.WL .section-box.section-SPORTS.right-active.left-active .section-ul.ul-gameList,
.WL .section-box.section-LIVEARENA.right-active.left-active .section-ul.ul-gameList,
.WL .section-box.section-LOTTERY.right-active.left-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.WL .section-box.section-CHALLENGE div.right-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.WL .section-box.section-CHALLENGE div.left-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.WL .section-box.section-CHALLENGE div.right-active.left-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.WL .challenge-area.right-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.WL .challenge-area.left-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.WL .challenge-area.right-active.left-active .section-ul.ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.WL .tab-nav-group.right-active .tab-nav {
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 90%, transparent 100%)
}

.WL .tab-nav-group.left-active .tab-nav {
    -webkit-mask-image: linear-gradient(270deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 90%, transparent 100%)
}

.WL .tab-nav-group.right-active.left-active .tab-nav {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%)
}

.type-BS .tab-nav-group.right-active .tab-navs {
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 90%, transparent 100%)
}

.type-BS .tab-nav-group.left-active .tab-navs {
    -webkit-mask-image: linear-gradient(270deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 90%, transparent 100%)
}

.type-BS .tab-nav-group.right-active.left-active .tab-navs {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%)
}

.type-BS .tab-pane.right-active .ul-gameList,
.type-BS .section-box.section-NEW.right-active .ul-gameList,
.type-BS .section-box.section-EXCLUSIVE.right-active .ul-gameList,
.type-BS .section-box.section-LIVE.right-active .ul-gameList,
.type-BS .section-box.section-SLOT.right-active .ul-gameList,
.type-BS .section-box.section-ARCADE.right-active .ul-gameList,
.type-BS .section-box.section-RNGTABLE.right-active .ul-gameList,
.type-BS .section-box.section-FH.right-active .ul-gameList,
.type-BS .section-box.section-LOCAL.right-active .ul-gameList,
.type-BS .section-box.section-GAME_PICKS.right-active .ul-gameList,
.type-BS .section-box.section-RECENTLY_VISITED.right-active .ul-gameList,
.type-BS .section-box.section-LIVEARENA.right-active .ul-gameList,
.type-BS .section-box.section-LOTTERY.right-active .ul-gameList,
.type-BS .section-box.section-SPORTS.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.type-BS .tab-pane.left-active .ul-gameList,
.type-BS .section-box.section-NEW.left-active .ul-gameList,
.type-BS .section-box.section-EXCLUSIVE.left-active .ul-gameList,
.type-BS .section-box.section-LIVE.left-active .ul-gameList,
.type-BS .section-box.section-SLOT.left-active .ul-gameList,
.type-BS .section-box.section-ARCADE.left-active .ul-gameList,
.type-BS .section-box.section-RNGTABLE.left-active .ul-gameList,
.type-BS .section-box.section-FH.left-active .ul-gameList,
.type-BS .section-box.section-LOCAL.left-active .ul-gameList,
.type-BS .section-box.section-GAME_PICKS.left-active .ul-gameList,
.type-BS .section-box.section-RECENTLY_VISITED.left-active .ul-gameList,
.type-BS .section-box.section-LIVEARENA.left-active .ul-gameList,
.type-BS .section-box.section-LOTTERY.left-active .ul-gameList,
.type-BS .section-box.section-SPORTS.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.type-BS .tab-pane.right-active.left-active .ul-gameList,
.type-BS .section-box.section-NEW.right-active.left-active .ul-gameList,
.type-BS .section-box.section-EXCLUSIVE.right-active.left-active .ul-gameList,
.type-BS .section-box.section-LIVE.right-active.left-active .ul-gameList,
.type-BS .section-box.section-SLOT.right-active.left-active .ul-gameList,
.type-BS .section-box.section-ARCADE.right-active.left-active .ul-gameList,
.type-BS .section-box.section-RNGTABLE.right-active.left-active .ul-gameList,
.type-BS .section-box.section-FH.right-active.left-active .ul-gameList,
.type-BS .section-box.section-LOCAL.right-active.left-active .ul-gameList,
.type-BS .section-box.section-GAME_PICKS.right-active.left-active .ul-gameList,
.type-BS .section-box.section-RECENTLY_VISITED.right-active.left-active .ul-gameList,
.type-BS .section-box.section-LIVEARENA.right-active.left-active .ul-gameList,
.type-BS .section-box.section-LOTTERY.right-active.left-active .ul-gameList,
.type-BS .section-box.section-SPORTS.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.type-BS .challenge-area.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.type-BS .challenge-area.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.type-BS .challenge-area.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.type-BS.device-PC .tab-nav-group .tab-navs.num-12,
.type-BS.device-PC .tab-nav-group .tab-navs.num-13,
.type-BS.device-PC .tab-nav-group .tab-navs.num-14,
.type-BS.device-PC .tab-nav-group .tab-navs.num-15 {
    justify-content: flex-start
}

.EZ .section-box.section-NEW.right-active .section-ul.game-list-ul,
.EZ .section-box.section-LOCAL.right-active .section-ul.game-list-ul,
.EZ .section-box.section-GAME_PICKS.right-active .section-ul.game-list-ul,
.EZ .section-box.section-RECENTLY_VISITED.right-active .section-ul.game-list-ul,
.EZ .section-box.section-EXCLUSIVE.right-active .section-ul.game-list-ul,
.EZ .section-box.section-MIX_GAMETYPE_TOP.right-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-box.section-NEW.left-active .section-ul.game-list-ul,
.EZ .section-box.section-LOCAL.left-active .section-ul.game-list-ul,
.EZ .section-box.section-GAME_PICKS.left-active .section-ul.game-list-ul,
.EZ .section-box.section-RECENTLY_VISITED.left-active .section-ul.game-list-ul,
.EZ .section-box.section-EXCLUSIVE.left-active .section-ul.game-list-ul,
.EZ .section-box.section-MIX_GAMETYPE_TOP.left-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-box.section-NEW.right-active.left-active .section-ul.game-list-ul,
.EZ .section-box.section-LOCAL.right-active.left-active .section-ul.game-list-ul,
.EZ .section-box.section-GAME_PICKS.right-active.left-active .section-ul.game-list-ul,
.EZ .section-box.section-RECENTLY_VISITED.right-active.left-active .section-ul.game-list-ul,
.EZ .section-box.section-EXCLUSIVE.right-active.left-active .section-ul.game-list-ul,
.EZ .section-box.section-MIX_GAMETYPE_TOP.right-active.left-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-box.section-LIVETABLE.right-active .section-ul {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-box.section-LIVETABLE.left-active .section-ul {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-box.section-LIVETABLE.right-active.left-active .section-ul {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-CHALLENGE .section-box.right-active .section-ul.game-list-ul,
.EZ .section-JACKPOT .section-box.right-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-CHALLENGE .section-box.left-active .section-ul.game-list-ul,
.EZ .section-JACKPOT .section-box.left-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-CHALLENGE .section-box.right-active.left-active .section-ul.game-list-ul,
.EZ .section-JACKPOT .section-box.right-active.left-active .section-ul.game-list-ul {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-LIVETABLE.right-active .section-ul {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-LIVETABLE.left-active .section-ul {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .section-LIVETABLE.right-active.left-active .section-ul {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.EZ .challenge-game-section .challenge-area.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .challenge-game-section .challenge-area.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.EZ .challenge-game-section .challenge-area.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.challenge-container.right-active .challenge-list {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.challenge-container.left-active .challenge-list {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.challenge-container.right-active.left-active .challenge-list {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.type-CA .tab-nav-group.right-active .tab-nav {
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 90%, transparent 100%)
}

.type-CA .tab-nav-group.left-active .tab-nav {
    -webkit-mask-image: linear-gradient(270deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 90%, transparent 100%)
}

.type-CA .tab-nav-group.right-active.left-active .tab-nav {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%)
}

.type-CA .section-box.right-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%)
}

.type-CA .section-box.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(270deg, #000 calc(100% - 30px), transparent 100%)
}

.type-CA .section-box.right-active.left-active .ul-gameList {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 30px, #000 calc(100% - 30px), transparent 100%)
}

.detail-content.right-active .mission-tab-wrapper {
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 90%, transparent 100%)
}

.detail-content.left-active .mission-tab-wrapper {
    -webkit-mask-image: linear-gradient(270deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 90%, transparent 100%)
}

.detail-content.right-active.left-active .mission-tab-wrapper {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%)
}

.section-WHYBRAND.right-active .brand-card-list {
    -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 90%, transparent 100%)
}

.section-WHYBRAND.left-active .brand-card-list {
    -webkit-mask-image: linear-gradient(270deg, #000 90%, transparent 100%);
    mask-image: linear-gradient(270deg, #000 90%, transparent 100%)
}

.section-WHYBRAND.right-active.left-active .brand-card-list {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 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-x: hidden !important;
    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 .swiper-featureTab {
    max-height: 200px
}

.gameTab-box .swiper-featureTab .swiper-wrapper {
    height: auto
}

.gameTab-box .swiper-featureTab .swiper-wrapper img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.gameTab-box .swiper-featureTab .swiper-slide {
    height: auto;
    display: flex;
    max-width: 20%;
    justify-content: center
}

.gameTab-box .swiper-featureTab .swiper-slide:nth-child(even) {
    animation: heartbeat-gameTab 3s ease-in-out infinite;
    animation-delay: 3s
}

.gameTab-box .swiper-featureTab .swiper-slide:nth-child(odd) {
    animation: heartbeat-gameTab 3s ease-in-out infinite both;
    animation-delay: 1s
}

.gameTab-box .swiper-featureTab .swiper-slide.tab-btn {
    margin: 10px 0
}

.gameTab-box .swiper-featureTab .swiper-slide.tab-btn.EXCLUSIVE {
    position: relative;
    display: flex;
    justify-content: center;
    background: linear-gradient(142.39deg, #501794 21.76%, #AE69FF 110.63%)
}

.gameTab-box .swiper-featureTab .swiper-slide.tab-btn.EXCLUSIVE img {
    object-fit: contain;
    object-position: center;
    padding-top: 25px
}

.gameTab-box .swiper-featureTab .swiper-slide.tab-btn.EXCLUSIVE::before {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 30px;
    content: '';
    background: url("../../../theme/images/src-common/FEATURE-img/EXCLUSIVE.webp") no-repeat center/contain;
    background-size: contain
}

.tab-btn {
    position: relative;
    position: relative;
    text-decoration: none;
    width: 100%;
    height: 92px;
    border-radius: 8px;
    margin: 10px auto;
    overflow: hidden
}

.page-web .modal-gamelist .main-content .section-box {
    margin: 0;
    height: 100%
}

.NWC .gameTab-box {
    background: #400
}

@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;
    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;
    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
    }
}

.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: -40px
}

body.WL.device-PC .show-jackpot-fire.on-fire .ul-gameIcon-box::after {
    top: -45px
}

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.NWC.device-PC .show-jackpot-fire.on-fire::after,
body.NWC.device-PC .show-jackpot-fire.on-fire::before,
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.NWC.device-PC .show-jackpot-fire.on-fire::after,
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.NWC.device-PC .show-jackpot-fire.on-fire::before,
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.NWC.device-PC .show-jackpot-fire.on-fire .ul-gameIcon-box::after,
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.NWC.device-PC .show-jackpot-fire.on-fire .ul-gameIcon-box::before,
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.NWC.device-PC .show-jackpot-fire.on-fire:hover .ul-gameIcon-box::before,
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.NWC.device-PC .show-jackpot-fire.on-fire.show-maintain::after,
body.NWC.device-PC .show-jackpot-fire.on-fire.show-maintain::before,
body.NWC.device-PC .show-jackpot-fire.on-fire.show-blocked::after,
body.NWC.device-PC .show-jackpot-fire.on-fire.show-blocked::before,
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.NWC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire::after,
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.NWC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire::before,
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.NWC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-maintain::after,
body.NWC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-maintain::before,
body.NWC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-blocked::after,
body.NWC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire.show-blocked::before,
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.NWC.device-PC .local-game .show-jackpot-fire.on-fire::after,
body.NWC.device-PC .exclusive-game .show-jackpot-fire.on-fire::after,
body.NWC.device-PC .orignal-game .show-jackpot-fire.on-fire::after {
    top: 14px !important
}

body.NWC.device-PC .local-game .show-jackpot-fire.on-fire::before,
body.NWC.device-PC .exclusive-game .show-jackpot-fire.on-fire::before,
body.NWC.device-PC .orignal-game .show-jackpot-fire.on-fire::before {
    left: -10px;
    bottom: 12px
}

body.NWC.device-PC .show-jackpot-fire.on-fire::after {
    top: 22px !important
}

body.NWC.device-PC .show-jackpot-fire.on-fire::before {
    bottom: 24px
}

body.NWC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire::after {
    top: 22px !important
}

body.NWC.device-PC .MEGAJACKPOT .show-jackpot-fire.on-fire::before {
    bottom: 20px
}

body.NWC.device-PC .modal-gamelist .show-jackpot-fire.on-fire::after {
    top: 25px !important
}

body.NWC.device-PC .modal-gamelist .show-jackpot-fire.on-fire::before {
    bottom: 14px;
    left: -10px
}

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
}

.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;
    min-width: 57px;
    font-family: Helvetica, Arial, sans-serif;
    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
}

.NWC .sub-menu-box .sub-menuLv2 li .img-platform-logo .JP-promoSticky,
.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
}

body.page-web .signUp-bonus-btn.size-s.promo,
body.register-page .signUp-bonus-btn.size-s.promo,
body.device-mobile .signUp-bonus-btn.size-s.promo,
body.device-PC .signUp-bonus-btn.size-s.promo {
    border: 1px solid #F7A104;
    background: #FDC92B;
    color: #000;
    text-shadow: none
}

body.page-web .signUp-bonus-btn.size-s.promo::before,
body.page-web .signUp-bonus-btn.size-s.promo::after,
body.register-page .signUp-bonus-btn.size-s.promo::before,
body.register-page .signUp-bonus-btn.size-s.promo::after,
body.device-mobile .signUp-bonus-btn.size-s.promo::before,
body.device-mobile .signUp-bonus-btn.size-s.promo::after,
body.device-PC .signUp-bonus-btn.size-s.promo::before,
body.device-PC .signUp-bonus-btn.size-s.promo::after {
    z-index: -1;
    border-color: transparent transparent transparent #FDC92B
}

.NWC.page-web .page-wrapper .header-navigation .signUp-bonus-btn.size-s.promo::before,
.NWC.page-web .page-wrapper .header-navigation .signUp-bonus-btn.size-s.promo::after,
.POPULAR.page-web .page-wrapper .header-navigation .signUp-bonus-btn.size-s.promo::before,
.POPULAR.page-web .page-wrapper .header-navigation .signUp-bonus-btn.size-s.promo::after {
    border-color: transparent #FDC92B transparent transparent
}

.EZ.page-web .page-wrapper .page-header .page-top .header-navigation .signUp-bonus-btn.size-s.promo::before {
    border-color: transparent transparent #FDC92B transparent
}

.type-BS.page-web .signUp-bonus-btn.size-s.promo::before {
    background: #FDC92B;
    border-color: transparent transparent #FDC92B transparent
}

.type-R.page-web .signUp-bonus-btn.size-s.promo::before,
.type-W.page-web .signUp-bonus-btn.size-s.promo::before,
.type-L.page-web .signUp-bonus-btn.size-s.promo::before,
.type-P.page-web .signUp-bonus-btn.size-s.promo::before {
    background: #FDC92B;
    border-color: transparent transparent #FDC92B transparent
}

@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: 10px !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 .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: 100%
}

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: 100%
}

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-EXCLUSIVE .ul-gameIcon-box .show-msg,
body.type-P .section-box.section-RECENTLY_VISITED .ul-gameIcon-box .show-msg,
body.type-P .section-box.section-GAME_PICKS .ul-gameIcon-box .show-msg,
body.type-P .section-box.section-LOCAL .ul-gameIcon-box .show-msg {
    width: 100%
}

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: 100%
}

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-EXCLUSIVE .ul-gameIcon-box .show-msg,
body.type-P.device-PC .section-box.section-RECENTLY_VISITED .ul-gameIcon-box .show-msg,
body.type-P.device-PC .section-box.section-GAME_PICKS .ul-gameIcon-box .show-msg,
body.type-P.device-PC .section-box.section-LOCAL .ul-gameIcon-box .show-msg {
    width: 100%
}

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 .exclusive-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .GAME_PICKS-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.POPULAR .RECENTLY_VISITED-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 .exclusive-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .GAME_PICKS-game .ul-gameList li:hover .ul-gameIcon-box .show-msg,
body.device-PC.CLASSIC .RECENTLY_VISITED-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.NWC.section-li-list .main-content.FH .section-ul>ul li,
body.NWC.section-li-list .main-content.SLOT .section-ul>ul li,
body.NWC.section-li-list .main-content.ARCADE .section-ul>ul li,
body.NWC.section-li-list .main-content.RNGTABLE .section-ul>ul li,
body.NWC.section-li-list .main-content.LOTTERY .section-ul>ul li,
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.NWC.section-li-list .main-content.FH .section-ul>ul li .ul-gameIcon-box .show-msg,
body.NWC.section-li-list .main-content.SLOT .section-ul>ul li .ul-gameIcon-box .show-msg,
body.NWC.section-li-list .main-content.ARCADE .section-ul>ul li .ul-gameIcon-box .show-msg,
body.NWC.section-li-list .main-content.RNGTABLE .section-ul>ul li .ul-gameIcon-box .show-msg,
body.NWC.section-li-list .main-content.LOTTERY .section-ul>ul li .ul-gameIcon-box .show-msg,
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.NWC.device-PC #modal-FIRSTPERSON .ul-gameList li:hover .ul-gameIcon-box .show-msg,
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.WIDE .page-wrapper .page-search .page-body ul.section-ul {
    grid-template-columns: repeat(2, 49%)
}

@media (min-width: 700px) {
    .page-web.WIDE .page-wrapper .page-search .page-body ul.section-ul {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.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;
    right: 18px;
    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: 24px
}

.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%);
    padding-top: 10px
}

.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.NWC::before,
    .page-web.NWC::after,
    .page-web.POPULAR::before,
    .page-web.POPULAR::after {
        display: none !important
    }
}

.page-web.CLASSIC.TMT {
    background: rgb(87, 87, 87)
}

.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.WILDBET88 {
    background: linear-gradient(to bottom, #3B0059 0%, #a22a9c 80%, #d757d1 100%)
}

.page-web.CLASSIC.WILDBET88 .page-search .page-header {
    background: linear-gradient(to bottom, #3B0059 0%, #a22a9c 80%, #d757d1 100%)
}

.page-web.CLASSIC.WILDBET88 .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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.device-PC.APEX .page-search .page-header,
.page-web.NWC.device-PC.PESOGAMING .page-search .page-header,
.page-web.NWC.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,
.page-web.NWC.device-PC.APEX .page-search .page-body,
.page-web.NWC.device-PC.PESOGAMING .page-search .page-body,
.page-web.NWC.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,
.page-web.NWC.device-PC.APEX .page-search .page-body .game-search-box .form-group .form-control,
.page-web.NWC.device-PC.PESOGAMING .page-search .page-body .game-search-box .form-group .form-control,
.page-web.NWC.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,
.page-web.NWC.device-PC.APEX .page-search .page-body .keywordTag h5,
.page-web.NWC.device-PC.PESOGAMING .page-search .page-body .keywordTag h5,
.page-web.NWC.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,
.page-web.NWC.device-PC.APEX .page-search .page-body .keywordTag li,
.page-web.NWC.device-PC.PESOGAMING .page-search .page-body .keywordTag li,
.page-web.NWC.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,
.page-web.NWC.device-PC.APEX .page-search .page-body .keywordTag li .txt,
.page-web.NWC.device-PC.PESOGAMING .page-search .page-body .keywordTag li .txt,
.page-web.NWC.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,
.page-web.NWC.device-PC.APEX .page-search .page-body .keywordTag li:hover,
.page-web.NWC.device-PC.PESOGAMING .page-search .page-body .keywordTag li:hover,
.page-web.NWC.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,
.page-web.NWC.device-PC.APEX .page-search .page-body .keywordTag li:hover .txt,
.page-web.NWC.device-PC.PESOGAMING .page-search .page-body .keywordTag li:hover .txt,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.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,
.page-web.NWC.device-PC.body-iframe .iframe-btn-box i::before {
    color: #fff;
    font-size: 36px
}

.page-web.NWC:has(.page-content.page-game-list) .site-background,
.page-web.NWC:has(.page-content.page-game-list.page-search) .site-background {
    background: linear-gradient(180deg, #A70000 0%, #700 100%) !important
}

.page-web.NWC:has(.page-content.page-game-list) .page-game-list.page-search,
.page-web.NWC:has(.page-content.page-game-list.page-search) .page-game-list.page-search {
    background: transparent
}

.page-web.NWC .page-wrapper .page-search .game-search-box .form-group i {
    color: #FFDF64
}

.page-web.NWC .page-wrapper .page-search .game-search-box .form-group .form-control {
    color: #FFDF64;
    background: #09121c;
    border: 2px solid #FFDF64
}

.page-web.NWC .page-wrapper .page-search .game-search-box .form-group .form-control::placeholder {
    color: rgba(255, 223, 100, 0.5)
}

.page-web.NWC .page-wrapper .page-search .page-body .keywordTag {
    padding: 15px
}

.page-web.NWC .page-wrapper .page-search .page-body .keywordTag li.btn {
    margin: 5px;
    border: 1px solid #FFDF64
}

.page-web.NWC .page-wrapper .page-search .page-body .keywordTag li.btn:hover {
    background: #FFDF64
}

.page-web.NWC .page-wrapper .page-search .page-body .keywordTag li.btn:hover .txt {
    color: #000
}

.page-web.NWC .page-wrapper .page-search .page-body .keywordTag li.btn .txt {
    color: #FFDF64
}

.page-web.NWC .page-wrapper .page-search .page-body ul.section-ul {
    grid-template-columns: repeat(3, 31%);
    grid-gap: 15px
}

.page-web.NWC .page-wrapper .page-search .page-body ul.section-ul li .txt-gameName {
    font-weight: 700
}

.page-web.NWC.device-PC .page-search .page-header {
    background: linear-gradient(180deg, #A70000 0%, #700 100%)
}

.page-web.NWC.device-PC .page-search .page-body {
    background: transparent !important
}

.page-web.NWC.device-PC .page-search .page-body ul.section-ul {
    grid-auto-flow: row
}

.page-web.NWC.device-PC .page-search .page-body ul.section-ul li .txt-gameName {
    margin: 5px 0
}

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

.LUCKYWORLD .modal-box.modal-tournament .modal-main {
    background: linear-gradient(#AD0101, #3A0101) padding-box, linear-gradient(#FFDF64, #CE8400) border-box;
    border: 2px solid transparent
}

.LUCKYWORLD .modal-box.modal-tournament .modal-main .modal-top .close i {
    color: #fff
}

.LUCKYWORLD .modal-box.modal-tournament .modal-main .modal-top .close:hover {
    background: rgba(0, 0, 0, 0.3);
    color: #fff
}

.LUCKYWORLD .modal-box.modal-tournament .txt-loginName,
.LUCKYWORLD .modal-box.modal-tournament .txt-date,
.LUCKYWORLD .modal-box.modal-tournament .txt-bonus {
    color: #fff !important;
    font-weight: 700
}

.modal-box.modal-tournament .modal-main {
    background-color: #152433;
    box-shadow: 0 5px 10px #090e14;
    border: 4px solid #28394b;
    border-radius: 15px;
    width: 90%
}

.modal-box.modal-tournament .modal-main .modal-top {
    height: 40px;
    min-height: 40px;
    border: none
}

.modal-box.modal-tournament .modal-main .modal-top .close {
    display: inline-block;
    opacity: 1;
    border-radius: 50px;
    width: 34px;
    height: 34px;
    padding: 0;
    transform: none;
    position: absolute;
    right: 3px;
    top: 3px;
    text-align: center;
    margin: 0;
    color: #c9c9c9
}

.modal-box.modal-tournament .modal-main .modal-top .close i {
    color: #c9c9c9;
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
    text-shadow: none
}

.modal-box.modal-tournament .modal-main .modal-top .close i::before {
    font-family: 'icomoon' !important;
    content: "\e914";
    font-style: normal
}

.modal-box.modal-tournament .modal-main .modal-top .close:hover {
    background-color: #36495e
}

.modal-box.modal-tournament .modal-main .modal-layout {
    padding: 0 0 0 0;
    max-height: 420px
}

.modal-box.modal-tournament .modal-main .modal-layout .panel-list {
    height: 100%;
    max-height: fit-content;
    overflow-y: hidden
}

.modal-box.modal-tournament .modal-main .modal-layout .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
}

.G2G77.tournament-bg .tournament-list,
.NUEBE.tournament-bg .tournament-list {
    background: none
}

.G2G77.tournament-bg .tournament-list.section-box,
.NUEBE.tournament-bg .tournament-list.section-box {
    background: #000 !important
}

.G2G77.tournament-bg .tournament-list.section-box .nav-tabs.nav-Lv2 .nav-item.active,
.NUEBE.tournament-bg .tournament-list.section-box .nav-tabs.nav-Lv2 .nav-item.active {
    border-right: 2px solid #f5e8b0 !important
}

.G2G77.tournament-bg .tournament-list .section-tit,
.NUEBE.tournament-bg .tournament-list .section-tit {
    position: relative
}

.G2G77.tournament-bg .tournament-list .section-tit>.tit,
.NUEBE.tournament-bg .tournament-list .section-tit>.tit {
    color: #d3c68e;
    display: inline-block;
    text-shadow: none
}

.G2G77.tournament-bg .tournament-list nav,
.NUEBE.tournament-bg .tournament-list nav {
    border-bottom: 2px solid #f5e8b0;
    background: #1b1b1b
}

.G2G77.tournament-bg .tournament-list nav .nav-tabs a,
.NUEBE.tournament-bg .tournament-list nav .nav-tabs a {
    background: linear-gradient(to top, #000, #3a3a3a)
}

.G2G77.tournament-bg .tournament-list nav .nav-tabs .active,
.NUEBE.tournament-bg .tournament-list nav .nav-tabs .active {
    background: linear-gradient(to top, #f5e8b0, #e8dba0);
    color: #000;
    text-shadow: none
}

.G2G77.tournament-bg .tournament-list nav .nav-tabs .nav-link::before,
.NUEBE.tournament-bg .tournament-list nav .nav-tabs .nav-link::before {
    color: #63636394
}

.G2G77.tournament-bg .tournament-list nav .nav-tabs .nav-link .btn-play,
.NUEBE.tournament-bg .tournament-list nav .nav-tabs .nav-link .btn-play {
    color: #f6e8b0
}

.G2G77.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt,
.NUEBE.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt {
    color: #333
}

.G2G77.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active,
.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
}

.G2G77.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-item.active p,
.NUEBE.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-item.active p {
    color: #f5e8b0 !important
}

.G2G77.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon,
.NUEBE.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-item.active .icon {
    color: #f5e8b0 !important
}

.G2G77.tournament-bg .tournament-list .tab-content,
.NUEBE.tournament-bg .tournament-list .tab-content {
    background: linear-gradient(to top, #1a1a1a, #343434) !important
}

.G2G77.tournament-bg .tournament-list .tab-content .txt-loginName,
.NUEBE.tournament-bg .tournament-list .tab-content .txt-loginName {
    color: #f5e8b0 !important
}

.G2G77.tournament-bg .tournament-list .tab-content .txt-bonus,
.G2G77.tournament-bg .tournament-list .tab-content .clock .txt,
.NUEBE.tournament-bg .tournament-list .tab-content .txt-bonus,
.NUEBE.tournament-bg .tournament-list .tab-content .clock .txt {
    color: #f5e8b0 !important
}

.G2G77.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num,
.NUEBE.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num {
    background: #2bb128
}

.G2G77.tournament-bg .tournament-list .tab-content li.is-today,
.NUEBE.tournament-bg .tournament-list .tab-content li.is-today {
    background: #0f0f0f;
    border: 2px solid #a39371
}

.G2G77.tournament-bg .tournament-list .tab-content .panel-list,
.NUEBE.tournament-bg .tournament-list .tab-content .panel-list {
    background: transparent
}

.G2G77.tournament-bg .tournament-list .btn-tooltip i::before,
.NUEBE.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #f5e8b0
}

.G2G77.tournament-bg .tournament-list .btn-tooltip:hover .tooltip-box,
.NUEBE.tournament-bg .tournament-list .btn-tooltip:hover .tooltip-box {
    background: #000;
    border-color: #d3c68e
}

.G2G77.tournament-bg .tournament-list .info-box,
.NUEBE.tournament-bg .tournament-list .info-box {
    background: #a39371
}

.G2G77.tournament-bg .tournament-list .info-box::before,
.G2G77.tournament-bg .tournament-list .info-box::after,
.NUEBE.tournament-bg .tournament-list .info-box::before,
.NUEBE.tournament-bg .tournament-list .info-box::after {
    border-color: #000
}

.G2G77.tournament-bg .tournament-list .info-box ul li,
.NUEBE.tournament-bg .tournament-list .info-box ul li {
    color: #000
}

.G2G77.tournament-bg .tournament-list .info-box ul::before,
.G2G77.tournament-bg .tournament-list .info-box ul::after,
.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
}

.KING88.tournament-bg .tournament-list.section-box {
    background: #6d1291a3 !important
}

.KING88.tournament-bg .tournament-list .btn-tooltip i {
    color: #c25fff
}

.KING88.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #c25fff
}

.KING88.tournament-bg .tournament-list .btn-tooltip .tooltip-box {
    background: #612189;
    border-color: #c25fff
}

.KING88.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before {
    border-color: transparent transparent #c25fff transparent
}

.KING88.tournament-bg .tournament-list .section-tit {
    position: relative
}

.KING88.tournament-bg .tournament-list .section-tit .tit {
    color: #fff;
    display: inline-block
}

.KING88.tournament-bg .tournament-list .panel-list li .txt-loginName {
    color: #fff
}

.KING88.tournament-bg .tournament-list .panel-list li .txt-bonus {
    color: #fff
}

.KING88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 {
    background: none
}

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

.WILDBET88.tournament-bg .section.tournament-list {
    border-radius: 10px
}

.WILDBET88.tournament-bg .tournament-list {
    background: #12235c;
    background-size: cover !important
}

.WILDBET88.tournament-bg .tournament-list.section-box {
    background: linear-gradient(to bottom, #222 50%, #23408E 95%, #1A294B 96%)
}

.WILDBET88.tournament-bg .tournament-list nav {
    background: transparent !important;
    width: auto;
    margin: 0 auto;
    border-bottom: 2px solid #23408E !important
}

.WILDBET88.tournament-bg .tournament-list nav .nav-tabs {
    margin: 0 auto;
    text-align: center;
    gap: 0 3px
}

.WILDBET88.tournament-bg .tournament-list nav .nav-tabs .nav-link {
    border-radius: 5px 5px 0 0;
    background: linear-gradient(to top, #23408E, #1A294B);
    border-top: 0
}

.WILDBET88.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt {
    color: #fff !important
}

.WILDBET88.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box {
    top: 31px
}

.WILDBET88.tournament-bg .tournament-list nav .nav-tabs .nav-link.active {
    border-radius: 5px 5px 0 0;
    background-image: linear-gradient(to bottom, #23408E 15%, #1A294B 95%) !important
}

.WILDBET88.tournament-bg .tournament-list nav .nav-tabs .nav-link li {
    color: #fff;
    height: inherit
}

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

.WILDBET88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link {
    border-top-color: #00000000;
    background-image: none;
    border-top: 0px
}

.WILDBET88.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 #359E94
}

.WILDBET88.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #359E94
}

.WILDBET88.tournament-bg .tournament-list .tab-content {
    background: linear-gradient(to bottom, #222 50%, #23408E 95%, #1A294B 96%)
}

.WILDBET88.tournament-bg .tournament-list .tab-content .clock {
    background: #23408E !important
}

.WILDBET88.tournament-bg .tournament-list .tab-content .clock .txt {
    color: #fff !important
}

.WILDBET88.tournament-bg .tournament-list .tab-content .txt-loginName,
.WILDBET88.tournament-bg .tournament-list .tab-content .txt-bonus {
    color: #fff
}

.WILDBET88.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num {
    background: #B5D236
}

.WILDBET88.tournament-bg .tournament-list .btn-box .btn.btn-last {
    color: #fff;
    border-color: #fff
}

.WILDBET88.tournament-bg .tournament-list .info-box {
    background: #080808
}

.WILDBET88.tournament-bg .tournament-list .info-box::before,
.WILDBET88.tournament-bg .tournament-list .info-box::after {
    border-color: #23408E
}

.WILDBET88.tournament-bg .tournament-list .info-box ul::before,
.WILDBET88.tournament-bg .tournament-list .info-box ul::after {
    border-color: #23408E
}

.WILDBET88.tournament-bg .tournament-list .btn-tooltip i {
    color: #359E94
}

.WILDBET88.tournament-bg .tournament-list .btn-tooltip .tooltip-box {
    background: #23408E;
    border-color: #1A294B
}

.WILDBET88.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before {
    border-color: transparent transparent #359E94 transparent
}

.WILDBET88.tournament-bg .tournament-list .panel-list {
    background: #ffffff1c
}

.WILDBET88.tournament-bg .tournament-list .panel-list li img {
    border-radius: 8px
}

.WILDBET88.tournament-bg .tournament-list .list-weekly li.is-today {
    background: #080808;
    border: 2px solid #23408E
}

.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,
.AGD88.tournament-bg .section.tournament-list,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list.section-box,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list nav,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list nav .nav-tabs,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list nav .nav-tabs .nav-link,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list nav .nav-tabs .nav-link.active,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list nav .nav-tabs .nav-link li,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list nav .nav-tabs .nav-link li::before,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link.active,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .btn-tooltip i::before,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .tab-content,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .tab-content .clock,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .tab-content .clock .txt,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .tab-content .txt-loginName,
.AGD88.tournament-bg .tournament-list .tab-content .txt-bonus,
.AZACASINO.tournament-bg .tournament-list .tab-content .txt-loginName,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .btn-box .btn.btn-last,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .info-box,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .info-box::before,
.AGD88.tournament-bg .tournament-list .info-box::after,
.AZACASINO.tournament-bg .tournament-list .info-box::before,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .info-box ul::before,
.AGD88.tournament-bg .tournament-list .info-box ul::after,
.AZACASINO.tournament-bg .tournament-list .info-box ul::before,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .btn-tooltip i,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .btn-tooltip .tooltip-box,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .panel-list,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .panel-list li img,
.AZACASINO.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,
.AGD88.tournament-bg .tournament-list .list-weekly li.is-today,
.AZACASINO.tournament-bg .tournament-list .list-weekly li.is-today {
    background: #080808;
    border: 2px solid #7a0e0e
}

.LUCKYWORLD.tournament-bg .section.tournament-list {
    border-radius: 10px
}

.LUCKYWORLD.tournament-bg .tournament-list.section-box {
    background: linear-gradient(to bottom, #222 50%, #7a0e0e 95%, #c50000 96%)
}

.LUCKYWORLD.tournament-bg .tournament-list nav {
    background: transparent !important;
    width: auto;
    margin: 0 auto;
    border-bottom: 2px solid #FFCD2F !important
}

.LUCKYWORLD.tournament-bg .tournament-list nav .nav-tabs {
    margin: 0 auto;
    text-align: center;
    gap: 0 3px
}

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

.LUCKYWORLD.tournament-bg .tournament-list nav .nav-tabs .nav-link .clock .txt {
    color: #fff !important
}

.LUCKYWORLD.tournament-bg .tournament-list nav .nav-tabs .nav-link:nth-child(2) .btn-tooltip .tooltip-box {
    top: 31px
}

.LUCKYWORLD.tournament-bg .tournament-list nav .nav-tabs .nav-link.active {
    border-radius: 5px 5px 0 0;
    background-image: linear-gradient(180deg, rgba(255, 224, 100, 0.494118) 0%, #CE8400 100%) !important
}

.LUCKYWORLD.tournament-bg .tournament-list nav .nav-tabs .nav-link li {
    color: #fff;
    height: inherit
}

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

.LUCKYWORLD.tournament-bg .tournament-list .nav-tabs.nav-Lv2 .nav-link {
    border-top-color: #00000000;
    background-image: none;
    border-top: 0px
}

.LUCKYWORLD.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 #FFCD2F
}

.LUCKYWORLD.tournament-bg .tournament-list .btn-tooltip i::before {
    color: #b14056
}

.LUCKYWORLD.tournament-bg .tournament-list .tab-content {
    background: linear-gradient(to bottom, #080808 50%, #7a0e0e 97%, #c50000 100%)
}

.LUCKYWORLD.tournament-bg .tournament-list .tab-content .clock {
    background: #48071f !important
}

.LUCKYWORLD.tournament-bg .tournament-list .tab-content .clock .txt {
    color: #fff !important
}

.LUCKYWORLD.tournament-bg .tournament-list .tab-content .txt-loginName,
.LUCKYWORLD.tournament-bg .tournament-list .tab-content .txt-bonus {
    color: #fff
}

.LUCKYWORLD.tournament-bg .tournament-list .tab-content .txt-loginName.is-you span.num {
    background: #2bb128
}

.LUCKYWORLD.tournament-bg .tournament-list .btn-box .btn.btn-last {
    color: #fff;
    border-color: #fff
}

.LUCKYWORLD.tournament-bg .tournament-list .info-box {
    color: #fff;
    background: #080808
}

.LUCKYWORLD.tournament-bg .tournament-list .info-box::before,
.LUCKYWORLD.tournament-bg .tournament-list .info-box::after {
    border-color: #7a0e0e
}

.LUCKYWORLD.tournament-bg .tournament-list .info-box ul::before,
.LUCKYWORLD.tournament-bg .tournament-list .info-box ul::after {
    border-color: #7a0e0e
}

.LUCKYWORLD.tournament-bg .tournament-list .btn-tooltip i {
    color: #ff5863
}

.LUCKYWORLD.tournament-bg .tournament-list .btn-tooltip .tooltip-box {
    background: #48071f;
    border-color: #8a1940
}

.LUCKYWORLD.tournament-bg .tournament-list .btn-tooltip .tooltip-box::before {
    border-color: transparent transparent #b80f4a transparent
}

.LUCKYWORLD.tournament-bg .tournament-list .panel-list {
    background: #ffffff1c
}

.LUCKYWORLD.tournament-bg .tournament-list .panel-list li img {
    border-radius: 8px
}

.LUCKYWORLD.tournament-bg .tournament-list ul li .btn-day {
    border: 2px solid #FFCD2F
}

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

.PGSWIN.tournament-bg .btn-box .btn {
    border: 1px solid #4a3d27
}

.PGSWIN.tournament-bg .btn-box .btn.btn-last {
    color: #493c2c
}

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;
    --bs-tooltip-bg: #ce0a0a
}

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

.NWC .mb-platform-menu ul li.show-promo::after {
    height: 35px;
    width: 54px;
    left: -10px;
    bottom: auto;
    top: -5px
}

.NWC .mb-platform-menu ul li .JP-promoSticky {
    top: -3px;
    left: -16px;
    transform: rotate(-25deg) scale(0.6);
    z-index: 15
}

.NWC .mb-platform-menu ul li.show-promo.show-JPSticky::after {
    top: -8px
}

.NWC .mb-platform-menu ul li.show-promo.show-JPSticky .JP-promoSticky {
    top: 9px;
    left: -15px
}

.NWC ul li.show-promo.show-JPSticky::after,
.POPULAR ul li.show-promo.show-JPSticky::after {
    top: -8px
}

.NWC ul li.show-promo.show-JPSticky .JP-promoSticky,
.POPULAR ul li.show-promo.show-JPSticky .JP-promoSticky {
    top: 0;
    left: -10px;
    transform: rotate(-25deg) scale(0.6);
    z-index: 15
}

.NWC.device-PC ul li .JP-promoSticky,
.POPULAR.device-PC ul li .JP-promoSticky {
    top: 0;
    transform: rotate(-25deg) scale(0.8)
}

.NWC.device-PC ul li.show-promo.show-JPSticky .JP-promoSticky,
.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
}

.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 .event-game-list {
    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 .event-game-list li .game-icon {
    width: 100%
}

.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .event-game-list.num-1 {
    grid-template-columns: repeat(1, 100%)
}

.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .event-game-list.num-2,
.WIDE .page-bonus-body .bonus-time .main-event-box .box-body .event-game-list.num-4 {
    grid-template-columns: repeat(2, 48%)
}

.WIDE.device-PC .page-bonus-body .bonus-time .main-event-box .box-body .event-game-list {
    gap: 9px 17px
}

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

.WILDBET88 .btn.btn-primary {
    background: linear-gradient(180deg, #B5D236, #359E94)
}

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

.GGAME888 .btn.btn-primary {
    background: linear-gradient(180deg, #16902c 0%, #2cdb8b 100%)
}

.TELE789 .btn.btn-primary {
    background: linear-gradient(180deg, #f3a923, #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%)
}

.BETSTAR77 .btn.btn-primary {
    background: linear-gradient(0deg, #fdc503 0, #bc9714 50%, #fdc503 100%)
}

body .modal-selectGameType {
    z-index: 1051 !important
}

.badge {
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    color: inherit
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.bg-info {
    background-color: #17a2b8 !important
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

* .btn-check:checked+.btn,
* .btn.active,
* .btn.show,
* .btn:first-child:active,
* :not(.btn-check)+.btn:active {
    background-color: transparent;
    border-color: transparent
}

.btn-close {
    box-sizing: border-box;
    padding: 0;
    opacity: initial;
    filter: none;
    border-radius: initial
}

.btn-close:focus {
    outline: initial;
    box-shadow: initial;
    opacity: initial
}

.form-control {
    height: calc(1.5em + .75rem + 2px)
}

.modal-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem
}

.card-header {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.report-iframe .report-header .header-rt a.go-back {
    top: auto !important;
    margin: 5px 10px
}

.modal-footer {
    padding: 1rem
}

.page-media-btn .close:hover {
    color: #000;
    text-decoration: none
}

.page-media-btn .close:not(.disabled):hover {
    opacity: .75
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.NWC .modal-remote-iframe .select-language,
.NWC .modalbig-iframe .select-language {
    display: none
}

.NWC.modal-iframe .header-area {
    display: none !important
}

.NWC.modal-iframe {
    padding-top: 0
}

.NWC.modal-iframe .main-wrap {
    padding-top: 0 !important
}

body.es.WL .page-wrapper .section-box.section-JACKPOT .section-tit .tit {
    background: url("../../../theme/images/src-common/JACKPOT-img/JACKPOT-ES-WL.webp") no-repeat center !important;
    background-size: contain !important
}

body.es.type-W.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT p,
body.es.type-W.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVE p,
body.es.type-W.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVEARENA p {
    font-size: 8px
}

body.es.type-W.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT p,
body.es.type-W.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVE p,
body.es.type-W.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVEARENA p {
    font-size: 14px
}

body.es.type-P.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT p,
body.es.type-P.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVE p,
body.es.type-P.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVEARENA p {
    font-size: 8px
}

body.es.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVE p,
body.es.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVEARENA p {
    font-size: 14px
}

body.es.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT {
    min-width: 135px
}

body.es.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT p {
    font-size: 11px
}

body.es.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs.num-10,
body.es.type-P.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs.num-11 {
    justify-content: flex-start
}

body.es.type-L.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SPORTS p,
body.es.type-L.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVE p {
    font-size: 10px
}

body.es.type-L.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT p {
    font-size: 9px
}

body.es.type-L.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVE p,
body.es.type-L.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVEARENA p {
    white-space: normal;
    line-height: normal
}

body.es.type-L.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SPORTS p,
body.es.type-L.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVE p,
body.es.type-L.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVEARENA p {
    font-size: 16px
}

body.es.type-L.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT p {
    font-size: 14px
}

body.es.type-R.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab {
    min-height: 60px
}

body.es.type-R.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab p {
    white-space: normal;
    line-height: normal;
    padding-top: 8px
}

body.es.type-R.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SPORTS p,
body.es.type-R.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVEARENA p {
    font-size: 10px
}

body.es.type-R.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT p {
    font-size: 9px
}

body.es.type-R.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SPORTS p {
    font-size: 16px
}

body.es.type-R.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.SLOT p,
body.es.type-R.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVE p,
body.es.type-R.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.LIVEARENA p {
    font-size: 14px
}

.page-web.type-P.device-PC .page-wrapper .header-navigation {
    right: 78px
}