body {
    font-size: 16px
}

html,
body {
    touch-action: manipulation
}

a {
    color: #e1be83;
    text-decoration: underline
}

a:active {
    text-decoration: none
}

a:hover {
    color: #efd8b1
}

img {
    width: 100%
}

i {
    display: inline-block
}

.header-navigation {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0 0 0 4px
}

.header-navigation .page-login-box {
    position: relative
}

.header-navigation .navigation-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.header-navigation .navigation-btn .icon-hamburger::before {
    font-size: 23px;
    line-height: 35px
}

.header-navigation .navigation-btn .btn {
    width: 35px;
    height: 40px
}

.header-navigation .navigation-btn .btn-tournament {
    border-radius: 4px
}

.header-navigation .user-info-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: start
}

.header-navigation .user-info-group .user-ID {
    cursor: pointer;
    white-space: nowrap;
    opacity: 0.8
}

.header-navigation .user-info-group .user-ID::before {
    content: 'ID:';
    font-size: 70%
}

.header-navigation .user-info-group li {
    position: relative;
    font-size: initial;
    min-width: 110px
}

.header-navigation a.icon-copy {
    padding: 0;
    max-height: none
}

.header-navigation a.icon-copy::before {
    font-size: 12px;
    line-height: normal
}

.header-navigation .user-balance {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    text-align: left;
    white-space: nowrap
}

.header-navigation .user-balance .txt {
    font-size: 13px;
    min-width: 28px;
    text-align: right
}

.header-navigation .user-balance .txt::after {
    content: '';
    position: absolute;
    display: none;
    left: 25%;
    bottom: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #284975 transparent
}

.header-navigation .balance-group {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    background-color: #323A42;
    box-shadow: 0 0 0 0.6px #D3C68E;
    border-radius: 4px;
    padding-right: 4px
}

.header-navigation .balance-group.only-currency .icon.icon-arrow-down {
    display: none
}

.header-navigation .balance-group .user-balance .txt::before {
    display: none
}

.header-navigation .balance-group .btn.icon-banking {
    position: absolute;
    right: 4px;
    background-color: #ffe570;
    line-height: normal;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0
}

.header-navigation .balance-group .btn.icon-banking::before {
    color: #222;
    line-height: 30px
}

.header-navigation .btn-refresh.icon-refresh {
    line-height: normal;
    width: 17px;
    height: 17px;
    margin-left: 4px;
    border-radius: 100px;
    background-color: #d3c68d;
    color: #111;
    padding: 0;
    text-align: center;
    z-index: 10;
    cursor: pointer
}

.header-navigation .btn-refresh.icon-refresh::before {
    font-size: 17px;
    line-height: normal
}

.header-navigation a.currency-selector {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1px;
    background-color: #d3c68d;
    border-radius: 4px 0 0 4px;
    padding: 0 2px 0 3px;
    cursor: pointer
}

.header-navigation a.currency-selector .flag {
    border-radius: 100px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    object-fit: cover;
    margin: 0 3px
}

.header-navigation a.currency-selector .txt {
    color: #111;
    font-weight: 600;
    line-height: 25px;
    font-size: 10px
}

.header-navigation a.currency-selector .txt::before {
    display: none
}

.header-navigation a.currency-selector span.icon::before {
    font-weight: 600;
    color: #111;
    font-size: 80%
}

.header-navigation .page-login-box {
    position: relative;
    width: auto;
    text-align: left;
    white-space: nowrap
}

.header-navigation .page-login-box::after {
    content: '';
    position: absolute;
    display: none;
    left: calc(50% - 5px);
    bottom: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: transparent #284975 transparent transparent
}

.header-navigation .page-login-box .btn-refresh {
    padding: 0;
    max-height: none;
    width: 14px;
    height: 14px;
    aspect-ratio: 1/1;
    text-align: center;
    line-height: 12px
}

.header-navigation .page-login-box .btn-refresh::before {
    line-height: 14px;
    font-size: 14px
}

.header-navigation .btn,
.header-navigation a {
    position: relative;
    border: none;
    outline: none;
    text-decoration: none
}

.header-navigation .btn::before,
.header-navigation a::before {
    font-size: 23px;
    line-height: 40px
}

.header-navigation .btn:focus,
.header-navigation .btn:active,
.header-navigation .btn::hover,
.header-navigation .btn:visited,
.header-navigation .btn:focus-visible,
.header-navigation a:focus,
.header-navigation a:active,
.header-navigation a::hover,
.header-navigation a:visited,
.header-navigation a:focus-visible {
    outline: none;
    border: none
}

.header-navigation .dot {
    position: absolute;
    left: 0;
    top: 6px;
    background-color: #ff4684;
    border: 1px solid #333;
    border-radius: 100px;
    width: 12px;
    height: 12px
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: 'icomoon' !important
}

body.body-iframe.show-limit-msg .user-balance-msg {
    display: none !important
}

body.show-limit-msg.type-R .balance-group,
body.show-limit-msg.type-W .balance-group,
body.show-limit-msg.type-L .balance-group,
body.show-limit-msg.type-P .balance-group {
    position: unset
}

body.show-limit-msg.type-R .balance-group .user-balance-msg,
body.show-limit-msg.type-W .balance-group .user-balance-msg,
body.show-limit-msg.type-L .balance-group .user-balance-msg,
body.show-limit-msg.type-P .balance-group .user-balance-msg {
    position: absolute;
    width: 100vw;
    top: 100%;
    left: 0
}

body.show-limit-msg.my .user-balance-msg .txt-limit,
body.show-limit-msg.my .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.vn .user-balance-msg .txt-limit,
body.show-limit-msg.vn .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.th .user-balance-msg .txt-limit,
body.show-limit-msg.th .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.ma .user-balance-msg .txt-limit,
body.show-limit-msg.ma .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.id .user-balance-msg .txt-limit,
body.show-limit-msg.id .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.hi .user-balance-msg .txt-limit,
body.show-limit-msg.hi .user-balance-msg .txt-reserve-balance,
body.show-limit-msg.bn .user-balance-msg .txt-limit,
body.show-limit-msg.bn .user-balance-msg .txt-reserve-balance {
    font-size: 13px !important;
    transform: scale(0.9) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

body.show-limit-msg .user-balance::after {
    display: block
}

body.show-limit-msg .user-balance-msg {
    display: table !important
}

body .user-balance-msg {
    display: none;
    position: fixed;
    left: 0;
    right: auto;
    top: 40px;
    color: #fff;
    padding: 0 25px 0 5px;
    width: 100%;
    text-align: center;
    line-height: 25px;
    border-radius: 0
}

body .user-balance-msg.USDT {
    color: #fff;
    background-color: #227351
}

body .user-balance-msg.USDT::before {
    background-color: #227351
}

body .user-balance-msg.USDT .icon-close::before {
    color: #fff
}

body .user-balance-msg::before {
    content: '';
    background-color: #284975;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: -100
}

body .user-balance-msg .txt-limit,
body .user-balance-msg .txt-reserve-balance {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 14px
}

body .user-balance-msg .txt-limit b,
body .user-balance-msg .txt-reserve-balance b {
    margin-right: 2px;
    white-space: nowrap
}

body .user-balance-msg .txt-limit.hide,
body .user-balance-msg .txt-reserve-balance.hide {
    display: none
}

body .user-balance-msg .txt-reserve-balance {
    font-weight: bold
}

body .user-balance-msg .txt-reserve-balance span {
    line-height: 30px
}

body .user-balance-msg .txt-reserve-balance .icon-lock {
    position: relative;
    padding-left: 25px
}

body .user-balance-msg .txt-reserve-balance .icon-lock::before {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    border-radius: 50px;
    background: #00000013;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 3px
}

body .user-balance-msg .icon-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px
}

body .user-balance-msg .icon-close::before {
    color: #fff;
    font-size: 120%
}

body.body-iframe .header-navigation {
    justify-content: flex-start;
    gap: 6px
}

body.body-iframe .header-navigation a.currency-selector span.icon {
    display: none
}

@media (min-width: 1024px) {
    body.body-iframe .header-navigation .user-info-group {
        gap: 4px
    }
    body.body-iframe .header-navigation .user-info-group .txt,
    body.body-iframe .header-navigation .user-info-group .txt::before,
    body.body-iframe .header-navigation .user-info-group a.icon-copy,
    body.body-iframe .header-navigation .user-info-group a.icon-copy::before {
        font-size: 3vmin;
        line-height: 4vmin
    }
    body.body-iframe .header-navigation .wager-box,
    body.body-iframe .header-navigation .btn-tournament {
        width: 7vmin;
        height: 7vmin;
        vertical-align: middle;
        bottom: 15px;
        left: -5vmin
    }
    body.body-iframe .header-navigation .wager-box::before,
    body.body-iframe .header-navigation .btn-tournament::before {
        font-size: 4vmin;
        line-height: 7vmin
    }
    body.body-iframe .header-navigation .btn-tournament .icon-tournament::before {
        font-size: 4vmin;
        line-height: 6.5vmin
    }
}

body.DDWIN .header-navigation .balance-group,
body.SPINBREAK .header-navigation .balance-group,
body.IRONMAN1688 .header-navigation .balance-group,
body.KING88 .header-navigation .balance-group {
    background-color: #100606
}

body.MWGAMING .header-navigation.header-navigation .txt,
body.MWGAMING .header-navigation.header-navigation a,
body.MWGAMING .header-navigation.header-navigation .btn,
body.MWGAMING .header-navigation.header-navigation .icon-hamburger,
body.MWGAMING .header-navigation.header-navigation .btn-refresh.icon-refresh::before {
    color: #252525
}

body.MWGAMING .header-navigation.header-navigation .currency-selector {
    background-color: #65645d
}

body.MWGAMING .header-navigation.header-navigation .currency-selector span,
body.MWGAMING .header-navigation.header-navigation .currency-selector span::before {
    color: #fff
}

body.MWGAMING .header-navigation.header-navigation .balance-group {
    background-color: #fff5e2
}

body.MWGAMING .header-navigation.header-navigation .user-balance-msg>div {
    text-shadow: 0px 1px 2px #333333e0
}

body.MWGAMING .header-navigation.header-navigation .user-balance .txt::after {
    border-color: transparent transparent #986 transparent
}

body.MWGAMING .header-navigation.header-navigation .user-balance-msg,
body.MWGAMING .header-navigation.header-navigation .user-balance-msg::before {
    background: #986
}

body.SPINBREAK .header-navigation .balance-group {
    box-shadow: 0 0 0 0.6px #9c00ff
}

body.SPINBREAK .header-navigation .user-balance-msg>div {
    text-shadow: 0px 1px 2px #333333e0
}

body.SPINBREAK .header-navigation .user-balance .txt::after {
    border-color: transparent transparent #9c00ff transparent
}

body.SPINBREAK .header-navigation .btn-refresh.icon-refresh,
body.SPINBREAK .header-navigation .user-balance-msg,
body.SPINBREAK .header-navigation .user-balance-msg::before {
    background: #9c00ff
}

body.SPINBREAK .header-navigation .btn-refresh.icon-refresh::before {
    color: #fff
}

body.SPINBREAK .header-navigation a.currency-selector {
    background-color: #5b0095
}

body.SPINBREAK .header-navigation a.currency-selector span,
body.SPINBREAK .header-navigation a.currency-selector span::before {
    color: #fff
}

.header-navigation {
    position: relative;
    width: auto;
    margin: 0 auto;
    background: #000000b3;
    color: #fff;
    padding: 6px 1px;
    gap: 1px;
    z-index: 1;
    flex-direction: column
}

.header-navigation .navigation-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 0
}

.header-navigation .navigation-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px
}

.header-navigation .navigation-btn a,
.header-navigation .navigation-btn .icon-hamburger {
    position: relative;
    color: #fff;
    border-radius: 0
}

.header-navigation .navigation-btn a::before,
.header-navigation .navigation-btn .icon-hamburger::before {
    font-size: 23px;
    line-height: 40px
}

.header-navigation .user-balance-msg {
    display: none;
    border-radius: 5px
}

.header-navigation .user-info {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2px;
    margin: 0;
    z-index: 10;
    width: 100%
}

.header-navigation .user-info li {
    text-align: left
}

.header-navigation .user-info li.balance-group {
    background-color: #000000c7 !important;
    border: 1px solid #ffffff7b;
    border-radius: 100px;
    padding: 1px 5px 1px 1px
}

.header-navigation .user-info li.balance-group .user-currency {
    display: inline-flex
}

.header-navigation .user-info li.balance-group .user-currency::after {
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'icomoon';
    content: '\e902';
    font-size: 12px;
    color: #ffffff7f
}

.header-navigation .user-balance {
    display: flex;
    width: 100%;
    justify-content: flex-end
}

.header-navigation .user-balance .txt {
    font-size: 12px;
    text-align: right
}

.header-navigation .user-balance .txt::after {
    bottom: -10px;
    display: none;
    border-color: transparent transparent #eece3e transparent
}

.header-navigation a.currency-selector {
    border-radius: 100px 0 0 100px;
    background-color: #eeda89;
    gap: 2px
}

.header-navigation a.currency-selector::after {
    border-color: transparent transparent #fff transparent
}

.header-navigation a.currency-selector .txt {
    line-height: 20px;
    color: #111 !important;
    font-size: 12px
}

.header-navigation .btn-refresh.icon-refresh {
    width: 15px;
    height: 15px
}

.header-navigation .btn-refresh.icon-refresh::before {
    font-size: 15px
}

.header-navigation .btn {
    color: #fff;
    text-decoration: none;
    padding: 0 8px;
    max-height: 40px
}

.header-navigation a {
    text-decoration: none;
    color: #fff
}

.header-navigation .txt {
    font-size: 13px;
    line-height: 13px;
    color: #FDE685;
    padding: 0
}

.header-navigation .txt::before {
    font-size: 75%
}

.header-navigation .txt.icon-user {
    font-weight: 500
}

.header-navigation .txt.icon-user::before {
    font-size: 13px;
    margin-right: 4px
}

.header-navigation .txt.user-ID {
    color: #e6e6e6;
    font-size: 10px;
    padding: 0 0 0 18px;
    display: block;
    white-space: nowrap;
    text-decoration: none
}

.header-navigation .txt.user-ID a::before {
    color: #e6e6e6;
    line-height: 14px;
    font-size: 9px
}

.header-navigation .btn-refresh {
    box-shadow: inset 0 0 0 .5px #FDE685;
    border-radius: 50px
}

.header-navigation .btn-refresh::before {
    line-height: 23px;
    color: #111
}

.header-navigation .btn.icon-search {
    width: 30px;
    height: 30px;
    background: #0000004f;
    border-radius: 50px;
    text-align: center;
    padding: 0
}

.header-navigation .btn.icon-search::before {
    line-height: 30px;
    font-size: 20px
}

.header-navigation .btn.icon-search:hover {
    background: #5858584f
}

body.show-limit-msg .user-balance .txt::after {
    display: block !important
}

body .user-balance-msg {
    position: relative;
    top: auto;
    right: 0;
    left: auto;
    color: #111;
    background: #eece3e;
    min-height: 30px
}

body .user-balance-msg::before {
    background-color: #eece3e;
    border-radius: 5px
}

body .user-balance-msg .icon-close::before {
    color: #111
}

body .page-content.page-game-list .header-navigation .user-balance .txt::after {
    bottom: -16px
}

body .modal-currency .modal-content .modal-header .modal-title {
    color: #fff
}

body .modal-currency .modal-content .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #e1be83
}

body .modal-currency .modal-content .modal-menu li.active {
    box-shadow: inset 0 0 0 1px #c18826;
    background-color: #e1be83
}

body .modal-currency .modal-content .modal-menu li.active .txt {
    color: #fff
}

body.device-PC.show-limit-msg .header-navigation {
    top: 15px
}

body.device-PC .header-navigation {
    position: absolute;
    top: 22px;
    right: 85px;
    padding: 0;
    background: transparent !important
}

body.device-PC .header-navigation .navigation-container {
    gap: 12px
}

body.device-PC .header-navigation .user-info {
    background: #242424ab;
    gap: 12px;
    border-radius: 10px;
    padding: 6px
}

body.device-PC .header-navigation .user-info li {
    gap: 4px;
    padding: 2px 4px
}

body.device-PC .header-navigation .user-info .txt::before {
    font-size: 100%
}

body.device-PC .header-navigation li.user-balance,
body.device-PC .header-navigation .user-info-group {
    min-width: auto
}

body.device-PC .header-navigation .btn.icon-search {
    background: #000000ab
}

body.device-PC .header-navigation .user-balance .txt::after {
    bottom: -17px
}

body.device-PC .user-balance-msg {
    position: absolute;
    right: 50px;
    bottom: -29px;
    max-width: 800px;
    white-space: nowrap;
    z-index: 10
}

body.device-PC .page-content.page-game-list .header-navigation {
    left: 0;
    top: 0;
    width: 100%;
    height: 45px
}

body.device-PC .page-content.page-game-list .header-navigation .navigation-container {
    height: 45px
}

body.device-PC.PC-POPUP .user-balance-msg {
    right: 50%;
    top: auto !important;
    bottom: -30px;
    transform: translateX(50%)
}

body.device-PC.PC-POPUP .navigation-btn {
    gap: 4px;
    right: 2px;
    height: 45px !important
}

body.device-PC.PC-POPUP .navigation-btn .wager-box,
body.device-PC.PC-POPUP .navigation-btn .btn-tournament {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    bottom: auto;
    left: auto
}

body.device-PC.PC-POPUP .navigation-btn .btn-tournament {
    width: 6vmin;
    height: 6vmin
}

body.body-iframe.show-limit-msg .iframe-btn-box .header-navigation .user-balance-msg .icon-close {
    width: auto;
    height: auto;
    background: transparent !important
}

body.body-iframe .page-content.page-game-list .header-navigation {
    height: 10vmin !important
}

body.body-iframe .navigation-container,
body.body-iframe .user-info {
    height: 10vmin !important
}

body.body-iframe .balance-group {
    transform: scale(0.8)
}

body.body-iframe .header-navigation {
    position: fixed;
    top: 0;
    right: 0;
    padding: 0 0 0 2px;
    margin: 0;
    width: calc(100% - 10vmin);
    height: 10vmin;
    background: linear-gradient(#595d70 0%, #323542 40%)
}

body.body-iframe .header-navigation .user-info-group {
    min-width: auto;
    max-width: none
}

body.body-iframe .header-navigation .user-info-group .txt.user-ID {
    padding: 0 0 0 17px
}

body.body-iframe .header-navigation .user-info-group .txt.user-ID a {
    width: auto;
    height: auto
}

body.body-iframe .header-navigation .txt::before {
    font-size: 9px
}

body.body-iframe .header-navigation .navigation-container,
body.body-iframe .header-navigation .user-info {
    justify-content: center;
    width: 100%;
    height: 10vmin
}

body.body-iframe .header-navigation .user-balance {
    width: auto;
    min-width: auto;
    justify-content: center
}

body.body-iframe .header-navigation .user-balance .txt::after {
    display: none !important
}

body.body-iframe .header-navigation .navigation-btn {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

body.body-iframe.PC-POPUP.device-PC .header-navigation .user-info-group .txt {
    font-size: 14px;
    line-height: 12px
}

body.body-iframe.PC-POPUP.device-PC .header-navigation .user-info-group a.icon-copy::before,
body.body-iframe.PC-POPUP.device-PC .header-navigation .user-info-group .txt::before,
body.body-iframe.PC-POPUP.device-PC .header-navigation .user-info-group a.icon-copy {
    font-size: 12px;
    line-height: 12px
}

body.body-iframe.PC-POPUP.device-PC .navigation-btn .wager-box {
    position: absolute;
    top: 10px;
    width: 30px;
    height: 30px
}

body.body-iframe.PC-POPUP.device-PC .navigation-btn .wager-box::before {
    font-size: 18px;
    line-height: 30px
}

.page-content.page-game-list .header-navigation {
    position: fixed;
    top: 0;
    right: 0;
    padding: 0 0 0 2px;
    width: 100%;
    height: 45px;
    background: linear-gradient(#595d70 0%, #323542 40%)
}

.page-content.page-game-list .header-navigation .user-balance-msg {
    top: -3px
}

.page-content.page-game-list .header-navigation .user-info-group .txt {
    font-size: 13px;
    line-height: 13px
}

.page-content.page-game-list .header-navigation .user-info-group .txt.user-ID {
    font-size: 12px;
    padding: 0 0 0 16px
}

.page-content.page-game-list .header-navigation .user-info-group .txt.user-ID a {
    width: auto;
    height: auto
}

.page-content.page-game-list .header-navigation .navigation-container,
.page-content.page-game-list .header-navigation .user-info {
    justify-content: center;
    height: 45px;
    background: transparent !important
}

.page-content.page-game-list .header-navigation .navigation-btn {
    position: absolute;
    right: 0;
    top: 0
}

.page-content.page-game-list .header-navigation .wager-box {
    bottom: auto;
    top: 0px
}

@media (min-width: 1024px) {
    body.body-iframe.device-MOBILE .header-navigation .user-info-group {
        gap: 4px
    }
    body.body-iframe.device-MOBILE .header-navigation .user-info-group .txt,
    body.body-iframe.device-MOBILE .header-navigation .user-info-group .txt::before,
    body.body-iframe.device-MOBILE .header-navigation .user-info-group a.icon-copy,
    body.body-iframe.device-MOBILE .header-navigation .user-info-group a.icon-copy::before {
        font-size: 3vmin;
        line-height: 4vmin
    }
    body.body-iframe.device-PAD .header-navigation .user-info-group .txt,
    body.body-iframe.device-PAD .header-navigation .user-info-group .txt::before,
    body.body-iframe.device-PAD .header-navigation .user-info-group a.icon-copy,
    body.body-iframe.device-PAD .header-navigation .user-info-group a.icon-copy::before {
        font-size: 14px;
        line-height: 16px
    }
}

.page-web.type-R .modal.modal-currency .modal-title,
.page-web.type-R .modal.modal-betLimit .modal-title {
    color: #fff
}

.page-web.type-R .modal.modal-currency .modal-content {
    border: none
}

.page-web.type-R .modal.modal-betLimit .modal-menu li .btn {
    background: #666666;
    color: #fff;
    box-shadow: #00000066 0 2px 4px, #0000004d 0 7px 13px -3px, #00000057 0 -3px 0 inset
}

.page-web.type-R .modal.modal-betLimit .modal-menu li .btn::before {
    color: #fff
}

.page-web.type-R #turnoverNotifyModal .btn-group a.btn:last-child {
    color: #fff
}

.page-web.type-R.DEMOR .modal-currencyLimit li,
.page-web.type-R.DEMOR .modal-betLimit li,
.page-web.type-R.LUCKY2222 .modal-currencyLimit li,
.page-web.type-R.LUCKY2222 .modal-betLimit li {
    background-color: #ffffffe1
}

.page-web.type-R.DEMOR .modal-currencyLimit li .btn:hover,
.page-web.type-R.DEMOR .modal-currencyLimit li .btn:focus,
.page-web.type-R.DEMOR .modal-betLimit li .btn:hover,
.page-web.type-R.DEMOR .modal-betLimit li .btn:focus,
.page-web.type-R.LUCKY2222 .modal-currencyLimit li .btn:hover,
.page-web.type-R.LUCKY2222 .modal-currencyLimit li .btn:focus,
.page-web.type-R.LUCKY2222 .modal-betLimit li .btn:hover,
.page-web.type-R.LUCKY2222 .modal-betLimit li .btn:focus {
    color: #111 !important
}

.page-web.type-R.DEMOR .modal-currencyLimit li a,
.page-web.type-R.DEMOR .modal-betLimit li a,
.page-web.type-R.LUCKY2222 .modal-currencyLimit li a,
.page-web.type-R.LUCKY2222 .modal-betLimit li a {
    color: #111
}

.page-web.type-R.DEMOR .modal-currencyLimit li a.btn::before,
.page-web.type-R.DEMOR .modal-betLimit li a.btn::before,
.page-web.type-R.LUCKY2222 .modal-currencyLimit li a.btn::before,
.page-web.type-R.LUCKY2222 .modal-betLimit li a.btn::before {
    background-color: transparent
}

.page-web.type-R.DEMOR .modal-currencyLimit li a span,
.page-web.type-R.DEMOR .modal-betLimit li a span,
.page-web.type-R.LUCKY2222 .modal-currencyLimit li a span,
.page-web.type-R.LUCKY2222 .modal-betLimit li a span {
    color: #111
}

.page-web.type-R.DEMOR .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-R.DEMOR .modal-betLimit .modal-content .currency-selector,
.page-web.type-R.LUCKY2222 .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-R.LUCKY2222 .modal-betLimit .modal-content .currency-selector {
    background: transparent
}

.page-web.type-R.DEMOR .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-R.DEMOR .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-R.DEMOR .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-R.DEMOR .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-R.LUCKY2222 .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-R.LUCKY2222 .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-R.LUCKY2222 .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-R.LUCKY2222 .modal-betLimit .modal-content .currency-selector .txt-rate {
    color: #111
}

.page-web.type-R.DEMOR .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-R.DEMOR .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-R.LUCKY2222 .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-R.LUCKY2222 .modal-betLimit .modal-content .modal-header .modal-title {
    color: #111
}

.page-web.type-R.DEMOR .modal-currencyLimit .modal-menu li .btn,
.page-web.type-R.DEMOR .modal-betLimit .modal-menu li .btn,
.page-web.type-R.LUCKY2222 .modal-currencyLimit .modal-menu li .btn,
.page-web.type-R.LUCKY2222 .modal-betLimit .modal-menu li .btn {
    background: linear-gradient(0deg, #e6e6e6, #efefef);
    color: #111;
    box-shadow: #2d234266 0 2px 3px, #2d23424d 0 7px 13px -3px, #D6D6E7 0 -1px 0 inset
}

.page-web.type-R.DEMOR .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-R.DEMOR .modal-betLimit .modal-menu li .btn::before,
.page-web.type-R.LUCKY2222 .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-R.LUCKY2222 .modal-betLimit .modal-menu li .btn::before {
    color: #111
}

.page-web.type-R.DEMOR .modal-currency .modal-content,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content {
    background-color: #fff
}

.page-web.type-R.DEMOR .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-header .modal-title {
    color: #111
}

.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector {
    color: #111;
    background-color: rgba(0, 0, 0, 0.2)
}

.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector .txt,
.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector .txt,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector .txt-rate {
    color: #111
}

.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector.active,
.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector:hover,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector.active,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector:hover {
    background-color: rgba(0, 0, 0, 0.807)
}

.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-R.DEMOR .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .currency-selector:hover .txt-rate {
    color: #fff
}

.page-web.type-R.DEMOR .modal-currency .modal-content .modal-menu li,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-menu li {
    background-color: #e2e2e2
}

.page-web.type-R.DEMOR .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #e1be83
}

.page-web.type-R.DEMOR .modal-currency .modal-content .modal-menu li.active,
.page-web.type-R.DEMOR .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-menu li.active,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #c18826;
    background-color: #e1be83
}

.page-web.type-R.DEMOR .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-R.DEMOR .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-menu li:hover .txt {
    color: #111
}

.page-web.type-R.DEMOR .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-menu li .txt {
    color: #111
}

.page-web.type-R.DEMOR .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-R.LUCKY2222 .modal-currency .modal-content .modal-menu li a.btn span {
    color: #111
}

.page-web.type-R.DEMOR #turnoverNotifyModal .modal-menu-tit,
.page-web.type-R.LUCKY2222 #turnoverNotifyModal .modal-menu-tit {
    color: #111
}

.page-web.type-R.DEMOR #turnoverNotifyModal .btn-group a.btn,
.page-web.type-R.LUCKY2222 #turnoverNotifyModal .btn-group a.btn {
    background-color: #fff;
    color: #1d2a38
}

.page-web.type-R.DEMOR #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-R.DEMOR #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-R.LUCKY2222 #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-R.LUCKY2222 #turnoverNotifyModal .btn-group a.btn:active {
    border-color: #e9ba5d
}

.page-web.type-R.DEMOR #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-R.LUCKY2222 #turnoverNotifyModal .btn-group a.btn:first-child {
    background-color: #e9ba5d
}

.page-web.type-W .user-balance-msg,
.page-web.type-W .user-info {
    border-radius: 0
}

.page-web.type-W .page-content.page-game-list .header-navigation {
    background: #222 url(/theme/images/src-gamehall/layout/type-W/default-bg.webp) center center
}

.page-web.type-W.body-iframe .header-navigation {
    background: #222 url(/theme/images/src-gamehall/layout/type-W/default-bg.webp) center center
}

.page-web.type-L .header-navigation {
    border-radius: 5px;
    background: linear-gradient(45deg, #8085c5 0%, #2c9cc2 100%)
}

.page-web.type-L .header-navigation .btn.icon-search {
    background: #fff
}

.page-web.type-L .header-navigation .btn.icon-search::before {
    color: #222
}

.page-web.type-L .header-navigation .navigation-btn .txt,
.page-web.type-L .header-navigation .navigation-btn .txt::before,
.page-web.type-L .header-navigation .navigation-btn a,
.page-web.type-L .header-navigation .navigation-btn a::before,
.page-web.type-L .header-navigation .user-info-group .txt,
.page-web.type-L .header-navigation .user-info-group .txt::before,
.page-web.type-L .header-navigation .user-info-group a,
.page-web.type-L .header-navigation .user-info-group a::before {
    color: #fff
}

.page-web.type-L .page-content.page-game-list {
    padding: 35px 4% 110px 4%
}

.page-web.type-L .page-content.page-game-list::before {
    background: none
}

.page-web.type-L .page-content.page-game-list .header-navigation {
    background: #fff
}

.page-web.type-L .page-content.page-game-list .header-navigation .user-info {
    background: #fff
}

.page-web.type-L .page-content.page-game-list .header-navigation .user-info .user-info-group .txt,
.page-web.type-L .page-content.page-game-list .header-navigation .user-info .user-info-group .txt::before {
    color: #222 !important
}

.page-web.type-L.body-iframe .header-navigation {
    background: #fff !important;
    box-shadow: 0 3px 15px #6666662f
}

.page-web.type-L.body-iframe .header-navigation .user-info-group .txt,
.page-web.type-L.body-iframe .header-navigation .user-info-group .txt::before {
    color: #222
}

.page-web.type-L.body-iframe .header-navigation .user-ID {
    color: #6e6e6e
}

.page-web.type-L.body-iframe .header-navigation .user-ID a::before {
    color: #6e6e6e
}

.page-web.type-L.body-iframe .header-navigation .btn.icon-search {
    background: #fff
}

.page-web.type-L.body-iframe .header-navigation .btn.icon-search::before {
    color: #222
}

.page-web.type-L.body-iframe .header-navigation .btn-search {
    background: #fff
}

.page-web.type-L.body-iframe .header-navigation .btn-search i::before {
    color: #222
}

.page-web.type-L.device-PC .header-navigation {
    right: 0
}

.page-web.type-L.device-PC .header-navigation .user-info {
    background: #fff
}

.page-web.type-L.device-PC .header-navigation .user-info .txt,
.page-web.type-L.device-PC .header-navigation .user-info .txt::before,
.page-web.type-L.device-PC .header-navigation .user-info a::before {
    color: #222
}

.page-web.type-L.device-PC .header-navigation .user-balance .txt {
    color: #FDE685
}

.page-web.type-L.device-PC .header-navigation .btn.icon-search::before {
    color: #222
}

.page-web.type-L.device-PC .page-content.page-game-list .user-info .txt,
.page-web.type-L.device-PC .page-content.page-game-list .user-info .txt::before {
    color: #222
}

.page-web.type-L.device-PC .page-content.page-game-list .user-ID {
    color: #222
}

.page-web.type-L.device-PC .page-content.page-game-list .user-ID a::before {
    color: #222
}

.page-web.type-L.device-PC .page-content.page-game-list .btn.icon-search {
    background: #fff
}

.page-web.type-L.device-PC .page-content.page-game-list .btn.icon-search::before {
    color: #222
}

.page-web.type-L.device-PC .page-content.page-game-list .user-balance .txt,
.page-web.type-L.device-PC .page-content.page-game-list .user-balance .txt::before {
    color: #FDE685 !important
}

.page-web.type-L.COW88 .modal-currencyLimit li,
.page-web.type-L.COW88 .modal-betLimit li,
.page-web.type-L.BET4X4 .modal-currencyLimit li,
.page-web.type-L.BET4X4 .modal-betLimit li,
.page-web.type-L.CRICROYAL .modal-currencyLimit li,
.page-web.type-L.CRICROYAL .modal-betLimit li,
.page-web.type-L.D2DBET .modal-currencyLimit li,
.page-web.type-L.D2DBET .modal-betLimit li,
.page-web.type-L.DEMOL .modal-currencyLimit li,
.page-web.type-L.DEMOL .modal-betLimit li,
.page-web.type-L.PS24 .modal-currencyLimit li,
.page-web.type-L.PS24 .modal-betLimit li,
.page-web.type-L.VND7899 .modal-currencyLimit li,
.page-web.type-L.VND7899 .modal-betLimit li {
    background-color: #ffffffe1
}

.page-web.type-L.COW88 .modal-currencyLimit li .btn:hover,
.page-web.type-L.COW88 .modal-currencyLimit li .btn:focus,
.page-web.type-L.COW88 .modal-betLimit li .btn:hover,
.page-web.type-L.COW88 .modal-betLimit li .btn:focus,
.page-web.type-L.BET4X4 .modal-currencyLimit li .btn:hover,
.page-web.type-L.BET4X4 .modal-currencyLimit li .btn:focus,
.page-web.type-L.BET4X4 .modal-betLimit li .btn:hover,
.page-web.type-L.BET4X4 .modal-betLimit li .btn:focus,
.page-web.type-L.CRICROYAL .modal-currencyLimit li .btn:hover,
.page-web.type-L.CRICROYAL .modal-currencyLimit li .btn:focus,
.page-web.type-L.CRICROYAL .modal-betLimit li .btn:hover,
.page-web.type-L.CRICROYAL .modal-betLimit li .btn:focus,
.page-web.type-L.D2DBET .modal-currencyLimit li .btn:hover,
.page-web.type-L.D2DBET .modal-currencyLimit li .btn:focus,
.page-web.type-L.D2DBET .modal-betLimit li .btn:hover,
.page-web.type-L.D2DBET .modal-betLimit li .btn:focus,
.page-web.type-L.DEMOL .modal-currencyLimit li .btn:hover,
.page-web.type-L.DEMOL .modal-currencyLimit li .btn:focus,
.page-web.type-L.DEMOL .modal-betLimit li .btn:hover,
.page-web.type-L.DEMOL .modal-betLimit li .btn:focus,
.page-web.type-L.PS24 .modal-currencyLimit li .btn:hover,
.page-web.type-L.PS24 .modal-currencyLimit li .btn:focus,
.page-web.type-L.PS24 .modal-betLimit li .btn:hover,
.page-web.type-L.PS24 .modal-betLimit li .btn:focus,
.page-web.type-L.VND7899 .modal-currencyLimit li .btn:hover,
.page-web.type-L.VND7899 .modal-currencyLimit li .btn:focus,
.page-web.type-L.VND7899 .modal-betLimit li .btn:hover,
.page-web.type-L.VND7899 .modal-betLimit li .btn:focus {
    color: #111 !important
}

.page-web.type-L.COW88 .modal-currencyLimit li a,
.page-web.type-L.COW88 .modal-betLimit li a,
.page-web.type-L.BET4X4 .modal-currencyLimit li a,
.page-web.type-L.BET4X4 .modal-betLimit li a,
.page-web.type-L.CRICROYAL .modal-currencyLimit li a,
.page-web.type-L.CRICROYAL .modal-betLimit li a,
.page-web.type-L.D2DBET .modal-currencyLimit li a,
.page-web.type-L.D2DBET .modal-betLimit li a,
.page-web.type-L.DEMOL .modal-currencyLimit li a,
.page-web.type-L.DEMOL .modal-betLimit li a,
.page-web.type-L.PS24 .modal-currencyLimit li a,
.page-web.type-L.PS24 .modal-betLimit li a,
.page-web.type-L.VND7899 .modal-currencyLimit li a,
.page-web.type-L.VND7899 .modal-betLimit li a {
    color: #111
}

.page-web.type-L.COW88 .modal-currencyLimit li a.btn::before,
.page-web.type-L.COW88 .modal-betLimit li a.btn::before,
.page-web.type-L.BET4X4 .modal-currencyLimit li a.btn::before,
.page-web.type-L.BET4X4 .modal-betLimit li a.btn::before,
.page-web.type-L.CRICROYAL .modal-currencyLimit li a.btn::before,
.page-web.type-L.CRICROYAL .modal-betLimit li a.btn::before,
.page-web.type-L.D2DBET .modal-currencyLimit li a.btn::before,
.page-web.type-L.D2DBET .modal-betLimit li a.btn::before,
.page-web.type-L.DEMOL .modal-currencyLimit li a.btn::before,
.page-web.type-L.DEMOL .modal-betLimit li a.btn::before,
.page-web.type-L.PS24 .modal-currencyLimit li a.btn::before,
.page-web.type-L.PS24 .modal-betLimit li a.btn::before,
.page-web.type-L.VND7899 .modal-currencyLimit li a.btn::before,
.page-web.type-L.VND7899 .modal-betLimit li a.btn::before {
    background-color: transparent
}

.page-web.type-L.COW88 .modal-currencyLimit li a span,
.page-web.type-L.COW88 .modal-betLimit li a span,
.page-web.type-L.BET4X4 .modal-currencyLimit li a span,
.page-web.type-L.BET4X4 .modal-betLimit li a span,
.page-web.type-L.CRICROYAL .modal-currencyLimit li a span,
.page-web.type-L.CRICROYAL .modal-betLimit li a span,
.page-web.type-L.D2DBET .modal-currencyLimit li a span,
.page-web.type-L.D2DBET .modal-betLimit li a span,
.page-web.type-L.DEMOL .modal-currencyLimit li a span,
.page-web.type-L.DEMOL .modal-betLimit li a span,
.page-web.type-L.PS24 .modal-currencyLimit li a span,
.page-web.type-L.PS24 .modal-betLimit li a span,
.page-web.type-L.VND7899 .modal-currencyLimit li a span,
.page-web.type-L.VND7899 .modal-betLimit li a span {
    color: #111
}

.page-web.type-L.COW88 .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-L.COW88 .modal-betLimit .modal-content .currency-selector,
.page-web.type-L.BET4X4 .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-L.BET4X4 .modal-betLimit .modal-content .currency-selector,
.page-web.type-L.CRICROYAL .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-L.CRICROYAL .modal-betLimit .modal-content .currency-selector,
.page-web.type-L.D2DBET .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-L.D2DBET .modal-betLimit .modal-content .currency-selector,
.page-web.type-L.DEMOL .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-L.DEMOL .modal-betLimit .modal-content .currency-selector,
.page-web.type-L.PS24 .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-L.PS24 .modal-betLimit .modal-content .currency-selector,
.page-web.type-L.VND7899 .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-L.VND7899 .modal-betLimit .modal-content .currency-selector {
    background: transparent
}

.page-web.type-L.COW88 .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-L.COW88 .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.COW88 .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-L.COW88 .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.BET4X4 .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-L.BET4X4 .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.BET4X4 .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-L.BET4X4 .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.CRICROYAL .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-L.CRICROYAL .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.CRICROYAL .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-L.CRICROYAL .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.D2DBET .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-L.D2DBET .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.D2DBET .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-L.D2DBET .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.DEMOL .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-L.DEMOL .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.DEMOL .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-L.DEMOL .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.PS24 .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-L.PS24 .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.PS24 .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-L.PS24 .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.VND7899 .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-L.VND7899 .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-L.VND7899 .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-L.VND7899 .modal-betLimit .modal-content .currency-selector .txt-rate {
    color: #111
}

.page-web.type-L.COW88 .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-L.COW88 .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-L.BET4X4 .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-L.BET4X4 .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-L.CRICROYAL .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-L.CRICROYAL .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-L.D2DBET .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-L.D2DBET .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-L.DEMOL .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-L.DEMOL .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-L.PS24 .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-L.PS24 .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-L.VND7899 .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-L.VND7899 .modal-betLimit .modal-content .modal-header .modal-title {
    color: #111
}

.page-web.type-L.COW88 .modal-currencyLimit .modal-menu li .btn,
.page-web.type-L.COW88 .modal-betLimit .modal-menu li .btn,
.page-web.type-L.BET4X4 .modal-currencyLimit .modal-menu li .btn,
.page-web.type-L.BET4X4 .modal-betLimit .modal-menu li .btn,
.page-web.type-L.CRICROYAL .modal-currencyLimit .modal-menu li .btn,
.page-web.type-L.CRICROYAL .modal-betLimit .modal-menu li .btn,
.page-web.type-L.D2DBET .modal-currencyLimit .modal-menu li .btn,
.page-web.type-L.D2DBET .modal-betLimit .modal-menu li .btn,
.page-web.type-L.DEMOL .modal-currencyLimit .modal-menu li .btn,
.page-web.type-L.DEMOL .modal-betLimit .modal-menu li .btn,
.page-web.type-L.PS24 .modal-currencyLimit .modal-menu li .btn,
.page-web.type-L.PS24 .modal-betLimit .modal-menu li .btn,
.page-web.type-L.VND7899 .modal-currencyLimit .modal-menu li .btn,
.page-web.type-L.VND7899 .modal-betLimit .modal-menu li .btn {
    background: linear-gradient(0deg, #e6e6e6, #efefef);
    color: #111;
    box-shadow: #2d234266 0 2px 3px, #2d23424d 0 7px 13px -3px, #D6D6E7 0 -1px 0 inset
}

.page-web.type-L.COW88 .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-L.COW88 .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.BET4X4 .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-L.BET4X4 .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.CRICROYAL .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-L.CRICROYAL .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.D2DBET .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-L.D2DBET .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.DEMOL .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-L.DEMOL .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.PS24 .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-L.PS24 .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.VND7899 .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-L.VND7899 .modal-betLimit .modal-menu li .btn::before {
    color: #111
}

.page-web.type-L.COW88 .modal-currency .modal-content,
.page-web.type-L.BET4X4 .modal-currency .modal-content,
.page-web.type-L.CRICROYAL .modal-currency .modal-content,
.page-web.type-L.D2DBET .modal-currency .modal-content,
.page-web.type-L.DEMOL .modal-currency .modal-content,
.page-web.type-L.PS24 .modal-currency .modal-content,
.page-web.type-L.VND7899 .modal-currency .modal-content {
    background-color: #fff
}

.page-web.type-L.COW88 .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-header .modal-title {
    color: #111
}

.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector {
    color: #111;
    background-color: rgba(0, 0, 0, 0.2)
}

.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector .txt,
.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector .txt,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector .txt,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector .txt,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector .txt,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector .txt,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector .txt,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector .txt-rate {
    color: #111
}

.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector.active,
.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector:hover,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector.active,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector:hover,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector.active,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector:hover,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector.active,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector:hover,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector.active,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector:hover,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector.active,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector:hover,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector.active,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector:hover {
    background-color: rgba(0, 0, 0, 0.807)
}

.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-L.COW88 .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-L.BET4X4 .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-L.D2DBET .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-L.DEMOL .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-L.PS24 .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-L.VND7899 .modal-currency .modal-content .currency-selector:hover .txt-rate {
    color: #fff
}

.page-web.type-L.COW88 .modal-currency .modal-content .modal-menu li,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-menu li,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-menu li,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-menu li,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-menu li,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-menu li,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-menu li {
    background-color: #e2e2e2
}

.page-web.type-L.COW88 .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #e1be83
}

.page-web.type-L.COW88 .modal-currency .modal-content .modal-menu li.active,
.page-web.type-L.COW88 .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-menu li.active,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-menu li.active,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-menu li.active,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-menu li.active,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-menu li.active,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-menu li.active,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #c18826;
    background-color: #e1be83
}

.page-web.type-L.COW88 .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-L.COW88 .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-menu li:hover .txt {
    color: #111
}

.page-web.type-L.COW88 .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-menu li .txt {
    color: #111
}

.page-web.type-L.COW88 .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-L.BET4X4 .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-L.CRICROYAL .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-L.D2DBET .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-L.DEMOL .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-L.PS24 .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-L.VND7899 .modal-currency .modal-content .modal-menu li a.btn span {
    color: #111
}

.page-web.type-L.COW88 #turnoverNotifyModal .modal-menu-tit,
.page-web.type-L.BET4X4 #turnoverNotifyModal .modal-menu-tit,
.page-web.type-L.CRICROYAL #turnoverNotifyModal .modal-menu-tit,
.page-web.type-L.D2DBET #turnoverNotifyModal .modal-menu-tit,
.page-web.type-L.DEMOL #turnoverNotifyModal .modal-menu-tit,
.page-web.type-L.PS24 #turnoverNotifyModal .modal-menu-tit,
.page-web.type-L.VND7899 #turnoverNotifyModal .modal-menu-tit {
    color: #111
}

.page-web.type-L.COW88 #turnoverNotifyModal .btn-group a.btn,
.page-web.type-L.BET4X4 #turnoverNotifyModal .btn-group a.btn,
.page-web.type-L.CRICROYAL #turnoverNotifyModal .btn-group a.btn,
.page-web.type-L.D2DBET #turnoverNotifyModal .btn-group a.btn,
.page-web.type-L.DEMOL #turnoverNotifyModal .btn-group a.btn,
.page-web.type-L.PS24 #turnoverNotifyModal .btn-group a.btn,
.page-web.type-L.VND7899 #turnoverNotifyModal .btn-group a.btn {
    background-color: #fff;
    color: #1d2a38
}

.page-web.type-L.COW88 #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-L.COW88 #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-L.BET4X4 #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-L.BET4X4 #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-L.CRICROYAL #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-L.CRICROYAL #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-L.D2DBET #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-L.D2DBET #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-L.DEMOL #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-L.DEMOL #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-L.PS24 #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-L.PS24 #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-L.VND7899 #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-L.VND7899 #turnoverNotifyModal .btn-group a.btn:active {
    border-color: #e9ba5d
}

.page-web.type-L.COW88 #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-L.BET4X4 #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-L.CRICROYAL #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-L.D2DBET #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-L.DEMOL #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-L.PS24 #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-L.VND7899 #turnoverNotifyModal .btn-group a.btn:first-child {
    background-color: #e9ba5d
}

.page-web.type-L.BADSHA .header-navigation {
    background: linear-gradient(#444, #222)
}

.page-web.type-L.BADSHA .modal-currency .modal-content,
.page-web.type-L.BADSHA #turnoverNotifyModal .modal-content,
.page-web.type-L.LABET .modal-currency .modal-content,
.page-web.type-L.LABET #turnoverNotifyModal .modal-content,
.page-web.type-L.GGAME888 .modal-currency .modal-content,
.page-web.type-L.GGAME888 #turnoverNotifyModal .modal-content {
    background: #222
}

.page-web.type-L.BADSHA #turnoverNotifyModal .btn-group a.btn,
.page-web.type-L.LABET #turnoverNotifyModal .btn-group a.btn,
.page-web.type-L.GGAME888 #turnoverNotifyModal .btn-group a.btn {
    box-shadow: none
}

.page-web.type-L.BADSHA .modal.modal-betLimit .modal-title,
.page-web.type-L.LABET .modal.modal-betLimit .modal-title,
.page-web.type-L.GGAME888 .modal.modal-betLimit .modal-title {
    color: #fff
}

.page-web.type-L.BADSHA .modal.modal-betLimit .modal-content,
.page-web.type-L.LABET .modal.modal-betLimit .modal-content,
.page-web.type-L.GGAME888 .modal.modal-betLimit .modal-content {
    background: #222
}

.page-web.type-L.BADSHA .modal-betLimit .modal-menu li .btn,
.page-web.type-L.LABET .modal-betLimit .modal-menu li .btn,
.page-web.type-L.GGAME888 .modal-betLimit .modal-menu li .btn {
    background: #22222263;
    color: #fff;
    box-shadow: #2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, #22222263 0 -3px 0 inset
}

.page-web.type-L.BADSHA .modal-betLimit .modal-menu li:hover,
.page-web.type-L.LABET .modal-betLimit .modal-menu li:hover,
.page-web.type-L.GGAME888 .modal-betLimit .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #fda808
}

.page-web.type-L.BADSHA .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.BADSHA .modal-betLimit .modal-menu li .btn span,
.page-web.type-L.LABET .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.LABET .modal-betLimit .modal-menu li .btn span,
.page-web.type-L.GGAME888 .modal-betLimit .modal-menu li .btn::before,
.page-web.type-L.GGAME888 .modal-betLimit .modal-menu li .btn span {
    color: #fff
}

.page-web.type-L.BADSHA .header-navigation .user-info-group .txt,
.page-web.type-L.BADSHA .header-navigation .user-info-group .txt::before,
.page-web.type-L.BADSHA .header-navigation .user-info-group a,
.page-web.type-L.BADSHA .header-navigation .user-info-group a::before,
.page-web.type-L.LABET .header-navigation .user-info-group .txt,
.page-web.type-L.LABET .header-navigation .user-info-group .txt::before,
.page-web.type-L.LABET .header-navigation .user-info-group a,
.page-web.type-L.LABET .header-navigation .user-info-group a::before,
.page-web.type-L.GGAME888 .header-navigation .user-info-group .txt,
.page-web.type-L.GGAME888 .header-navigation .user-info-group .txt::before,
.page-web.type-L.GGAME888 .header-navigation .user-info-group a,
.page-web.type-L.GGAME888 .header-navigation .user-info-group a::before {
    color: #fff
}

.page-web.type-L.BADSHA.body-iframe .header-navigation .user-info-group .txt,
.page-web.type-L.BADSHA.body-iframe .header-navigation .user-info-group .txt::before,
.page-web.type-L.BADSHA.body-iframe .header-navigation .user-info-group a,
.page-web.type-L.BADSHA.body-iframe .header-navigation .user-info-group a::before,
.page-web.type-L.LABET.body-iframe .header-navigation .user-info-group .txt,
.page-web.type-L.LABET.body-iframe .header-navigation .user-info-group .txt::before,
.page-web.type-L.LABET.body-iframe .header-navigation .user-info-group a,
.page-web.type-L.LABET.body-iframe .header-navigation .user-info-group a::before,
.page-web.type-L.GGAME888.body-iframe .header-navigation .user-info-group .txt,
.page-web.type-L.GGAME888.body-iframe .header-navigation .user-info-group .txt::before,
.page-web.type-L.GGAME888.body-iframe .header-navigation .user-info-group a,
.page-web.type-L.GGAME888.body-iframe .header-navigation .user-info-group a::before {
    color: #222
}

.page-web.type-L.BADSHA.device-PC .header-navigation .user-info-group .txt,
.page-web.type-L.BADSHA.device-PC .header-navigation .user-info-group .txt::before,
.page-web.type-L.BADSHA.device-PC .header-navigation .user-info-group a,
.page-web.type-L.BADSHA.device-PC .header-navigation .user-info-group a::before,
.page-web.type-L.LABET.device-PC .header-navigation .user-info-group .txt,
.page-web.type-L.LABET.device-PC .header-navigation .user-info-group .txt::before,
.page-web.type-L.LABET.device-PC .header-navigation .user-info-group a,
.page-web.type-L.LABET.device-PC .header-navigation .user-info-group a::before,
.page-web.type-L.GGAME888.device-PC .header-navigation .user-info-group .txt,
.page-web.type-L.GGAME888.device-PC .header-navigation .user-info-group .txt::before,
.page-web.type-L.GGAME888.device-PC .header-navigation .user-info-group a,
.page-web.type-L.GGAME888.device-PC .header-navigation .user-info-group a::before {
    color: #fff
}

.page-web.type-L.COW88.device-PC .header-navigation .user-info .txt,
.page-web.type-L.COW88.device-PC .header-navigation .user-info .txt::before,
.page-web.type-L.COW88.device-PC .header-navigation .user-info a,
.page-web.type-L.COW88.device-PC .header-navigation .user-info a::before,
.page-web.type-L.CRICROYAL.device-PC .header-navigation .user-info .txt,
.page-web.type-L.CRICROYAL.device-PC .header-navigation .user-info .txt::before,
.page-web.type-L.CRICROYAL.device-PC .header-navigation .user-info a,
.page-web.type-L.CRICROYAL.device-PC .header-navigation .user-info a::before {
    color: #fff
}

.page-web.type-L.COW88.device-PC .header-navigation .user-info li.balance-group,
.page-web.type-L.CRICROYAL.device-PC .header-navigation .user-info li.balance-group {
    background: #00000063
}

.page-web.type-L.COW88.device-PC .header-navigation .currency-selector .txt,
.page-web.type-L.COW88.device-PC .header-navigation .btn-refresh.icon-refresh::before,
.page-web.type-L.CRICROYAL.device-PC .header-navigation .currency-selector .txt,
.page-web.type-L.CRICROYAL.device-PC .header-navigation .btn-refresh.icon-refresh::before {
    color: #222
}

.page-web.type-L.COW88.device-PC .header-navigation .btn.icon-search::before,
.page-web.type-L.CRICROYAL.device-PC .header-navigation .btn.icon-search::before {
    color: #fff
}

.page-web.type-P .user-info li.balance-group {
    background-color: #262626
}

.page-web.type-P .user-info li.balance-group .user-balance .txt {
    color: #FDE685
}

.page-web.type-P .main-owl-info .header-navigation {
    background: transparent
}

.page-web.type-P .main-owl-info .header-navigation .txt {
    color: #111
}

.page-web.type-P .main-owl-info .header-navigation .txt a::before {
    color: #111
}

.page-web.type-P .main-owl-info .header-navigation .btn.icon-search {
    background: #000
}

.page-web.type-P .main-owl-info .header-navigation .btn.icon-search::before {
    color: #fff
}

.page-web.type-P .iframe-btn-box .header-navigation,
.page-web.type-P .page-game-list .header-navigation {
    background: linear-gradient(#595d70 0%, #323542 40%)
}

.page-web.type-P .iframe-btn-box .header-navigation .user-info-group .txt,
.page-web.type-P .page-game-list .header-navigation .user-info-group .txt {
    color: #fff
}

.page-web.type-P .iframe-btn-box .header-navigation .user-info-group .txt a::before,
.page-web.type-P .page-game-list .header-navigation .user-info-group .txt a::before {
    color: #fff
}

.page-web.type-P .iframe-btn-box .header-navigation .btn.icon-search,
.page-web.type-P .page-game-list .header-navigation .btn.icon-search {
    background: #fff
}

.page-web.type-P .iframe-btn-box .header-navigation .btn.icon-search::before,
.page-web.type-P .page-game-list .header-navigation .btn.icon-search::before {
    color: #fff
}

.page-web.type-P.device-PC .header-navigation .user-info {
    background: #1b1b1b
}

.page-web.type-P.device-PC .header-navigation .user-info-group .txt {
    color: #fff
}

.page-web.type-P.device-PC .header-navigation .user-info-group .txt a::before {
    color: #fff
}

.page-web.type-P.device-PC .header-navigation .btn.icon-search::before {
    color: #fff
}

.page-web.type-P.device-PC .page-content.page-game-list .user-info .txt,
.page-web.type-P.device-PC .page-content.page-game-list .user-info .txt::before {
    color: #fff
}

.page-web.type-P.device-PC .page-content.page-game-list .user-ID {
    color: #fff
}

.page-web.type-P.device-PC .page-content.page-game-list .user-ID a::before {
    color: #fff
}

.page-web.type-P.device-PC .page-content.page-game-list .btn.icon-search {
    background: #fff
}

.page-web.type-P.device-PC .page-content.page-game-list .btn.icon-search::before {
    color: #fff
}

.page-web.type-P.device-PC .page-content.page-game-list .btn-search {
    background: #fff
}

.page-web.type-P.device-PC .page-content.page-game-list .btn-search i::before {
    color: #fff
}

.page-web.type-P.DEMOP .modal-currencyLimit li,
.page-web.type-P.DEMOP .modal-betLimit li,
.page-web.type-P.MAX888 .modal-currencyLimit li,
.page-web.type-P.MAX888 .modal-betLimit li,
.page-web.type-P.MCW .modal-currencyLimit li,
.page-web.type-P.MCW .modal-betLimit li,
.page-web.type-P.TELE789 .modal-currencyLimit li,
.page-web.type-P.TELE789 .modal-betLimit li {
    background-color: #ffffffe1
}

.page-web.type-P.DEMOP .modal-currencyLimit li .btn:hover,
.page-web.type-P.DEMOP .modal-currencyLimit li .btn:focus,
.page-web.type-P.DEMOP .modal-betLimit li .btn:hover,
.page-web.type-P.DEMOP .modal-betLimit li .btn:focus,
.page-web.type-P.MAX888 .modal-currencyLimit li .btn:hover,
.page-web.type-P.MAX888 .modal-currencyLimit li .btn:focus,
.page-web.type-P.MAX888 .modal-betLimit li .btn:hover,
.page-web.type-P.MAX888 .modal-betLimit li .btn:focus,
.page-web.type-P.MCW .modal-currencyLimit li .btn:hover,
.page-web.type-P.MCW .modal-currencyLimit li .btn:focus,
.page-web.type-P.MCW .modal-betLimit li .btn:hover,
.page-web.type-P.MCW .modal-betLimit li .btn:focus,
.page-web.type-P.TELE789 .modal-currencyLimit li .btn:hover,
.page-web.type-P.TELE789 .modal-currencyLimit li .btn:focus,
.page-web.type-P.TELE789 .modal-betLimit li .btn:hover,
.page-web.type-P.TELE789 .modal-betLimit li .btn:focus {
    color: #111 !important
}

.page-web.type-P.DEMOP .modal-currencyLimit li a,
.page-web.type-P.DEMOP .modal-betLimit li a,
.page-web.type-P.MAX888 .modal-currencyLimit li a,
.page-web.type-P.MAX888 .modal-betLimit li a,
.page-web.type-P.MCW .modal-currencyLimit li a,
.page-web.type-P.MCW .modal-betLimit li a,
.page-web.type-P.TELE789 .modal-currencyLimit li a,
.page-web.type-P.TELE789 .modal-betLimit li a {
    color: #111
}

.page-web.type-P.DEMOP .modal-currencyLimit li a.btn::before,
.page-web.type-P.DEMOP .modal-betLimit li a.btn::before,
.page-web.type-P.MAX888 .modal-currencyLimit li a.btn::before,
.page-web.type-P.MAX888 .modal-betLimit li a.btn::before,
.page-web.type-P.MCW .modal-currencyLimit li a.btn::before,
.page-web.type-P.MCW .modal-betLimit li a.btn::before,
.page-web.type-P.TELE789 .modal-currencyLimit li a.btn::before,
.page-web.type-P.TELE789 .modal-betLimit li a.btn::before {
    background-color: transparent
}

.page-web.type-P.DEMOP .modal-currencyLimit li a span,
.page-web.type-P.DEMOP .modal-betLimit li a span,
.page-web.type-P.MAX888 .modal-currencyLimit li a span,
.page-web.type-P.MAX888 .modal-betLimit li a span,
.page-web.type-P.MCW .modal-currencyLimit li a span,
.page-web.type-P.MCW .modal-betLimit li a span,
.page-web.type-P.TELE789 .modal-currencyLimit li a span,
.page-web.type-P.TELE789 .modal-betLimit li a span {
    color: #111
}

.page-web.type-P.DEMOP .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-P.DEMOP .modal-betLimit .modal-content .currency-selector,
.page-web.type-P.MAX888 .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-P.MAX888 .modal-betLimit .modal-content .currency-selector,
.page-web.type-P.MCW .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-P.MCW .modal-betLimit .modal-content .currency-selector,
.page-web.type-P.TELE789 .modal-currencyLimit .modal-content .currency-selector,
.page-web.type-P.TELE789 .modal-betLimit .modal-content .currency-selector {
    background: transparent
}

.page-web.type-P.DEMOP .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-P.DEMOP .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-P.DEMOP .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-P.DEMOP .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-P.MAX888 .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-P.MAX888 .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-P.MAX888 .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-P.MAX888 .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-P.MCW .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-P.MCW .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-P.MCW .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-P.MCW .modal-betLimit .modal-content .currency-selector .txt-rate,
.page-web.type-P.TELE789 .modal-currencyLimit .modal-content .currency-selector .txt,
.page-web.type-P.TELE789 .modal-currencyLimit .modal-content .currency-selector .txt-rate,
.page-web.type-P.TELE789 .modal-betLimit .modal-content .currency-selector .txt,
.page-web.type-P.TELE789 .modal-betLimit .modal-content .currency-selector .txt-rate {
    color: #111
}

.page-web.type-P.DEMOP .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-P.DEMOP .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-P.MAX888 .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-P.MAX888 .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-P.MCW .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-P.MCW .modal-betLimit .modal-content .modal-header .modal-title,
.page-web.type-P.TELE789 .modal-currencyLimit .modal-content .modal-header .modal-title,
.page-web.type-P.TELE789 .modal-betLimit .modal-content .modal-header .modal-title {
    color: #111
}

.page-web.type-P.DEMOP .modal-currencyLimit .modal-menu li .btn,
.page-web.type-P.DEMOP .modal-betLimit .modal-menu li .btn,
.page-web.type-P.MAX888 .modal-currencyLimit .modal-menu li .btn,
.page-web.type-P.MAX888 .modal-betLimit .modal-menu li .btn,
.page-web.type-P.MCW .modal-currencyLimit .modal-menu li .btn,
.page-web.type-P.MCW .modal-betLimit .modal-menu li .btn,
.page-web.type-P.TELE789 .modal-currencyLimit .modal-menu li .btn,
.page-web.type-P.TELE789 .modal-betLimit .modal-menu li .btn {
    background: linear-gradient(0deg, #e6e6e6, #efefef);
    color: #111;
    box-shadow: #2d234266 0 2px 3px, #2d23424d 0 7px 13px -3px, #D6D6E7 0 -1px 0 inset
}

.page-web.type-P.DEMOP .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-P.DEMOP .modal-betLimit .modal-menu li .btn::before,
.page-web.type-P.MAX888 .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-P.MAX888 .modal-betLimit .modal-menu li .btn::before,
.page-web.type-P.MCW .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-P.MCW .modal-betLimit .modal-menu li .btn::before,
.page-web.type-P.TELE789 .modal-currencyLimit .modal-menu li .btn::before,
.page-web.type-P.TELE789 .modal-betLimit .modal-menu li .btn::before {
    color: #111
}

.page-web.type-P.DEMOP .modal-currency .modal-content,
.page-web.type-P.MAX888 .modal-currency .modal-content,
.page-web.type-P.MCW .modal-currency .modal-content,
.page-web.type-P.TELE789 .modal-currency .modal-content {
    background-color: #fff
}

.page-web.type-P.DEMOP .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-P.MCW .modal-currency .modal-content .modal-header .modal-title,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-header .modal-title {
    color: #111
}

.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector {
    color: #111;
    background-color: rgba(0, 0, 0, 0.2)
}

.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector .txt,
.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector .txt,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector .txt,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector .txt-rate,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector .txt,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector .txt-rate {
    color: #111
}

.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector.active,
.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector:hover,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector.active,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector:hover,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector.active,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector:hover,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector.active,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector:hover {
    background-color: rgba(0, 0, 0, 0.807)
}

.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-P.DEMOP .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-P.MAX888 .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-P.MCW .modal-currency .modal-content .currency-selector:hover .txt-rate,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector.active .txt,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector.active .txt-rate,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector:hover .txt,
.page-web.type-P.TELE789 .modal-currency .modal-content .currency-selector:hover .txt-rate {
    color: #fff
}

.page-web.type-P.DEMOP .modal-currency .modal-content .modal-menu li,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-menu li,
.page-web.type-P.MCW .modal-currency .modal-content .modal-menu li,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-menu li {
    background-color: #e2e2e2
}

.page-web.type-P.DEMOP .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-P.MCW .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #e1be83
}

.page-web.type-P.DEMOP .modal-currency .modal-content .modal-menu li.active,
.page-web.type-P.DEMOP .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-menu li.active,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-P.MCW .modal-currency .modal-content .modal-menu li.active,
.page-web.type-P.MCW .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-menu li.active,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #c18826;
    background-color: #e1be83
}

.page-web.type-P.DEMOP .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-P.DEMOP .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-P.MCW .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-P.MCW .modal-currency .modal-content .modal-menu li:hover .txt,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-menu li:hover .txt {
    color: #111
}

.page-web.type-P.DEMOP .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-P.MCW .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-menu li .txt {
    color: #111
}

.page-web.type-P.DEMOP .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-P.MAX888 .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-P.MCW .modal-currency .modal-content .modal-menu li a.btn span,
.page-web.type-P.TELE789 .modal-currency .modal-content .modal-menu li a.btn span {
    color: #111
}

.page-web.type-P.DEMOP #turnoverNotifyModal .modal-menu-tit,
.page-web.type-P.MAX888 #turnoverNotifyModal .modal-menu-tit,
.page-web.type-P.MCW #turnoverNotifyModal .modal-menu-tit,
.page-web.type-P.TELE789 #turnoverNotifyModal .modal-menu-tit {
    color: #111
}

.page-web.type-P.DEMOP #turnoverNotifyModal .btn-group a.btn,
.page-web.type-P.MAX888 #turnoverNotifyModal .btn-group a.btn,
.page-web.type-P.MCW #turnoverNotifyModal .btn-group a.btn,
.page-web.type-P.TELE789 #turnoverNotifyModal .btn-group a.btn {
    background-color: #fff;
    color: #1d2a38
}

.page-web.type-P.DEMOP #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-P.DEMOP #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-P.MAX888 #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-P.MAX888 #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-P.MCW #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-P.MCW #turnoverNotifyModal .btn-group a.btn:active,
.page-web.type-P.TELE789 #turnoverNotifyModal .btn-group a.btn:hover,
.page-web.type-P.TELE789 #turnoverNotifyModal .btn-group a.btn:active {
    border-color: #e9ba5d
}

.page-web.type-P.DEMOP #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-P.MAX888 #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-P.MCW #turnoverNotifyModal .btn-group a.btn:first-child,
.page-web.type-P.TELE789 #turnoverNotifyModal .btn-group a.btn:first-child {
    background-color: #e9ba5d
}

.page-web.type-P.ICHIBAN .modal-currency .modal-content,
.page-web.type-P.CROWNGAMING .modal-currency .modal-content,
.page-web.type-P.M9-MY .modal-currency .modal-content {
    background-color: #111
}

.page-web.type-P.ICHIBAN .modal-currency .modal-content .modal-menu li,
.page-web.type-P.CROWNGAMING .modal-currency .modal-content .modal-menu li,
.page-web.type-P.M9-MY .modal-currency .modal-content .modal-menu li {
    background-color: #505050
}

.page-web.type-P.ICHIBAN .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-P.CROWNGAMING .modal-currency .modal-content .modal-menu li:hover,
.page-web.type-P.M9-MY .modal-currency .modal-content .modal-menu li:hover {
    box-shadow: inset 0 0 0 1px #e1be83
}

.page-web.type-P.ICHIBAN .modal-currency .modal-content .modal-menu li.active,
.page-web.type-P.CROWNGAMING .modal-currency .modal-content .modal-menu li.active,
.page-web.type-P.M9-MY .modal-currency .modal-content .modal-menu li.active {
    box-shadow: inset 0 0 0 1px #c18826;
    background-color: #e1be83
}

.page-web.type-P.ICHIBAN .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-P.CROWNGAMING .modal-currency .modal-content .modal-menu li.active .txt,
.page-web.type-P.M9-MY .modal-currency .modal-content .modal-menu li.active .txt {
    color: #111
}

.page-web.type-P.ICHIBAN .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-P.CROWNGAMING .modal-currency .modal-content .modal-menu li .txt,
.page-web.type-P.M9-MY .modal-currency .modal-content .modal-menu li .txt {
    color: #FFF
}

.page-web.type-P.CROWNGAMING .header-navigation .user-info-group .txt,
.page-web.type-P.CROWNGAMING .header-navigation .user-info-group a::before,
.page-web.type-P.ICHIBAN .header-navigation .user-info-group .txt,
.page-web.type-P.ICHIBAN .header-navigation .user-info-group a::before,
.page-web.type-P.M9-MY .header-navigation .user-info-group .txt,
.page-web.type-P.M9-MY .header-navigation .user-info-group a::before {
    color: #fff
}

.open-sidebar {
    overflow-y: hidden
}

.open-sidebar .page-sidebar {
    opacity: 1;
    display: inline-block;
    left: 0
}

.open-sidebar .page-media-btn {
    opacity: 0.5
}

.open-sidebar .side-menu_mask {
    right: 0;
    opacity: 1;
    transition: right 0s, opacity .5s
}

.side-menu_mask {
    position: fixed;
    z-index: 997;
    top: 0;
    right: 100%;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: right 0s .4s, opacity .4s
}

.page-sidebar {
    font-size: 12.75px;
    position: fixed;
    opacity: .5;
    background-color: #fff;
    top: 0;
    height: 100vh;
    z-index: 2147483641;
    box-shadow: 0 5px 5px #000;
    transition: all .3s ease-in-out;
    overflow-y: scroll
}

.page-sidebar select {
    cursor: pointer
}

.page-sidebar select:focus {
    outline: none;
    box-shadow: none;
    border-color: transparent
}

.page-sidebar a {
    outline: none !important;
    box-shadow: none
}

.page-sidebar .device-btn-box {
    display: none !important;
    position: absolute;
    justify-content: center;
    bottom: 4px;
    right: 4px;
    padding: 4px;
    border-radius: 8px;
    z-index: 10
}

.page-sidebar .device-btn-box a.device-btn {
    margin: 0 2px;
    cursor: pointer;
    background-color: #000;
    padding: 0px 4px;
    font-size: 10px;
    border-radius: 6px;
    color: #fff
}

.page-sidebar .device-btn-box a.device-btn:hover,
.page-sidebar .device-btn-box a.device-btn:active,
.page-sidebar .device-btn-box a.device-btn:focus {
    background-color: #000;
    box-shadow: 0 0 0 1px #000
}

.page-sidebar .device-btn-box a.device-btn span {
    font-size: 14px !important
}

.page-sidebar .device-btn-box a.device-btn i {
    top: 0 !important;
    left: 0 !important;
    line-height: 35px;
    margin: 0 3px;
    vertical-align: middle !important;
    position: relative !important
}

.page-sidebar .options {
    margin: 3px;
    background: #212121;
    border-radius: 4px
}

.page-sidebar .options li {
    height: 36px;
    line-height: 36px
}

.page-sidebar .options li.logout {
    border-top: none !important
}

.page-sidebar .options li:hover {
    background: #ffffff1b
}

.page-sidebar .options span {
    padding-left: 0px !important
}

.page-sidebar .icon-caret-right {
    width: 24px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-sidebar .icon-caret-right::before {
    font-size: 10px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.page-sidebar .page-sidebar-close {
    display: inline-block;
    position: absolute;
    right: 0;
    text-decoration: none;
    z-index: 5;
    color: #000
}

.page-sidebar .page-sidebar-close .icon-close {
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px
}

.page-sidebar .page-sidebar-close .icon-close::before {
    font-size: 30px
}

.page-sidebar .form-control {
    width: 60%;
    padding: .375rem 3rem;
    height: calc(2em + .75rem + 2px);
    cursor: pointer
}

.page-sidebar .language-select {
    position: relative;
    font-size: 14px;
    cursor: pointer;
    padding-left: 24px
}

.page-sidebar .language-select i.icon-language,
.page-sidebar .language-select i.icon-arrow-down {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1
}

.page-sidebar .language-select i.icon-language::before,
.page-sidebar .language-select i.icon-arrow-down::before {
    font-size: 15px;
    color: #ffedb9
}
.page-sidebar .language-select i.icon-language::before{
  font-size: 20px;
}
.page-sidebar .language-select i.icon-language.icon-language,
.page-sidebar .language-select i.icon-arrow-down.icon-language {
    left: 32px
}

.page-sidebar .language-select i.icon-language.icon-arrow-down,
.page-sidebar .language-select i.icon-arrow-down.icon-arrow-down {
    left: 170px
}

.page-sidebar .language-select .language {
    color: #000;
    font-size: 100%;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background-position: right 10% center;
    background-size: 20px;
    background: #222
}

.page-sidebar .page-sidebar-Lv1 {
    position: relative;
    padding: 10px 20px;
    overflow-y: scroll;
    height: auto
}

.page-sidebar .page-sidebar-Lv1::-webkit-scrollbar {
    display: none
}

.page-sidebar .page-sidebar-Lv1 li {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    margin-bottom: 12px;
    height: auto;
    padding: 2px 0;
    position: relative
}

.page-sidebar .page-sidebar-Lv1 li.logout {
    border-top: 1px solid #ffedb9;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin: 0
}

.page-sidebar .page-sidebar-Lv1 li:hover {
    background: #ffffff1b
}

.page-sidebar .page-sidebar-Lv1 li:hover li {
    outline: none
}

.page-sidebar .page-sidebar-Lv1 li .menu_list::before {
    font-family: 'icomoon' !important;
    content: '\e90f';
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 2px;
    color: #ffedb9
}

.page-sidebar .page-sidebar-Lv1 li .menu_list i::before {
    color: #ffedb9
}

.page-sidebar .page-sidebar-Lv1 li.contact_us {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.145098)
}

.page-sidebar .page-sidebar-Lv1 li.contact_us span {
    color: #fff
}

.page-sidebar .page-sidebar-Lv1 li.member_setting,
.page-sidebar .page-sidebar-Lv1 li.game_partner {
    z-index: 0;
    position: relative;
    font-weight: 400
}

.page-sidebar .page-sidebar-Lv1 li.member_setting::after,
.page-sidebar .page-sidebar-Lv1 li.game_partner::after {
    z-index: -1;
    content: '';
    border-radius: 4px 0px 0px 4px;
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 39px;
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%)
}

.page-sidebar .page-sidebar-Lv1 li.member_setting span,
.page-sidebar .page-sidebar-Lv1 li.game_partner span {
    color: #fff
}

.page-sidebar .page-sidebar-Lv1 li.member_setting.show .options,
.page-sidebar .page-sidebar-Lv1 li.game_partner.show .options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px
}

.page-sidebar .page-sidebar-Lv1 li.member_setting.show .options li,
.page-sidebar .page-sidebar-Lv1 li.game_partner.show .options li {
    display: flex;
    justify-content: center;
    align-items: center
}

.page-sidebar .page-sidebar-Lv1 li.member_setting {
    background: rgba(186, 186, 186, 0.408)
}

.page-sidebar .page-sidebar-Lv1 li.member_setting::after {
    height: 100%;
    background: linear-gradient(90deg, rgba(34, 34, 34, 0.819608) 0%, rgba(142, 142, 142, 0.760784) 100%)
}

.page-sidebar .page-sidebar-Lv1 li.game_partner {
    border: 1px solid #ffedb9;
    background: #ffedb9
}

.page-sidebar .page-sidebar-Lv1 li.game_partner::after {
    background: linear-gradient(90deg, #341E0D 0%, #523B12 48%, #705717 100%)
}

.page-sidebar .page-sidebar-Lv1 li.game_partner .menu-item-option::after {
    display: inline-block;
    position: absolute;
    border: none;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    background: none;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    font-family: 'icomoon';
    text-shadow: 0 3px 5px #000;
    line-height: 50px;
    font-size: 240%;
    font-weight: 400;
    color: #909090f1;
    z-index: 101;
    animation: none;
    height: auto;
    width: auto
}

.page-sidebar .page-sidebar-Lv1 li.game_partner .menu-item-option.show-blocked::after {
    content: '\e97f'
}

.page-sidebar .page-sidebar-Lv1 li.game_partner .menu-item-option.show-maintain::after {
    content: '\e9b2'
}

.page-sidebar .page-sidebar-Lv1 li .menu-item span {
    padding-left: 40px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item-option {
    line-height: 36px !important;
    padding: 10px 30px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item-option i {
    left: 5px !important
}

.page-sidebar .page-sidebar-Lv1 li .menu-item-option p {
    padding-left: 45px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item-option img {
    width: auto !important;
    height: 45px !important;
    object-fit: contain
}

.page-sidebar .page-sidebar-Lv1 li .menu-item,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option {
    position: relative;
    text-decoration: none;
    line-height: 35px;
    vertical-align: top;
    color: #ffedb9
}

.page-sidebar .page-sidebar-Lv1 li .menu-item .icon-mail,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option .icon-mail {
    position: relative
}

.page-sidebar .page-sidebar-Lv1 li .menu-item .dot,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option .dot {
    position: absolute;
    background-color: #ff4684;
    border: 1px solid #333;
    border-radius: 100px;
    width: 8px;
    height: 8px;
    left: 17px;
    top: 21px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item img,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option img {
    width: 30px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item i,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option i {
    position: absolute;
    left: 10px;
    top: 2px;
    font-size: 150%;
    line-height: 35px;
    vertical-align: top;
    margin-right: 5px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item span,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option span {
    line-height: 35px;
    vertical-align: middle;
    font-size: 16px
}

.page-sidebar .page-sidebar-Lv1 li .menu-item .tag-ball,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option .tag-ball {
    position: absolute;
    left: 0px;
    right: auto;
    bottom: -5px;
    display: inline-block;
    background: #3ff02f;
    border: 1px solid #333;
    border-radius: 50px;
    text-align: center;
    height: 15px;
    min-width: 25px;
    margin: 0;
    vertical-align: middle
}

.page-sidebar .page-sidebar-Lv1 li .menu-item .tag-ball i,
.page-sidebar .page-sidebar-Lv1 li .menu-item-option .tag-ball i {
    position: relative;
    left: auto;
    top: auto;
    text-align: center;
    color: #1d3a61;
    line-height: 15px;
    font-size: 15px;
    font-weight: bold;
    margin: 0
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    width: 100%
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li.logout {
    border-top: none !important
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a {
    padding: 0px 4px 0px 75px;
    color: #000;
    text-align: left;
    width: 100%
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a:focus {
    outline: none;
    box-shadow: none
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a>img {
    border-radius: 50%;
    font-size: 20px;
    position: absolute;
    left: 34px;
    top: 55%;
    transform: translateY(-50%);
    width: 27px;
    height: 27px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a .icon {
    font-size: 22px;
    position: absolute;
    left: 34px;
    top: 44%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a .tit {
    font-size: 12px;
    text-align: left;
    opacity: 0.6;
    position: relative;
    width: 100%;
    line-height: 14px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a .img-grcode {
    width: 100%;
    display: none
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a span {
    font-size: 12px;
    width: 100%;
    white-space: nowrap;
    line-height: 12px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li .img-grcode {
    display: none;
    width: 40px;
    height: 40px;
    padding: 0
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li .img-grcode img {
    border-radius: 0%;
    width: 40px;
    height: 40px;
    object-fit: contain
}

.page-sidebar .btn-group {
    display: none;
    position: relative;
    bottom: 0px;
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    display: grid;
    white-space: nowrap;
    grid-template-columns: repeat(3, 33%)
}

.page-sidebar .btn-group .btn {
    color: #000;
    text-align: center;
    border: 1px solid transparent;
    font-size: 12px;
    margin-top: 15px;
    transition: color 0.3s ease
}

.page-sidebar .btn-group .btn i {
    display: block;
    height: 30px
}

.page-sidebar .btn-group .btn i::before {
    padding: 15px;
    border-radius: 12px;
    background: #333;
    color: #fff
}

.page-sidebar {
    left: -100%;
    width: 100%;
    opacity: 0
}

.CLASSIC .page-sidebar .btn-group p,
.POPULAR .page-sidebar .btn-group p {
    white-space: pre-wrap
}

.CLASSIC .page-sidebar .btn-group .btn,
.POPULAR .page-sidebar .btn-group .btn {
    color: #fff
}

.CLASSIC .page-sidebar .btn-group .btn i,
.POPULAR .page-sidebar .btn-group .btn i {
    display: none
}

.CLASSIC .page-sidebar .btn-group .btn+.btn,
.POPULAR .page-sidebar .btn-group .btn+.btn {
    border-left: 1px solid #fff
}

.device-PC .page-sidebar .device-btn-box {
    display: none
}

.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li a>img,
.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li a .icon {
    top: 20% !important
}

.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .img-grcode {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    margin-top: 4px
}

.device-PC .page-sidebar .page-sidebar-Lv1 li .contact-menu li .img-grcode img {
    border-radius: 0%;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.page-sidebar {
    z-index: 1030 !important
}

.page-sidebar .menu-item::before {
    transform: rotate(0deg);
    transition: .3s
}

.page-sidebar .options {
    margin: 0 3px !important;
    transition: .3s
}

.page-sidebar .options li {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    transition: .3s
}

.page-sidebar .options * {
    overflow: hidden
}

.page-sidebar .show .menu-item::before {
    transform: rotate(-180deg)
}

.page-sidebar .show .options li {
    height: 60px !important
}

@media (min-width: 1024px) {
    .page-sidebar .show.contact_us li {
        height: 100px !important
    }
}

.page-sidebar .options {
    pointer-events: none
}

.page-sidebar .options li {
    pointer-events: auto
}

.page-sidebar .menu-item-option {
    display: block
}

.modal-selectGameType {
    z-index: 1045 !important
}

.modal-selectGameType .modal-header {
    justify-content: center
}

.modal-selectGameType .modal-title {
    text-align: center !important;
    font-size: 16px
}

.modal-selectGameType ul li {
    cursor: pointer;
    display: block;
    width: 80%;
    text-align: center;
    white-space: nowrap;
    color: #8596AD;
    border-radius: 100px;
    border: 1px solid #8596AD
}

@media (max-width: 1024px) {
    .modal-selectGameType ul li {
        margin: 0 auto 8px;
        padding: 8px;
        font-size: 16px
    }
}

@media (min-width: 1024px) {
    .modal-selectGameType ul li {
        margin: 0 auto 8px;
        padding: 8px;
        font-size: 16px
    }
    .modal-selectGameType ul li:hover {
        color: #152433;
        background-color: #8596AD
    }
}

body.device-PC.open-sidebar {
    overflow-y: hidden !important
}

body.device-PC.open-sidebar .page-sidebar {
    display: block !important
}

body.device-PC .type-BS .page-sidebar {
    display: block !important
}

body.device-PC .page-sidebar {
    display: none
}

body.device-PC .page-sidebar:hover {
    display: block
}

body.open-sidebar .page-logo {
    z-index: 998 !important
}

body.open-sidebar .page-logo .pos-rt.btn-group,
body.open-sidebar .page-logo .logo {
    opacity: 0.5
}

body.open-sidebar .page-logo .btn-menu {
    border: 1.5px solid #f4DE71;
    background: #B28917;
    z-index: 998 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom: 0
}

body.open-sidebar .page-logo .btn-menu i::before {
    color: #000
}

body.open-sidebar .page-sidebar {
    left: 2px
}

.demoBox {
    top: 100px !important
}

.page-logo {
    padding: 10px 10px 10px 40px !important;
    position: relative
}

.page-logo .pos-rt.btn-group {
    transform: scale(0.9)
}

.page-logo .btn-menu {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    line-height: 35px;
    text-align: center;
    background: #ffffff1a;
    box-shadow: 0 2px 2px #00000011;
    border-radius: 4px;
    outline: none !important
}

.page-logo .btn-menu i {
    font-size: 140%;
    line-height: 30px
}

.page-logo .btn-menu .dot {
    position: absolute;
    background-color: #ff4684;
    border: 1px solid #333;
    border-radius: 100px;
    width: 10px;
    height: 10px;
    left: 3px;
    top: 3px
}

.page-sidebar {
    position: absolute;
    width: 70vw;
    max-width: 400px;
    height: auto;
    max-height: 80vh;
    top: 54px;
    border-radius: 0px 8px 8px 8px;
    border: 1.5px solid #f4DE71;
    background: #000;
    text-align: left
}

.page-sidebar .page-sidebar-close {
    display: none
}

.page-sidebar .language-select {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.page-sidebar .language-select .form-control {
    width: 50%;
    padding: 0 10px 0 26px;
    background: #000;
    color: #f4DE71
}

.page-sidebar .language-select .icon-arrow-down {
    left: auto !important;
    right: 10px
}

.page-sidebar .language-select .icon-language {
    left: auto !important;
    right: 114px
}

.page-sidebar .page-sidebar-Lv1 {
    padding: 4px 10px 10px 10px;
    max-height: 70vh;
    margin: 0
}

.page-sidebar .page-sidebar-Lv1 li.game_partner {
    background: rgba(178, 137, 23, 0.3)
}

.page-sidebar .page-sidebar-Lv1 li.game_partner::after {
    height: 38px
}

.page-sidebar .page-sidebar-Lv1 li .contact-menu li a {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    gap: 4px;
    height: 100%;
    color: #fff
}

body.open-sidebar.device-PC::before {
    display: block;
    width: 100vw;
    height: 100vh
}

body.open-sidebar.device-PC .page-sidebar {
    opacity: 1
}

body.open-sidebar.device-PC .page-sidebar .language-select .form-control {
    padding: 0 0.375rem 0 2rem
}

.page-web.device-PC .page-logo {
    padding: 10px 10px 10px 60px !important
}

.page-web.device-PC .btn-menu {
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 45px
}

.page-web.device-PC .btn-menu i {
    line-height: 40px
}

.page-web.device-PC .page-sidebar {
    width: 300px;
    opacity: 0px;
    left: 0;
    top: 68px
}

.page-web.device-PC .page-sidebar-Lv1 li {
    margin-bottom: 10px
}

.page-web.device-PC .page-sidebar-Lv1 li.game_partner::after {
    height: 40px
}

.page-web.device-PC .page-sidebar-Lv1 .contact-menu li a {
    display: block
}

.type-W .page-logo .btn-menu {
    left: 0px
}

.type-W.device-PC .page-sidebar {
    top: 66px
}

body.open-sidebar.type-P.device-PC .page-sidebar {
    top: 67px
}

.REBATE-tab {
    position: relative;
    width: 65px;
    height: 50px;
    padding: 3px
}

.REBATE-tab img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom
}

.REBATE-tab .show-bonus-rebate {
    position: absolute !important;
    z-index: 10;
    display: inline-block;
    width: 70px;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
    top: 29px;
    text-align: center
}

.REBATE-tab .show-bonus-rebate small {
    text-align: center;
    line-height: normal;
    color: #fff;
    margin-top: -3px;
    font-size: 12px;
    font-weight: 600;
    text-shadow: 0 1px 3px #383838
}

body.type-R .tab-navs,
body.type-W .tab-navs,
body.type-L .tab-navs,
body.type-P .tab-navs {
    order: 0
}

body.type-R .tab-navs .page-menu-REBATE,
body.type-W .tab-navs .page-menu-REBATE,
body.type-L .tab-navs .page-menu-REBATE,
body.type-P .tab-navs .page-menu-REBATE {
    order: -2
}

body.type-R .tab-navs .freeSpinTag.RWD,
body.type-W .tab-navs .freeSpinTag.RWD,
body.type-L .tab-navs .freeSpinTag.RWD,
body.type-P .tab-navs .freeSpinTag.RWD {
    order: -1
}

body.type-W .REBATE-tab {
    height: 66px
}

body.type-W .REBATE-tab .show-bonus-rebate {
    top: 38px
}

body.type-R .REBATE-tab .show-bonus-rebate,
body.type-P .REBATE-tab .show-bonus-rebate,
body.type-L .REBATE-tab .show-bonus-rebate {
    top: 24px
}

body.type-P.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs.num-11 .tab {
    min-width: 100px
}

body.device-PC .REBATE-tab {
    min-width: 70px;
    width: 70px;
    height: 75px
}

body.device-PC .REBATE-tab:hover {
    transform: scale(1.1)
}

body.device-PC .REBATE-tab .show-bonus-rebate {
    top: 45px
}

body.device-PC .REBATE-tab .show-bonus-rebate small {
    font-size: 16px;
    text-shadow: 0 1px 3px #383838
}

body.device-PC.type-W .REBATE-tab {
    height: 90px
}

body.device-PC.type-W .REBATE-tab .show-bonus-rebate {
    top: 56px
}

body.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs {
    gap: 0
}

body.POPULAR .page-menu-Lv1 .page-menu-REBATE .REBATE-tab img,
body.POPULAR .nav-menu .page-menu-REBATE .REBATE-tab img,
body.CLASSIC .page-menu-Lv1 .page-menu-REBATE .REBATE-tab img,
body.CLASSIC .nav-menu .page-menu-REBATE .REBATE-tab img {
    width: 100% !important;
    object-fit: cover
}

body.CLASSIC.device-PC.TMT nav ul .page-menu-REBATE {
    display: flex;
    justify-content: center;
    align-items: center
}

body.CLASSIC.device-PC.TMT nav ul .page-menu-REBATE .REBATE-tab img {
    height: 70px !important
}

body.POPULAR.device-PC ul .page-menu-REBATE .REBATE-tab,
body.CLASSIC.device-PC ul .page-menu-REBATE .REBATE-tab {
    width: 110px;
    height: 90px
}

body.POPULAR.device-PC ul .page-menu-REBATE .REBATE-tab:hover,
body.CLASSIC.device-PC ul .page-menu-REBATE .REBATE-tab:hover {
    transform: scale(1)
}

body.POPULAR.device-PC ul .page-menu-REBATE .REBATE-tab img,
body.CLASSIC.device-PC ul .page-menu-REBATE .REBATE-tab img {
    width: 70px !important;
    height: 75px !important;
    object-fit: cover
}

body.POPULAR.device-PC nav ul li,
body.CLASSIC.device-PC nav ul li {
    order: 0
}

body.POPULAR.device-PC nav ul li.logo,
body.CLASSIC.device-PC nav ul li.logo {
    order: -1
}

body.type-BS .REBATE-tab {
    width: calc( 100% / 7);
    min-width: auto;
    height: 100%;
    display: inline-block
}

body.type-BS .REBATE-tab img {
    width: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%)
}

body.type-BS .REBATE-tab .show-bonus-rebate {
    top: 32px
}

body.type-BS.device-PC .REBATE-tab {
    width: 100%
}

body.type-BS.device-PC .REBATE-tab img {
    top: 0;
    width: 80px !important;
    object-fit: contain
}

body.type-BS.device-PC .REBATE-tab .show-bonus-rebate {
    top: 62px
}

body.WL .REBATE-tab {
    height: auto;
    width: 60px;
    min-width: 60px
}

body.WL .REBATE-tab img {
    position: absolute;
    height: 50px;
    width: 50px;
    top: -21px
}

body.WL .REBATE-tab .show-bonus-rebate {
    top: 5px
}

body.WL.device-PC .REBATE-tab {
    width: 72px;
    min-width: 72px;
    height: 53px
}

body.WL.device-PC .REBATE-tab>img {
    width: 72px;
    height: 72px;
    top: -10px
}

body.WL.device-PC .REBATE-tab .show-bonus-rebate {
    top: 34px
}

.marquee-txt {
    width: 100%;
    overflow: hidden;
    margin: 0;
    background: #000
}

.marquee-txt li,
.marquee-txt h1 {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 5px;
    background: #000;
    padding: 3px 15px 3px 35px;
    border-radius: 100px;
    line-height: 24px;
    font-size: 90%
}

.marquee-txt li i,
.marquee-txt h1 i {
    position: absolute;
    left: 2px;
    top: 2px;
    content: '';
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 30px;
    color: #e1be83;
    font-size: 20px;
    text-align: center;
    display: inline-block
}

.marquee-txt li a,
.marquee-txt h1 a {
    text-decoration: unset;
    line-height: 24px
}

.marquee-txt .js-marquee-wrapper .js-marquee {
    display: flex;
    flex-wrap: nowrap
}

.marquee-txt .js-marquee-wrapper .js-marquee li {
    white-space: nowrap
}

.game-search-box .form-group,
.page-login-box .form-group {
    position: relative;
    margin-bottom: 20px;
    text-align: right;
    background: #343741
}

.game-search-box .form-group label,
.page-login-box .form-group label {
    position: absolute;
    top: -28px;
    left: 10px;
    height: calc(1.5em + .75rem + 2px);
    line-height: 40px;
    font-size: 13px;
    color: #7b7b8a;
    margin-bottom: 0;
    display: none
}

.game-search-box .form-group label.btn-choose input[type="checkbox"],
.page-login-box .form-group label.btn-choose input[type="checkbox"] {
    left: 0
}

.game-search-box .form-group .form-control-btn,
.page-login-box .form-group .form-control-btn {
    position: absolute;
    right: 10px;
    top: auto;
    height: 100%
}

.game-search-box .form-group .form-control-btn label.btn-choose,
.page-login-box .form-group .form-control-btn label.btn-choose {
    position: relative;
    line-height: 25px;
    left: 0;
    margin: 0;
    display: inline-block;
    width: 25px;
    min-height: 25px;
    vertical-align: middle;
    font-size: inherit
}

.game-search-box .form-group input.form-control,
.page-login-box .form-group input.form-control {
    border: none;
    border-radius: 5px;
    height: 45px;
    width: 100%;
    letter-spacing: 1px;
    padding: 5px 0 5px 10px;
    margin-bottom: 3px;
    color: #381236
}

.game-search-box .form-group input.form-control::placeholder,
.page-login-box .form-group input.form-control::placeholder {
    color: #7d7e88;
    font-size: 115%
}

.game-search-box .form-group input.form-control:focus,
.page-login-box .form-group input.form-control:focus {
    box-shadow: none
}

.game-search-box .form-group input.form-control:focus::placeholder,
.page-login-box .form-group input.form-control:focus::placeholder {
    font-size: 0
}

.game-search-box .form-group input.form-control:focus+label,
.game-search-box .form-group input.form-control:not(:placeholder-shown)~label,
.page-login-box .form-group input.form-control:focus+label,
.page-login-box .form-group input.form-control:not(:placeholder-shown)~label {
    display: block
}

.game-search-box .form-group input.form-control[type="password"],
.page-login-box .form-group input.form-control[type="password"] {
    letter-spacing: 3px;
    font-weight: normal
}

.game-search-box .form-group input.form-control[type="password"]::placeholder,
.page-login-box .form-group input.form-control[type="password"]::placeholder {
    letter-spacing: 0;
    font-weight: normal
}

.game-search-box .form-group input.form-control[type="number"]::-webkit-outer-spin-button,
.game-search-box .form-group input.form-control[type="number"]::-webkit-inner-spin-button,
.page-login-box .form-group input.form-control[type="number"]::-webkit-outer-spin-button,
.page-login-box .form-group input.form-control[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0
}

.game-search-box .form-group input.form-control[readonly],
.page-login-box .form-group input.form-control[readonly] {
    padding-left: 10px;
    background-color: #f5f5f5;
    border-color: #e0e0e0;
    color: #757575
}

.game-search-box .form-group input.form-control.disabled,
.game-search-box .form-group input.form-control[disabled],
.page-login-box .form-group input.form-control.disabled,
.page-login-box .form-group input.form-control[disabled] {
    color: #757575;
    background: none;
    background-color: #f4f4f4;
    padding-left: 5px;
    border-bottom: 1px solid #dcdcdc
}

.game-search-box .form-group .input-group,
.page-login-box .form-group .input-group {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 5px
}

.game-search-box .form-group .input-group .form-control,
.page-login-box .form-group .input-group .form-control {
    border: none;
    margin-bottom: 0
}

.game-search-box .form-group .input-group .input-group-text,
.page-login-box .form-group .input-group .input-group-text {
    background: none;
    border: none;
    color: #bdbdbd
}

.game-search-box .form-group .input-group .input-group-text.txt,
.page-login-box .form-group .input-group .input-group-text.txt {
    color: #381236
}

.game-search-box .form-group .input-group .input-group-text:first-child,
.page-login-box .form-group .input-group .input-group-text:first-child {
    padding-left: 0
}

.game-search-box .form-group.is-error .txt_error,
.page-login-box .form-group.is-error .txt_error {
    display: block;
    text-align: right
}

.game-search-box .form-group.is-error .txt_error.lt,
.page-login-box .form-group.is-error .txt_error.lt {
    text-align: left
}

.game-search-box .fade:not(.show),
.page-login-box .fade:not(.show) {
    display: none
}

.game-search-box .tooltip,
.page-login-box .tooltip {
    z-index: 1070;
    white-space: nowrap;
    display: inline-block
}

.game-search-box .tooltip .arrow::before,
.page-login-box .tooltip .arrow::before {
    border-top-color: #424242
}

.game-search-box .tooltip .tooltip-inner,
.page-login-box .tooltip .tooltip-inner {
    white-space: nowrap;
    background: #424242;
    box-shadow: 0 3px 10px #757575
}

.game-search-box .btn-choose,
.page-login-box .btn-choose {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin: 0 20px 0 0;
    cursor: pointer;
    user-select: none;
    color: #381236 !important
}

.game-search-box .btn-choose input[type='checkbox'],
.game-search-box .btn-choose input[type='radio'],
.page-login-box .btn-choose input[type='checkbox'],
.page-login-box .btn-choose input[type='radio'] {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.game-search-box .btn-choose input[type='checkbox']+.checkmark,
.game-search-box .btn-choose input[type='radio']+.checkmark,
.page-login-box .btn-choose input[type='checkbox']+.checkmark,
.page-login-box .btn-choose input[type='radio']+.checkmark {
    position: absolute;
    top: 0;
    left: auto;
    right: 2px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #afafaf
}

.game-search-box .btn-choose:hover input[type='checkbox']~.checkmark,
.game-search-box .btn-choose:hover input[type='radio']~.checkmark,
.page-login-box .btn-choose:hover input[type='checkbox']~.checkmark,
.page-login-box .btn-choose:hover input[type='radio']~.checkmark {
    border-color: #757575;
    background-color: #dcdcdc;
    box-shadow: 0 0 5px #bdbdbd;
    transition: all .4s
}

.game-search-box .btn-choose input[type='checkbox']:checked~.checkmark,
.game-search-box .btn-choose input[type='radio']:checked~.checkmark,
.page-login-box .btn-choose input[type='checkbox']:checked~.checkmark,
.page-login-box .btn-choose input[type='radio']:checked~.checkmark {
    background-color: #212121;
    border-color: #212121
}

.game-search-box .btn-choose input[type='radio']:checked~.checkmark,
.page-login-box .btn-choose input[type='radio']:checked~.checkmark {
    border-color: #bdbdbd
}

.game-search-box .btn-choose input[type='checkbox']:checked+.checkmark:after,
.game-search-box .btn-choose input[type='radio']:checked+.checkmark:after,
.page-login-box .btn-choose input[type='checkbox']:checked+.checkmark:after,
.page-login-box .btn-choose input[type='radio']:checked+.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.game-search-box .btn-choose input[type='checkbox']:checked~.checkmark:after,
.game-search-box .btn-choose input[type='radio']:checked~.checkmark:after,
.page-login-box .btn-choose input[type='checkbox']:checked~.checkmark:after,
.page-login-box .btn-choose input[type='radio']:checked~.checkmark:after {
    display: block;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #765673
}

.game-search-box .btn-choose input[type='checkbox']:checked~.checkmark:after,
.page-login-box .btn-choose input[type='checkbox']:checked~.checkmark:after {
    font-family: 'icomoon';
    content: "\e915";
    top: 1px;
    left: -1px;
    width: 23px;
    height: 23px;
    background: none;
    font-size: 1.5rem;
    line-height: 23px;
    text-align: center;
    color: #fff
}

.game-search-box .btn-choose.disabled,
.page-login-box .btn-choose.disabled {
    color: #bdbdbd
}

.game-search-box .btn-choose input[type='checkbox']:disabled~.checkmark,
.game-search-box .btn-choose input[type='radio']:disabled~.checkmark,
.game-search-box .btn-choose:hover input[type='checkbox']:disabled~.checkmark,
.game-search-box .btn-choose:hover input[type='radio']:disabled~.checkmark,
.page-login-box .btn-choose input[type='checkbox']:disabled~.checkmark,
.page-login-box .btn-choose input[type='radio']:disabled~.checkmark,
.page-login-box .btn-choose:hover input[type='checkbox']:disabled~.checkmark,
.page-login-box .btn-choose:hover input[type='radio']:disabled~.checkmark {
    border: 1px solid #757575;
    box-shadow: none
}

.game-search-box .btn-choose input[type='checkbox']:checked:disabled~.checkmark:after,
.game-search-box .btn-choose input[type='radio']:checked:disabled~.checkmark:after,
.page-login-box .btn-choose input[type='checkbox']:checked:disabled~.checkmark:after,
.page-login-box .btn-choose input[type='radio']:checked:disabled~.checkmark:after {
    background: #757575
}

.game-search-box .btn-choose:hover input[type='checkbox']:disabled~.checkmark,
.game-search-box .btn-choose:hover input[type='radio']:disabled~.checkmark,
.page-login-box .btn-choose:hover input[type='checkbox']:disabled~.checkmark,
.page-login-box .btn-choose:hover input[type='radio']:disabled~.checkmark {
    background: #fff
}

.game-search-box .btn-choose.password-eye input+.checkmark,
.game-search-box .btn-choose.password-eye:hover input+.checkmark,
.page-login-box .btn-choose.password-eye input+.checkmark,
.page-login-box .btn-choose.password-eye:hover input+.checkmark {
    background: none;
    border: none;
    box-shadow: none
}

.game-search-box .btn-choose.password-eye input+.checkmark,
.page-login-box .btn-choose.password-eye input+.checkmark {
    right: 2px;
    left: auto
}

.game-search-box .btn-choose.password-eye input+.checkmark:after,
.page-login-box .btn-choose.password-eye input+.checkmark:after {
    background: none;
    font-family: 'icomoon';
    content: "\e901";
    color: #424242;
    font-size: 25px;
    text-align: right;
    line-height: normal;
    font-weight: bold
}

.game-search-box .btn-choose.password-eye input+.checkmark:hover:after,
.page-login-box .btn-choose.password-eye input+.checkmark:hover:after {
    color: #212121
}

.game-search-box .btn-choose.password-eye input[type='checkbox']:checked~.checkmark:after,
.page-login-box .btn-choose.password-eye input[type='checkbox']:checked~.checkmark:after {
    left: auto;
    background: none;
    border: none;
    font-family: 'icomoon';
    content: "\e90a";
    font-size: 25px;
    color: #424242;
    line-height: normal;
    font-weight: bold
}

.game-search-box .btn-choose.password-eye input:checked,
.game-search-box .btn-choose.password-eye input[type='checkbox']:checked~.checkmark:after,
.game-search-box .btn-choose.password-eye input[type='checkbox']:checked~.checkmark,
.page-login-box .btn-choose.password-eye input:checked,
.page-login-box .btn-choose.password-eye input[type='checkbox']:checked~.checkmark:after,
.page-login-box .btn-choose.password-eye input[type='checkbox']:checked~.checkmark {
    background: none
}

.page-login-box {
    border-radius: 12px;
    padding: 50px 3% 0 3%
}

.page-login-box .pos-l-top,
.page-login-box .language {
    position: absolute;
    left: 0;
    top: 0px
}

.page-login-box .form-control {
    width: auto;
    border: none;
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(/theme/images/src-gamehall/layout/arrow-down-bk.png) no-repeat right;
    background-size: 20px
}

.page-login-box .form-control.language {
    min-width: 100px;
    padding-right: 20px
}

.page-login-box .txt-welcome {
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #323542;
    max-height: 100px
}

.page-login-box .form-login {
    position: relative;
    padding: 0 10px
}

.page-login-box .form-login .tooltip {
    min-width: 90px;
    pointer-events: none
}

.page-login-box .form-login .tooltip .tooltip-inner {
    min-width: 90px
}

.page-login-box .form-login .form-group {
    margin: 0 auto 20px auto;
    background: #00000014;
    border-radius: 100px
}

.page-login-box .form-login .form-group input.form-control {
    background: none;
    line-height: 25px;
    vertical-align: bottom;
    font-size: 90%;
    margin: 10px 0 15px 0;
    padding-right: 45px
}

.page-login-box .form-login .form-group:first-child::after {
    position: relative;
    content: '';
    width: calc( 100% + 40px);
    display: block;
    border-bottom: 2px solid #f5f5f5;
    margin: 0 0 0 -20px
}

.page-login-box .form-login .form-group .form-control-btn .btn-choose {
    top: 10px;
    height: auto
}

.page-login-box .form-login .form-group .form-control-btn .btn-choose input[type='checkbox'] {
    left: auto;
    right: 0
}

.page-login-box .form-login .form-group .form-control-btn:hover .txt-tooltip {
    opacity: 1;
    display: inline-block
}

.page-login-box .form-login .form-group .form-control-btn .txt-tooltip {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
    background: #333333da;
    box-shadow: 0 2px 5px #29292967;
    color: #ffffffd7;
    padding: 3px 0;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    min-width: 90px;
    text-align: center;
    pointer-events: none;
    transition: opacity 1s ease-in-out
}

.page-login-box .form-login .form-group .form-control-btn .txt-tooltip::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #333333da transparent transparent transparent
}

.page-login-box .form-login .form-group .form-control-btn .txt-tooltip.show {
    opacity: 1;
    display: inline-block;
    transition: opacity 1s ease-in-out
}

.page-login-box .txt-error {
    min-height: 25px;
    padding: 0 10px;
    font-size: 80%;
    margin-bottom: 10px;
    margin-top: 30px
}

.page-login-box .txt-error p {
    position: relative;
    margin-bottom: 0;
    padding-left: 25px;
    color: #ca3e55
}

.page-login-box .txt-error p::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'icomoon' !important;
    content: '\e908';
    font-size: 140%;
    line-height: 1;
}

.page-login-box .btn-primary {
    margin: 0px 0 10px 0;
    font-size: 120%;
    line-height: 44px;
    font-weight: 500;
    border-radius: 100px;
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.29);
    background: linear-gradient(#595d70 0%, #323542 40%)
}

.page-login-box .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #ffd28c
}

.page-login-box .btn-primary:active {
    border-color: #f09c1a
}

.page-login-box .btn-primary:active:focus {
    box-shadow: 0 0 0 0.2rem #ffd28c
}

.page-login-box .btn-box {
    position: relative;
    text-align: right;
    border-radius: 0 0 15px 15px
}

.page-login-box .btn-box button {
    width: 100%
}

.page-login-box .btn-box .btn-link {
    position: relative;
    width: auto;
    border-radius: 12px;
    background-color: #ffffff5d;
    padding: 4px 10px
}

.page-login-box .btn-box .btn-link:hover {
    background-color: #fff
}

.page-login-box .btn-box .btn-link .icon-user-plus {
    font-size: 120%
}

.page-login-box .btn-box .SSO-RWD {
    margin: 0;
    justify-content: center;
    gap: 12px;
    text-align: center
}

.page-login-box .btn-box .SSO-RWD .CTA {
    mix-blend-mode: difference;
    margin-top: 10px;
    color: #fff;
    position: relative
}

.page-login-box .btn-box .SSO-RWD .CTA::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 1px;
    background-color: #fff;
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.page-login-box .btn-box .SSO-RWD .CTA::before {
    content: '';
    position: absolute;
    width: 25%;
    height: 1px;
    background-color: #fff;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.page-login-box .btn-box .SSO-RWD .SSO-btn {
    margin: 10px 0;
    padding: 10px;
    line-height: normal;
    border-radius: 100px;
    background: linear-gradient(#595d70 0%, #323542 40%);
    color: #fff;
    width: 38px;
    height: 38px;
    vertical-align: top
}

.page-login-box .btn-box .SSO-RWD .SSO-btn.facebook {
    background: #4385f5;
    border: 1px solid #4385f5
}

.page-login-box .btn-box .SSO-RWD .SSO-btn.facebook span::before {
    color: #fff
}

.page-login-box .btn-box .SSO-RWD .SSO-btn.google {
    background: #fff;
    color: #000;
    border: 1px solid #4385f5
}

.page-login-box .btn-box .SSO-RWD .SSO-btn.google span {
    padding-left: 20px;
    width: 16px;
    height: 16px;
    position: relative
}

.page-login-box .btn-box .SSO-RWD .SSO-btn.google span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 17px
}

.page-login-box .txt-link {
    display: inline-block;
    float: right;
    margin-bottom: 15px;
    font-size: 14px;
    color: #4a4e5e;
    position: relative;
    z-index: 100
}

.modal-jackpotList .modal-content.main-wrap {
    border-radius: 20px;
    background: #e4e4e4 !important
}

.modal-jackpotList .modal-content.main-wrap>.JP-promoSticky {
    top: 30px
}

.modal-jackpotList .modal-content.main-wrap .jackpot-list-header {
    height: 30px;
    border-radius: 16px 16px 0 0;
    background: #e4e4e4
}

.modal-jackpotList .modal-content.main-wrap .jackpot-list-header::after {
    display: none
}

.modal-jackpotList .modal-content.main-wrap .jackpot-list-header .gameTab {
    display: none
}

.modal-jackpotList .modal-content.main-wrap .info-box {
    background: #313030
}

.owl-carousel .owl-item {
    opacity: .4;
    transition: opacity 0.40s
}

.owl-carousel .owl-item.center {
    opacity: 1;
    transition: opacity 0.40s
}

.owl-carousel .owl-item.active {
    opacity: 1
}

.owl-carousel .owl-dots {
    border-radius: 20px;
    width: auto;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    background-color: rgba(33, 33, 33, 0.2);
    display: inline-block;
    height: 30px
}

.owl-carousel .owl-dots button {
    height: 30px
}

.owl-carousel .owl-dots .owl-dot span {
    margin: 2px 8px;
    background-color: rgba(33, 33, 33, 0.5);
    border-radius: 100px
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    margin: 2px 8px;
    background-color: #fff;
    box-shadow: 0px 2px 8px #424242
}

@keyframes games-bonus-animated {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.loading-box {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 2147483647
}

.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: '\e917';
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 160%;
    font-weight: bold;
    color: #435679;
    top: 1.3px;
    position: relative;
}

.spinner .cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.spinner .cube2::before {
    content: '\e91c'
}

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

.modal .modal-content {
    background-color: #152433;
    box-shadow: 0 5px 10px #090e14;
    border: 4px solid #28394b;
    border-radius: 15px;
    width: 90%;
    margin: 0 auto
}

.modal .modal-content .modal-header {
    border: none;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: 0 0 0 5px;
    color: #c9c9c9
}

.modal .modal-content .modal-header .modal-title {
    text-align: left;
    font-size: 17px;
    line-height: 34px;
    padding: 5px 10px
}

.modal .modal-content .modal-header .close {
    display: inline-block;
    opacity: 1;
    border-radius: 50px;
    width: 34px;
    height: 34px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    text-align: center;
    margin: 0
}

.modal .modal-content .modal-header .close i {
    color: #c9c9c9;
    font-size: 135%;
    font-weight: bold;
    line-height: 34px;
    text-shadow: none
}

.modal .modal-content .modal-header .close:hover {
    background-color: #36495e
}

.modal .modal-content .contact-menu {
    padding: 15px 0
}

.modal .modal-content .contact-menu li {
    display: block;
    margin-bottom: 40px
}

.modal .modal-content .contact-menu li a {
    padding: 0 10% 0 65px;
    position: relative;
    color: #c9c9c9;
    display: inline-block
}

.modal .modal-content .contact-menu li a .tit {
    color: #53718e;
    font-size: 14px;
    margin-bottom: 2px
}

.modal .modal-content .contact-menu li a span {
    font-size: 15px
}

.modal .modal-content .contact-menu li a .icon {
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 22px;
    background-color: #09111c;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.modal .modal-content .contact-menu li:last-child {
    margin-bottom: 0
}

.modal.modal-bonus-detail .modal-header .close {
    background: #454545c9
}

.CLASSIC.body-iframe header#gameHallHeader {
    z-index: 1041
}

.body-iframe header {
    position: fixed;
    top: 0;
    height: 10vmin
}

.body-iframe header h1 {
    display: none
}

.body-iframe .game-iframe {
    z-index: 2147483646
}

.body-iframe .game-iframe-box {
    z-index: 2147483645
}

.body-iframe.touch-action-none {
    -ms-touch-action: none;
    touch-action: none
}

@media screen and (max-aspect-ratio: 16/9) and (orientation: portrait) {
    .body-iframe {
        overflow: hidden
    }
}

.report-iframe {
    height: 100%;
    padding-top: 50px;
    position: relative;
    z-index: 2147483646
}

.report-iframe iframe {
    border: none;
    height: 100%
}

.report-iframe .report-header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    padding-left: 15px;
    background-color: #4c2525;
    line-height: 50px;
    z-index: 1000
}

.report-iframe .report-header .title {
    font-size: 17px;
    color: #d88dc8;
    width: 65%;
    overflow: hidden
}

.report-iframe .report-header .header-rt {
    position: absolute;
    top: 0;
    right: 0
}

.report-iframe .report-header .header-rt a {
    position: relative;
    line-height: 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    border: none;
    opacity: 1
}

.report-iframe .report-header .header-rt a::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.3em;
    height: 1.3em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ''
}

.report-iframe .report-header .header-rt a.close::before {
    font-family: 'icomoon' !important;
    content: "\e902";
    font-size: 30px;
    line-height: 45px;
    color: #d88dc8;
    text-shadow: none;
    opacity: 1
}

.report-iframe .report-header .header-rt a.go-back {
    opacity: 1;
    top: 5px;
    height: 40px;
    margin-right: 10px;
    border-right: 2px solid #833c73
}

.report-iframe .report-header .header-rt a.go-back::before {
    color: #d88dc8;
    font-family: 'icomoon' !important;
    content: "\e90c";
    left: 40%;
    font-size: 30px;
    line-height: 40px
}

.modal.modal-announcement .modal-content {
    min-height: 50vh
}

.modal.modal-announcement .modal-content .modal-header {
    padding: 2px 0 5px;
    display: flex
}

.modal.modal-announcement .modal-content .modal-body {
    padding: 0;
    max-height: 70vh;
    min-height: 30vh;
    overflow-y: scroll
}

.modal.modal-announcement .modal-content .modal-body .announce dd p {
    color: #b3b3b3
}

.modal.modal-announcement .modal-content .modal-body .announce dd strong {
    color: #eaba5e
}

.modal.modal-announcement .modal-content .btn-mail {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-block;
    z-index: 100;
    background: #36495e;
    color: #eaba5e;
    width: 40px;
    height: 40px;
    border-radius: 45px
}

.modal.modal-announcement .modal-content .btn-mail::before {
    font-family: 'icomoon';
    content: '\e90e';
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    text-align: center
}

.modal.modal-announcement .modal-content .inputCheckbox {
    min-width: 90px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    background: #28394b;
    padding: 2px 15px;
    border-radius: 100px;
    margin: 2px 5px 0px 5px
}

.modal.modal-announcement .modal-content .inputCheckbox input[type="checkbox"] {
    display: none
}

.modal.modal-announcement .modal-content .inputCheckbox input[type="checkbox"]+span:before {
    content: " ";
    vertical-align: middle
}

.modal.modal-announcement .modal-content .inputCheckbox input[type="checkbox"]:checked+span::before {
    content: '\e915';
    color: #fff;
    font-size: 10px;
    line-height: 11px;
    text-align: center;
    font-family: 'icomoon' !important
}

.modal.modal-announcement .modal-content .inputCheckbox span {
    color: #dae7f4;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px
}

.modal.modal-announcement .modal-content .inputCheckbox span:before {
    display: inline-block;
    background: none;
    border: 2px solid #dae7f4;
    height: 15px;
    width: 15px;
    border-radius: 3px;
    margin-right: 5px
}

.announce,
.pop_up-box {
    border-radius: 0
}

.announce .pop_up-box-1ist,
.pop_up-box .pop_up-box-1ist {
    max-height: auto;
    flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.announce dl,
.pop_up-box dl {
    margin-bottom: vmin(24px)
}

.announce dl:last-child,
.pop_up-box dl:last-child {
    margin-bottom: 0
}

.announce dl:first-child dt,
.pop_up-box dl:first-child dt {
    border-top: none
}

.announce dt,
.pop_up-box dt {
    text-align: center;
    position: sticky;
    top: -4px;
    margin-bottom: 0;
    padding: 12px 10px;
    background-color: #152433e0;
    border-top: 2px solid #eaba5e;
    color: #eaba5e;
    line-height: normal;
    font-size: 16px;
    font-weight: bold
}

.announce dd,
.pop_up-box dd {
    padding: 0;
    line-height: 1.6;
    text-align: center
}

.announce dd img,
.announce dd object,
.pop_up-box dd img,
.pop_up-box dd object {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.announce dd p,
.pop_up-box dd p {
    margin: 0;
    padding: 10px 15px;
    text-align: left;
    color: #eaba5e
}

.announce dd ol,
.announce dd ul,
.announce dd .txt,
.pop_up-box dd ol,
.pop_up-box dd ul,
.pop_up-box dd .txt {
    margin: 15px 0 2% 0;
    padding: 0 6% 0 6%;
    text-align: left;
    color: #eaba5e
}

.announce dd ul,
.pop_up-box dd ul {
    margin: 0;
    list-style: disc
}

.announce dd ol,
.pop_up-box dd ol {
    margin: 0;
    list-style: decimal
}

.announce dd li,
.pop_up-box dd li {
    text-align: left;
    display: list-item;
    color: #eaba5e
}

.announce dd .game-tit,
.pop_up-box dd .game-tit {
    margin-top: 2%;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: #e9ba5d
}

.announce dd .game-tit.lt,
.pop_up-box dd .game-tit.lt {
    text-align: left
}

.announce dd .game-list,
.pop_up-box dd .game-list {
    margin-left: 10%
}

.announce dd .game-list.lt,
.pop_up-box dd .game-list.lt {
    padding-left: 0
}

.announce dd .game-btnbox,
.pop_up-box dd .game-btnbox {
    padding: 10px 0 20px 0;
    display: block;
    text-align: center
}

.announce dd .game-btnbox.lt,
.pop_up-box dd .game-btnbox.lt {
    padding-left: 10%;
    text-align: left
}

.announce dd .game-btn,
.pop_up-box dd .game-btn {
    display: inline-block;
    padding: 6px 20px;
    margin: 0 auto;
    background: #e9ba5d;
    border-radius: 100px;
    color: #162433;
    text-decoration: none;
    transition: all 0.30s
}

.announce dd .game-btn:hover,
.announce dd .game-btn:active,
.pop_up-box dd .game-btn:hover,
.pop_up-box dd .game-btn:active {
    background: #fff;
    transition: all 0.30s
}

.announce dd .game-message,
.pop_up-box dd .game-message {
    color: #e9ba5d;
    border: 1px solid #e9ba5d;
    border-radius: 4px;
    padding: 10px;
    font-size: 0.9rem;
    line-height: 1.4
}

.announce dd a,
.pop_up-box dd a {
    display: inline-block;
    color: #e9ba5d;
    text-decoration: underline
}

.announce dd a:hover,
.pop_up-box dd a:hover {
    text-decoration: none
}

.announce dd hr,
.pop_up-box dd hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    background: #000000
}

.announce .pop_up-box-bottom,
.pop_up-box .pop_up-box-bottom {
    display: flex;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    flex: 0 0 vmin(40px)
}

.announce .pop_up-box-bottom .more,
.pop_up-box .pop_up-box-bottom .more {
    display: flex;
    align-items: center;
    justify-content: space-end
}

.announce .dont-show,
.pop_up-box .dont-show {
    display: flex;
    width: 100%;
    border-radius: 0 0 8px 8px;
    text-align: center;
    cursor: pointer;
    flex: 1
}

.txt-version {
    font-size: 80%;
    line-height: normal
}

.txt-bonus {
    position: relative;
    line-height: 35px;
    padding-left: 20px
}

.txt-bonus::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'icomoon' !important;
    content: '\e951';
    font-size: 120%;
    font-weight: lighter;
    line-height: 35px
}

.txt-bonus.USD,
.txt-bonus.SGD,
.txt-bonus.MYR,
.txt-bonus.THB,
.txt-bonus.IDR,
.txt-bonus.KHR,
.txt-bonus.JPY,
.txt-bonus.KRW,
.txt-bonus.HKD,
.txt-bonus.CNY,
.txt-bonus.MXN,
.txt-bonus.VND,
.txt-bonus.MMK,
.txt-bonus.INR,
.txt-bonus.AUD,
.txt-bonus.MMKK,
.txt-bonus.COP,
.txt-bonus.EUR,
.txt-bonus.CAD,
.txt-bonus.PHP,
.txt-bonus.BDT,
.txt-bonus.BRL,
.txt-bonus.CLP,
.txt-bonus.AMD,
.txt-bonus.USDT {
    padding-left: 0
}

.txt-bonus.USD::before,
.txt-bonus.SGD::before,
.txt-bonus.MYR::before,
.txt-bonus.THB::before,
.txt-bonus.IDR::before,
.txt-bonus.KHR::before,
.txt-bonus.JPY::before,
.txt-bonus.KRW::before,
.txt-bonus.HKD::before,
.txt-bonus.CNY::before,
.txt-bonus.MXN::before,
.txt-bonus.VND::before,
.txt-bonus.MMK::before,
.txt-bonus.INR::before,
.txt-bonus.AUD::before,
.txt-bonus.MMKK::before,
.txt-bonus.COP::before,
.txt-bonus.EUR::before,
.txt-bonus.CAD::before,
.txt-bonus.PHP::before,
.txt-bonus.BDT::before,
.txt-bonus.BRL::before,
.txt-bonus.CLP::before,
.txt-bonus.AMD::before,
.txt-bonus.USDT::before {
    position: relative;
    font-family: 'Arial', 'icomoon' !important;
    font-size: 100%;
    left: auto;
    padding-right: 2px
}

.txt-bonus.THB::before {
    font-family: inherit !important
}

.txt-bonus.VND::before {
    font-family: 'icomoon' !important;
    font-weight: normal
}

.page-logo {
    position: relative;
    display: flex;
    align-items: center;
    gap: 3%;
    padding: 10px;
    z-index: 0
}

@media (max-width: 1024px) {
    .page-logo {
        z-index: 501;
        justify-content: space-between;
        max-height: 80px
    }
    .page-logo .logo {
        max-width: 50%
    }
    .page-logo .logo img {
        max-height: 60px;
        object-position: left center
    }
}

@media (min-width: 1024px) {
    .page-logo {
        justify-content: center;
        width: calc(100% - 80px);
        padding-left: 160px;
        height: 100px
    }
    .page-logo .logo img {
        max-height: 80px;
        object-position: center center
    }
}

.page-logo .logo {
    order: -1
}

.page-logo .logo img {
    max-width: 100%;
    object-fit: contain
}

.page-logo .btn-group {
    order: 1
}

.page-logo .btn-group.pos-rt {
    order: 2
}

.page-logo .btn-group.pos-lt {
    order: -2
}

.page-logo .btn-group .btn {
    position: relative;
    min-width: 80px;
    padding: 0 5px;
    border: none;
    color: #fff;
    text-shadow: 0 1px 3px #222222;
    text-decoration: none;
    font-size: 90%;
    line-height: 30px;
    white-space: nowrap
}

.type-R .btn-login {
    background-image: linear-gradient(#828995, #3F5769)
}

.type-R .btn-signup {
    background-image: linear-gradient(#595D70, #434A69)
}

.type-R.DEMOR .btn-login {
    background-image: linear-gradient(#f4DE71, #D99D26)
}

.type-R.DEMOR .btn-signup {
    background-image: linear-gradient(#D99D26, #93631F)
}

.type-R.FC .btn-login {
    background-image: linear-gradient(#FFBD05, #8B6D1C)
}

.type-R.FC .btn-signup {
    background-image: linear-gradient(#FFCB3B, #DFA402)
}

.type-R.INF988 .btn-login {
    background-image: linear-gradient(#7339AC, #401070)
}

.type-R.INF988 .btn-signup {
    background-image: linear-gradient(#401070, #260F3D)
}

.type-R.INFINITY88BET .btn-login {
    background-image: linear-gradient(#FDC503, #BC9714, #FDC503)
}

.type-R.INFINITY88BET .btn-signup {
    background-image: linear-gradient(#fdc503, #bc9714)
}

.type-R.M9 .btn-login {
    background-image: linear-gradient(#318174, #0B5045)
}

.type-R.M9 .btn-signup {
    background-image: linear-gradient(#0B5045, #133933)
}

.type-R.PHPLAY .btn-login {
    background-image: linear-gradient(rgba(64, 255, 137, 0.764706), rgba(31, 159, 76, 0.698039), rgba(8, 121, 63, 0.745098))
}

.type-R.PHPLAY .btn-signup {
    background-image: linear-gradient(#40FF89, #1F9F4C, #08793F)
}

.type-R.PITO777 .btn-login {
    background-image: linear-gradient(#FFBD05, #8B6D1C)
}

.type-R.PITO777 .btn-signup {
    background-image: linear-gradient(#FFBD05, #DFA402)
}

.type-R.QUADRA88 .btn-login {
    background-image: linear-gradient(#FDC503, #BC9714, #FDC503)
}

.type-R.QUADRA88 .btn-signup {
    background-image: linear-gradient(#BC9714, #FFCE41, #FFCE41)
}

.type-R.QUADRACASH .btn-login {
    background-image: linear-gradient(#FDC503, #BC9714, #FDC503)
}

.type-R.QUADRACASH .btn-signup {
    background-image: linear-gradient(#BC9714, #FFCE41, #FFCE41)
}

.type-R.RGWIN777 .btn-login {
    background-image: linear-gradient(#1E1848, #150822)
}

.type-R.RGWIN777 .btn-signup {
    background-image: linear-gradient(#150822, #1E1848)
}

.type-R.SOG .btn-login {
    background-image: linear-gradient(#1FCAEC, #24326D)
}

.type-R.SOG .btn-signup {
    background-image: linear-gradient(#23D8FC, #47579F)
}

.type-R.WINBDT .btn-login {
    background-image: linear-gradient(rgba(64, 255, 137, 0.764706), rgba(31, 159, 76, 0.698039), rgba(8, 121, 63, 0.745098))
}

.type-R.WINBDT .btn-signup {
    background-image: linear-gradient(#40FF89, #1F9F4C 50%, #08793F)
}

.type-R.LUKA .btn-login {
    background-image: linear-gradient(#FDC503, #BC9714, #FDC503)
}

.type-R.LUKA .btn-signup {
    background-image: linear-gradient(#FFCE41, #FFCE41, #BC9714)
}

.type-R.VIPX .btn-login {
    background-image: linear-gradient(#3b81e0, #7839f7, #9335f0)
}

.type-R.VIPX .btn-signup {
    background-image: linear-gradient(#8d37f2, #361a87)
}

.type-R.SWERTE2PLAY .btn-login {
    background-image: linear-gradient(#E9E5B4, #826436)
}

.type-R.SWERTE2PLAY .btn-signup {
    background-image: linear-gradient(#D7D298, #715326)
}

.type-R.CASINOCAROUSEL88 .btn-login {
    background-image: linear-gradient(#FDC503, #BC9714, #FDC503)
}

.type-R.CASINOCAROUSEL88 .btn-signup {
    background-image: linear-gradient(#FFCE41, #FFCE41, #BC9714)
}

.type-R.MWVIP .btn-login {
    background-image: linear-gradient(#FDC503, #BC9714, #FDC503)
}

.type-R.MWVIP .btn-signup {
    background-image: linear-gradient(#fdc503, #bc9714)
}

.type-W .btn-login {
    background-image: linear-gradient(#FFBD05, #8B6D1C)
}

.type-W .btn-signup {
    background-image: linear-gradient(#ffCB3B, #DFA402)
}

.type-W.SWERTE2PLAY .btn-login {
    background-image: linear-gradient(#E9E5B4, #826436)
}

.type-W.SWERTE2PLAY .btn-signup {
    background-image: linear-gradient(#D7D298, #715326)
}

.type-L .btn-login {
    background-image: linear-gradient(45deg, #667EEA, #764BA2)
}

.type-L .btn-signup {
    background-image: linear-gradient(45deg, #84C1E2, #5cadd6)
}

.type-L.COW88 .btn-login {
    background: #287EEA
}

.type-L.COW88 .btn-signup {
    background: #287EEA
}

.type-L.GGAME888 .page-logo .btn {
    border: 1px solid #FEED80
}

.type-L.GGAME888 .btn-login {
    color: #0A140C;
    background-image: linear-gradient(#16902C, #2CDB8B);
    text-shadow: none
}

.type-L.GGAME888 .btn-signup {
    color: #2CDB8B;
    background: #0A140C
}

.type-L.CRICROYAL .page-logo .btn {
    border: 1px solid #D6AD5C
}

.type-L.CRICROYAL .btn-login {
    background-image: linear-gradient(#D6AD5C, #986E1B)
}

.type-L.CRICROYAL .btn-signup {
    background: #000
}

.type-L.BADSHA .page-logo .btn {
    border: 1px solid #D6AD5C
}

.type-L.BADSHA .btn-login {
    background-image: linear-gradient(#D6AD5C, #986E1B)
}

.type-L.BADSHA .btn-signup {
    background: #000
}

.type-L.LABET .page-logo .btn {
    border: 1px solid #D6AD5C
}

.type-L.LABET .btn-login {
    background-image: linear-gradient(#FCBD21, #986E1B)
}

.type-L.LABET .btn-signup {
    background: #000
}

.type-L.VND7899 .page-logo .btn {
    border: 1px solid #FF002B
}

.type-L.VND7899 .btn-login {
    background: #C8102E
}

.type-L.VND7899 .btn-signup {
    background: #000
}

.type-P .btn-login {
    background-color: #AF3BB5
}

.type-P .btn-signup {
    background-color: #761B7E
}

.type-P.ICHIBAN .btn-login {
    background-image: linear-gradient(#f9CE7E, #8B6D1C)
}

.type-P.ICHIBAN .btn-signup {
    background-image: linear-gradient(#f9CE7E, #DFA402)
}

.type-P.TELE789 .btn-login {
    background-image: linear-gradient(#F49D25, #936D1F)
}

.type-P.TELE789 .btn-signup {
    background-image: linear-gradient(#F5C73D, #C2940A)
}

.type-P.MAX888 .btn-login {
    background-image: linear-gradient(#F15A29, #A93F1D)
}

.type-P.MAX888 .btn-signup {
    background-image: linear-gradient(#A93F1D, #792D15)
}

.type-P.CROWNGAMING .btn-login {
    background-image: linear-gradient(#f9CE7E, #8B6D1C)
}

.type-P.CROWNGAMING .btn-signup {
    background-image: linear-gradient(#f9CE7E, #DFA402)
}

.type-P.M9-MY .btn-login {
    background-image: linear-gradient(#318174, #0B5045)
}

.type-P.M9-MY .btn-signup {
    background-image: linear-gradient(#0B5045, #133933)
}

@media (max-width: 1024px) {
    .page-login .page-logo {
        z-index: 501;
        justify-content: center;
        height: auto
    }
    .page-login .page-logo .logo img {
        object-position: center center
    }
}

@media (min-width: 1024px) {
    .page-login .page-logo {
        justify-content: space-between;
        padding: 10px
    }
    .page-login .page-logo .logo img {
        object-position: left center
    }
}

.body-iframe .page-logo {
    display: none !important
}

.type-W .btn-group .btn {
    border-radius: 0
}

.type-L .page-logo {
    width: 100%
}

.type-L .btn-group {
    gap: 5px
}

.type-L .btn-group .btn {
    border-radius: 100px !important
}

.type-P .page-logo {
    background-color: #000
}

.type-P.device-PC .page-logo {
    border-radius: 15px 15px 0 0
}

.tournament-box {
    position: relative;
    max-width: 800px;
    padding: 2px;
    font-size: 12px;
    margin: 0 auto;
    z-index: 1
}

.tournament-box.tournament-box.only-daily .box-1,
.tournament-box.tournament-box.only-daily .box-2 {
    border-radius: 8px 8px 0 0 !important
}

.tournament-box .item-game {
    position: relative;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: inset 0 0 0 .5px #fff;
    padding: .5px;
    margin-right: 4px
}

.tournament-box .item-game::before {
    content: 'GO';
    position: absolute;
    right: -1px;
    bottom: -1px;
    background: rgba(0, 0, 0, 0.8);
    color: #FFE60A;
    font-size: 10px;
    border-radius: 4px;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s linear
}

.tournament-box .item-game:hover::before {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    line-height: 23px;
    border-radius: 4px;
    transition: all .2s linear
}

.tournament-box .item-game img {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    object-fit: contain
}

.tournament-box .tournament-platform {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.tournament-box .info-prize {
    position: relative;
    width: 100%;
    white-space: nowrap;
    color: #FFE60A;
    text-align: right;
    font-size: 12px;
    line-height: normal;
    font-weight: 600
}

.tournament-box .info-prize::before {
    line-height: normal;
    font-size: 10px;
    padding: 0
}

.tournament-box .info-prize::after {
    content: 'prize';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 8px;
    background: rgba(29, 32, 68, 0.8);
    padding: 1px 2px;
    border-radius: 2px;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 8px
}

.tournament-box .info-player {
    width: 56px;
    min-width: 56px;
    max-width: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    color: #fff
}

.tournament-box .tournament-subTitle {
    width: 100%;
    color: #e8e6e6;
    padding: 2px 0;
    text-align: center;
    background: #00000052;
    margin-bottom: 2px;
    line-height: 15px;
    font-size: 9px
}

.tournament-box .tournament-subTitle p {
    margin: 0;
    text-transform: uppercase
}

.tournament-box .tournament-subTitle p:last-child {
    text-align: center
}

.tournament-box .tournament-base {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tournament-box .tournament-base .tournament-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.tournament-box .txt-bonus {
    white-space: nowrap;
    padding: 0;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    line-height: normal;
    text-align: right;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.tournament-box .txt-bonus::before {
    position: relative;
    font-size: 10px;
    font-weight: 300;
    line-height: normal;
    padding: 0
}

.tournament-box .info-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.34);
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-bottom-left-radius: 8px;
    transition: 0.2s all linear
}

.tournament-box .info-btn:hover {
    background: rgba(255, 255, 255, 0.6)
}

.tournament-box .item-rank {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 4px 0 0 4px;
    color: #fff;
    width: 12px;
    font-size: 10px;
    box-shadow: inset 0 0 0 0.2px rgba(255, 255, 255, 0.34);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 97%);
    display: flex;
    justify-content: center;
    align-items: center
}

.tournament-box .tournament-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.tournament-box .tournament-top .tournament-prize {
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.tournament-box .tournament-top .tournament-prize span {
    text-transform: uppercase;
    width: 30px;
    white-space: pre-wrap
}

.tournament-box .tournament-top .tournament-prize .info-prize {
    width: auto;
    line-height: 30px
}

.tournament-box .tournament-title {
    text-align: center
}

.tournament-box .tournament-title p {
    font-weight: 500;
    display: block;
    width: 100%;
    color: #fff;
    margin: 0
}

.tournament-box .tournament-title .tournament-date,
.tournament-box .tournament-title .tournament-countdown {
    display: inline-block;
    background: #00000052;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    padding: 1px 2px
}

.tournament-box .tournament-title .tournament-date {
    background: transparent;
    color: #FFE60A;
    font-weight: 600
}

.tournament-box .item-info {
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tournament-box .item-info .txt-bonus,
.tournament-box .item-info .info-prize,
.tournament-box .item-info .info-player {
    line-height: 32px;
    height: 100%
}

.tournament-box.only-daily.twoBox .no-prize .tournament-list li {
    padding: 4px 22px 4px 16px;
    height: 55px;
    align-items: center
}

.tournament-box.only-daily.twoBox .no-prize .tournament-list li .item-info {
    gap: 4px
}

.tournament-box.oneBox .tournament-subTitle {
    justify-content: center !important
}

.tournament-box.over-2 .tournament-list {
    height: 110px
}

.tournament-box .tournament-list {
    overflow-y: auto;
    height: 75px;
    margin: 0;
    padding: 0 4px 0 2px
}

.tournament-box .tournament-list.winRatio li .txt-bonus::before {
    display: none !important
}

.tournament-box .tournament-list li {
    position: relative;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    margin-bottom: 5px;
    height: 32px;
    min-height: 32px;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 22px 0 16px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2)
}

.tournament-box .tournament-list li.is-you {
    background: linear-gradient(90deg, rgba(255, 225, 52, 0.407843), rgba(255, 233, 105, 0))
}

.tournament-box.both .daily .tournament-list {
    height: 75px
}

.tournament-box.only-daily.twoBox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.tournament-box.only-daily.twoBox.over-2 .tournament-list {
    height: 150px
}

.tournament-box.only-daily.twoBox .box-1 {
    border-top-right-radius: 0 !important;
    z-index: 1
}

.tournament-box.only-daily.twoBox .box-2 {
    border-top-left-radius: 0 !important
}

.tournament-box.only-daily.twoBox .box-2 .tournament-title {
    display: none !important
}

.tournament-box.only-daily.twoBox .daily {
    width: 50% !important;
    padding-top: 25px
}

.tournament-box.only-daily.twoBox .daily .tournament-title {
    position: absolute;
    top: 0;
    width: 200%;
    max-width: 850px;
    background: linear-gradient(270deg, #4951A8 0%, #454DA6 100%);
    min-height: 25px;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.tournament-box.only-daily.twoBox .daily .tournament-platform {
    top: 20px
}

.tournament-box.only-daily.twoBox .daily .tournament-list {
    padding: 0 2px
}

.tournament-box.only-daily.twoBox .daily .tournament-subTitle {
    width: 98%;
    margin: 0 auto 2px;
    line-height: 16px
}

.tournament-box.only-daily.twoBox .daily .item-info {
    height: auto;
    flex-direction: column;
    align-items: flex-start
}

.tournament-box.only-daily.twoBox .daily .item-info .info-player,
.tournament-box.only-daily.twoBox .daily .item-info .txt-bonus,
.tournament-box.only-daily.twoBox .daily .item-info .info-prize {
    line-height: normal;
    text-align: left
}

.tournament-box.only-daily.twoBox .daily .item-info .info-player::before,
.tournament-box.only-daily.twoBox .daily .item-info .txt-bonus::before,
.tournament-box.only-daily.twoBox .daily .item-info .info-prize::before {
    font-size: 8px
}

.tournament-box.only-daily.twoBox .daily .item-info .info-prize {
    padding-left: 26px;
    position: absolute;
    left: 16px;
    bottom: 0;
    width: 94%;
    height: auto;
    font-size: 14px
}

.tournament-box.only-daily.twoBox .daily .item-info .info-prize::after {
    right: auto;
    left: 0px;
    top: auto;
    bottom: 4px
}

.tournament-box.only-daily.twoBox .daily li {
    padding: 4px 22px 4px 16px;
    align-items: flex-start;
    height: 55px
}

.tournament-box .box-1 {
    border-radius: 8px 8px 0 0 !important
}

.tournament-box .box-2 {
    border-radius: 0 !important
}

.tournament-box .weekly {
    background: linear-gradient(0deg, #233B6A 32.21%, #233B6A 100%)
}

.tournament-box .weekly .tournament-base {
    padding: 3px 4px 3px 20px
}

.tournament-box .weekly .tournament-list li .item-rank.award-1 {
    background: linear-gradient(180deg, #F9D888 0%, rgba(191, 141, 28, 0) 97%)
}

.tournament-box .weekly .tournament-list li .item-rank.award-2 {
    background: linear-gradient(180deg, #B3B2B7 0%, rgba(117, 116, 121, 0) 97%)
}

.tournament-box .weekly .tournament-list li .item-rank.award-3 {
    background: linear-gradient(180deg, #F1AE83 0%, rgba(168, 99, 60, 0) 97%)
}

.tournament-box .daily {
    position: relative;
    background: linear-gradient(270deg, #4951A8 0%, #454DA6 100%)
}

.tournament-box .daily>div {
    position: relative
}

.tournament-box .daily .tournament-title {
    padding: 3px 4px 3px 20px;
    width: 100%;
    text-align: left
}

.tournament-box .daily .tournament-title p {
    display: inline-block;
    width: auto;
    margin-right: 8px
}

.tournament-box .daily .txt-bonus {
    width: 73px;
    max-width: 73px;
    min-width: 73px
}

.tournament-box .daily .tournament-platform {
    position: absolute;
    right: 4px;
    top: -5px
}

.tournament-box .daily .tournament-platform img {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    object-fit: contain
}

.tournament-box .history-box {
    position: relative;
    width: 100% !important;
    display: block;
    background: #102233;
    color: rgba(255, 255, 255, 0.8);
    line-height: 20px;
    border-radius: 0 0 8px 8px;
    padding: 4px 0 2px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 0px;
    font-size: 9px;
    z-index: -1
}

.tournament-box .history-box .history-title {
    position: relative;
    text-align: center;
    white-space: normal;
    text-transform: capitalize;
    max-width: 85%;
    font-weight: 600;
    line-height: normal;
    margin: 0 auto
}

.tournament-box .history-box .history-title p {
    margin: 0
}

.tournament-box .history-box .history-title span {
    position: absolute;
    left: -18px;
    top: 1px
}

.tournament-box .history-box .date-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px 0
}

.tournament-box .history-box .date-list a {
    position: relative;
    margin: 0 9px 0 13px;
    text-decoration: underline;
    text-align: center;
    white-space: nowrap;
    font-size: 9px
}

.tournament-box .history-box .date-list a::before {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px
}

.tournament-box .history-box .date-list a:last-child::before {
    display: none
}

.tournament-box .history-box .date-list a:only-child::before {
    display: none
}

.page-web.device-PC .tournament-box,
.page-web.device-PAD .tournament-box {
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.page-web.device-PC .tournament-box .no-prize .tournament-list li,
.page-web.device-PAD .tournament-box .no-prize .tournament-list li {
    padding: 0 20px 0 25px
}

.page-web.device-PC .tournament-box.over-2 .tournament-list,
.page-web.device-PAD .tournament-box.over-2 .tournament-list {
    height: 180px !important
}

.page-web.device-PC .tournament-box.both .box-1,
.page-web.device-PC .tournament-box.both .box-2,
.page-web.device-PAD .tournament-box.both .box-1,
.page-web.device-PAD .tournament-box.both .box-2 {
    width: 50%
}

.page-web.device-PC .tournament-box.both .box-1,
.page-web.device-PAD .tournament-box.both .box-1 {
    border-radius: 8px 0 0 0 !important
}

.page-web.device-PC .tournament-box.both .box-2,
.page-web.device-PAD .tournament-box.both .box-2 {
    border-radius: 0 8px 0 0 !important
}

.page-web.device-PC .tournament-box.only-daily.oneBox,
.page-web.device-PAD .tournament-box.only-daily.oneBox {
    max-width: 650px
}

.page-web.device-PC .tournament-box.only-daily.oneBox .tournament-platform,
.page-web.device-PAD .tournament-box.only-daily.oneBox .tournament-platform {
    top: 28px !important
}

.page-web.device-PC .tournament-box.only-daily.oneBox .txt-bonus,
.page-web.device-PAD .tournament-box.only-daily.oneBox .txt-bonus {
    width: 210px;
    min-width: 210px;
    max-width: 210px
}

.page-web.device-PC .tournament-box.only-daily.twoBox .daily,
.page-web.device-PAD .tournament-box.only-daily.twoBox .daily {
    padding-top: 40px
}

.page-web.device-PC .tournament-box.only-daily.twoBox .daily .item-info,
.page-web.device-PAD .tournament-box.only-daily.twoBox .daily .item-info {
    height: 100%
}

.page-web.device-PC .tournament-box.only-daily.twoBox .daily .info-prize,
.page-web.device-PAD .tournament-box.only-daily.twoBox .daily .info-prize {
    padding: 0;
    position: relative;
    right: auto;
    bottom: auto
}

.page-web.device-PC .tournament-box.only-daily .tournament-countdown,
.page-web.device-PAD .tournament-box.only-daily .tournament-countdown {
    top: 10px !important
}

.page-web.device-PC .tournament-box.only-daily .tournament-title,
.page-web.device-PAD .tournament-box.only-daily .tournament-title {
    justify-content: center !important;
    height: 35px !important
}

.page-web.device-PC .tournament-box.only-daily .tournament-platform,
.page-web.device-PAD .tournament-box.only-daily .tournament-platform {
    top: 34px !important;
    right: 15px
}

.page-web.device-PC .tournament-box.only-daily .tournament-subTitle,
.page-web.device-PAD .tournament-box.only-daily .tournament-subTitle {
    line-height: 20px;
    padding: 4px 0
}

.page-web.device-PC .tournament-box.only-daily .item-info,
.page-web.device-PAD .tournament-box.only-daily .item-info {
    flex-direction: row
}

.page-web.device-PC .tournament-box.only-daily .item-info .info-player,
.page-web.device-PC .tournament-box.only-daily .item-info .txt-bonus,
.page-web.device-PC .tournament-box.only-daily .item-info .info-prize,
.page-web.device-PAD .tournament-box.only-daily .item-info .info-player,
.page-web.device-PAD .tournament-box.only-daily .item-info .txt-bonus,
.page-web.device-PAD .tournament-box.only-daily .item-info .info-prize {
    line-height: 55px
}

.page-web.device-PC .tournament-box.only-daily .txt-bonus,
.page-web.device-PAD .tournament-box.only-daily .txt-bonus {
    text-align: right !important
}

.page-web.device-PC .tournament-box.only-daily .info-prize,
.page-web.device-PAD .tournament-box.only-daily .info-prize {
    text-align: right !important
}

.page-web.device-PC .tournament-box.only-daily .info-prize::after,
.page-web.device-PAD .tournament-box.only-daily .info-prize::after {
    top: 3px !important;
    right: 0px !important;
    left: auto !important;
    bottom: auto !important
}

.page-web.device-PC .tournament-box.only-weekly,
.page-web.device-PAD .tournament-box.only-weekly {
    max-width: 650px
}

.page-web.device-PC .tournament-box.only-weekly .box-1,
.page-web.device-PC .tournament-box.only-weekly .box-2,
.page-web.device-PAD .tournament-box.only-weekly .box-1,
.page-web.device-PAD .tournament-box.only-weekly .box-2 {
    border-radius: 8px 8px 0 0 !important
}

.page-web.device-PC .tournament-box.only-weekly .tournament-base,
.page-web.device-PAD .tournament-box.only-weekly .tournament-base {
    justify-content: center
}

.page-web.device-PC .tournament-box.only-weekly .tournament-group,
.page-web.device-PAD .tournament-box.only-weekly .tournament-group {
    position: absolute;
    right: 4px;
    top: 4px
}

.page-web.device-PC .tournament-box.only-weekly .info-player,
.page-web.device-PAD .tournament-box.only-weekly .info-player {
    width: 140px;
    min-width: 140px;
    max-width: 140px
}

.page-web.device-PC .tournament-box.only-weekly .txt-bonus,
.page-web.device-PAD .tournament-box.only-weekly .txt-bonus {
    width: 210px;
    min-width: 210px;
    max-width: 210px
}

.page-web.device-PC .tournament-box .weekly,
.page-web.device-PC .tournament-box .daily,
.page-web.device-PAD .tournament-box .weekly,
.page-web.device-PAD .tournament-box .daily {
    width: 100%
}

.page-web.device-PC .tournament-box .daily .tournament-title,
.page-web.device-PAD .tournament-box .daily .tournament-title {
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.page-web.device-PC .tournament-box .daily .tournament-platform,
.page-web.device-PAD .tournament-box .daily .tournament-platform {
    top: 4px
}

.page-web.device-PC .tournament-box .tournament-base,
.page-web.device-PAD .tournament-box .tournament-base {
    height: 50px
}

.page-web.device-PC .tournament-box .tournament-subTitle,
.page-web.device-PAD .tournament-box .tournament-subTitle {
    font-size: 15px;
    padding: 4px 0
}

.page-web.device-PC .tournament-box .tournament-subTitle p,
.page-web.device-PAD .tournament-box .tournament-subTitle p {
    opacity: 0.8
}

.page-web.device-PC .tournament-box .tournament-list,
.page-web.device-PAD .tournament-box .tournament-list {
    height: 120px !important
}

.page-web.device-PC .tournament-box .tournament-list li,
.page-web.device-PAD .tournament-box .tournament-list li {
    height: 55px !important;
    padding: 0 35px 0 22px;
    align-items: center
}

.page-web.device-PC .tournament-box .tournament-date,
.page-web.device-PC .tournament-box .tournament-countdown,
.page-web.device-PAD .tournament-box .tournament-date,
.page-web.device-PAD .tournament-box .tournament-countdown {
    font-size: 11px
}

.page-web.device-PC .tournament-box .tournament-title,
.page-web.device-PAD .tournament-box .tournament-title {
    font-size: 15px
}

.page-web.device-PC .tournament-box .item-rank,
.page-web.device-PAD .tournament-box .item-rank {
    width: 20px
}

.page-web.device-PC .tournament-box .item-info,
.page-web.device-PAD .tournament-box .item-info {
    gap: 4px
}

.page-web.device-PC .tournament-box .item-info,
.page-web.device-PC .tournament-box .info-player,
.page-web.device-PC .tournament-box .txt-bonus,
.page-web.device-PC .tournament-box .info-prize,
.page-web.device-PAD .tournament-box .item-info,
.page-web.device-PAD .tournament-box .info-player,
.page-web.device-PAD .tournament-box .txt-bonus,
.page-web.device-PAD .tournament-box .info-prize {
    line-height: 55px;
    font-size: 15px
}

.page-web.device-PC .tournament-box .item-game img,
.page-web.device-PAD .tournament-box .item-game img {
    width: 40px;
    height: 40px
}

.page-web.device-PC .tournament-box .info-prize::after,
.page-web.device-PAD .tournament-box .info-prize::after {
    top: 3px;
    line-height: 12px;
    font-size: 10px
}

.page-web.device-PC .tournament-box .info-player,
.page-web.device-PAD .tournament-box .info-player {
    width: 70px;
    min-width: 70px;
    max-width: 70px
}

.page-web.device-PC .tournament-box .tournament-platform,
.page-web.device-PC .tournament-box .tournament-platform img,
.page-web.device-PAD .tournament-box .tournament-platform,
.page-web.device-PAD .tournament-box .tournament-platform img {
    width: 40px;
    height: 40px
}

.page-web.device-PC .tournament-box .txt-bonus,
.page-web.device-PAD .tournament-box .txt-bonus {
    width: 130px;
    min-width: 130px;
    max-width: 130px
}

.page-web.device-PC .tournament-box .txt-bonus::before,
.page-web.device-PAD .tournament-box .txt-bonus::before {
    font-size: 12px
}

.page-web.device-PC .history-box,
.page-web.device-PAD .history-box {
    padding: 7px 0 5px 0;
    gap: 6px;
    font-size: 13px
}

.page-web.device-PC .history-box .date-list a,
.page-web.device-PAD .history-box .date-list a {
    font-size: 13px
}

.page-web.device-PAD .tournament-box .tournament-list li {
    padding: 0 22px
}

.page-web.device-PAD .tournament-box .info-player {
    width: 60px;
    min-width: 60px;
    max-width: 60px
}

.page-web.device-PAD .tournament-box .txt-bonus {
    width: 90px;
    min-width: 90px;
    max-width: 90px
}

.page-web.device-PAD .tournament-box.only-daily.twoBox .daily .info-prize {
    left: auto
}

.page-web.device-PAD .tournament-box.only-daily.twoBox .daily .item-info .info-player,
.page-web.device-PAD .tournament-box.only-daily.twoBox .daily .item-info .txt-bonus,
.page-web.device-PAD .tournament-box.only-daily.twoBox .daily .item-info .info-prize {
    line-height: 55px
}

@media (max-width: 1024px) {
    .page-web.type-W .main-vert-tab .tournament-box.both .weekly .txt-bonus,
    .page-web.type-W .main-vert-tab .tournament-box.oneBox .weekly .txt-bonus {
        width: 135px;
        max-width: 135px;
        min-width: 135px
    }
    .page-web.type-W .main-vert-tab .tournament-box.both .daily .txt-bonus,
    .page-web.type-W .main-vert-tab .tournament-box.oneBox .daily .txt-bonus {
        width: 105px;
        max-width: 105px;
        min-width: 105px
    }
}

.page-web.WL .tournament-box .weekly {
    background: #104050
}

.page-web.WL .tournament-box .daily {
    background: #1b5454
}

.page-web.WL .tournament-box.only-daily.twoBox .daily .tournament-title {
    background: #00000020
}

.page-web.WL .tournament-box.only-daily.twoBox .box-1 {
    border-top-right-radius: 0 !important
}

.page-web.WL .tournament-box.only-daily.twoBox .box-2 {
    border-top-left-radius: 0 !important
}

.page-web.WL .tournament-box .txt-bonus {
    width: 120px;
    min-width: 120px;
    max-width: 120px
}

.page-web.WL .tournament-box .history-box {
    background: #0000008a
}

.modal.modal-tournament-list {
    overflow: hidden;
    z-index: 2147483647;
    padding: 0 !important
}

.modal.modal-tournament-list .modal-header .close {
    top: -5px
}

.modal.modal-tournament-list .modal-content {
    background: transparent !important;
    box-shadow: none;
    border: none !important;
    border-radius: 12px;
    max-width: 500px
}

@media screen and (max-width: 375px) {
    .modal.modal-tournament-list .modal-content {
        margin-top: -55px
    }
}

.modal.modal-tournament-list .modal-dialog {
    margin: 0;
    max-width: none;
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
    height: 100%
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-base .brand-logo {
        top: -10px
    }
}

@media (min-width: 1024px) {
    .modal.modal-tournament-list .tournament-base .brand-logo {
        top: -20px;
        position: absolute;
        right: 50%;
        transform: translate(50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px
    }
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-base .brand-logo img {
        width: 30px;
        max-height: 30px
    }
}

@media (min-width: 1024px) {
    .modal.modal-tournament-list .tournament-base .brand-logo img {
        width: 35px;
        max-height: 35px;
        aspect-ratio: 1/1;
        object-fit: contain
    }
}

.modal.modal-tournament-list .tournament-title {
    padding: 0
}

.modal.modal-tournament-list .tournament-title>div {
    text-align: center;
    width: auto;
    background: transparent
}

.modal.modal-tournament-list .tournament-title>div>div {
    display: inline-block
}

.modal.modal-tournament-list .tournament-box {
    padding: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 12px
}

.modal.modal-tournament-list .tournament-box .no-prize .tournament-subTitle {
    justify-content: center !important
}

.modal.modal-tournament-list .tournament-box .no-prize .tournament-list .item-info {
    justify-content: space-between !important
}

.modal.modal-tournament-list .tournament-box .tournament-subTitle {
    display: flex;
    justify-content: flex-end !important;
    align-items: center;
    background: #00000052;
    line-height: 15px !important
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .tournament-subTitle {
        padding: 4px 6px !important
    }
}

@media (min-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .tournament-subTitle {
        padding: 4px 16px !important
    }
}

.modal.modal-tournament-list .tournament-box .tournament-subTitle p {
    text-align: right;
    font-size: 12px
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .tournament-subTitle p:last-child {
        width: calc(100% - 14px - 70px - 120px)
    }
}

@media (min-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .tournament-subTitle p:last-child {
        width: calc(100% - 18px - 70px - 180px)
    }
}

.modal.modal-tournament-list .tournament-box .tournament-base {
    padding: 3px 4px;
    position: relative;
    justify-content: center;
    margin-bottom: 2px;
    gap: 4px
}

.modal.modal-tournament-list .tournament-box .tournament-base .brand-logo {
    top: 0;
    right: 4px;
    color: #fff;
    transform: translate(0, 0)
}

.modal.modal-tournament-list .tournament-box .tournament-base .tournament-title {
    width: auto
}

.modal.modal-tournament-list .tournament-box .tournament-base .tournament-title p {
    font-size: 15px
}

.modal.modal-tournament-list .tournament-box .tournament-list {
    height: auto !important;
    min-height: 280px;
    max-height: 345px;
    background: #00000059;
    padding: 0 4px;
    overflow: hidden
}

.modal.modal-tournament-list .tournament-box .box,
.modal.modal-tournament-list .tournament-box .box-1,
.modal.modal-tournament-list .tournament-box .box-2 {
    height: auto !important
}

.modal.modal-tournament-list .tournament-box .box .tournament-list,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list {
    height: auto
}

.modal.modal-tournament-list .tournament-box .box .tournament-list.scroll,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list.scroll,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list.scroll {
    max-height: 318px;
    overflow-y: auto
}

.modal.modal-tournament-list .tournament-box .box .tournament-list~.tournament-list,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list~.tournament-list,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list~.tournament-list {
    min-height: auto
}

.modal.modal-tournament-list .tournament-box .box .tournament-list li,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li {
    margin-bottom: 4px;
    cursor: auto !important;
    height: 28px !important;
    min-height: 28px
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .box .tournament-list li,
    .modal.modal-tournament-list .tournament-box .box-1 .tournament-list li,
    .modal.modal-tournament-list .tournament-box .box-2 .tournament-list li {
        padding: 0 6px 0 16px !important
    }
}

@media (min-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .box .tournament-list li,
    .modal.modal-tournament-list .tournament-box .box-1 .tournament-list li,
    .modal.modal-tournament-list .tournament-box .box-2 .tournament-list li {
        padding: 0 2px 0 26px !important
    }
}

.modal.modal-tournament-list .tournament-box .box .tournament-list li.over-rank .item-info,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li.over-rank .item-info,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li.over-rank .item-info {
    justify-content: flex-start
}

.modal.modal-tournament-list .tournament-box .box .tournament-list li.more,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li.more,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li.more {
    display: flex;
    background: transparent;
    flex-direction: column;
    box-shadow: none;
    justify-content: center;
    height: 25px !important;
    min-height: auto !important;
    margin: 4px 0 !important;
    gap: 4px
}

.modal.modal-tournament-list .tournament-box .box .tournament-list li.more span,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li.more span,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li.more span {
    width: 3px;
    height: 3px;
    border-radius: 50px;
    background: #fff;
    text-align: center
}

.modal.modal-tournament-list .tournament-box .box .tournament-list li .txt-bonus,
.modal.modal-tournament-list .tournament-box .box .tournament-list li .info-prize,
.modal.modal-tournament-list .tournament-box .box .tournament-list li .info-player,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .txt-bonus,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .info-prize,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .info-player,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .txt-bonus,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .info-prize,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .info-player {
    line-height: 28px !important
}

.modal.modal-tournament-list .tournament-box .box .tournament-list li .txt-bonus::after,
.modal.modal-tournament-list .tournament-box .box .tournament-list li .info-prize::after,
.modal.modal-tournament-list .tournament-box .box .tournament-list li .info-player::after,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .txt-bonus::after,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .info-prize::after,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .info-player::after,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .txt-bonus::after,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .info-prize::after,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .info-player::after {
    display: none
}

.modal.modal-tournament-list .tournament-box .box .tournament-list li .info-player,
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .info-player,
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .info-player {
    width: 70px;
    min-width: 70px;
    max-width: 70px
}

@media (max-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .box .tournament-list li .txt-bonus,
    .modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .txt-bonus,
    .modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .txt-bonus {
        width: 120px;
        min-width: 120px;
        max-width: 120px
    }
}

@media (min-width: 1024px) {
    .modal.modal-tournament-list .tournament-box .box .tournament-list li .txt-bonus,
    .modal.modal-tournament-list .tournament-box .box-1 .tournament-list li .txt-bonus,
    .modal.modal-tournament-list .tournament-box .box-2 .tournament-list li .txt-bonus {
        width: 180px;
        min-width: 180px;
        max-width: 180px
    }
}

.modal.modal-tournament-list .tournament-box .box .tournament-list:only-of-type li:has(.is-you),
.modal.modal-tournament-list .tournament-box .box .tournament-list:first-child li:has(.is-you),
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list:only-of-type li:has(.is-you),
.modal.modal-tournament-list .tournament-box .box-1 .tournament-list:first-child li:has(.is-you),
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list:only-of-type li:has(.is-you),
.modal.modal-tournament-list .tournament-box .box-2 .tournament-list:first-child li:has(.is-you) {
    box-shadow: inset 0 0 0 0.2px #FFE60A
}

.modal.modal-tournament-list .tournament-box .no-prize .tournament-subTitle p {
    text-align: center
}

.modal.modal-tournament-list .tournament-box .no-prize .tournament-list {
    justify-content: space-between !important
}

.page-web.body-report-iframe .iframe-btn-box.pos-lt a.btn-tournament:hover,
.page-web.body-iframe .iframe-btn-box.pos-lt a.btn-tournament:hover {
    background: #E0BE83 !important
}

.body-iframe .btn-tournament,
.page-web.device-PC.PC-POPUP .btn-tournament {
    position: fixed;
    right: 0;
    top: 0;
    text-align: center;
    background: #000000bd;
    z-index: 11
}

.body-iframe .btn-tournament i::before,
.page-web.device-PC.PC-POPUP .btn-tournament i::before {
    font-size: 28px;
    color: #E0BE83
}

.body-iframe .btn-tournament:hover,
.page-web.device-PC.PC-POPUP .btn-tournament:hover {
    background: #E0BE83 !important
}

.body-iframe .btn-tournament:hover i::before,
.page-web.device-PC.PC-POPUP .btn-tournament:hover i::before {
    color: #333333
}

.body-iframe .btn-tournament,
.page-web.device-PC.PC-POPUP .btn-tournament {
    position: fixed;
    right: 0;
    top: 0;
    text-align: center;
    background: #000000bd;
    z-index: 11
}

.body-iframe .btn-tournament i::before,
.page-web.device-PC.PC-POPUP .btn-tournament i::before {
    font-size: 28px;
    color: #E0BE83
}

.body-iframe .btn-tournament:hover,
.page-web.device-PC.PC-POPUP .btn-tournament:hover {
    background: #E0BE83 !important
}

.body-iframe .btn-tournament:hover i::before,
.page-web.device-PC.PC-POPUP .btn-tournament:hover i::before {
    color: #333333
}

.page-web.device-PC.PC-POPUP .btn-tournament {
    position: fixed;
    top: 10px;
    right: 10px;
    border-radius: 40px;
    padding: 10px;
    cursor: pointer
}

.page-web.body-iframe .btn-tournament {
    background: #323542
}

@media (max-width: 1024px) {
    .page-web.body-iframe .btn-tournament {
        height: 9.5vmin;
        width: 10vmin
    }
    .page-web.body-iframe .btn-tournament .icon-tournament {
        line-height: 10vmin
    }
}

@media (min-width: 1024px) {
    .page-web.body-iframe .btn-tournament {
        top: 0 !important;
        padding: 0 !important;
        height: 43px;
        width: 43px
    }
    .page-web.body-iframe .btn-tournament .icon-tournament {
        line-height: 43px
    }
}

.page-web.device-PC.PC-POPUP.type-W .modal.modal-tournament-list .modal-header .close,
.page-web.type-W.body-iframe.modal-open .modal.modal-tournament-list .modal-header .close {
    top: 0 !important
}

.page-web.device-PC.PC-POPUP.type-W .modal.modal-tournament-list .modal-content,
.page-web.type-W.body-iframe.modal-open .modal.modal-tournament-list .modal-content {
    background: none !important;
    box-shadow: none !important
}

.page-web.device-PC.PC-POPUP .modal.modal-tournament-list .tournament-box>div {
    width: 100%
}

.page-web.device-PC.PC-POPUP .modal.modal-tournament-list .tournament-box .tournament-base {
    position: relative !important
}

.page-web.EZ .tournament-box .info-player {
    text-align: left
}

.page-web.EZ .tournament-box .tournament-title .tournament-countdown span {
    font-size: 12px;
    font-weight: 500
}

.page-web.EZ .tournament-box .weekly .txt-bonus {
    min-width: 133px;
    max-width: 133px;
    width: 133px
}

.page-web.EZ .tournament-box .txt-bonus {
    text-align: right;
    font-weight: 500;
    font-size: 12px;
    min-width: 100px;
    max-width: 100px;
    width: 100px
}

.page-web.EZ .tournament-box .info-prize {
    font-size: 12px;
    font-weight: 600;
    text-align: right
}

.page-web.EZ .modal .modal-dialog {
    justify-content: center
}

.page-web.EZ .modal-tournament-list::-webkit-scrollbar {
    display: none
}

.page-web.EZ .modal-tournament-list .modal-header {
    height: 35px
}

.page-web.EZ .modal-tournament-list .modal-header .close {
    color: #fff
}

.page-web.EZ .modal-tournament-list .modal-header .close .icon-close::before {
    background: transparent
}

.page-web.EZ .modal-tournament-list .tournament-list::-webkit-scrollbar {
    display: none
}

.page-web.EZ .modal-tournament-list.only-daily.twoBox .box-1 {
    border-top-right-radius: 0 !important
}

.page-web.EZ .modal-tournament-list.only-daily.twoBox .box-2 {
    border-top-left-radius: 0 !important
}

.page-web.EZ .modal-tournament-list .box-1 .tournament-title {
    border-radius: 8px 8px 0 0 !important
}

.page-web.EZ .modal-tournament-list.both .box-2 .tournament-title {
    border-radius: 0 8px 0 0 !important
}

.page-web.EZ .modal-tournament-list .section-tit {
    display: block
}

.page-web.EZ .modal-tournament-list .item-info .info-btn {
    text-align: center
}

.page-web.EZ .modal-tournament-list .item-info .info-player {
    text-align: left !important
}

.page-web.EZ .modal-tournament-list .item-info span {
    text-align: right;
    font-size: 12px
}

.page-web.EZ .modal-tournament-list .tournament-countdown span {
    font-size: 12px;
    font-weight: normal
}

.page-web.EZ.device-PC .modal-content {
    max-width: 430px
}

.page-web.EZ.device-PC .section-TOURNAMENT .tournament-box {
    margin: auto
}

.page-web.EZ.device-PC .tournament-box {
    margin: 0
}

@media (min-width: 1024px) {
    .page-web.EZ.body-iframe .btn-tournament {
        top: 10px !important
    }
}

.page-web .page-wrapper .section-box.section-JACKPOT {
    position: relative;
    width: 100%;
    min-width: 170px;
    min-height: 80px;
    margin: 20px auto 10px;
    background: #0000005e;
    border-radius: 0 0 10px 10px;
    border-image: linear-gradient(to right, #ffcb3b, rgba(0, 0, 0, 0) 50%, #ffcb3b) 1;
    border-width: 1px 0 0 0;
    border-style: solid;
    padding: 5px;
    z-index: 10
}

.page-web .page-wrapper .section-box.section-JACKPOT .jackpot-tag {
    position: relative;
    width: 55px;
    height: 40px;
    color: #312418;
    z-index: 111;
    font-size: 12px;
    background: url(/theme/images/src-common/JACKPOT-img/jackpotSticky4.webp) no-repeat center center;
    background-size: contain;
    font-weight: 900;
    line-height: normal;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.page-web .page-wrapper .section-box.section-JACKPOT .jackpot-tag span {
    padding-bottom: 5px
}

.page-web .page-wrapper .section-box.section-JACKPOT .jackpot-tag::before {
    content: 'JP+';
    padding-bottom: 5px
}

.page-web .page-wrapper .section-box.section-JACKPOT .jackpot-tag::after {
    content: '%';
    padding-bottom: 5px
}

.page-web .page-wrapper .section-box.section-JACKPOT .jackpot-box {
    position: relative;
    padding-top: 5px;
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
    text-align: center
}

.page-web .page-wrapper .section-box.section-JACKPOT .jackpot-box .txt-number {
    cursor: pointer;
    margin-top: 0;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 40px !important;
    vertical-align: bottom;
    text-align: center;
    line-height: 30px;
    background: linear-gradient(#595d70 0%, #323542 70%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    user-select: none
}

.page-web .page-wrapper .section-box.section-JACKPOT .jackpot-box .txt-number::before {
    top: 10px
}

.page-web .page-wrapper .section-box.section-JACKPOT .jackpot-box .txt-number::after {
    font-family: 'icomoon' !important;
    content: '\ea09';
    font-size: 16px;
    padding: 0 5px;
    line-height: 40px
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs {
    position: relative;
    margin: auto;
    width: fit-content;
    max-width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    border-radius: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 8px 5px;
    border: none
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs.num-1,
.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs.num-2,
.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs.num-3 {
    justify-content: center
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs.num-1 .nav-item,
.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs.num-2 .nav-item,
.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs.num-3 .nav-item {
    width: 100px
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs .nav-item {
    position: relative;
    width: auto;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding: 2px 20px 4px 20px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #727891;
    background: #ffffff5f;
    border: none;
    cursor: pointer;
    transition: all 0.2s linear;
    z-index: 100
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs .nav-item.active {
    color: #fff;
    background: #727891;
    box-shadow: 0px 4px 0px #5C627A
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs .nav-item .img-platform-logo {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs .nav-item .jackpotList-btn {
    text-align: center
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs .nav-item .jackpotList-btn i::before {
    font-size: 21px
}

.page-web .page-wrapper .section-box.section-JACKPOT .nav.nav-tabs .nav-item .JP-promoSticky {
    top: -5px;
    left: -25px;
    padding: 1px 10px;
    font-size: 12px;
    transform: rotate(-30deg) scale(0.6);
    width: 80px;
    height: 25px;
    background-size: 68px
}

.page-web .page-wrapper .section-box.section-JACKPOT .JACKPOT-content {
    min-height: 200px;
    padding: 0 1%;
    border-radius: 0 0 5px 5px;
    overflow: hidden
}

.page-web .page-wrapper .section-box.section-JACKPOT .JACKPOT-content .tab-pane {
    display: none;
    opacity: 0;
    transition: all .15s linear;
    min-height: 200px;
    border-radius: 0 0 5px 5px
}

.page-web .page-wrapper .section-box.section-JACKPOT .JACKPOT-content .tab-pane.show {
    display: block !important;
    opacity: 1 !important
}

.page-web .page-wrapper .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul {
    grid-template-columns: repeat(3, 30%) !important;
    grid-gap: 0 10px !important;
    padding-bottom: 0px
}

.page-web .page-wrapper .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li {
    display: block !important
}

.page-web .page-wrapper .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li .show-top10,
.page-web .page-wrapper .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li .txt-rtp,
.page-web .page-wrapper .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li .btn-play {
    display: none
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT {
    padding: 25px 5px 0 5px;
    margin-top: 30px;
    min-height: 120px
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT::before,
.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT::after {
    font-size: 30px !important
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .jackpot-box {
    height: auto;
    padding-top: 10px
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .jackpot-box .txt-number {
    font-size: 2.8rem
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .jackpot-box .txt-number::after {
    font-size: 20px
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .nav.nav-tabs {
    justify-content: center
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .nav.nav-tabs .nav-item {
    min-width: 140px;
    height: 53px;
    font-size: 16px
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .nav.nav-tabs .nav-item .JP-promoSticky {
    top: 5px;
    left: -17px;
    transform: rotate(-30deg) scale(0.9)
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .nav.nav-tabs .nav-item .img-platform-logo {
    font-weight: 800;
    font-size: 16px
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane {
    padding: 0 8px;
    transition: all 0.15s linear
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul {
    padding: 20px 0 40px;
    grid-template-columns: repeat(6, 15%) !important;
    grid-gap: 0 2% !important;
    margin: 0 auto
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li {
    border-radius: 15px
}

.page-web.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li img {
    border-radius: 12px
}

.CLASSIC .page-login-box:has(.nav.nav-login) .txt-welcome {
    margin-bottom: 60px
}

.CLASSIC .page-login-box .nav.nav-login {
    position: absolute;
    top: 90px
}

.page-login-box:has(.nav.nav-login) .tab-content {
    min-height: 120px;
    margin-top: 80px;
    margin-bottom: 20px;
    height: auto
}

.page-login-box .nav.nav-login {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px;
    border-radius: 8px;
    border: 1px solid #ffffff83;
    width: 80%;
    background: #00000074
}

.page-login-box .nav.nav-login li {
    display: flex;
    place-items: center;
    width: 50%
}

.page-login-box .nav.nav-login li .btn {
    font-size: 85%;
    padding: 3px;
    width: 100%;
    border: none;
    background: none;
    text-decoration: none;
    color: #a2a2a2;
    text-shadow: 0 1px 2px #171717a2
}

.page-login-box .nav.nav-login li .btn.active {
    background: #ffffff7b;
    color: #fff !important
}

.page-login-box .nav.nav-login li .btn:focus {
    box-shadow: none
}

.page-login-box .tab-content .form-login .form-group:first-child::after {
    display: none
}

.page-login-box .tab-content .form-login .txt-info {
    color: #fff;
    background: #89898980;
    margin: 0 6px 7px 6px;
    font-size: 12px;
    text-align: left;
    border-radius: 8px;
    padding: 5px;
    line-height: normal
}

.page-login-box .tab-SMS {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.page-login-box .tab-SMS .form-login {
    width: 100%
}

.page-login-box .tab-SMS .form-login .form-group {
    margin: 0
}

.page-login-box .tab-SMS .form-login .form-group:first-child::after {
    display: none !important
}

.page-login-box .tab-SMS .form-login .form-group .form-control-btn a.btn.btn-SMS {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 90%;
    border: none;
    padding: .375rem .75rem;
    white-space: nowrap;
    box-shadow: none;
    border-radius: 8px;
    text-decoration: none;
    background: #ecc86e;
    color: #0f0f0f
}

.page-login-box .tab-SMS .form-login .form-group .form-control-btn a.btn.btn-SMS.disabled {
    background: #ffffff75;
    color: #fff;
    text-shadow: 0 1px 3px #171717a2
}

.page-login-box .tab-SMS .form-login .form-group input.form-control {
    padding-top: 10px !important;
    margin: 0 0 20px 0
}

.page-login-box .tab-SMS .form-login .form-group input.form-control#otp::-webkit-input-placeholder {
    font-size: 15px
}

.page-login-box .tab-SMS .phoneSMS .iti {
    width: 100%
}

.page-login-box .tab-SMS .phoneSMS .iti .iti__selected-flag {
    background: none;
    color: #fff
}

.page-login-box .tab-SMS .phoneSMS .iti .iti__arrow {
    border-top-color: #fff
}

.page-login-box .tab-SMS .phoneSMS .iti input.form-control {
    padding: 0 0 0 100px !important
}

.SV388 .modal .page-login-box:has(.nav.nav-login) .txt-welcome .logo {
    max-width: 88px
}

.POPULAR .page-login-box .nav.nav-login {
    top: 125px
}

.type-R .modal-content .page-login-box:has(.nav.nav-login) .tab-content,
.type-W .modal-content .page-login-box:has(.nav.nav-login) .tab-content,
.type-L .modal-content .page-login-box:has(.nav.nav-login) .tab-content,
.type-P .modal-content .page-login-box:has(.nav.nav-login) .tab-content,
.type-BS .modal-content .page-login-box:has(.nav.nav-login) .tab-content {
    margin-top: 30px
}

.type-R .modal-content .txt-welcome,
.type-W .modal-content .txt-welcome,
.type-L .modal-content .txt-welcome,
.type-P .modal-content .txt-welcome,
.type-BS .modal-content .txt-welcome {
    margin-bottom: 20px
}

.type-R .modal-content .nav.nav-login,
.type-W .modal-content .nav.nav-login,
.type-L .modal-content .nav.nav-login,
.type-P .modal-content .nav.nav-login,
.type-BS .modal-content .nav.nav-login {
    position: relative;
    top: 0;
    margin-bottom: 20px;
    border-radius: 50px;
    background: #00000014;
    border: 1px solid #ffffff33;
    width: calc(100% - 20px)
}

.type-R .modal-content .nav.nav-login .nav-item .btn,
.type-W .modal-content .nav.nav-login .nav-item .btn,
.type-L .modal-content .nav.nav-login .nav-item .btn,
.type-P .modal-content .nav.nav-login .nav-item .btn,
.type-BS .modal-content .nav.nav-login .nav-item .btn {
    border-radius: 50px
}

.type-R .modal-content .nav.nav-login .nav-item .btn.active,
.type-W .modal-content .nav.nav-login .nav-item .btn.active,
.type-L .modal-content .nav.nav-login .nav-item .btn.active,
.type-P .modal-content .nav.nav-login .nav-item .btn.active,
.type-BS .modal-content .nav.nav-login .nav-item .btn.active {
    background: #ffffff33
}

.type-R .modal-content .tab-content,
.type-W .modal-content .tab-content,
.type-L .modal-content .tab-content,
.type-P .modal-content .tab-content,
.type-BS .modal-content .tab-content {
    margin-top: 20px;
    margin-bottom: 0 !important
}

.type-R .modal-content .tab-content .tab-SMS .txt-info,
.type-W .modal-content .tab-content .tab-SMS .txt-info,
.type-L .modal-content .tab-content .tab-SMS .txt-info,
.type-P .modal-content .tab-content .tab-SMS .txt-info,
.type-BS .modal-content .tab-content .tab-SMS .txt-info {
    background: none;
    color: #94949e
}

.type-R .modal-content .tab-content .tab-SMS .form-group .form-control-btn a.btn.btn-SMS,
.type-W .modal-content .tab-content .tab-SMS .form-group .form-control-btn a.btn.btn-SMS,
.type-L .modal-content .tab-content .tab-SMS .form-group .form-control-btn a.btn.btn-SMS,
.type-P .modal-content .tab-content .tab-SMS .form-group .form-control-btn a.btn.btn-SMS,
.type-BS .modal-content .tab-content .tab-SMS .form-group .form-control-btn a.btn.btn-SMS {
    border-radius: 50px;
    white-space: nowrap
}

.type-R .modal-content .nav.nav-login li.nav-item .btn {
    color: #222;
    text-shadow: none
}

.type-R .modal-content .nav.nav-login li.nav-item .btn.active {
    background: rgba(0, 0, 0, 0.8)
}

.type-R .modal-content .tab-content .tab-SMS .form-group .form-control-btn a.btn.btn-SMS {
    color: #fff;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3)
}

.ICHIBAN .modal-content .nav.nav-login,
.type-W .modal-content .nav.nav-login {
    border-radius: 0
}

.ICHIBAN .modal-content .nav.nav-login .nav-item .btn,
.type-W .modal-content .nav.nav-login .nav-item .btn {
    border-radius: 0
}

.ICHIBAN .modal-content .tab-content .tab-SMS .form-group .form-control-btn a.btn.btn-SMS,
.type-W .modal-content .tab-content .tab-SMS .form-group .form-control-btn a.btn.btn-SMS {
    border-radius: 0;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3)
}

.type-L .modal-content .nav.nav-login .nav-item .btn,
.type-P .modal-content .nav.nav-login .nav-item .btn {
    color: #00000099;
    text-shadow: none
}

.type-L .modal-content .nav.nav-login .nav-item .btn.active,
.type-P .modal-content .nav.nav-login .nav-item .btn.active {
    background: #00000080
}

.type-BS .modal-content .nav.nav-login {
    width: 100%
}

.type-BS .modal-content .tab-content .tab-SMS .form-group .form-control-btn:has(.btn-SMS) {
    right: 5px
}

.type-BS .modal-content .tab-content .tab-SMS .form-group .form-control-btn:has(.btn-SMS) a.btn.btn-SMS {
    border-radius: 8px
}

.page-web.type-R .sticker-promo,
.page-web.type-W .sticker-promo,
.page-web.type-L .sticker-promo,
.page-web.type-P .sticker-promo {
    position: relative;
    inset: 0;
    width: 100%;
    height: 32px;
    background: transparent !important
}

.page-web.type-R .sticker-promo::before,
.page-web.type-R .sticker-promo::after,
.page-web.type-W .sticker-promo::before,
.page-web.type-W .sticker-promo::after,
.page-web.type-L .sticker-promo::before,
.page-web.type-L .sticker-promo::after,
.page-web.type-P .sticker-promo::before,
.page-web.type-P .sticker-promo::after {
    background: none;
    display: none
}

.page-web.type-R .sticker-promo::before,
.page-web.type-W .sticker-promo::before,
.page-web.type-L .sticker-promo::before,
.page-web.type-P .sticker-promo::before {
    display: inline-block;
    position: relative;
    font-family: 'icomoon';
    content: '\e916';
    font-style: normal;
    transform: none;
    animation: none;
    left: auto;
    top: auto;
    font-weight: normal;
    line-height: 32px
}

.type-R .challenge-area.sticky,
.type-W .challenge-area.sticky,
.type-L .challenge-area.sticky,
.type-P .challenge-area.sticky,
.type-BS .challenge-area.sticky {
    top: 0 !important;
    background: linear-gradient(45deg, #4a4634 0%, #1b1707 100%)
}

.type-R .challenge-area.sticky.num-1 .challenge-content .challenge-items,
.type-W .challenge-area.sticky.num-1 .challenge-content .challenge-items,
.type-L .challenge-area.sticky.num-1 .challenge-content .challenge-items,
.type-P .challenge-area.sticky.num-1 .challenge-content .challenge-items,
.type-BS .challenge-area.sticky.num-1 .challenge-content .challenge-items {
    width: auto
}

.type-R .challenge-area.sticky.num-1 .challenge-content .challenge-items .item,
.type-W .challenge-area.sticky.num-1 .challenge-content .challenge-items .item,
.type-L .challenge-area.sticky.num-1 .challenge-content .challenge-items .item,
.type-P .challenge-area.sticky.num-1 .challenge-content .challenge-items .item,
.type-BS .challenge-area.sticky.num-1 .challenge-content .challenge-items .item {
    width: 55px
}

.type-R .challenge-area.sticky .challenge-content .challenge-items,
.type-W .challenge-area.sticky .challenge-content .challenge-items,
.type-L .challenge-area.sticky .challenge-content .challenge-items,
.type-P .challenge-area.sticky .challenge-content .challenge-items,
.type-BS .challenge-area.sticky .challenge-content .challenge-items {
    gap: 0 12px;
    width: 100%;
    justify-content: center
}

.type-R .challenge-area.sticky .challenge-content .challenge-items .item,
.type-W .challenge-area.sticky .challenge-content .challenge-items .item,
.type-L .challenge-area.sticky .challenge-content .challenge-items .item,
.type-P .challenge-area.sticky .challenge-content .challenge-items .item,
.type-BS .challenge-area.sticky .challenge-content .challenge-items .item {
    max-width: 75px;
    width: 100%
}

.type-R .challenge-area.sticky .challenge-content .challenge-items .item::before,
.type-W .challenge-area.sticky .challenge-content .challenge-items .item::before,
.type-L .challenge-area.sticky .challenge-content .challenge-items .item::before,
.type-P .challenge-area.sticky .challenge-content .challenge-items .item::before,
.type-BS .challenge-area.sticky .challenge-content .challenge-items .item::before {
    background-size: 25px
}

.type-R .challenge-area.sticky~.tab-nav-group.tab-nav-group-s,
.type-W .challenge-area.sticky~.tab-nav-group.tab-nav-group-s,
.type-L .challenge-area.sticky~.tab-nav-group.tab-nav-group-s,
.type-P .challenge-area.sticky~.tab-nav-group.tab-nav-group-s,
.type-BS .challenge-area.sticky~.tab-nav-group.tab-nav-group-s {
    top: 75px !important
}

.type-R .challenge-area.sticky.d-none~.tab-nav-group.tab-nav-group-s,
.type-W .challenge-area.sticky.d-none~.tab-nav-group.tab-nav-group-s,
.type-L .challenge-area.sticky.d-none~.tab-nav-group.tab-nav-group-s,
.type-P .challenge-area.sticky.d-none~.tab-nav-group.tab-nav-group-s,
.type-BS .challenge-area.sticky.d-none~.tab-nav-group.tab-nav-group-s {
    top: 0 !important
}

.type-R .challenge-area.sticky.size-s,
.type-W .challenge-area.sticky.size-s,
.type-L .challenge-area.sticky.size-s,
.type-P .challenge-area.sticky.size-s,
.type-BS .challenge-area.sticky.size-s {
    top: auto !important
}

.type-R .challenge-area.sticky.size-s~.tab-nav-group.tab-nav-group-s,
.type-W .challenge-area.sticky.size-s~.tab-nav-group.tab-nav-group-s,
.type-L .challenge-area.sticky.size-s~.tab-nav-group.tab-nav-group-s,
.type-P .challenge-area.sticky.size-s~.tab-nav-group.tab-nav-group-s,
.type-BS .challenge-area.sticky.size-s~.tab-nav-group.tab-nav-group-s {
    top: 0 !important
}

.type-R .page-content.page-game-list .challenge-area,
.type-W .page-content.page-game-list .challenge-area,
.type-L .page-content.page-game-list .challenge-area,
.type-P .page-content.page-game-list .challenge-area,
.type-BS .page-content.page-game-list .challenge-area {
    margin: 25px 0 5px 0
}

.type-R .page-content.page-game-list .challenge-area .section-ul.game-list-ul.ul-gameList,
.type-W .page-content.page-game-list .challenge-area .section-ul.game-list-ul.ul-gameList,
.type-L .page-content.page-game-list .challenge-area .section-ul.game-list-ul.ul-gameList,
.type-P .page-content.page-game-list .challenge-area .section-ul.game-list-ul.ul-gameList,
.type-BS .page-content.page-game-list .challenge-area .section-ul.game-list-ul.ul-gameList {
    padding: 20px 5px !important
}

.type-R .section-ul.game-list-ul.mb-0,
.type-W .section-ul.game-list-ul.mb-0,
.type-L .section-ul.game-list-ul.mb-0,
.type-P .section-ul.game-list-ul.mb-0,
.type-BS .section-ul.game-list-ul.mb-0 {
    height: 80px !important;
    padding: 0 !important
}

.type-R.device-PC .challenge-area.sticky,
.type-W.device-PC .challenge-area.sticky,
.type-L.device-PC .challenge-area.sticky,
.type-P.device-PC .challenge-area.sticky,
.type-BS.device-PC .challenge-area.sticky {
    top: auto !important;
    bottom: 10px
}

.type-R.device-PC .challenge-area.sticky~.tab-nav-group.tab-nav-group-s,
.type-W.device-PC .challenge-area.sticky~.tab-nav-group.tab-nav-group-s,
.type-L.device-PC .challenge-area.sticky~.tab-nav-group.tab-nav-group-s,
.type-P.device-PC .challenge-area.sticky~.tab-nav-group.tab-nav-group-s,
.type-BS.device-PC .challenge-area.sticky~.tab-nav-group.tab-nav-group-s {
    top: 0 !important
}

.type-R.device-PC .section-ul.game-list-ul.mb-0,
.type-W.device-PC .section-ul.game-list-ul.mb-0,
.type-L.device-PC .section-ul.game-list-ul.mb-0,
.type-P.device-PC .section-ul.game-list-ul.mb-0,
.type-BS.device-PC .section-ul.game-list-ul.mb-0 {
    height: 130px !important
}

.type-R .challenge-winning .challenge-area.sticky,
.type-W .challenge-winning .challenge-area.sticky,
.type-L .challenge-winning .challenge-area.sticky,
.type-P .challenge-winning .challenge-area.sticky,
.type-BS .challenge-winning .challenge-area.sticky {
    box-shadow: none !important;
    background: transparent;
    bottom: 0 !important
}

.type-R .tab-content.CHALLENGE .challenge-area,
.type-W .tab-content.CHALLENGE .challenge-area,
.type-L .tab-content.CHALLENGE .challenge-area,
.type-P .tab-content.CHALLENGE .challenge-area,
.type-BS .tab-content.CHALLENGE .challenge-area {
    box-shadow: none
}

.type-W .challenge-area.sticky {
    position: relative
}

.type-W .challenge-area.sticky.size-s {
    position: fixed
}

.type-W .page-content.page-game-list .challenge-area {
    border-radius: 0;
    margin: 15px auto
}

.type-W .page-content.page-game-list .challenge-area .section-ul.game-list-ul {
    padding: 15px 0
}

.type-W .page-content.page-game-list .page-body {
    margin-top: 15px !important
}

.type-W .page-content.page-game-list .section-ul.game-list-ul.mb-0 {
    padding-top: 0
}

.type-W .page-content.page-game-list .section-ul.game-list-ul.mb-0 li.li-jackpot .jackpot-box::before {
    font-size: 130% !important;
    top: 3px !important
}

.type-W .page-content.page-game-list .section-ul.game-list-ul.mb-0 li.li-jackpot .jackpot-box .jackpotList-btn .txt {
    margin-top: 10px
}

.type-W.device-PC .challenge-area.sticky {
    position: fixed
}

.type-W.device-PC .page-content.page-game-list .challenge-area {
    margin-top: 50px
}

.type-W.device-PC .page-content.page-game-list .challenge-area .section-ul.game-list-ul {
    margin-bottom: 10px;
    padding: 30px 20px !important
}

.type-W.device-PC .challenge-winning .challenge-area.sticky {
    position: relative
}

.type-L .challenge-area.sticky {
    background: linear-gradient(45deg, #8085c5 0%, #2c9cc2 100%);
    z-index: 701;
    margin: 0 auto 5px !important
}

.type-L .challenge-area.sticky.size-s {
    z-index: 2147483647
}

.type-L .page-content.page-game-list .challenge-area .section-ul.game-list-ul {
    margin: 0 auto 10px;
    padding: 5px
}

.type-L.device-PC .challenge-area.sticky {
    bottom: 90px
}

.type-L.device-PC .challenge-area .section-ul.game-list-ul {
    width: 100%
}

.type-P .page-content.page-game-list .challenge-area .section-ul.game-list-ul.ul-gameList {
    grid-gap: 5px 3% !important;
    padding-bottom: 10px !important
}

.type-P.device-PC .challenge-area.sticky {
    bottom: 30px
}

.type-BS .challenge-area.sticky {
    top: calc( 13vmin + 53px) !important;
    box-shadow: 0 0 0 2px #17e3b7;
    background: #303030
}

.type-BS .challenge-area.sticky.size-s {
    bottom: 20vh
}

.type-BS .challenge-area {
    background: #303030;
    box-shadow: none
}

.type-BS .challenge-area ul {
    background: #1c1c1e
}

.type-BS .challenge-area.sticky {
    top: calc( 13vmin + 50px);
    box-shadow: 0 0 0 2px #fce487
}

.type-BS.show-limit-msg .challenge-area.sticky {
    top: calc( 13vmin + 80px) !important
}

.type-BS.show-limit-msg .challenge-area.sticky.size-s {
    top: auto !important
}

.type-BS.device-PC .challenge-area.sticky {
    bottom: 110px;
    top: auto !important
}

.type-BS.device-PC .challenge-winning .challenge-area.sticky {
    bottom: 0
}

.type-R .show-wager,
.type-W .show-wager,
.type-P .show-wager {
    left: 2px;
    bottom: 2px
}

.type-R .show-jackpot-fire .show-wager,
.type-W .show-jackpot-fire .show-wager,
.type-P .show-jackpot-fire .show-wager {
    bottom: 20px
}

.type-P .ul-gameList.LIVE .show-wager,
.type-P .ul-gameList.SPORTS .show-wager {
    left: 3%;
    bottom: 20%
}

.type-P .ul-gameList.LIVEARENA .show-wager {
    left: 2%;
    bottom: 8%
}

.type-L .show-wager {
    left: 8%;
    bottom: 5%
}

.type-L .show-jackpot-fire .show-wager {
    left: 6%;
    bottom: 20px
}

.type-L .ul-gameList.LIVE .show-wager,
.type-L .ul-gameList.SPORTS .show-wager,
.type-L .ul-gameList.LIVEARENA .show-wager {
    left: 5%;
    bottom: 10%
}

.type-L .LIVETABLE .show-wager,
.type-L .FIRSTPERSON .show-wager,
.type-L .ul-platfromList .show-wager {
    left: 2%
}

.type-L .JACKPOT-content .show-wager {
    left: 3%;
    bottom: 0
}

.type-L .JACKPOT-content .show-jackpot-fire .show-wager {
    left: 1%;
    bottom: 20px
}

.type-L.device-PC .JACKPOT-content .show-wager {
    left: 6%;
    bottom: 3%
}

.type-L.device-PC .JACKPOT-content .show-jackpot-fire .show-wager {
    left: 6%;
    bottom: 20px
}

@media (max-width: 1024px) {
    .type-R .show-wager,
    .type-W .show-wager,
    .type-L .show-wager,
    .type-P .show-wager {
        transform: scale(0.8);
        transform-origin: left bottom
    }
}

.freeSpinTag {
    min-width: 50px;
    max-width: 60px;
    text-decoration: none !important;
    z-index: 210
}

.freeSpinList .show-maintain .ul-gameIcon-box::after {
    font-size: 30px !important
}

.freeSpinList .show-maintain .freeSpinTag img {
    filter: none !important
}

.freeSpinList .show-blocked .ul-gameIcon-box::after {
    font-size: 25px !important
}

.freeSpinDrawer .freeSpinTag,
.tab-navs>.freeSpinTag {
    min-width: unset;
    max-width: none
}

.ul-gameList .freeSpinTag {
    min-width: 45px
}

.page-bonus-div>.freeSpinTag {
    position: absolute;
    top: 45px;
    right: 10px;
    height: 60px;
    max-width: none
}

.page-bonus-div.bonusPoints>.freeSpinTag {
    top: 70px
}

.page-bonus-div.signupEventBonus-page>.freeSpinTag {
    top: 150px
}

.page-bonus-div.dailyCheckIn>.freeSpinTag {
    position: fixed;
    top: 65px;
    left: 10px;
    right: auto;
    opacity: 0;
    pointer-events: none
}

.page-bonus-div.dailyCheckIn.active>.freeSpinTag {
    opacity: 1;
    pointer-events: auto
}

.page-bonus-div.dailyCheckIn>.freeSpinTag.EZ {
    left: 0
}

.signupEventBonus-page .result-box .freeSpinTag {
    z-index: -1;
    opacity: 0;
    top: 40px;
    left: 50%;
    transform: translateX(-50%)
}

.signupEventBonus-page .result-box.win .freeSpinTag {
    z-index: 1;
    opacity: 1;
    transition: opacity .3s .3s
}

.bonus-roulette-rotate .txt-bonus .freeSpinTag {
    top: -10px;
    right: 50%;
    transform: translateX(50%)
}

.bonus-roulette-rotate .txt-bonus .freeSpinTag .txt-balance {
    font-weight: bold
}

.bonus-roulette-rotate .txt-bonus .freeSpinTag .txt-balance::before {
    font-weight: bold
}

.multi-event .bonus-multi-btn .bonus-btn .freeSpinTag {
    z-index: -1;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.multi-event .bonus-multi-btn .bonus-btn.open .freeSpinTag {
    z-index: 1;
    opacity: 1;
    transition: opacity .3s .3s
}

.dailyCheckIn .reward .freeSpinTag {
    position: relative;
    left: 50%;
    transform: translateX(-50%) scale(0.9)
}

.page-bonus-MARIOSLOT .bonus-btn .freeSpinTag {
    z-index: 1;
    opacity: 1
}

.page-bonus-MARIOSLOT .bonus-btn .freeSpinTag.BS {
    transform: scale(0.9)
}

.modal-bonus-detail .panel-list-tb .freeSpinTag {
    cursor: pointer;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px
}

.modal-bonus-detail .panel-list-tb .freeSpinTag.is-success::after {
    content: '\e90f';
    font-family: 'icomoon' !important
}

.device-PC .page-bonus-header .freeSpinTag,
.device-PC .page-bonus-body .freeSpinTag {
    cursor: auto
}

.device-PC .freeSpinDrawer>.freeSpinTag,
.device-PC .page-bonus-div>.freeSpinTag,
.device-PC .freeSpinList li {
    cursor: pointer
}

@keyframes text-freespin-rwd {
    0% {
        color: #171849
    }
    14% {
        color: #ffffff00
    }
    23% {
        color: #171849
    }
    25% {
        color: #ffffff00
    }
    35% {
        color: #171849
    }
    40% {
        color: #ffffff00
    }
    43% {
        color: #171849
    }
    45% {
        color: #ffffff00
    }
    55% {
        color: #171849
    }
    100% {
        color: #ffffff00
    }
}

.freeSpinTag.RWD {
    position: absolute;
    aspect-ratio: 65 / 60;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5))
}

.freeSpinTag.RWD img {
    width: 100%;
    height: 100%
}

.freeSpinTag.RWD .txt-balance {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px;
    line-height: 1;
    font-weight: bold;
    white-space: nowrap;
    color: #171849;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.freeSpinTag.RWD .txt-balance::before {
    font-weight: bold
}

@media (max-width: 1024px) {
    .freeSpinTag.RWD .txt-balance {
        font-size: 12px
    }
    .freeSpinTag.RWD .txt-balance::before {
        font-size: 8px
    }
}

@media (min-width: 1024px) {
    .freeSpinTag.RWD .txt-balance {
        font-size: 14px
    }
    .freeSpinTag.RWD .txt-balance::before {
        font-size: 10px
    }
}

.tab-navs .freeSpinTag.RWD {
    position: relative;
    cursor: pointer
}

.tab-navs .freeSpinTag.RWD:hover {
    transform: scale(1.1)
}

@media (max-width: 1024px) {
    .type-R .tab-navs .freeSpinTag.RWD {
        height: 60px;
        margin-bottom: 4px
    }
}

@media (min-width: 1024px) {
    .type-R .tab-navs .freeSpinTag.RWD {
        height: 70px;
        margin: 0 15px
    }
}

@media (max-width: 1024px) {
    .type-W .tab-navs .freeSpinTag.RWD {
        height: 65px;
        padding: 3px
    }
}

@media (min-width: 1024px) {
    .type-W .tab-navs .freeSpinTag.RWD {
        height: 90px;
        margin-top: 5px
    }
}

@media (max-width: 1024px) {
    .type-L .tab-navs .freeSpinTag.RWD {
        height: 55px;
        margin-bottom: 10px
    }
}

@media (min-width: 1024px) {
    .type-L .tab-navs .freeSpinTag.RWD {
        height: 65px;
        margin-bottom: 20px
    }
}

@media (max-width: 1024px) {
    .type-P .tab-navs .freeSpinTag.RWD {
        width: 45px;
        margin: 0 8px 10px
    }
}

@media (min-width: 1024px) {
    .type-P .tab-navs .freeSpinTag.RWD {
        height: 60px;
        margin-right: 20px
    }
}

.ul-gameList .freeSpinTag.RWD {
    right: -5px
}

.ul-gameList .freeSpinTag.RWD .txt-balance {
    animation: text-freespin-rwd 2.5s linear 5 reverse
}

@media (max-width: 1024px) {
    .ul-gameList .freeSpinTag.RWD {
        width: 50%
    }
    .ul-gameList .freeSpinTag.RWD .txt-balance {
        top: 15%
    }
}

@media (min-width: 1024px) {
    .ul-gameList .freeSpinTag.RWD {
        width: 45%
    }
}

.type-R .ul-gameList .freeSpinTag.RWD {
    top: -3px
}

.type-W .ul-gameList .freeSpinTag.RWD {
    top: 20px
}

@media (max-width: 1024px) {
    .type-W .ul-gameList .freeSpinTag.RWD {
        width: 55%
    }
}

.type-L .ul-gameList .freeSpinTag,
.type-P .ul-gameList .freeSpinTag {
    top: 0
}

.signupEventBonus-page .result-box .freeSpinTag.RWD {
    height: 60px
}

.bonus-roulette-rotate .txt-bonus .freeSpinTag.RWD {
    height: 60px
}

.multi-event .bonus-multi-btn .bonus-btn .freeSpinTag.RWD {
    height: 60px
}

.multi-event .bonus-multi-btn.num-1 .bonus-btn .freeSpinTag.RWD {
    top: 40%
}

.dailyCheckIn .reward .freeSpinTag.RWD {
    height: 45px
}

.page-bonus-MARIOSLOT .bonus-btn .freeSpinTag.RWD {
    height: 50px
}

.modal-bonus-detail .freeSpinTag.RWD {
    display: inline-block;
    height: 60px;
    margin-bottom: 5px
}

.modal-bonus-detail .freeSpinTag.RWD::after {
    display: block;
    position: absolute;
    left: 10%;
    top: 48px;
    content: 'GO';
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    width: 80%;
    height: 18px;
    color: #FFF;
    background-color: #3A40D3;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.4)
}

.page-web.modal-open.body-iframe .page-wrapper {
    position: relative;
    z-index: 1060
}

.page-web.body-iframe {
    overflow: hidden
}

.page-web.body-iframe.touch-action-none {
    -ms-touch-action: none;
    touch-action: none
}

.page-web.body-iframe .game-iframe {
    z-index: 2147483646
}

.page-web.body-iframe .game-iframe-box {
    z-index: 2147483645
}

.page-web.body-iframe .game-iframe {
    position: fixed;
    top: 45px;
    width: 100%;
    height: 100%
}

.page-web.body-iframe .game-iframe iframe {
    border: none;
    background: #444;
    height: calc(100% - 45px)
}

.page-web.body-iframe .iframe-btn-box {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1070
}

.page-web.body-iframe .iframe-btn-box .btn-small-game,
.page-web.body-iframe .iframe-btn-box .btn-close {
    background: #333;
    height: 45px;
    width: 45px;
    text-align: center
}

.page-web.body-iframe .iframe-btn-box .btn-small-game i,
.page-web.body-iframe .iframe-btn-box .btn-close i {
    text-align: center;
    font-size: 200%;
    line-height: 45px;
    border-radius: 100px;
    background: #333
}

.page-web.body-iframe .page-web .page-wrapper .page-header {
    transition: unset
}

.page-web.body-iframe .page-web .page-wrapper .page-content {
    min-height: auto
}

@media screen and (min-width: 1024px) {
    .page-web.body-iframe {
        overflow: auto;
        height: 100vmax
    }
}

.page-web.page-login .btn-group .btn-login,
.page-web.page-login .btn-group .btn-signup {
    display: none
}

.page-web .fix-sticker {
    z-index: 510;
    height: auto
}

.page-web iframe#parentGame {
    height: 100vh !important;
    border: none
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .page-web.fix-top .page-wrapper .page-content .main-owl-info .marquee-txt {
        opacity: 0;
        pointer-events: none
    }
    .page-web.fix-top .page-wrapper .page-content .main-owl-info .page-fix-lt .tournament {
        opacity: 0
    }
}

.page-web.cn .main-vert-tab .tab-content .section-tit .tit {
    white-space: nowrap
}

.page-web .fix-menu-btn {
    display: none;
    top: 35%
}

.page-web .fix-menu-btn .btn-group {
    right: 10px
}

.page-web .fix-menu-btn .btn-group .btn {
    box-shadow: 0 0 5px 2px #00000071
}

.page-web .form-control.language option {
    background: #333;
    color: #f1f1f1
}

.page-web.show-limit-msg .page-wrapper .page-content {
    padding-top: 80px
}

.page-web.show-limit-msg .page-wrapper .page-content.page-game-list {
    padding-top: 70px !important
}

.page-web.show-limit-msg .page-wrapper .page-content .page-top-msg {
    display: block;
    position: relative;
    background: #af3bb5;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 520;
    text-align: center
}

.page-web.show-limit-msg .page-wrapper .page-content .page-top-msg .close {
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1
}

.page-web.show-limit-msg .page-wrapper .page-content .page-top-msg .close::before {
    display: inline-block;
    font-family: 'icomoon' !important;
    content: '\e914';
    font-size: 100%;
    font-weight: lighter;
    text-shadow: none;
    line-height: 34px;
    color: #fff;
    width: 34px;
    height: 34px
}

.page-web.show-limit-msg .page-wrapper .page-content .page-top-msg .txt {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 3px 0;
    font-size: 80%;
    color: #fff;
    line-height: 30px;
    padding-left: 25px
}

.page-web .d-m-hide {
    display: none
}

.page-web .page-backdrop {
    display: none;
    position: fixed;
    z-index: 1040;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000bd;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.page-web .page-backdrop.show {
    display: inline-block
}

.page-web .page-backdrop.show-max-top {
    display: inline-block;
    z-index: 2147483640
}

.page-web .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 .game-search-box label {
    display: none !important
}

.page-web .game-search-box .form-group {
    flex-grow: 1;
    margin-bottom: 0;
    border-radius: 100px;
    background: none
}

.page-web .game-search-box .form-group i {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 130%;
    font-weight: bold;
    color: #676d83
}

.page-web .game-search-box .form-group .form-control {
    width: 100%;
    background: linear-gradient(120deg, #c5dbff 0%, #d4f1ff 100%);
    border: 1px solid #d4f1ff;
    color: #323542;
    border-radius: 100px;
    padding-left: 40px
}

.page-web .game-search-box .form-group .form-control::-webkit-search-cancel-button {
    display: none
}

.page-web .game-search-box .form-group .form-control:focus-visible {
    outline: 2px solid #ffffff
}

.page-web .section-ul {
    display: grid;
    grid-template-columns: 38% 38%;
    grid-column-gap: 8%;
    grid-row-gap: 10px;
    justify-self: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 4px
}

.page-web .section-ul li {
    position: relative;
    top: 0;
    border-radius: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    place-self: center;
    align-self: flex-start;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.page-web .section-ul li:hover {
    top: -5px
}

.page-web .section-ul li.show-Ingame-jackpot.on-fire .game-feature .show-jackpot-MHB p,
.page-web .section-ul li.show-Ingame-jackpot.on-fire .game-feature .show-jackpot-MHB .txt-number,
.page-web .section-ul li.show-jackpot-fire.on-fire .game-feature .show-jackpot-MHB p,
.page-web .section-ul li.show-jackpot-fire.on-fire .game-feature .show-jackpot-MHB .txt-number {
    color: #ffb700 !important;
    animation: text-flicker-out-glow 2.5s linear infinite both
}

.page-web .section-ul li.show-Ingame-jackpot .game-feature,
.page-web .section-ul li.show-jackpot-fire .game-feature {
    top: 0;
    width: 100%;
    height: auto;
    z-index: 1
}

.page-web .section-ul li.show-Ingame-jackpot .game-feature .show-jackpot-MHB,
.page-web .section-ul li.show-jackpot-fire .game-feature .show-jackpot-MHB {
    top: 24vmin;
    left: 0;
    font-size: 90%
}

.page-web .section-ul li .show-bonus-event::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0 !important;
    right: auto;
    transform: translate(0, 0);
    opacity: 1;
    height: 25px;
    width: 25px;
    pointer-events: none
}

.page-web .section-ul li .show-bonus-event::after {
    display: none
}

.page-web .section-ul li .show-bonus-event.AUTO_REDEEM::before {
    background: url(/theme/images/src-common/JACKPOT-img/AUTO_REDEEM.webp) no-repeat center;
    background-size: cover
}

.page-web .section-ul li .show-bonus-event.TREASURE_PICK::before {
    background: url(/theme/images/src-common/JACKPOT-img/TREASURE_PICK.webp) no-repeat center;
    background-size: cover
}

.page-web .section-ul li .show-bonus-event.RAFFLE::before,
.page-web .section-ul li .show-bonus-event.RAFFLE_MULTI::before {
    background: url(/theme/images/src-common/JACKPOT-img/Raffle-M.webp) no-repeat center;
    background-size: 70%
}

.page-web .section-ul li .show-bonus-event.ROULETTE::before {
    background: url(/theme/images/src-common/JACKPOT-img/Roulette-M.webp) no-repeat center;
    background-size: 90%
}

.page-web .section-ul li .show-bonus-event.MARIOSLOT::before {
    background: url(/theme/images/src-common/JACKPOT-img/Monopoly-M.webp) no-repeat center;
    background-size: cover
}

.page-web .section-ul li .show-bonus-event.GOLDEN_EGG::before {
    background: url("/theme/images/src-common/BONUSEVENT-img/GOLDENEGG/EGG/goldegg-s.webp") no-repeat 4px;
    background-size: 90%
}

.page-web .section-ul li .show-bonus-event.GOLDEN_BOX::before {
    background: url(/theme/images/src-common/BONUSEVENT-img/GOLDENEGG/BOX/goldbox-s.webp) no-repeat center;
    background-size: cover
}

.page-web .section-ul li .device-btn-box {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.482353), #000);
    padding: 60px 5px 5px 5px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 0 0 10px 10px;
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0
}

.page-web .section-ul li .device-btn-box::before {
    position: absolute;
    left: 0;
    top: -5px;
    content: '';
    width: 100%;
    height: 70px
}

.page-web .section-ul li .device-btn-box i {
    position: relative;
    height: 100%;
    line-height: 38px;
    font-size: 150%;
    text-align: center;
    color: #fff
}

.page-web .section-ul li .device-btn-box i.icon-smartphone {
    font-size: 170%
}

.page-web .section-ul li .device-btn-box .device-btn {
    text-align: center;
    padding: 0;
    position: relative;
    vertical-align: top;
    text-decoration: none
}

.page-web .section-ul li .device-btn-box .device-btn:first-child::after {
    position: absolute;
    left: 100%;
    content: '';
    width: 1px;
    height: 33px;
    background: #878787
}

.page-web .section-ul li .device-btn-box .device-btn span {
    display: none
}

.page-web .section-ul li .game-feature {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

.page-web .section-ul li .game-feature .show-jackpot {
    pointer-events: none;
    width: 100%;
    border-radius: 6px;
    width: 65px;
    height: 20px;
    margin: 0 2px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center -2px;
    background-size: 60px
}

.page-web .section-ul li img {
    vertical-align: middle;
    width: 100%;
    height: auto
}

.page-web .section-ul li .txt-gameName {
    display: none
}

.page-web .section-ul.game-list-ul {
    grid-template-columns: repeat(3, 31%);
    grid-gap: 0 3%;
    height: auto;
    overflow: hidden
}

.page-web .section-ul.game-list-ul li {
    width: 100%;
    height: 100%;
    padding-bottom: 3px;
    padding-top: 5px
}

.page-web .section-ul.game-list-ul li:nth-child(1),
.page-web .section-ul.game-list-ul li:nth-child(2),
.page-web .section-ul.game-list-ul li:nth-child(3) {
    display: inline-block
}

.page-web .section-ul.game-list-ul.open-all li {
    display: inline-block
}

.page-web .modal .modal-jackpotList .modal-content.main-wrap .jackpot-list-header {
    background: #424242
}

.page-web .modal .modal-jackpotList a.close::before {
    color: #424242 !important
}

.page-web .modal-login.show {
    z-index: 2501 !important
}

.page-web .modal-announcement .modal-content .btn-mail {
    color: #b9bdd4;
    background: linear-gradient(#595d70 0%, #323542 40%)
}

.page-web .modal-announcement .modal-content .modal-body {
    height: auto !important
}

.page-web .modal-announcement .modal-content .announce {
    background: none;
    padding-bottom: 5%
}

.page-web .modal-announcement .modal-content .announce dl,
.page-web .modal-announcement .modal-content .announce dt {
    background: #fff;
    color: #323542;
    border-color: #323542
}

.page-web .modal-announcement .modal-content .announce dl span,
.page-web .modal-announcement .modal-content .announce dt span {
    line-height: normal
}

.page-web .modal-announcement .modal-content .announce dl .txt,
.page-web .modal-announcement .modal-content .announce dt .txt {
    color: #323542
}

.page-web .modal-announcement .modal-content .announce dd .game-message {
    background: linear-gradient(120deg, #c5dbff 0%, #d4f1ff 100%);
    color: #323542;
    border-color: #b9bdd4
}

.page-web .modal-announcement .modal-content .announce dd .game-tit {
    color: #323542
}

.page-web .modal-announcement .modal-content .announce dd li {
    color: #323542
}

.page-web .modal-announcement .modal-content .announce dd .game-btn {
    background: linear-gradient(#595d70 0%, #323542 40%);
    color: #b9bdd4
}

.page-web .modal-announcement .modal-content .announce dd a,
.page-web .modal-announcement .modal-content .announce dd p {
    color: #323542;
    background: none
}

.page-web .page-wrapper {
    width: 100%;
    margin: 0 auto
}

.page-web .page-wrapper .page-content {
    z-index: 10;
    width: 100%;
    height: auto;
    min-height: 100vh;
    margin: 0 auto;
    padding: 80px 3% 60px 3%
}

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

.page-web .page-wrapper .page-content .page-header {
    display: none;
    position: fixed;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    max-width: 1200px;
    height: 80px;
    z-index: 510;
    transition: all .3s ease-in-out
}

.page-web .page-wrapper .page-content .page-header .page-header-logo {
    display: none
}

.page-web .page-wrapper .page-content .main-owl-info {
    position: relative;
    z-index: auto;
    width: 100%;
    background: linear-gradient(#595d70 0%, #323542 40%);
    border: 1px solid #323542;
    padding: 1%;
    border-radius: 12px;
    text-align: left
}

.page-web .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner {
    overflow: hidden;
    max-height: 130px
}

.page-web .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .owl-item {
    opacity: 1
}

.page-web .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner img {
    border-radius: 0;
    height: 110px
}

.page-web .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .owl-dots {
    display: flex;
    justify-content: flex-end;
    bottom: 3px;
    background: none;
    right: 10px;
    left: auto;
    transform: none;
    height: auto
}

.page-web .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .owl-dots .owl-dot {
    height: auto
}

.page-web .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .owl-dots .owl-dot span {
    border-radius: 0;
    width: 20px;
    height: 5px;
    border-radius: 5px;
    background: #000000;
    opacity: .4;
    margin-top: 0
}

.page-web .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .owl-dots .owl-dot.active span {
    opacity: 1;
    background: #fff
}

.page-web .page-wrapper .page-content .main-owl-info .marquee-txt {
    display: block;
    background: none;
    transition: all .3s ease-in-out
}

.page-web .page-wrapper .page-content .main-owl-info .marquee-txt li,
.page-web .page-wrapper .page-content .main-owl-info .marquee-txt h1 {
    background: none
}

.page-web .page-wrapper .page-content .main-owl-info .marquee-txt li i,
.page-web .page-wrapper .page-content .main-owl-info .marquee-txt h1 i {
    background-color: #0000004f;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center
}

.page-web .page-wrapper .page-content .main-owl-info .marquee-txt li i::before,
.page-web .page-wrapper .page-content .main-owl-info .marquee-txt h1 i::before {
    color: #ffffffa9
}

.page-web .page-wrapper .page-content .main-owl-info .marquee-txt li a,
.page-web .page-wrapper .page-content .main-owl-info .marquee-txt h1 a {
    line-height: 25px;
    color: #ffffffa9
}

.page-web .page-wrapper .page-content .main-vert-tab {
    display: block;
    padding: 5% 0 0 70px;
    width: 100%;
    height: auto;
    position: relative
}

.page-web .page-wrapper .page-content .main-vert-tab.tab-num-10 {
    min-height: 100vh
}

.page-web .page-wrapper .page-content .main-vert-tab.tab-num-11 {
    min-height: 110vh
}

.page-web .page-wrapper .page-content .main-vert-tab.tab-num-12 {
    min-height: 120vh
}

.page-web .page-wrapper .page-content .main-vert-tab.tab-num-13 {
    min-height: 130vh
}

.page-web .page-wrapper .page-content .main-vert-tab.tab-num-14 {
    min-height: 140vh
}

.page-web .page-wrapper .page-content .main-vert-tab.tab-num-15 {
    min-height: 150vh
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group {
    position: absolute;
    top: 0;
    left: 1%;
    height: 100%
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
    position: sticky;
    width: 100%;
    height: auto;
    margin: 3px auto 0 auto;
    z-index: 111;
    border-radius: 10px;
    padding-top: 0;
    background: linear-gradient(#dedede, #f0f0f0);
    overflow: hidden
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs {
    position: relative;
    padding: 0;
    margin: 0;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 5px 2px;
    left: 0;
    border-radius: 5px;
    padding: 4px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs.num-6 .tab.tab-s,
.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs.num-5 .tab.tab-s {
    width: 25% !important
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs.num-9 {
    justify-content: flex-start
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s {
    width: 24%;
    min-width: 59px;
    max-width: 130px;
    height: 30px;
    padding: 4px 0 4px 28px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: none
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s img {
    position: absolute;
    top: 50% !important;
    left: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s:focus {
    transform: translateY(0) !important
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s.active {
    transform: translateY(0) !important;
    background: #ffc414
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s.active p {
    color: #222
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s.LOCALGAME img {
    margin-left: 4px;
    width: 22px;
    height: 22px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s img {
    z-index: 0
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s img::before {
    display: none
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s p {
    z-index: 1;
    display: block;
    color: #fff;
    transform: scale(0.9);
    max-width: 40px;
    line-height: normal;
    text-align: left
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs {
    position: sticky;
    left: 3%;
    top: 0;
    z-index: 500;
    display: inline-block;
    height: auto;
    margin: 0;
    padding-top: 5px;
    width: 65px;
    height: auto;
    transition: all .8s ease-in-out
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab {
    position: relative;
    text-decoration: none;
    text-align: center;
    margin-bottom: 10%;
    border-radius: 10px;
    color: #36395A;
    width: 65px;
    height: auto;
    line-height: 27px;
    text-align: center;
    padding-top: 33px;
    font-size: 75%;
    background: linear-gradient(0deg, #fff, #ebebeb);
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    transition: box-shadow .15s, transform .15s
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab.tab-s {
    width: 55px;
    margin-left: 5px;
    border-radius: 20px;
    background: linear-gradient(0deg, #545454, #737373)
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab.tab-s p {
    white-space: normal;
    line-height: normal;
    font-size: 10px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab:active,
.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab:focus {
    box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    transform: translateY(2px)
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab.active {
    box-shadow: #0808084f 0 3px 7px inset, 0px 2px 4px #ffffff9a;
    background: #c8cbd3
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab.active i::before {
    color: #000
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    object-fit: contain;
    pointer-events: none
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab i {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab i::before {
    display: none
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab p {
    margin-bottom: 0;
    white-space: nowrap
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content {
    display: none;
    width: 100%;
    padding: 0;
    min-height: 88vh;
    position: relative
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.show {
    display: block;
    opacity: 0;
    animation: tab-content_slide-up .4s ease .1s 1 forwards;
    margin-top: 5px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content .section-tit {
    position: relative;
    padding-left: 5px;
    margin: 0 2% 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content .section-tit img {
    width: 22px;
    height: 22px;
    object-fit: contain
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .tit {
    position: relative;
    color: #494e5a;
    text-align: left;
    line-height: 25px;
    font-weight: bold;
    white-space: nowrap
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .line {
    display: inline-block;
    margin: 0 auto;
    width: 90%;
    height: 1px;
    background: #cccccc
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .btn-link {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #b9bdd4;
    padding: 0 8px;
    border-radius: 7px;
    font-size: 80%;
    line-height: normal;
    text-decoration: unset;
    background: linear-gradient(#595d70 0%, #323542 40%);
    box-shadow: #d4d4d4 0 2px 2px, #d2d2d3 0 8px 12px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .btn-link::before {
    font-family: 'icomoon' !important;
    content: '\e90f';
    font-size: 150%;
    line-height: 25px;
    font-weight: bold
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .btn-link.active {
    color: #fff
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .btn-link.active::before {
    content: '\e905'
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME {
    padding-top: 2px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-box.section-FEATURE {
    margin: 0
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-box.section-FEATURE .section-ul {
    justify-content: start;
    padding: 2px;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    overflow-x: hidden;
    margin: 4px 0
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-box.section-FEATURE .section-ul li:hover {
    top: 0
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-box.section-FEATURE .section-ul li {
    display: inline-block !important
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-box.section-LIVEARENA .section-ul.LIVEARENA {
    grid-template-columns: repeat(1, 100%)
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-box.section-LIVEARENA .section-ul.LIVEARENA li::before {
    display: none
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul {
    grid-template-columns: 31% 31% 31%;
    grid-gap: 0 3%;
    height: auto;
    overflow: hidden
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul li {
    display: none
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul li:nth-child(1),
.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul li:nth-child(2),
.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul li:nth-child(3) {
    display: inline-block
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul.open-all {
    padding-top: 15px
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul.open-all li {
    display: inline-block !important
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul {
    grid-template-columns: repeat(1, 90%)
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.FIRSTPERSON .section-ul {
    grid-template-columns: repeat(2, 47%) !important
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul li.show-jackpot-fire .game-feature .show-bonus-event::before {
    left: 0
}

.page-web .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul li.show-jackpot-fire .game-feature .show-jackpot-MHB {
    top: 21vmin
}

.page-web .page-wrapper .page-content.page-game-list {
    padding-top: 65px;
    min-height: 100vh
}

.page-web .page-wrapper .page-content.page-game-list .page-top-msg {
    display: none
}

.page-web .page-wrapper .page-content.page-game-list .page-header {
    display: block;
    height: 45px;
    padding: 0;
    text-align: center;
    background: linear-gradient(#595d70 0%, #323542 40%)
}

.page-web .page-wrapper .page-content.page-game-list .page-header .page-header-btn {
    position: absolute;
    background: #323542;
    padding: 0 5px;
    left: 0;
    z-index: 2
}

.page-web .page-wrapper .page-content.page-game-list .page-header .page-header-btn i {
    font-size: 180%;
    line-height: 40px;
    color: #b9bdd4;
    text-shadow: 0 2px 3px #232530
}

.page-web .page-wrapper .page-content.page-game-list .page-body {
    padding: 15px 2%
}

.page-web .page-wrapper .page-content.page-game-list .page-body .section-ul.game-list-ul {
    height: auto;
    overflow: visible
}

.page-web .page-wrapper .page-content.page-game-list .page-body .section-ul.game-list-ul li {
    display: inline-block;
    margin-bottom: 10px
}

.page-web .page-wrapper .page-content.page-game-list.page-search .page-body .section-ul.game-list-ul {
    grid-gap: 0 1%
}

.page-web .page-wrapper .page-content.page-game-list.page-search .page-body .section-ul.game-list-ul li {
    margin-bottom: 0
}

.page-web .page-wrapper .page-footer {
    z-index: 800;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%)
}

.page-web .page-wrapper .page-footer>ul {
    display: flex;
    justify-content: space-around;
    margin: 0;
    background: linear-gradient(#595d70 0%, #323542 40%);
    border-radius: 12px 12px 0 0
}

.page-web .page-wrapper .page-footer>ul li {
    position: relative;
    min-width: 50px
}

.page-web .page-wrapper .page-footer>ul li .btn {
    padding: 0;
    width: 100%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-web .page-wrapper .page-footer>ul li .btn .icon-mail .dot {
    left: 58%;
    top: 2px
}

.page-web .page-wrapper .page-footer>ul li .btn .icon-hamburger .dot {
    left: 58%;
    top: 2px
}

.page-web .page-wrapper .page-footer>ul li .btn i.icon-home {
    animation: wobble-hor-bottom 1s infinite both
}

.page-web .page-wrapper .page-footer>ul li .btn i.icon-banking::before {
    content: '\ea05'
}

.page-web .page-wrapper .page-footer>ul li .btn p {
    display: block;
    margin: 0;
    font-size: 65%;
    color: #b9bdd4;
    line-height: 12px
}

.page-web .page-wrapper .page-footer>ul li .btn-group {
    width: 100%
}

.page-web .page-wrapper .page-footer>ul li .btn-group.show .btn {
    background: #22252f;
    border-radius: 0
}

.page-web .page-wrapper .page-footer>ul i {
    line-height: 32px;
    font-size: 150%;
    color: #b9bdd4;
    text-shadow: 0 2px 3px #232530
}

.page-web .page-wrapper .page-footer>ul i .dot {
    position: absolute;
    left: 6px;
    top: 6px;
    background-color: #ff4684;
    border: 1px solid #333;
    border-radius: 100px;
    width: 12px;
    height: 12px
}

.page-web .page-wrapper .page-footer>ul i.icon-deposit {
    font-size: 170%
}

.page-web .page-wrapper .page-footer .dropdown-menu {
    background: #323542;
    z-index: 600;
    box-shadow: 0 10px 15px #0000005b;
    border-radius: 10px;
    max-height: 400px;
    overflow-y: auto
}

.page-web .page-wrapper .page-footer .page-footer-menu {
    position: relative;
    padding: 10px 10px 0px 10px;
    overflow: auto;
    height: 100%;
    background: none;
    width: 55vw
}

.page-web .page-wrapper .page-footer .page-footer-menu li {
    display: block;
    margin-bottom: 15px
}

.page-web .page-wrapper .page-footer .page-footer-menu li .form-control {
    font-size: 85%
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item {
    position: relative;
    text-decoration: none;
    line-height: 35px;
    vertical-align: top;
    color: white;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 4px
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item i {
    position: relative;
    font-size: 100%;
    background-color: #0000004f;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item i::before {
    color: white;
    line-height: 30px
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item .icon-mail .dot {
    left: -0px;
    top: 2px
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item span {
    line-height: normal;
    vertical-align: middle;
    font-size: 85%
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item .tag-ball {
    position: absolute;
    left: 0px;
    right: auto;
    bottom: -5px;
    display: inline-block;
    background: #ffeb3b;
    border: 1px solid #333;
    border-radius: 50px;
    text-align: center;
    height: 15px;
    min-width: 25px;
    margin: 0;
    vertical-align: middle
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item .tag-ball i.icon-check {
    position: relative;
    left: auto;
    top: -10px;
    text-align: center;
    color: #000;
    line-height: 15px;
    height: 15px;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    background: none
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item .tag-ball i.icon-check::before {
    color: #333
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item .form-control.language {
    padding: 0;
    background: none;
    border: none;
    color: white;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(/theme/images/src-gamehall/layout/arrow-down.png) no-repeat right;
    background-size: 20px
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item .icon-refer .checked {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 12px;
    height: 13px
}

.page-web .page-wrapper .page-footer .page-footer-menu li .menu-item .icon-refer .checked::before {
    position: absolute;
    border-radius: 100px;
    background: #3ff02f;
    line-height: 13px;
    font-family: 'icomoon';
    content: '\e90f';
    color: #000;
    text-shadow: none;
    font-size: 13px
}

.page-web .page-wrapper .page-footer .contact-menu {
    padding: 10px 0
}

.page-web .page-wrapper .page-footer .contact-menu li {
    display: block;
    margin-bottom: 30px
}

.page-web .page-wrapper .page-footer .contact-menu li a {
    padding: 0 15px 0 50px;
    position: relative;
    color: #b9bdd4;
    display: inline-block;
    text-decoration: none;
    width: 220px
}

.page-web .page-wrapper .page-footer .contact-menu li a>img {
    position: absolute;
    left: 10px;
    top: 0;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: center
}

.page-web .page-wrapper .page-footer .contact-menu li a .img-grcode {
    display: none;
    padding-top: 5px;
    width: 70%
}

.page-web .page-wrapper .page-footer .contact-menu li a .img-grcode img {
    border-radius: 8px;
    width: 90%;
    border: 3px solid #00000052
}

.page-web .page-wrapper .page-footer .contact-menu li a .tit {
    color: #71789b;
    font-size: 75%;
    margin-bottom: 2px
}

.page-web .page-wrapper .page-footer .contact-menu li a span {
    font-size: 85%;
    word-break: break-all;
    display: block
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon {
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 100%;
    background-color: #0000004f;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon::before {
    color: #fff
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-telegram {
    background-color: #2ca5e0
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-facebook {
    background-color: #1877f2
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-twitter {
    background-color: #27a1f2
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-pinterest {
    background-color: #bd081b
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-instagram {
    background-color: #e4405f
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-messenger {
    background-color: #2cb2ff
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-line {
    background-color: #33c300
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-linkedin {
    background-color: #1a77b5
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-viber {
    background-color: #665cac
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-wechat {
    background-color: #7bb32f
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-youtube {
    background-color: #f80701
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-whatsapp {
    background-color: #38d366
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-skype {
    background-color: #01afef
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-livechat {
    background-color: #fe5100
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-tawkto {
    background-color: #05a74f
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon-discord {
    background-color: #5865f2 !important
}

.page-web .page-wrapper .page-footer .contact-menu li a .icon.icon-kakao {
    background-color: #f2b200
}

.page-web .page-wrapper .page-footer .contact-menu li:last-child {
    margin-bottom: 0
}

.page-web.modal-open {
    -ms-touch-action: none;
    touch-action: none
}

.page-web.modal-open .modal {
    height: 100vh;
    max-height: 100%
}

.page-web.modal-open .modal .modal-dialog-centered::before {
    height: auto
}

.page-web .modal-content {
    position: relative;
    border: none;
    border-radius: 12px;
    background: #fff;
    width: 95%;
    box-shadow: 0 3px 10px #0000006e;
    top: 15px;
}

.page-web .modal-content .close {
    text-decoration: none;
    position: absolute;
    right: -12px;
    top: -12px;
    background: linear-gradient(#595d70 0%, #323542 40%);
    border-radius: 100px;
    opacity: 1
}

.page-web .modal-content .close::before {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'icomoon' !important;
    content: '\e902';
    font-size: 90%;
    font-weight: lighter;
    text-shadow: none;
    line-height: 34px;
    color: #b9bdd4;
    width: 34px;
    height: 34px
}

.page-web .modal-content .close i {
    display: none
}

.page-web .modal-content .modal-header {
    min-height: 45px
}

.page-web .modal-content .modal-header .inputCheckbox {
    margin: 3px 0 0 0
}

.page-web .modal-content .modal-body {
    height: auto;
    max-height: 75vh
}

.page-web .modal-content .modal-title,
.page-web .modal-content .modal-tit {
    color: #323542
}

.page-web .modal-content .modal-menu .modal-menu-tit {
    color: #323542
}

.page-web .modal-content .modal-menu .btn-group a.btn:first-child {
    box-shadow: #2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, #e9ba5d 1px -3px 0 inset, #e9ba5d -1px 1px 0 inset
}

.page-web .modal-content .modal-menu a.btn {
    color: #323542;
    border: none;
    background: #FCFCFD;
    box-shadow: #2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset
}

.page-web .modal-content .modal-menu a.btn:last-child {
    box-shadow: #2d234266 0 2px 3px, #2d23424d 0 7px 13px -3px, #d6d6e747 0 -1px 0 inset
}

.page-web .modal-content .modal-menu a.btn:hover,
.page-web .modal-content .modal-menu a.btn:active,
.page-web .modal-content .modal-menu a.btn:focus {
    background-color: #e9ba5d;
    box-shadow: #464646 0 0 0 1.5px inset, #2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    transform: translateY(2px)
}

.page-web .modal-content .modal-menu a.btn:hover i::before,
.page-web .modal-content .modal-menu a.btn:active i::before,
.page-web .modal-content .modal-menu a.btn:focus i::before {
    color: #000
}

.page-web .modal-content .page-login-box .btn-box {
    text-align: center
}

.page-web .modal-content .page-login-box .btn-box .btn-link {
    background: none;
    line-height: 25px;
    color: #323542
}

.page-web .modal-content .page-login-box .btn-box .btn-link .icon.icon-user-plus::before {
    content: '\e984';
    line-height: 25px
}

.page-web .modal-content .txt-support {
    display: block;
    width: 100%;
    padding: 5% 5% 3% 5%;
    background: #00000013;
    border-radius: 0 0 12px 12px;
    border-top: 2px solid #0303030c;
    text-align: center
}

.page-web .modal-content .txt-support p {
    margin: 0 0 3px 0;
    font-size: 80%;
    color: #323542
}

.page-web .modal-content .txt-support .badge {
    position: relative;
    margin-right: 10px;
    padding-left: 35px;
    line-height: 30px;
    font-size: 80%;
    color: #323542
}

.page-web .report-iframe {
    display: block;
    border-radius: 10px
}

.page-web .report-iframe .report-header {
    background: linear-gradient(#595d70 0%, #323542 40%);
    border-radius: 10px 10px 0 0
}

.page-web .report-iframe .report-header .title {
    color: #b9bdd4
}

.page-web .report-iframe .report-header .header-rt a::before {
    color: #b9bdd4
}

.page-web .report-iframe .report-header .header-rt a.go-back {
    border-color: #b9bdd4
}

.page-web .report-iframe .report-header .header-rt a.close {
    position: relative;
    top: 0;
    right: 0;
    border-radius: 0;
    background: none
}

.page-web .report-iframe iframe {
    height: inherit;
    border-radius: 0 0 10px 10px
}

.page-web .report-iframe.hide-header {
    padding-top: 0
}

.page-web .report-iframe.hide-header .report-header {
    display: none
}

.page-web .section-ul li.li-jackpot {
    grid-column-start: 1;
    grid-column-end: 4;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    cursor: default
}

.page-web .section-ul li.li-jackpot .jackpot-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    max-width: 380px;
    height: 100%;
    display: inline-block;
    padding: 0;
    text-align: right
}

.page-web .section-ul li.li-jackpot .jackpot-box .JP-promoSticky {
    top: 20%;
    bottom: auto !important
}

.page-web .section-ul li.li-jackpot .jackpot-box .jackpotList-btn {
    position: absolute;
    right: 25px;
    top: 15px;
    display: inline-block;
    text-decoration: none;
    cursor: default;
    width: 200px;
    white-space: nowrap
}

.page-web .section-ul li.li-jackpot .jackpot-box .jackpotList-btn.show-promoDot::before {
    top: 20%
}

.page-web .section-ul li.li-jackpot .jackpot-box .jackpotList-btn::after {
    font-family: 'icomoon' !important;
    content: '\ea09';
    color: #6ae3f3;
    font-size: 16px;
    padding: 0 5px;
    line-height: 40px;
    vertical-align: bottom;
    display: inline-block
}

.page-web .section-ul li.li-jackpot .jackpot-box .jackpotList-btn .txt {
    background: -webkit-linear-gradient(#4ab7d3, #6ae3f3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
    font-size: 160%;
    font-style: italic;
    line-height: 40px
}

@media all and (min-width: 320px) and (max-width: 359px) {
    .page-web .section-ul li.li-jackpot {
        width: 110% !important
    }
    .page-web .section-ul li.li-jackpot .jackpotList-btn .txt {
        font-size: 130% !important
    }
}

.page-web .modal-title .show-wager {
    width: 50px;
    height: 50px;
    top: -20px
}

.page-web .modal-title .show-wager::before {
    line-height: 45px
}

.page-web .page-bonus-div .header-logo,
.page-web .page-promote-div .header-logo {
    top: 12%
}

.page-web .page-bonus-div .owl-promote,
.page-web .page-promote-div .owl-promote {
    position: relative
}

.page-web .report-iframe,
.page-web .iframe-btn-box,
.page-web .game-iframe {
    display: none
}

.page-web.body-report-iframe,
.page-web.body-iframe {
    overflow: hidden;
    height: 100% !important
}

.page-web.body-report-iframe .fix-sticker,
.page-web.body-report-iframe .page-footer-copyright,
.page-web.body-iframe .fix-sticker,
.page-web.body-iframe .page-footer-copyright {
    display: none
}

.page-web.body-report-iframe .main-vert-tab .tab-navs,
.page-web.body-iframe .main-vert-tab .tab-navs {
    display: none !important
}

.page-web.body-report-iframe .page-bonus-div,
.page-web.body-report-iframe .page-promote-div,
.page-web.body-iframe .page-bonus-div,
.page-web.body-iframe .page-promote-div {
    z-index: 0
}

.page-web.body-report-iframe.show-limit-msg .page-content.page-game-list::before,
.page-web.body-report-iframe.show-top-msg .page-content.page-game-list::before,
.page-web.body-iframe.show-limit-msg .page-content.page-game-list::before,
.page-web.body-iframe.show-top-msg .page-content.page-game-list::before {
    top: 0
}

.page-web.body-report-iframe.show-limit-msg .page-top-msg,
.page-web.body-report-iframe.show-top-msg .page-top-msg,
.page-web.body-iframe.show-limit-msg .page-top-msg,
.page-web.body-iframe.show-top-msg .page-top-msg {
    display: none !important
}

.page-web.body-report-iframe.show-limit-msg .page-header,
.page-web.body-report-iframe.show-top-msg .page-header,
.page-web.body-iframe.show-limit-msg .page-header,
.page-web.body-iframe.show-top-msg .page-header {
    top: 0 !important;
    z-index: 105
}

.page-web.body-report-iframe .page-wrapper .page-header .wager-box,
.page-web.body-iframe .page-wrapper .page-header .wager-box {
    position: relative;
    bottom: auto;
    left: auto
}

.page-web.body-report-iframe .page-wrapper .page-content,
.page-web.body-iframe .page-wrapper .page-content {
    padding: 1%;
    text-align: center
}

.page-web.body-report-iframe .page-wrapper .page-content .report-iframe.show .report-header .title,
.page-web.body-iframe .page-wrapper .page-content .report-iframe.show .report-header .title {
    text-align: left
}

.page-web.body-report-iframe .page-wrapper .page-content .page-header,
.page-web.body-iframe .page-wrapper .page-content .page-header {
    display: block;
    background: linear-gradient(#595d70 0%, #323542 40%);
    z-index: 550;
    height: 10vmin !important
}

.page-web.body-report-iframe .page-wrapper .page-content .page-header .page-header-logo .logo,
.page-web.body-iframe .page-wrapper .page-content .page-header .page-header-logo .logo {
    display: none
}

.page-web.body-report-iframe .page-wrapper .page-content .main-owl-info,
.page-web.body-iframe .page-wrapper .page-content .main-owl-info {
    display: inline-block;
    width: auto;
    border-radius: 100px;
    padding: 0;
    z-index: 560 !important
}

.page-web.body-report-iframe .page-wrapper .page-content .main-owl-info .marquee-txt,
.page-web.body-iframe .page-wrapper .page-content .main-owl-info .marquee-txt {
    display: inline-block !important;
    opacity: 0;
    pointer-events: none
}

.page-web.body-report-iframe .page-wrapper .page-content .main-owl-info .owl-carousel,
.page-web.body-iframe .page-wrapper .page-content .main-owl-info .owl-carousel {
    display: none !important
}

.page-web.body-report-iframe .game-iframe,
.page-web.body-iframe .game-iframe {
    display: inline-block;
    top: 10vmin !important
}

.page-web.body-report-iframe .game-iframe iframe,
.page-web.body-iframe .game-iframe iframe {
    top: 10vmin;
    height: 100%
}

.page-web.body-report-iframe .game-iframe iframe#parentGame,
.page-web.body-iframe .game-iframe iframe#parentGame {
    height: calc(100% - 10vmin) !important;
    border: none
}

.page-web.body-report-iframe .game-iframe.top-0,
.page-web.body-iframe .game-iframe.top-0 {
    top: 0 !important
}

.page-web.body-report-iframe .game-iframe.top-0 iframe,
.page-web.body-iframe .game-iframe.top-0 iframe {
    height: 100%
}

.page-web.body-report-iframe .iframe-btn-box,
.page-web.body-iframe .iframe-btn-box {
    display: flex
}

.page-web.body-report-iframe .iframe-btn-box.pos-lt,
.page-web.body-iframe .iframe-btn-box.pos-lt {
    right: auto;
    left: 0
}

.page-web.body-report-iframe .iframe-btn-box.pos-lt a.btn-close,
.page-web.body-iframe .iframe-btn-box.pos-lt a.btn-close {
    background: #323542 !important;
    height: 10vmin;
    width: 10vmin
}

.page-web.body-report-iframe .iframe-btn-box.pos-lt a.btn-close i,
.page-web.body-iframe .iframe-btn-box.pos-lt a.btn-close i {
    background: none !important;
    color: #b9bdd4;
    font-size: 8vmin;
    line-height: 10vmin
}

.page-web.body-report-iframe .iframe-btn-box.pos-lt a.btn-close.user-id,
.page-web.body-iframe .iframe-btn-box.pos-lt a.btn-close.user-id {
    background: none !important;
    width: auto;
    height: auto
}

.page-web.body-report-iframe .iframe-btn-box.pos-lt a.btn-close.user-id .icon-RWD-copy,
.page-web.body-iframe .iframe-btn-box.pos-lt a.btn-close.user-id .icon-RWD-copy {
    font-size: 90% !important;
    line-height: normal !important
}

.page-web.body-report-iframe .report-header,
.page-web.body-iframe .report-header {
    background: linear-gradient(#595d70 0%, #323542 40%)
}

.page-web.body-report-iframe .report-header .title,
.page-web.body-iframe .report-header .title {
    color: #b9bdd4;
    text-align: left
}

.page-web.body-report-iframe .report-header .header-rt a::before,
.page-web.body-iframe .report-header .header-rt a::before {
    color: #b9bdd4
}

.page-web.body-report-iframe .report-header .header-rt a.go-back,
.page-web.body-iframe .report-header .header-rt a.go-back {
    border-color: #b9bdd4
}

@media screen and (min-width: 1024px) {
    .page-web.body-report-iframe .game-iframe,
    .page-web.body-iframe .game-iframe {
        top: 10vmin !important
    }
    .page-web.body-report-iframe .game-iframe iframe#parentGame,
    .page-web.body-iframe .game-iframe iframe#parentGame {
        height: calc(100% - 10vmin) !important
    }
    .page-web.body-report-iframe .page-wrapper .page-content .page-header,
    .page-web.body-report-iframe .page-wrapper .page-content.page-game-list .page-header,
    .page-web.body-iframe .page-wrapper .page-content .page-header,
    .page-web.body-iframe .page-wrapper .page-content.page-game-list .page-header {
        height: 10vmin !important
    }
    .page-web.body-report-iframe .iframe-btn-box.pos-lt a.btn-close,
    .page-web.body-iframe .iframe-btn-box.pos-lt a.btn-close {
        height: 10vmin;
        width: 10vmin
    }
    .page-web.body-report-iframe .iframe-btn-box.pos-lt a.btn-close i,
    .page-web.body-iframe .iframe-btn-box.pos-lt a.btn-close i {
        font-size: 6vmin;
        line-height: 10vmin
    }
    .page-web.body-report-iframe.device-PC .game-iframe,
    .page-web.body-iframe.device-PC .game-iframe {
        top: 45px !important
    }
    .page-web.body-report-iframe.device-PC .game-iframe iframe#parentGame,
    .page-web.body-iframe.device-PC .game-iframe iframe#parentGame {
        height: calc(100% - 45px) !important
    }
    .page-web.body-report-iframe.device-PC .page-wrapper .page-content .page-header,
    .page-web.body-report-iframe.device-PC .page-wrapper .page-content .user-info,
    .page-web.body-report-iframe.device-PC .page-wrapper .page-content .navigation-container,
    .page-web.body-report-iframe.device-PC .page-wrapper .page-content.page-game-list .page-header,
    .page-web.body-report-iframe.device-PC .page-wrapper .page-content.page-game-list .user-info,
    .page-web.body-report-iframe.device-PC .page-wrapper .page-content.page-game-list .navigation-container,
    .page-web.body-iframe.device-PC .page-wrapper .page-content .page-header,
    .page-web.body-iframe.device-PC .page-wrapper .page-content .user-info,
    .page-web.body-iframe.device-PC .page-wrapper .page-content .navigation-container,
    .page-web.body-iframe.device-PC .page-wrapper .page-content.page-game-list .page-header,
    .page-web.body-iframe.device-PC .page-wrapper .page-content.page-game-list .user-info,
    .page-web.body-iframe.device-PC .page-wrapper .page-content.page-game-list .navigation-container {
        height: 45px !important
    }
    .page-web.body-report-iframe.device-PC a.btn-close,
    .page-web.body-iframe.device-PC a.btn-close {
        height: 45px !important;
        width: 45px !important
    }
    .page-web.body-report-iframe.device-PC a.btn-close i,
    .page-web.body-iframe.device-PC a.btn-close i {
        font-size: 25px !important;
        line-height: 45px !important
    }
}

.page-web.body-report-iframe {
    height: 100%;
    overflow: hidden !important
}

.page-web.body-report-iframe.body-iframe .main-vert-tab {
    display: none !important
}

.page-web.body-report-iframe .tab-nav-group,
.page-web.body-report-iframe .iframe-btn-box,
.page-web.body-report-iframe .game-iframe {
    display: none
}

.page-web.body-report-iframe .page-wrapper {
    height: 0 !important
}

.page-web.body-report-iframe .page-wrapper .page-content {
    padding: 0 !important
}

.page-web.body-report-iframe .page-wrapper .page-content .main-vert-tab .tab-content {
    display: none !important
}

.page-web.body-report-iframe .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT {
    display: none !important
}

.page-web.body-report-iframe .page-wrapper .page-content footer {
    display: none !important
}

.page-web.body-report-iframe .report-iframe {
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    width: 100%
}

.page-web.body-report-iframe .report-iframe iframe {
    width: 100%
}

.page-web.my .page-wrapper .page-content .main-owl-info .page-logo .pos-rt.btn-group .btn,
.page-web.hi .page-wrapper .page-content .main-owl-info .page-logo .pos-rt.btn-group .btn,
.page-web.bn .page-wrapper .page-content .main-owl-info .page-logo .pos-rt.btn-group .btn {
    font-size: 50% !important
}

.page-web.my .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s p,
.page-web.hi .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s p,
.page-web.bn .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s p {
    max-width: 50px !important;
    line-height: 12px !important
}

.page-web.my .page-wrapper .LIVETABLE .table-tit,
.page-web.hi .page-wrapper .LIVETABLE .table-tit,
.page-web.bn .page-wrapper .LIVETABLE .table-tit {
    font-size: 12px
}

@media (min-width: 900px) {
    .page-web.my .page-wrapper .LIVETABLE .table-tit,
    .page-web.hi .page-wrapper .LIVETABLE .table-tit,
    .page-web.bn .page-wrapper .LIVETABLE .table-tit {
        font-size: 18px
    }
}

.page-web.my .page-wrapper .page-footer ul li p,
.page-web.hi .page-wrapper .page-footer ul li p,
.page-web.bn .page-wrapper .page-footer ul li p {
    font-size: 9px;
    white-space: pre-line;
    line-height: 13px;
    text-align: center;
    max-width: 75px
}

@media (min-width: 900px) {
    .page-web.my .page-wrapper .page-footer ul li p,
    .page-web.hi .page-wrapper .page-footer ul li p,
    .page-web.bn .page-wrapper .page-footer ul li p {
        font-size: 14px;
        max-width: 120px;
        line-height: normal
    }
}

@media screen and (min-width: 1024px) {
    .page-web.device-PC.fix-top .page-header {
        box-shadow: 0 0 20px #0e0e0e54 !important
    }
    .page-web.device-PC.show-limit-msg .page-wrapper .page-content .page-top-msg {
        width: calc( 100% - 80px)
    }
    .page-web.device-PC .page-wrapper {
        max-width: 1350px
    }
    .page-web.device-PC .page-wrapper .page-content {
        position: relative;
        display: grid;
        grid-template-columns: 95% 5%
    }
    .page-web.device-PC .page-wrapper .page-content .page-top-msg,
    .page-web.device-PC .page-wrapper .page-content .page-header,
    .page-web.device-PC .page-wrapper .page-content .main-owl-info {
        grid-column-start: 1;
        grid-column-end: 3
    }
    .page-web.device-PC .page-wrapper .page-content .main-vert-tab {
        margin-top: 0;
        width: 99%
    }
    .page-web.device-PC .page-wrapper .page-content .page-footer {
        margin-top: 0;
        position: relative;
        right: auto;
        top: 0 !important;
        width: 100%;
        transform: translateX(0)
    }
    .page-web.device-PC .page-wrapper .page-content .page-header {
        left: 0;
        max-width: none;
        transform: none
    }
    .page-web.device-PC .page-wrapper .page-content .main-owl-info {
        padding-right: 0;
        margin-bottom: 0
    }
    .page-web.device-PC .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner {
        position: relative;
        background: none;
        display: inline-block;
        text-align: right;
        width: calc( 100% - 80px);
        border-radius: 15px
    }
    .page-web.device-PC .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .owl-dots {
        bottom: 5px !important;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
    .page-web.device-PC .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .item a {
        width: 100%
    }
    .page-web.device-PC .page-wrapper .page-content.page-game-list {
        grid-template-columns: 100%
    }
    .page-web.device-PC .page-wrapper .page-content.page-game-list .page-header {
        max-width: 1100px;
        left: 50%;
        transform: translateX(-50%)
    }
    .page-web.device-PC .page-wrapper .page-content.page-game-list::before {
        position: fixed;
        display: block;
        content: '';
        background: linear-gradient(#595d70 0%, #323542 40%);
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        z-index: 5
    }
    .page-web.device-PC .page-wrapper .page-content.page-game-list.page-search {
        padding-top: 70px !important
    }
    .page-web.device-PC .page-wrapper .page-content.page-game-list.page-search .game-search-box {
        margin-bottom: 20px
    }
    .page-web.device-PC .page-wrapper .page-content .d-m-hide {
        display: inline-block
    }
    .page-web.device-PC .page-wrapper .page-content .main-vert-tab {
        padding: 20px 0;
        width: 99%
    }
    .page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content {
        min-height: auto;
        padding: 5px 2%
    }
    .page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group {
        position: relative;
        height: auto
    }
    .page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs {
        position: relative;
        left: auto;
        width: 100%;
        padding: 15px 0 20px 0;
        margin: 0 auto;
        display: flex;
        justify-content: center
    }
    .page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab {
        margin: 0 10px;
        width: auto;
        min-width: 100px;
        font-size: 100%
    }
    .page-web.device-PC .page-wrapper .section-tit .tit {
        font-size: 140%;
        line-height: 18px !important
    }
    .page-web.device-PC .page-wrapper .section-tit .btn-link {
        display: none
    }
    .page-web.device-PC .page-wrapper .section-ul {
        grid-template-columns: repeat(6, 14%) !important;
        grid-gap: 0 3%;
        margin-bottom: 30px;
        height: auto;
        justify-content: flex-start
    }
    .page-web.device-PC .page-wrapper .section-ul.game-list-ul {
        height: auto
    }
    .page-web.device-PC .page-wrapper .section-ul li {
        display: inline-block !important
    }
    .page-web.device-PC .page-wrapper .section-ul li.SEXYBCRT::after,
    .page-web.device-PC .page-wrapper .section-ul li.WM::after,
    .page-web.device-PC .page-wrapper .section-ul li.DG::after,
    .page-web.device-PC .page-wrapper .section-ul li.SA::after,
    .page-web.device-PC .page-wrapper .section-ul li.EVOLUTION::after,
    .page-web.device-PC .page-wrapper .section-ul li.EVOLUTIONHPI::after,
    .page-web.device-PC .page-wrapper .section-ul li.BTGHPI::after,
    .page-web.device-PC .page-wrapper .section-ul li.NETENTHPI::after,
    .page-web.device-PC .page-wrapper .section-ul li.NOLIMITCITYHPI::after,
    .page-web.device-PC .page-wrapper .section-ul li.REDTIGERHPI::after,
    .page-web.device-PC .page-wrapper .section-ul li.BGCASINO::after,
    .page-web.device-PC .page-wrapper .section-ul li.HRG::after {
        bottom: 5px;
        background-size: 100%
    }
    .page-web.device-PC .page-wrapper .section-ul.LIVEARENA .section-ul {
        grid-template-columns: repeat(2, 50%) !important
    }
    .page-web.device-PC .page-wrapper .page-body .section-ul {
        margin-bottom: 30px
    }
    .page-web.device-PC .page-wrapper .page-body .section-ul.game-list-ul {
        height: auto
    }
    .page-web.device-PC .page-wrapper .page-body .section-ul.game-list-ul li.li-jackpot {
        grid-column-start: 1;
        grid-column-end: 7
    }
    .page-web.device-PC .page-wrapper .page-body .section-ul.game-list-ul li.li-jackpot .jackpot-box {
        height: 140px;
        max-width: 550px
    }
    .page-web.device-PC .page-wrapper .page-body .section-ul.game-list-ul li.li-jackpot .jackpot-box .jackpotList-btn {
        left: auto;
        right: 110px;
        top: 40px;
        font-size: 140%
    }
    .page-web.device-PC .page-wrapper .page-footer {
        position: absolute;
        right: 30px;
        top: 400px;
        bottom: auto;
        width: 60px;
        height: auto;
        left: auto;
        z-index: unset
    }
    .page-web.device-PC .page-wrapper .page-footer ul {
        flex-direction: column;
        justify-content: center;
        box-shadow: 0 3px 10px #00000085;
        border-radius: 12px;
        width: 60px;
        margin-bottom: 15px
    }
    .page-web.device-PC .page-wrapper .page-footer .page-footer-menu,
    .page-web.device-PC .page-wrapper .page-footer .contact-menu {
        width: 260px;
        margin-bottom: 0;
        border-radius: 8px
    }
    .page-web.device-PC .page-wrapper .page-footer .page-footer-menu li a .img-grcode,
    .page-web.device-PC .page-wrapper .page-footer .contact-menu li a .img-grcode {
        display: inline-block
    }
    .page-web.device-PC .page-wrapper footer.page-footer-copyright .page-footer-promo span {
        height: 55px !important;
        margin: 5px 20px
    }
    .page-web.device-PC .page-wrapper footer.page-footer-copyright .page-wrapper .policy-area-menu {
        text-align: center
    }
}

@media all and (min-width: 200px) and (max-width: 340px) {
    .page-web .pos-rt.btn-group {
        right: 0 !important
    }
    .page-web .pos-rt.btn-group .btn {
        min-width: 75px !important;
        padding: 0 !important;
        transform: scale(0.9) !important
    }
}

@media all and (min-height: 800px) and (orientation: portrait) {
    .page-web.APP-user .page-wrapper .page-footer {
        bottom: 0
    }
    .page-web .modal .report-iframe .report-header {
        display: none
    }
    .page-web .modal .report-iframe iframe {
        border-radius: 10px
    }
    .page-web .modal-announcement .modal-dialog {
        max-width: 700px
    }
}

.page-web.page-login .page-wrapper .page-content .main-owl-info {
    margin-bottom: 0
}

.page-web.page-login .page-wrapper .page-content .main-owl-info .btn-search {
    position: absolute;
    right: 5px;
    top: 7px;
    width: 30px;
    height: 30px;
    line-height: 35px;
    background: #0000004f;
    border-radius: 50px;
    text-align: center
}

.page-web.page-login .page-wrapper .page-content .main-owl-info .btn-search i {
    font-size: 20px;
    color: #fff;
    line-height: 30px
}

@keyframes wobble-hor-bottom {
    0%,
    100% {
        transform: translateX(0%);
        transform-origin: 50% 50%
    }
    15% {
        transform: translateX(-5px) rotate(-6deg)
    }
    30% {
        transform: translateX(5px) rotate(6deg)
    }
    45% {
        transform: translateX(-4px) rotate(-3.6deg)
    }
    60% {
        transform: translateX(3px) rotate(2.4deg)
    }
    75% {
        transform: translateX(-1px) rotate(-1.2deg)
    }
}

@keyframes shadow-drop-center {
    0% {
        box-shadow: 0 0 0 #ffd900c0
    }
    100% {
        box-shadow: 0 0 10px #ffd900c0
    }
}

@keyframes light {
    0% {
        opacity: 1;
        transform: scale(1.5)
    }
    100% {
        opacity: 0;
        transform: scale(0.5)
    }
}

.page-fix-lt {
    position: fixed;
    left: 0;
    top: 5%;
    z-index: 550
}

.page-fix-lt .btn {
    background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
    border-radius: 0px 100px 100px 0;
    padding: 0;
    margin-bottom: 10px;
    box-shadow: 0 5px 10px #333;
    transition: all .3s ease-in-out
}

.page-fix-lt .btn i {
    font-size: 180%;
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px
}

.page-fix-lt .btn i .tag-ball {
    display: none
}

.limit-msg {
    display: flex;
    justify-content: center;
    left: 0;
    right: auto;
    padding-left: 35px !important;
    top: 40px;
    width: 100%;
    color: #1f1f1f;
    text-align: center;
    padding: 3px 8px;
    font-size: 82%;
    line-height: 25px;
    border-radius: 0;
    white-space: nowrap
}

.limit-msg.both-mode {
    justify-content: space-between
}

.limit-msg .txt-limit,
.limit-msg .reserve-balance {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .limit-msg.both-mode {
        justify-content: center
    }
    .limit-msg.both-mode .reserve-balance {
        width: 25%
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translate(-70%, -50%) rotate(-90deg);
        transform: translate(-70%, -50%) rotate(-90deg)
    }
    100% {
        -webkit-transform: translate(-60%, -50%) rotate(-90deg);
        transform: translate(-60%, -50%) rotate(-90deg)
    }
}

@keyframes section-jp-animation {
    0% {
        transform: translateX(-80vw)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes bounce_jp {
    0% {
        transform: translateX(20vw)
    }
    100% {
        transform: translateX(100vw)
    }
}

@keyframes slide-bottom {
    0% {
        transform: translateY(0) translateX(-50%)
    }
    100% {
        transform: translateY(6px) translateX(-50%)
    }
}

@keyframes scale-right {
    0% {
        -webkit-transform: translate(-80%, -50%) rotate(-90deg);
        transform: translate(-80%, -50%) rotate(-90deg)
    }
    100% {
        -webkit-transform: translate(-45%, -50%) rotate(-90deg);
        transform: translate(-45%, -50%) rotate(-90deg)
    }
}

@keyframes tab-content_slide-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.page-web.device-PAD.body-iframe .game-iframe {
    background-color: #000
}

.page-web.device-PAD.body-iframe.navigation-container,
.page-web.device-PAD.body-iframe .user-info {
    height: 50px !important
}

.page-web.device-PAD.body-iframe .game-iframe {
    left: 0;
    top: 50px !important
}

.page-web.device-PAD.body-iframe .game-iframe.top-0 {
    top: 0px !important
}

.page-web.device-PAD.body-iframe .header-navigation {
    height: 50px;
    width: calc(100% - 50px)
}

.page-web.device-PAD.body-iframe .iframe-btn-box.pos-lt a.btn-close {
    width: 50px;
    height: 50px
}

.page-web.device-PAD.body-iframe .iframe-btn-box.pos-lt a.btn-close i {
    font-size: 30px;
    line-height: 50px
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab.HOME {
    padding-top: 40px
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab {
    height: 70px !important;
    width: 70px
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab p {
    line-height: 20px
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-1 {
    width: auto;
    grid-template-columns: repeat(1, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-2 {
    width: auto;
    grid-template-columns: repeat(2, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-3 {
    width: auto;
    grid-template-columns: repeat(3, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-4 {
    width: auto;
    grid-template-columns: repeat(4, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-5 {
    width: auto;
    grid-template-columns: repeat(5, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-6 {
    width: auto;
    grid-template-columns: repeat(6, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-7 {
    width: auto;
    grid-template-columns: repeat(7, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-8 {
    width: auto;
    grid-template-columns: repeat(8, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-9 {
    width: auto;
    grid-template-columns: repeat(9, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-10 {
    width: auto;
    grid-template-columns: repeat(10, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-11 {
    width: auto;
    grid-template-columns: repeat(11, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-12 {
    width: auto;
    grid-template-columns: repeat(12, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-13 {
    width: auto;
    grid-template-columns: repeat(13, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-14 {
    width: auto;
    grid-template-columns: repeat(14, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .num-15 {
    width: auto;
    grid-template-columns: repeat(15, 1fr)
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s {
    height: 45px !important
}

.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.RNGTABLE .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SLOT .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.FH .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.ARCADE .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.DICE .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.VIP .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.MISH .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.BINGOGAME .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.MINE .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.CRASH .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LOCALGAME .section-ul,
.page-web.device-PAD.type-W .page-wrapper .page-content .main-vert-tab .tab-content.SCRATCHCARD .section-ul {
    padding: 15px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-gap: 15px !important
}

.page-web.device-PAD.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs {
    width: 85px
}

.page-web.device-PAD.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab {
    width: 85px
}

.page-web.device-PAD.type-R .page-wrapper .page-content .main-vert-tab .tab-content .section-ul {
    padding: 15px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-gap: 0 15px !important
}

.page-web.device-PAD.type-R .page-wrapper .page-content .main-vert-tab .tab-content .ul-platfromList {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-gap: 8px !important
}

.page-web.device-PAD.type-R .page-wrapper .page-content .main-vert-tab .section-box.section-LIVEARENA .section-ul,
.page-web.device-PAD.type-R .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

.page-web.device-PAD .page-wrapper {
    max-width: 800px;
    margin: 0 auto
}

.page-web.device-PAD .page-wrapper .BonusEvent-area {
    flex-direction: row
}

.page-web.device-PAD .page-wrapper .page-content .page-sidebar {
    top: 60px;
    left: 15px
}

.page-web.device-PAD .page-wrapper .page-content .page-sidebar .language-select .icon-language {
    left: 50% !important
}

.page-web.device-PAD .page-wrapper .page-content .page-sidebar .language-select .form-control {
    padding: 0 15px
}

.page-web.device-PAD .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner {
    max-height: none
}

.page-web.device-PAD .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner img {
    height: auto
}

.page-web.device-PAD .page-wrapper .page-content .main-owl-info .page-logo {
    padding: 15px 15px 15px 65px !important
}

.page-web.device-PAD .page-wrapper .page-content .main-owl-info .page-logo .btn-menu {
    left: 15px;
    width: 40px;
    height: 40px
}

.page-web.device-PAD .page-wrapper .page-content .main-owl-info .page-logo .btn-menu i {
    font-size: 30px;
    line-height: 40px
}

.page-web.device-PAD .page-wrapper .page-content .main-vert-tab {
    padding: 5px 0 5% 100px
}

.page-web.device-PAD .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) p {
    font-size: 14px
}

.page-web.device-PAD .page-wrapper .page-content .main-vert-tab .REBATE-tab {
    width: 85px;
    height: 75px
}

.page-web.device-PAD .page-wrapper .page-content .main-vert-tab .REBATE-tab .show-bonus-rebate {
    top: 45px
}

.page-web.device-PAD .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
    width: 100%
}

.page-web.device-PAD .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs {
    width: 100%
}

.page-web.device-PAD .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s {
    height: 45px;
    padding: 4px 0 4px 32px
}

.page-web.device-PAD .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s p {
    font-size: 12px
}

.page-web.device-PAD .page-wrapper .page-content .section-ul li .device-btn-box i {
    line-height: 60px
}

.page-web.device-PAD .page-wrapper .page-footer {
    width: auto;
    min-width: 75%
}

.page-web.device-PAD .page-wrapper .page-footer>ul li .btn p {
    font-size: 14px;
    line-height: 24px
}

.page-web.device-PAD .page-content.page-game-list.page-search .page-body .section-ul.game-list-ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 0 15px
}

.page-web.device-PAD .page-wrapper .page-content.page-game-list .page-body .section-ul.game-list-ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 0 15px
}

.page-web.device-PAD .page-wrapper .page-content.page-game-list .page-body .section-ul.game-list-ul li.li-jackpot {
    grid-column: 1/5
}

.page-web.device-PC {
    min-width: 1280px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background-attachment: fixed !important
}

.page-web.device-PC.my .page-footer ul li p,
.page-web.device-PC.hi .page-footer ul li p,
.page-web.device-PC.bn .page-footer ul li p {
    max-width: none;
    margin-top: 7px
}

.page-web.device-PC.modal-open {
    overflow: hidden !important
}

.page-web.device-PC.modal-open .page-wrapper .page-content {
    position: static !important
}

.page-web.device-PC::before,
.page-web.device-PC::after {
    display: none
}

.page-web.device-PC.PC-POPUP {
    min-width: 1060px !important
}

.page-web.device-PC.PC-POPUP .page-wrapper .page-header {
    max-width: none !important
}

.page-web.device-PC.my .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s p {
    max-width: 65px !important;
    line-height: 20px !important
}

.page-web.device-PC .toast.msg-challenge-success {
    background: rgba(0, 0, 0, 0.6);
    height: 100vh
}

.page-web.device-PC .toast.msg-challenge-success .toast-body {
    width: 45vw;
    margin: 0 auto
}

.page-web.device-PC .toast.msg-challenge-success .toast-body::before {
    left: 20vw
}

.page-web.device-PC .toast.msg-challenge-success .toast-body::after {
    background-size: 85vh
}

.page-web.device-PC .toast.msg-challenge-success .toast-body .modal-body {
    border: 3px solid #f3b93e !important;
    border-radius: 25px
}

.page-web.device-PC .page-bonus-div {
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1100;
    overflow-y: hidden
}

.page-web.device-PC .page-bonus-div.active {
    display: block
}

.page-web.device-PC .page-bonus-div .page-bonus-body {
    overflow-y: auto
}

.page-web.device-PC .modal.modal-bonus-detail.show {
    z-index: 1101
}

.page-web.device-PC .section-ul li .device-btn-box {
    display: none !important
}

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

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li .game-feature {
    width: 100%
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li .game-feature .show-bonus-event::before {
    left: 0;
    width: 33px;
    height: 33px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul li .game-feature .show-jackpot~.show-bonus-event::before {
    left: 0px !important
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul li .game-feature .show-bonus-event::before {
    left: 0px !important
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .section-ul.game-list-ul.ul-gameList {
    grid-template-columns: repeat(6, 15%) !important;
    grid-gap: 0 2% !important
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul {
    grid-template-columns: repeat(1, 100%) !important
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper {
    max-width: none !important;
    padding: 0 !important
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker .bonus-event-bg {
    min-height: 150px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul.num-1 .swiper {
    width: 400px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul.num-2 .swiper {
    width: 800px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul.num-3 .swiper {
    width: 1150px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box .section-ul.game-list-ul li.show-jackpot-fire .game-feature .show-Ingame-jackpot {
    top: 152px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box .section-ul.game-list-ul li.show-jackpot-fire .game-feature .show-Ingame-jackpot p,
.page-web.device-PC .page-wrapper .page-content .main-vert-tab .section-box .section-ul.game-list-ul li.show-jackpot-fire .game-feature .show-Ingame-jackpot .txt-number {
    font-size: 20px
}

.page-web.device-PC .page-wrapper .page-content .page-footer ul li {
    min-width: 66px
}

.page-web.device-PC .page-wrapper .page-content .page-footer ul li.menu-center {
    padding-top: 35px
}

.page-web.device-PC .page-wrapper .page-content .page-footer ul li.menu-center i {
    top: 8px
}

.page-web.device-PC .page-wrapper .page-content .page-footer ul li .btn p {
    transform: scale(0.9);
    white-space: normal;
    line-height: 14px;
    max-width: 110px
}

.page-web.device-PC.type-R .page-wrapper .page-content {
    padding-bottom: 20px !important
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) {
    margin: 5px 0
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs {
    padding: 0;
    max-height: 70px;
    height: 100% !important;
    align-items: center;
    flex-direction: row
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group:not(.tab-nav-group-s) .tab-navs .tab {
    height: 70px;
    width: 65px
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-ul.LIVEARENA {
    grid-template-columns: repeat(2, 48%) !important
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .tab-content {
    min-height: 300px
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul {
    grid-template-columns: repeat(2, 48%) !important
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul li .game-feature {
    height: 100%
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul li .game-feature .show-jackpot-MHB {
    top: auto !important;
    bottom: 40px
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker .bonus-event-bg .show-bonus-event {
    padding: 4vh 50px 0px 0px
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker .bonus-event-bg .txt-bonus {
    padding: 1vh 50px 0 0
}

.page-web.device-PC.type-R .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker .bonus-event-bg .txt-bonus b {
    font-size: 200%
}

.page-web.device-PC.type-R.PC-POPUP .page-wrapper .page-search .page-body .section-ul li .game-feature {
    top: -18px !important
}

.page-web.device-PC.type-W.show-limit-msg .page-wrapper .page-content.page-game-list .section-ul.game-list-ul {
    padding-top: 40px
}

.page-web.device-PC.type-W .page-wrapper .page-content {
    padding-bottom: 10px !important
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s {
    height: 50px !important
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s:focus {
    transform: translateY(0px)
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li .game-feature .show-bonus-event::before {
    top: -5px;
    left: -70px
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-LIVEARENA .section-ul.LIVEARENA {
    grid-template-columns: repeat(2, 48%) !important
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-LIVEARENA .section-ul.LIVEARENA li {
    display: inline-block
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul.LIVEARENA {
    grid-template-columns: repeat(2, 48%) !important
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .tab-content.FIRSTPERSON .section-ul.game-list-ul.ul-gameList.game-list-ul {
    grid-template-columns: repeat(4, 24%) !important;
    grid-gap: 12px !important
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .tab-content.LIVE .table-group .ul-gameIcon-txt {
    display: block !important
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT .jackpot-box .txt-number {
    font-size: 2.8rem
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT .jackpot-button {
    right: -13%
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li .game-feature .show-jackpot-MHB {
    bottom: 0;
    top: auto;
    left: 0;
    width: 100% !important
}

.page-web.device-PC.type-W .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul {
    grid-template-columns: repeat(1, 100%) !important
}

.page-web.device-PC.type-W .page-wrapper .page-content.page-game-list .page-header {
    height: 50px
}

.page-web.device-PC.type-W .page-wrapper .page-content.page-game-list .section-ul.game-list-ul li.li-jackpot .jackpot-box::before {
    top: 15px !important
}

.page-web.device-PC.type-P.PC-POPUP .page-wrapper .page-content .page-body .section-ul li.show-Ingame-jackpot .jackpot-number p {
    display: block
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
    flex-direction: column
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s img {
    width: 50px;
    height: 50px
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs.num-8 {
    gap: 0px 3px
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .section-ul li .game-feature .show-bonus-event::before {
    top: 10px !important
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul li .game-feature .show-jackpot~.show-bonus-event::before {
    left: 10px !important
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY .section-ul li .game-feature .show-bonus-event::before {
    left: 10px !important
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-content.HOME .section-LIVEARENA .section-ul.LIVEARENA {
    grid-template-columns: repeat(2, 48%) !important;
    grid-gap: 5px !important
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-content.FIRSTPERSON .section-ul.game-list-ul {
    grid-template-columns: repeat(4, 24%) !important;
    grid-gap: 5px 8px !important
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-content.FIRSTPERSON .section-ul.game-list-ul li {
    padding: 0
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-content.LIVEARENA .section-ul.LIVEARENA {
    grid-template-columns: repeat(2, 48%) !important;
    grid-gap: 5px !important
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY li.show-jackpot-fire .game-feature {
    height: 100%;
    position: absolute
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .tab-content.MUSTHITBY li.show-jackpot-fire .game-feature .show-jackpot-MHB {
    top: auto !important;
    bottom: 30px;
    width: 85% !important;
    left: 15px !important;
    border-radius: 0 0 10px 10px !important
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT .txt-number {
    font-size: 2.2rem
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker {
    margin: 0;
    padding: 0
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker .bonus-event-bg {
    padding-top: 65px
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker .bonus-event-bg .show-bonus-event {
    padding: 5vh 50px 0 3px
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker .bonus-event-bg .txt-bonus {
    padding: 2vh 0 0 20px
}

.page-web.device-PC.type-P .page-wrapper .page-content .main-vert-tab .section-box.section-BONUSEVENT .section-ul .swiper li.fix-sticker .bonus-event-bg .txt-bonus b {
    font-size: 180%
}

.page-web.device-PC.type-P .page-wrapper .page-content .page-body .section-ul.game-list-ul li.li-jackpot .jackpot-box {
    height: 140px;
    text-align: center
}

.page-web.device-PC.type-P .page-wrapper .page-content .page-body .section-ul.game-list-ul li.li-jackpot .jackpot-box .jackpotList-btn .txt {
    font-size: 40px
}

.page-web.device-PC.fix-top .page-header {
    box-shadow: 0 0 20px #0e0e0e54 !important
}

.page-web.device-PC.show-limit-msg .page-wrapper .page-content .page-top-msg {
    width: calc( 100% - 80px)
}

.page-web.device-PC .page-wrapper {
    max-width: 1350px
}

.page-web.device-PC .page-wrapper .page-content {
    position: relative;
    min-width: 1280px;
    display: grid;
    grid-template-columns: 95% 5%
}

.page-web.device-PC .page-wrapper .page-content .section-ul.game-list-ul li.li-jackpot {
    grid-column-start: 1;
    grid-column-end: 7
}

.page-web.device-PC .page-wrapper .page-content.page-search {
    max-width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    background-attachment: fixed !important
}

.page-web.device-PC .page-wrapper .page-content.page-search::before {
    display: none
}

.page-web.device-PC .page-wrapper .page-content.page-search .page-body .section-ul.game-list-ul {
    margin: 0 auto;
    grid-template-columns: repeat(6, 15%) !important;
    grid-gap: 0 2% !important
}

.page-web.device-PC .page-wrapper .page-content.page-search .page-body .section-ul.game-list-ul li::after {
    padding: 0;
    height: auto;
    margin-bottom: 20px;
    width: 100%
}

.page-web.device-PC .page-wrapper .page-content.page-search .page-body .section-ul.game-list-ul li .img-frame {
    width: 100% !important
}

.page-web.device-PC .page-wrapper .page-content.page-search .page-body .section-ul.game-list-ul li .txt-gameName {
    font-size: 85% !important;
    min-height: 25px
}

.page-web.device-PC .page-wrapper .page-content .page-top-msg,
.page-web.device-PC .page-wrapper .page-content .page-header,
.page-web.device-PC .page-wrapper .page-content .main-owl-info {
    grid-column-start: 1;
    grid-column-end: 3
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab {
    margin-top: 0;
    width: 99%;
    min-height: auto
}

.page-web.device-PC .page-wrapper .page-content .page-footer {
    margin-top: 0;
    position: relative;
    right: auto;
    top: 0 !important;
    width: 100%
}

.page-web.device-PC .page-wrapper .page-content .page-header {
    left: 0;
    max-width: none;
    transform: none
}

.page-web.device-PC .page-wrapper .page-content .main-owl-info {
    padding-right: 0;
    margin-bottom: 0
}

.page-web.device-PC .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner {
    position: relative;
    background: none;
    display: inline-block;
    text-align: right;
    width: calc( 100% - 80px);
    border-radius: 15px;
    max-height: 190px
}

.page-web.device-PC .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner img {
    height: 185px !important
}

.page-web.device-PC .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .owl-dots {
    bottom: 5px !important;
    left: 50%;
    right: auto;
    transform: translateX(-50%)
}

.page-web.device-PC .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner .item a {
    width: 100%
}

.page-web.device-PC .page-wrapper .page-content.page-game-list {
    grid-template-columns: 100%;
    background-attachment: fixed;
    min-width: 1000px
}

.page-web.device-PC .page-wrapper .page-content.page-game-list .page-header {
    max-width: 1100px;
    left: 50%;
    transform: translateX(-50%)
}

.page-web.device-PC .page-wrapper .page-content.page-game-list.page-search {
    padding-top: 30px !important
}

.page-web.device-PC .page-wrapper .page-content.page-game-list.page-search .game-search-box {
    margin-bottom: 20px
}

.page-web.device-PC .page-wrapper .page-content .d-m-hide {
    display: inline-block
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab {
    padding: 5px 20px !important;
    width: 100%
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content {
    min-height: auto
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content.FIRSTPERSON .section-ul.game-list-ul {
    grid-template-columns: repeat(4, 23%) !important;
    grid-gap: 0 2.5% !important
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.game-list-ul {
    grid-template-columns: repeat(6, 14%);
    grid-gap: 0 3%;
    padding-top: 16px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group {
    position: relative;
    height: auto
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab.FREESPIN img {
    width: 70px;
    height: 70px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
    padding: 10px 0 !important;
    overflow: visible
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs {
    gap: 10px;
    padding: 0;
    margin: 0
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s {
    height: 50px;
    border-radius: 50px;
    padding: 4px 3px 4px 55px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s.LOCALGAME img {
    width: 40px;
    height: 40px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s img {
    width: 50px;
    height: 50px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs .tab.tab-s p {
    font-size: 12px;
    transform: scale(1);
    max-width: 80px
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s .tab-navs.num-9 {
    margin: 0 auto;
    width: 65%;
    justify-content: center
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs {
    position: relative;
    left: auto;
    top: auto !important;
    width: 100%;
    padding: 15px 0 20px 0;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.page-web.device-PC .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab {
    margin: 0 10px;
    width: auto;
    min-width: 100px;
    font-size: 100%
}

.page-web.device-PC .page-wrapper .section-tit .tit {
    font-size: 140%;
    line-height: 18px !important
}

.page-web.device-PC .page-wrapper .section-tit .btn-link {
    display: none
}

.page-web.device-PC .page-wrapper .section-ul {
    grid-template-columns: repeat(6, 15.8%);
    grid-gap: 0 1%;
    margin-bottom: 30px;
    height: auto;
    justify-content: flex-start;
    padding-top: 5px
}

.page-web.device-PC .page-wrapper .section-ul.game-list-ul {
    height: auto
}

.page-web.device-PC .page-wrapper .section-ul li {
    display: inline-block !important
}

.page-web.device-PC .page-wrapper .page-body .section-ul {
    margin-bottom: 30px
}

.page-web.device-PC .page-wrapper .page-body .section-ul.game-list-ul {
    height: auto
}

.page-web.device-PC .page-wrapper .page-body .section-ul.game-list-ul li.li-jackpot {
    grid-column-start: 1;
    grid-column-end: 7
}

.page-web.device-PC .page-wrapper .page-body .section-ul.game-list-ul li.li-jackpot .jackpot-box {
    height: 140px;
    max-width: 500px
}

.page-web.device-PC .page-wrapper .page-body .section-ul.game-list-ul li.li-jackpot .jackpot-box .jackpotList-btn {
    top: 45px;
    font-size: 140%
}

.page-web.device-PC .page-wrapper .page-footer {
    bottom: auto;
    width: 60px;
    height: auto;
    left: auto;
    z-index: unset
}

.page-web.device-PC .page-wrapper .page-footer ul {
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 3px 10px #00000085;
    border-radius: 12px;
    width: 60px;
    margin-bottom: 15px
}

.page-web.device-PC .page-wrapper .page-footer ul li .btn {
    margin: 10px 0
}

.page-web.device-PC .page-wrapper .page-footer .page-footer-menu,
.page-web.device-PC .page-wrapper .page-footer .contact-menu {
    width: 260px;
    margin-bottom: 0;
    border-radius: 8px
}

.page-web.device-PC .page-wrapper .page-footer .page-footer-menu li a .tit+span,
.page-web.device-PC .page-wrapper .page-footer .contact-menu li a .tit+span {
    display: block
}

.page-web.device-PC .page-wrapper .page-footer .page-footer-menu li a .img-grcode,
.page-web.device-PC .page-wrapper .page-footer .contact-menu li a .img-grcode {
    display: block
}

.page-web.PC-POPUP::before,
.page-web.PC-POPUP::after {
    display: none !important
}

.page-web.PC-POPUP iframe#parentGame {
    width: 100vw !important
}

footer.page-footer li .btn i {
    position: relative;
    z-index: 50
}

footer.page-footer li .btn p {
    z-index: 1
}

footer.page-footer li.li-refer .checked {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 10px;
    height: 13px
}

footer.page-footer li.li-refer .checked::before {
    position: absolute;
    border-radius: 100px;
    background: #3ff02f;
    line-height: 13px;
    font-family: 'icomoon';
    content: '\e90f';
    color: #000;
    text-shadow: none;
    font-size: 13px
}

footer.page-footer li.promo::after {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(#595d70 0%, #323542 40%);
    width: 50px;
    height: 50px;
    border-radius: 100px;
    z-index: 0
}

footer.page-footer li.promo .btn i {
    height: 32px;
    position: relative;
    font-size: 210%;
    background: radial-gradient(rgba(255, 255, 255, 0.52549), rgba(0, 0, 0, 0) 50%)
}

footer.page-footer li.promo.li-download .icon-download::before {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%)
}

footer.page-footer li.promo.li-refer::after {
    top: -20px;
    width: 54px;
    height: 54px
}

footer.page-footer li.promo.li-refer i::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -15px;
    width: 52px;
    height: 52px;
    background: url("/theme/images/src-gamehall/icon/icon-AFFv2.webp") top center no-repeat;
    background-size: 52px
}

footer.page-footer li.promo.li-refer i .checked {
    top: -13px;
    right: -12px
}

footer.page-footer li.promo.li-messages i .dot {
    left: 70% !important;
    top: 0 !important
}

footer.page-footer li.promo.li-deposit i {
    font-size: 260% !important;
    background: radial-gradient(rgba(255, 255, 255, 0.52549), rgba(0, 0, 0, 0) 50%)
}

footer.page-footer li.promo.li-deposit i::after {
    background: linear-gradient(45deg, #f2db24 0%, #c2922c 100%);
    color: #fff;
    border-radius: 30px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    top: -15px;
    left: 28%;
    position: absolute;
    font-family: 'icomoon' !important;
    content: '\e913';
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 0 #ae8223
}

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

footer.page-footer li.promo.li-reward i::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    width: 40px;
    height: 40px;
    background: url("/theme/images/src-gamehall/icon/icon-REWARD.webp") top center no-repeat;
    background-size: 100%
}

.page-web.type-L footer.page-footer ul li.promo::after {
    top: -23px;
    background: linear-gradient(0deg, rgba(44, 129, 194, 0) 0%, #2c9cc2 50%)
}

.page-web.type-L footer.page-footer ul li.promo .btn i {
    margin: -3px 0 3px 0
}

.page-web.type-P footer.page-footer ul li.promo::after {
    background: #000 !important
}

.page-web.type-P footer.page-footer ul li.promo.li-refer .checked {
    left: auto
}

.device-PC footer.page-footer ul li.promo::after {
    display: none
}

footer.page-footer-copyright {
    font-size: 80%;
    text-align: center;
    color: #ffffffa4;
    position: relative
}

footer.page-footer-copyright .page-wrapper {
    font-size: 12px;
    background: transparent !important
}

footer.page-footer-copyright .txt-copyright {
    display: block;
    text-align: center;
    position: relative;
    padding: 15px 0 0 0;
    margin-bottom: 10px
}

footer.page-footer-copyright .btn-blog,
footer.page-footer-copyright .btn-faq {
    background: #2020213e;
    border: 1px solid #ffffff3b;
    color: #fff !important
}

footer.page-footer-copyright .btn-blog i,
footer.page-footer-copyright .btn-faq i {
    color: #060e1d;
    background: #fff
}

footer.page-footer-copyright .btn-blog:hover,
footer.page-footer-copyright .btn-faq:hover {
    color: rgba(255, 255, 255, 0.8)
}

footer.page-footer-copyright .page-footer-promo {
    box-shadow: 0 0 5px #cccccc inset;
    text-align: center;
    background: #f1f1f1;
    padding: 10px
}

footer.page-footer-copyright .page-footer-promo span {
    width: 18%;
    height: 30px;
    max-width: 120px;
    margin: 8px 10px
}

footer.page-footer-copyright .page-footer-promo span:nth-of-type(1),
footer.page-footer-copyright .page-footer-promo span:nth-of-type(2),
footer.page-footer-copyright .page-footer-promo span:nth-of-type(3) {
    width: 22%;
    height: 30px
}

footer.page-footer-copyright .txt-support {
    display: inline-block;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px;
    margin: 0 auto;
    color: #ffffff7a
}

footer.page-footer-copyright .txt-support p {
    margin: 0 0 10px 0
}

footer.page-footer-copyright .txt-support br {
    display: none
}

footer.page-footer-copyright .txt-support .badge {
    margin-right: 10px;
    line-height: 25px;
    padding: 0;
    font-weight: normal;
    font-size: 12px
}

footer.page-footer-copyright .policy-area {
    width: 98%;
    margin-top: 3%;
    border-radius: 10px;
    padding: 10px 5px;
    display: inline-block;
    text-align: center
}

footer.page-footer-copyright .policy-area i.icon-shield-check {
    display: none;
    background-color: #dfdfdf98;
    border-radius: 100px;
    padding: 2px
}

footer.page-footer-copyright .policy-area i.icon-shield-check::before {
    font-size: 15px;
    color: #000
}

footer.page-footer-copyright .policy-area a {
    width: auto;
    color: #ffffffa4;
    margin: 3px
}

footer.page-footer-copyright .policy-area a:hover {
    color: #d4df32
}

@media screen and (min-width: 1024px) {
    footer.page-footer-copyright .policy-area {
        width: auto;
        display: block;
        margin: 10px auto
    }
    footer.page-footer-copyright .policy-area i.icon-shield-check {
        display: inline-block;
        margin-right: -6px
    }
    footer.page-footer-copyright .policy-area a {
        margin: 0 0 0 5px;
        padding: 0 6px;
        width: auto;
        text-decoration: none;
        border-right: 1px solid #ffffff52
    }
    footer.page-footer-copyright .policy-area a:last-child {
        border: none
    }
    footer.page-footer-copyright .txt-support {
        padding: 10px 20px
    }
}

footer.page-footer-copyright .btn-group {
    display: flex;
    justify-content: center;
    align-items: center
}

.page-web.type-R {
    background-color: #787878;
    background-size: cover
}

.page-web.type-R.fix-top .marquee-txt {
    opacity: 0
}

.page-web.type-R.hi .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab.tab-s p,
.page-web.type-R.bn .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab.tab-s p {
    max-width: none
}

.page-web.type-R.hi .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab.tab-s.MUSTHITBY,
.page-web.type-R.bn .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab.tab-s.MUSTHITBY {
    width: 25%
}

.page-web.type-R .section-ul li.li-jackpot .jackpot-box {
    background-image: url(/assets/images/downloadinfo/jackpot-bg.png);
    background-size: 100%
}

.page-web.type-R .section-ul li.show-Ingame-jackpot p {
    margin-bottom: 0
}

.page-web.type-R .section-ul li.show-Ingame-jackpot .jackpot-number {
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    height: 22px;
    font-size: 14px;
    border-radius: 8px 8px 0 0;
    color: #ffc107 !important
}

.page-web.type-R .section-ul li:nth-child(4) {
    display: inline-block
}

.page-web.type-R .section-ul li.WOS .device-btn-box::before {
    background: url(/theme/images/src-common/PLATFORM-img/120x80-fullname/WOS-logo.webp) no-repeat center center;
    background-size: 80%
}

.page-web.type-R .section-ul li.SBOBET .device-btn-box::before {
    background: url(/theme/images/src-common/PLATFORM-img/120x80-fullname/SBOBET-logo.webp) no-repeat center center;
    background-size: 80%
}

.page-web.type-R .section-ul li.SVSPORTS .device-btn-box::before {
    background: url(/theme/images/src-common/PLATFORM-img/120x80-fullname/SVSPORTS-logo.webp) no-repeat center center;
    background-size: 60px
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList {
    padding: 5% 1% 1% 1%
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li {
    background: linear-gradient(90deg, #333, #000);
    border-radius: 10px !important;
    border: 1px solid #323542;
    margin-bottom: 17px !important;
    height: auto
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box {
    position: relative;
    display: block;
    padding: 2%
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-jackpot {
    border-radius: 5px 5px 0 0;
    top: -15px;
    width: 60px;
    height: 30px;
    /* background: #000 url(/theme/images/src-gamehall/layout/type-R/jackpot-icon.webp) no-repeat center -2px; */
    background: #000 url(/images/jackpot-icon.webp) no-repeat center -2px;
    background-size: 100%
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .show-jackpot-MHB {
    left: 2%;
    top: auto;
    bottom: 0px
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .show-jackpot-MHB .txt-number {
    font-size: 100%
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt {
    position: relative
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    background-color: #00000000 !important;
    height: 35px
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name::after {
    width: 100%;
    height: 35px
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li.show-maintain .ul-gameIcon-box::after,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li.show-blocked .ul-gameIcon-box::after {
    transform: translate(-50%, -50%)
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li.JILI .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li.JDB .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li.WMSLOT .ul-gameIcon-txt .txt-platform-name,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li.ICF .ul-gameIcon-txt .txt-platform-name {
    width: 50px;
    height: 35px
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li.JILI .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li.JDB .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li.WMSLOT .ul-gameIcon-txt .txt-platform-name::after,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li.ICF .ul-gameIcon-txt .txt-platform-name::after {
    width: 100%;
    height: 100%;
    background-size: cover
}

.page-web.type-R .page-content {
    background: none
}

.page-web.type-R .page-content .page-header .page-header-logo {
    display: none
}

.page-web.type-R .page-content .main-vert-tab {
    background: #fff;
    padding: 5px 0 5% 70px;
    border-radius: 12px
}

.page-web.type-R .page-content .main-vert-tab .tab-navs {
    width: 65px;
    left: 2%
}

.page-web.type-R .page-content .main-vert-tab .tab-content {
    min-height: 90vh
}

.page-web.type-R .page-content .main-vert-tab .tab-content .section-tit .btn-link {
    position: relative;
    right: auto;
    top: auto;
    transform: none
}

.page-web.type-R .page-content .main-vert-tab .tab-content.LIVE .section-ul,
.page-web.type-R .page-content .main-vert-tab .tab-content.RNGTABLE .section-ul,
.page-web.type-R .page-content .main-vert-tab .tab-content.SLOT .section-ul,
.page-web.type-R .page-content .main-vert-tab .tab-content.FH .section-ul,
.page-web.type-R .page-content .main-vert-tab .tab-content.ARCADE .section-ul,
.page-web.type-R .page-content .main-vert-tab .tab-content.MISH .section-ul,
.page-web.type-R .page-content .main-vert-tab .tab-content.CRASH .section-ul {
    grid-template-columns: 31% 31% 31%;
    grid-column-gap: 5px;
    grid-row-gap: 3px
}

.page-web.type-R .page-content .main-vert-tab .tab-content li .game-feature {
    z-index: 1
}

.page-web.type-R .page-content .main-vert-tab .tab-content li .game-feature .show-jackpot {
    border-radius: 5px 5px 0 0;
    height: 15px
}

.page-web.type-R .page-content .main-vert-tab .tab-content li .game-feature .show-jackpot~.show-bonus-event::before {
    left: -15px
}

.page-web.type-R .page-content .main-vert-tab .tab-content li .game-feature .show-bonus-event::before {
    top: 10px
}

.page-web.type-R .page-content .main-vert-tab .tab-content .section-box.section-JACKPOT::before,
.page-web.type-R .page-content .main-vert-tab .tab-content .section-box.section-JACKPOT::after {
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translateX(-50%);
    content: 'JACKPOT';
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    z-index: 10;
    color: #ffcb3b;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fcedca 0%, #d0aa53 70%);
    -webkit-background-clip: text
}

.page-web.type-R .page-content .main-vert-tab .tab-content .section-box.section-JACKPOT::after {
    z-index: -1;
    -webkit-text-fill-color: unset;
    text-shadow: 0 1px 2px #333
}

.page-web.type-R .page-content .main-vert-tab .tab-content .section-ul.ul-gameList li.POCKET img.platform-icon {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(293deg) brightness(102%) contrast(101%)
}

.page-web.type-R .page-content .main-vert-tab .tab-content .section-ul.ul-gameList li.JOKER .ul-gameIcon-box img.platform-icon {
    height: 20%;
    bottom: 2%
}

.page-web.type-R .page-content.page-game-list .section-ul.game-list-ul li .show-bonus-event::before {
    left: -70px
}

.page-web.type-R .page-content .main-owl-info {
    background: none;
    border: none;
    position: relative;
    border-radius: 0;
    min-height: 60px
}

.page-web.type-R .page-content .main-owl-info .marquee-txt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 802;
    background: #000000b9;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.page-web.type-R .page-content .main-owl-info .marquee-txt i {
    background: none !important;
    padding-left: 10px
}

.page-web.type-R .page-content .main-owl-info .marquee-txt i::before {
    content: '◎'
}

.page-web.type-R .page-wrapper .page-content {
    padding: 30px 0 110px 0;
    background: none
}

.page-web.type-R .page-wrapper .page-content .main-owl-info {
    background: none;
    border: none;
    position: relative;
    padding: 0 0 0 0;
    border-radius: 0
}

.page-web.type-R .page-wrapper .page-content .main-owl-info .owl-carousel.owl-banner {
    z-index: 0
}

.page-web.type-R .page-wrapper .page-content .main-vert-tab {
    position: relative;
    z-index: 500;
    margin-top: -5px;
    border-radius: 15px;
    box-shadow: 0 0 10px #0000008c
}

.page-web.type-R .page-wrapper .page-content .main-vert-tab .tab-navs {
    display: flex;
    flex-direction: column;
    left: 1%
}

.page-web.type-R .page-wrapper .page-content .main-vert-tab .tab-navs.num-9 {
    height: calc( 100vh - 20px)
}

.page-web.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab.tab-s {
    background: linear-gradient(0deg, #fff, #ebebeb);
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -2px 0 inset
}

.page-web.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab.tab-s p {
    color: #36395A
}

.page-web.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group .tab-navs .tab.tab-s.active {
    background: #c8cbd3;
    box-shadow: #0808084f 0 3px 7px inset, 0px 2px 4px #ffffff9a
}

.page-web.type-R .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs.num-9 {
    height: auto
}

.page-web.type-R.device-PC .section-ul.game-list-ul.ul-gameList li .show-bonus-event::before {
    left: 0
}

.page-web.type-R.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    height: 35px !important
}

.page-web.type-R.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name::after {
    height: 35px !important
}

.page-web.type-R.device-PC .tab-content .section-box.section-JACKPOT::before,
.page-web.type-R.device-PC .tab-content .section-box.section-JACKPOT::after {
    top: -20px !important
}

.page-web.type-R.device-PC .tab-content .section-box.section-JACKPOT .JACKPOT-content .jackpot-button {
    right: -1%
}

.page-web.type-R.device-PC .tab-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li .show-bonus-event::before {
    top: 3px;
    left: 3px
}

.page-web.type-R.device-PC .tab-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul li .show-jackpot {
    height: 20px;
    transform: translateY(-10px)
}

.page-web.type-R.device-PC .page-content .main-vert-tab .tab-content .section-tit .line {
    width: 90%
}

.page-web.type-R .section-ul.ul-platfromList {
    grid-template-columns: repeat(4, 22%) !important;
    grid-auto-rows: minmax(35px, 50px);
    grid-gap: 8px 6px !important
}

.page-web.type-R .section-ul.ul-platfromList li {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 1px 6px 12px 6px;
    gap: 4px;
    border-radius: 8px;
    background: linear-gradient(0deg, #fff, #ebebeb);
    box-shadow: #2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset, #fff 0 0.8px 0 inset
}

.page-web.type-R .section-ul.ul-platfromList li.show-JPSticky.show-promo .JP-promoSticky {
    top: -7px !important;
    left: 10px !important;
    height: 15px;
    z-index: 1
}

.page-web.type-R .section-ul.ul-platfromList li.show-JPSticky .JP-promoSticky {
    bottom: auto !important;
    top: -8px !important;
    left: -17px !important;
    transform: rotate(0deg) scale(0.7) !important;
    padding: 0;
    width: 58px;
    line-height: 15px;
    height: 22px;
    font-size: 10px
}

.page-web.type-R .section-ul.ul-platfromList li.show-promo .show-promo {
    bottom: auto !important;
    top: -17px !important;
    transform: rotate(25deg) scale(0.8) !important;
    left: -11px !important
}

.page-web.type-R .section-ul.ul-platfromList li.YL img.platform-icon,
.page-web.type-R .section-ul.ul-platfromList li.YB img.platform-icon,
.page-web.type-R .section-ul.ul-platfromList li.MIMI img.platform-icon {
    filter: drop-shadow(0 0 1px #000)
}

.page-web.type-R .section-ul.ul-platfromList li.show-maintain .ul-gameIcon-box,
.page-web.type-R .section-ul.ul-platfromList li.show-blocked .ul-gameIcon-box {
    border: none !important;
    background: #6e6e6e7d !important;
    box-shadow: none !important
}

.page-web.type-R .section-ul.ul-platfromList li.show-maintain .platform-icon,
.page-web.type-R .section-ul.ul-platfromList li.show-blocked .platform-icon {
    filter: grayscale(30%) brightness(30%) !important
}

.page-web.type-R .section-ul.ul-platfromList li .ul-gameIcon-box {
    border-radius: 8px;
    position: relative;
    display: inline-block;
    width: auto;
    height: auto
}

.page-web.type-R .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name {
    border-radius: 0;
    background: transparent;
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0px, 0px);
    width: 25px;
    height: 25px
}

.page-web.type-R .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .platform-icon {
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.690196))
}

.page-web.type-R .section-ul.ul-platfromList li .game-icon {
    position: relative;
    margin: 0;
    border-radius: 8px;
    width: 30px;
    box-shadow: 0 2px 1px #0000006b
}

.page-web.type-R .section-ul.ul-platfromList li img.platform-icon {
    object-fit: contain
}

.page-web.type-R .section-ul.ul-platfromList li>span {
    position: absolute;
    bottom: 4px;
    right: 0;
    display: block;
    color: #ffffffae;
    font-size: 8px;
    line-height: normal;
    width: 100%
}

.page-web.type-R.device-PC .section-ul.ul-platfromList {
    grid-template-columns: repeat(6, 15.4%) !important;
    grid-auto-rows: minmax(45px, 92px) !important;
    grid-column-gap: 15px !important;
    grid-row-gap: 10px !important
}

.page-web.type-R.device-PC .section-ul.ul-platfromList li {
    display: flex !important;
    justify-content: space-evenly;
    padding: 0px 6px 19px 6px
}

.page-web.type-R.device-PC .section-ul.ul-platfromList li.show-promo.show-JPSticky .JP-promoSticky {
    top: -7.5px !important;
    left: 12px !important
}

.page-web.type-R.device-PC .section-ul.ul-platfromList li .ul-gameIcon-box .show-promo {
    left: -22px !important;
    transform: rotate(25deg) scale(1.1) !important
}

.page-web.type-R.device-PC .section-ul.ul-platfromList li .ul-gameIcon-box .JP-promoSticky {
    left: -25px !important;
    transform: rotate(0deg) scale(1) !important
}

.page-web.type-R.device-PC .section-ul.ul-platfromList li .ul-gameIcon-box .game-icon {
    width: 60px;
    height: 60px
}

.page-web.type-R.device-PC .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name {
    width: 60px;
    height: 60px
}

.page-web.type-R.device-PC .section-ul.ul-platfromList li>span {
    font-size: 12px;
    bottom: 5px
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList {
    grid-template-columns: repeat(3, 30%) !important;
    grid-gap: 9px 7px !important
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li {
    background: radial-gradient(ellipse farthest-corner at right top, #FEDB37 0%, #FDB931 8%, #fff 30%, #764c0e 35%, #f3c954 80%) !important;
    min-height: 55px;
    border-radius: 12px 0 12px 0
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li.show-promo.show-JPSticky .JP-promoSticky {
    top: 20px
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked {
    border-radius: 12px 0 12px 0 !important
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain .ul-gameIcon-box,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked .ul-gameIcon-box {
    background: #000
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain .ul-gameIcon-txt,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked .ul-gameIcon-txt {
    opacity: 0.2
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box {
    width: calc( 100% - 2px);
    height: calc( 100% - 2px);
    margin: 1px;
    overflow: hidden;
    border: none !important;
    border-radius: 12px 0 12px 0 !important
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box::before {
    display: none !important
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box .show-promo {
    top: -3px;
    left: -8px;
    width: 35px
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box .JP-promoSticky {
    top: 7px;
    left: -6px;
    width: 40px;
    height: 25px;
    background-size: 40px;
    font-size: 7px;
    padding: 0 5px;
    z-index: 51
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .game-icon {
    position: absolute;
    right: 8%;
    top: 60%;
    transform: translateY(-50%);
    z-index: 0;
    width: 30%;
    border-radius: 300px !important;
    margin: 0 auto;
    box-shadow: 0 2px 3px #000
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt {
    position: absolute;
    width: auto;
    height: auto;
    z-index: 10;
    top: 60%;
    left: 30%;
    transform: translate(-50%, -50%);
    border: none;
    background: transparent;
    overflow: visible;
    border-radius: 0
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name {
    top: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    display: block !important;
    background: transparent;
    border-radius: 0
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name i {
    font-size: 27px;
    background: -webkit-linear-gradient(#ffffe8, #daa156);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-JDB,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-ADVANTPLAY,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-FACHAI {
    font-size: 35px
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-DNASLOT,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-SPRIBE,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-TPG,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-WMSLOT,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-PLAYSTAR,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-PLAYNGO,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-YL,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-RICH88,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-PTLIVE {
    font-size: 36px
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-JOLLIPLAY,
body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-MIMI {
    font-size: 45px
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-JOKER {
    font-size: 30px
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt img.platform-icon {
    display: block;
    position: relative;
    z-index: 9;
    height: 50px;
    width: 100%;
    object-fit: contain
}

body.page-web.type-W .page-wrapper .page-content .section-ul.ul-platfromList li>span {
    position: absolute;
    top: 3px;
    left: 8px;
    display: block;
    color: #ffffffae;
    font-size: 8px;
    width: calc( 100% - 10px);
    line-height: 10px;
    background: #000000ad;
    border-top-left-radius: 20px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList {
    grid-template-columns: repeat(5, 19%) !important;
    grid-gap: 16px !important;
    padding-top: 6px !important
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li {
    min-height: 110px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li.show-promo.show-JPSticky .JP-promoSticky {
    top: 31px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .show-promo {
    width: 25%
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .JP-promoSticky {
    font-size: 12px;
    width: 60px;
    height: 30px;
    background-size: 60px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name i {
    font-size: 50px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-JDB,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-ADVANTPLAY,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-FACHAI {
    font-size: 50px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-DNASLOT,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-SPRIBE,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-TPG,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-WMSLOT,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-PLAYSTAR,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-PLAYNGO,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-RICH88,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-JOKER,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-PTLIVE {
    font-size: 65px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-JOLLIPLAY,
body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-MIMI {
    font-size: 78px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .txt-platform-name .icon-KINGMAKER {
    font-size: 45px
}

body.page-web.type-W.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li>span {
    font-size: 12px;
    top: 7px
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList {
    grid-template-columns: repeat(3, 30%) !important;
    grid-gap: 6px !important
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li {
    margin-bottom: 0;
    border-radius: 8px !important;
    height: 50px
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li.show-promo::after {
    height: 27px;
    width: 37px;
    left: -4px;
    bottom: auto;
    top: -2px
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li.show-promo.show-JPSticky .JP-promoSticky {
    top: 13px
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li.show-promo.show-JPSticky::after {
    z-index: 1
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li .ul-gameIcon-box {
    position: relative;
    width: 100%;
    height: 100%
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li .game-icon {
    border-radius: 200px !important;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 4px !important;
    top: 4px;
    box-shadow: 0 5px 8px #00000050;
    object-fit: cover
}

@media screen and (max-width: 380px) {
    .page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li .game-icon {
        right: 4px !important
    }
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li .platform-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 !important
}

@media screen and (max-width: 380px) {
    .page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li .platform-icon {
        margin: 0 !important
    }
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li.show-maintain,
.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li.show-block {
    background: none;
    background-color: #2d2d2d !important
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li .JP-promoSticky {
    top: 4px;
    left: -5px;
    width: 40px;
    height: 14px;
    background-size: 40px;
    padding: 0 3px;
    font-size: 7px
}

.page-web.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList .ul-gameIcon-txt {
    display: none
}

.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList {
    width: 100%;
    grid-template-columns: repeat(4, 24%) !important;
    grid-gap: 15px !important
}

.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li {
    height: 130px;
    overflow: hidden !important;
    text-align: left
}

.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li.show-promo::after {
    width: 60px;
    height: 60px;
    left: 1px
}

.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li.show-promo.show-JPSticky .JP-promoSticky {
    top: 35px
}

.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li.show-JPSticky .JP-promoSticky {
    left: -4px;
    top: 14px;
    width: 70px;
    height: 25px;
    background-size: 70px;
    font-size: 12px;
    padding: 0 8px
}

.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li img.game-icon {
    width: 140px !important;
    height: 140px;
    top: -7px;
    right: 2% !important
}

.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li img.platform-icon {
    width: 110% !important;
    left: -14%;
    margin: 0;
    transform: translate(0, 0)
}

.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li .JP-promoSticky {
    left: -5px;
    top: 12px;
    width: 70px;
    height: 25px;
    background-size: 70px;
    font-size: 12px;
    padding: 0 8px
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList {
    grid-template-columns: repeat(3, 32%) !important;
    grid-gap: 12px 2px !important;
    padding-top: 16px
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li {
    position: relative;
    width: 90%;
    min-height: 40px;
    border-radius: 15px;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, #D6D6E7 0 -3px 0 inset, rgba(45, 35, 66, 0.3) 0 7px 13px -3px;
    background: linear-gradient(0deg, #fff 0%, #e4e4e4 100%);
    text-align: left;
    margin: 0
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-promo.show-JPSticky .JP-promoSticky {
    top: 12px
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box .JP-promoSticky {
    width: 41px;
    height: 20px;
    background-size: 41px;
    padding: 0 5px;
    font-size: 7px;
    left: -11px
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box .game-icon {
    overflow: hidden;
    position: absolute;
    right: -3px;
    top: 47%;
    transform: translateY(-50%);
    border-radius: 100px;
    width: 36px;
    height: 36px;
    box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li>span {
    display: none
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt {
    position: absolute;
    width: 53%;
    height: 100%;
    top: 50%;
    left: 30px;
    transform: translate(-50%, -50%)
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .platform-icon {
    width: 100%;
    height: 100%
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li .txt-platform-name {
    border-radius: 0;
    background: transparent;
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0px, 0px);
    width: 100%;
    height: 100%
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-promo::after {
    display: none !important
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain,
body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked {
    box-shadow: none;
    background: linear-gradient(45deg, rgba(110, 110, 110, 0.129412), #bfbfbf)
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain .ul-gameIcon-box::after,
body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked .ul-gameIcon-box::after {
    color: #5c5c5c !important;
    text-shadow: none
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain .ul-gameIcon-box .platform-icon,
body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked .ul-gameIcon-box .platform-icon {
    left: 50% !important;
    opacity: 1;
    width: 60%
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain .game-icon,
body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked .game-icon {
    display: none
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain .ul-gameIcon-txt,
body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked .ul-gameIcon-txt {
    left: 50%
}

body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-maintain .ul-gameIcon-txt .platform-icon,
body.page-web.type-P .page-wrapper .page-content .section-ul.ul-platfromList li.show-blocked .ul-gameIcon-txt .platform-icon {
    filter: grayscale(30%) brightness(30%) !important
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList {
    grid-template-columns: repeat(5, 20%) !important;
    grid-gap: 15px 0% !important;
    margin-top: 10px
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li {
    height: 60px
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li.show-promo.show-JPSticky .ul-gameIcon-box .show-promo {
    top: -18px
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li.show-promo.show-JPSticky .ul-gameIcon-box .JP-promoSticky {
    top: 20px
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box .show-promo {
    width: 30%
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box .JP-promoSticky {
    top: 10px;
    z-index: 16;
    width: 53px;
    height: 24px;
    background-size: 53px;
    padding: 0 5px;
    font-size: 10px;
    left: -11px
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-box .game-icon {
    width: 65px;
    height: 65px
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt {
    width: 95%;
    left: 45%
}

body.page-web.type-P.device-PC .page-wrapper .page-content .section-ul.ul-platfromList li .ul-gameIcon-txt .platform-icon {
    max-height: 55px;
    margin-top: 3px
}

.section-ul.game-list-ul.ul-gameList {
    position: relative;
    padding-top: 24px;
    z-index: 1
}

.section-ul.game-list-ul.ul-gameList li {
    padding: 0
}

.section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box {
    position: relative
}

.section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-bonus-event {
    position: absolute;
    top: -10px;
    left: -5px;
    right: auto
}

.section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-bonus-event::before {
    left: auto;
    top: 0;
    width: 30px;
    height: 30px
}

.section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-jackpot {
    position: absolute;
    height: 15px;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none
}

.section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .game-icon {
    border-radius: 8px
}

.section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt {
    position: relative
}

.section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    font-size: 0
}

.section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name img {
    height: 100%
}

.section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .show-jackpot-MHB .txt-number {
    font-size: 90%
}

.section-ul.game-list-ul.ul-gameList li.show-Ingame-jackpot .jackpot-number {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    width: 95%;
    height: 22px;
    font-size: 14px;
    border-radius: 0 0 7px 7px;
    color: #ffc107;
    background: linear-gradient(rgba(0, 0, 0, 0.580392), rgba(0, 0, 0, 0.909804))
}

.section-ul.game-list-ul.ul-gameList li.show-Ingame-jackpot .jackpot-number .txt-number {
    line-height: 22px;
    font-size: 90%
}

.section-ul.game-list-ul.ul-gameList li.show-maintain::after,
.section-ul.game-list-ul.ul-gameList li.show-blocked::after {
    display: none !important
}

.section-ul.game-list-ul.ul-gameList li.show-maintain .ul-gameIcon-txt .txt-platform-name,
.section-ul.game-list-ul.ul-gameList li.show-blocked .ul-gameIcon-txt .txt-platform-name {
    display: inline-block !important
}

.section-box.section-LIVE .section-ul.ul-gameList li .ul-gameIcon-txt,
.section-box.section-SPORTS .section-ul.ul-gameList li .ul-gameIcon-txt,
.section-box.section-LOTTERY .section-ul.ul-gameList li .ul-gameIcon-txt,
.section-box.section-LIVEARENA .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.LIVE .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.LOTTERY .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.LIVEARENA .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.FIGHTING .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.FH .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.RNGTABLE .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.SLOT .section-ul.ul-gameList li .ul-gameIcon-txt,
.tab-content.ARCADE .section-ul.ul-gameList li .ul-gameIcon-txt {
    display: none !important
}

.section-box.section-LIVE .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.section-box.section-SPORTS .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.section-box.section-LOTTERY .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.section-box.section-LIVEARENA .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.LIVE .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.LOTTERY .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.LIVEARENA .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.FIGHTING .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.FH .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.RNGTABLE .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.SLOT .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.tab-content.ARCADE .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    display: none !important
}

.section-box.section-LIVE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.section-box.section-SPORTS .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.section-box.section-LOTTERY .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.section-box.section-LIVEARENA .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.LIVE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.LOTTERY .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.SPORTS .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.LIVEARENA .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.FIGHTING .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.FH .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.RNGTABLE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.SLOT .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.tab-content.ARCADE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt {
    display: inline-block !important
}

.section-box.section-LIVE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.section-box.section-SPORTS .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.section-box.section-LOTTERY .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.section-box.section-LIVEARENA .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.LIVE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.LOTTERY .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.SPORTS .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.LIVEARENA .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.FIGHTING .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.FH .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.RNGTABLE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.SLOT .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name,
.tab-content.ARCADE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt .txt-platform-name {
    display: inline-block !important
}

.LIVETABLE {
    padding-top: 30px
}

.LIVETABLE .table-tit {
    top: 0
}

.LIVETABLE .owl-carousel.ul-gameList .owl-stage li {
    box-shadow: #2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset !important;
    margin-bottom: 5px;
    background: #fff !important
}

.LIVETABLE .owl-carousel.ul-gameList .owl-stage li .ul-gameIcon-box .game-icon {
    min-height: auto !important
}

.LIVETABLE .owl-carousel.ul-gameList .owl-stage li .ul-gameIcon-txt .txt-gameName {
    color: #333 !important
}

.page-content.page-game-list .section-ul.section-ul.ul-gameList li.li-jackpot {
    border: none;
    background: transparent
}

.page-content.page-game-list .section-ul.section-ul.ul-gameList li.li-jackpot:hover {
    top: 0
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 320px;
    padding: 10px 0 10px 0
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT {
    width: calc( 50% - 10px);
    height: 70px;
    background-size: 250%;
    background-position: right 20%;
    position: relative;
    border-radius: 15px;
    margin: 0 5px
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker {
    position: relative
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-flatform {
    position: absolute;
    z-index: 100;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70%;
    height: 70%;
    top: 0px;
    left: 5px
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-gameType {
    position: absolute;
    z-index: 5;
    background-repeat: no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70%;
    height: 70%;
    top: -10px;
    left: 5px
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-gameType::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 50%;
    height: 60%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -100;
    border-radius: 8px
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-bonus-event {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 60%;
    left: 10%
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-bonus-event span {
    text-shadow: 2px 2px 4px rgba(1, 1, 1, 0.5)
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-bonus-event::before {
    display: none
}

.section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .txt-bonus {
    display: none
}

.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-bonus-event::before {
    width: 40px !important;
    height: 40px !important
}

.device-PC .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire.on-fire .show-jackpot-MHB .txt-number {
    font-size: 110%
}

.device-PC .LIVETABLE {
    padding-top: 50px !important
}

.device-PC .LIVETABLE li {
    margin-bottom: 10px
}

.device-PC .page-content.page-game-list .section-ul.game-list-ul.ul-gameList {
    grid-template-columns: repeat(6, 14%) !important;
    grid-gap: 0 3% !important
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper {
    flex-wrap: nowrap;
    width: 100%;
    max-width: 600px;
    margin: auto
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT {
    width: 100%;
    min-height: 150px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 15px;
    margin: 0 5px
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-flatform {
    width: 40%;
    height: 40%;
    top: 0px;
    left: 5px
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-gameType {
    width: 40%;
    height: 40%;
    top: -10px;
    left: 5px
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-gameType::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0%;
    width: 55%;
    height: 55%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -100;
    border-radius: 8px
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-bonus-event {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .show-bonus-event span {
    background: #00000014;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 3px 6px;
    margin: 2px 3px;
    text-shadow: 0 3px 6px #0000004f
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .txt-bonus {
    display: block;
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 70%;
    left: 50%;
    line-height: 15px;
    transform: translate(-50%, -50%)
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .txt-bonus::before {
    display: none
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .txt-bonus sup {
    top: 70%;
    left: 0;
    position: absolute
}

.device-PC .section-box.section-BONUSEVENT .Bonusevent-wrapper .BONUSEVENT .Bonusevent-sticker .txt-bonus b {
    line-height: normal;
    font-style: italic;
    text-shadow: 0 3px 6px #0000004f;
    font-size: 160%
}

.page-web.type-R .ul-gameList li.SV388 .show-bonus-event,
.page-web.type-R .ul-gameList li.ICF .show-bonus-event,
.page-web.type-W .ul-gameList li.SV388 .show-bonus-event,
.page-web.type-W .ul-gameList li.ICF .show-bonus-event,
.page-web.type-L .ul-gameList li.SV388 .show-bonus-event,
.page-web.type-L .ul-gameList li.ICF .show-bonus-event,
.page-web.type-P .ul-gameList li.SV388 .show-bonus-event,
.page-web.type-P .ul-gameList li.ICF .show-bonus-event {
    position: absolute;
    left: 0 !important;
    top: 0 !important
}

.page-web.type-R .ul-gameList li.SV388 .show-bonus-event::before,
.page-web.type-R .ul-gameList li.ICF .show-bonus-event::before,
.page-web.type-W .ul-gameList li.SV388 .show-bonus-event::before,
.page-web.type-W .ul-gameList li.ICF .show-bonus-event::before,
.page-web.type-L .ul-gameList li.SV388 .show-bonus-event::before,
.page-web.type-L .ul-gameList li.ICF .show-bonus-event::before,
.page-web.type-P .ul-gameList li.SV388 .show-bonus-event::before,
.page-web.type-P .ul-gameList li.ICF .show-bonus-event::before {
    width: 45px;
    height: 45px;
    background-size: 100%
}

.page-web.type-W .ul-gameList li.SV388 .show-bonus-event,
.page-web.type-W .ul-gameList li.ICF .show-bonus-event {
    left: 5px !important
}

.type-L .section-ul.ul-gameList li,
.type-P .section-ul.ul-gameList li {
    position: relative;
    padding: 1% 2%
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-box,
.type-P .section-ul.ul-gameList li .ul-gameIcon-box {
    position: relative
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-box .show-bonus-event::before,
.type-P .section-ul.ul-gameList li .ul-gameIcon-box .show-bonus-event::before {
    top: 5px;
    left: -5px
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-box .show-jackpot,
.type-P .section-ul.ul-gameList li .ul-gameIcon-box .show-jackpot {
    top: -10px;
    height: 16px;
    border-radius: 5px 5px 0 0;
    width: 60px;
    background-size: 100%;
    z-index: 1
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .section-ul.ul-gameList li .ul-gameIcon-box .game-icon {
    transform: skew(6deg) scale(1);
    width: 100%;
    border-radius: 20px !important;
    padding: 5px
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-box .show-jackpot-MHB,
.type-L .section-ul.ul-gameList li .ul-gameIcon-box .jackpot-number,
.type-P .section-ul.ul-gameList li .ul-gameIcon-box .show-jackpot-MHB,
.type-P .section-ul.ul-gameList li .ul-gameIcon-box .jackpot-number {
    transform: none;
    top: auto;
    bottom: 0;
    border-radius: 0 0 20px 20px;
    transform: skew(6deg);
    left: 8% !important;
    width: calc(100% - 10px);
    z-index: 5
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-box .device-btn-box,
.type-P .section-ul.ul-gameList li .ul-gameIcon-box .device-btn-box {
    left: 10px;
    bottom: 0;
    width: calc( 100% - 20px)
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.type-P .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    top: auto;
    bottom: 3px;
    transform: none;
    border-radius: 6px;
    left: auto;
    right: -3px;
    box-shadow: 0 1px 5px #acacac;
    background-color: #fff
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name::after,
.type-P .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name::after {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 20px;
    height: 100%
}

.type-L .section-ul.ul-gameList li.show-Ingame-jackpot .ul-gameIcon-txt .txt-platform-name,
.type-L .section-ul.ul-gameList li.show-jackpot-fire .ul-gameIcon-txt .txt-platform-name,
.type-P .section-ul.ul-gameList li.show-Ingame-jackpot .ul-gameIcon-txt .txt-platform-name,
.type-P .section-ul.ul-gameList li.show-jackpot-fire .ul-gameIcon-txt .txt-platform-name {
    display: none
}

.type-L .section-ul.ul-gameList li.JILI .ul-gameIcon-txt .txt-platform-name,
.type-P .section-ul.ul-gameList li.JILI .ul-gameIcon-txt .txt-platform-name {
    background-image: linear-gradient(#94741c, #38280a)
}

.type-L .section-ul.ul-gameList li.IDEALGAMING .ul-gameIcon-txt .txt-platform-name,
.type-P .section-ul.ul-gameList li.IDEALGAMING .ul-gameIcon-txt .txt-platform-name {
    background-color: #707070 !important
}

.type-L .section-ul.ul-gameList li.KINGMAKER .ul-gameIcon-txt .txt-platform-name,
.type-L .section-ul.ul-gameList li.NETENT .ul-gameIcon-txt .txt-platform-name,
.type-P .section-ul.ul-gameList li.KINGMAKER .ul-gameIcon-txt .txt-platform-name,
.type-P .section-ul.ul-gameList li.NETENT .ul-gameIcon-txt .txt-platform-name {
    background-color: #191919 !important
}

.type-L .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .section-ul.ul-gameList li .ul-gameIcon-box .game-icon {
    border-radius: 10px
}

.type-L .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .game-icon {
    padding: 0
}

.type-L .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .show-jackpot-MHB,
.type-L .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .jackpot-number,
.type-P .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .show-jackpot-MHB,
.type-P .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .jackpot-number {
    left: 3% !important;
    width: 100%
}

.type-L .tab-content.LIVE .ul-gameList.section-ul li .ul-gameIcon-box .game-icon,
.type-L .tab-content.SPORTS .ul-gameList.section-ul li .ul-gameIcon-box .game-icon,
.type-L .tab-content.LIVEARENA .ul-gameList.section-ul li .ul-gameIcon-box .game-icon,
.type-L .tab-content.LOTTERY .ul-gameList.section-ul li .ul-gameIcon-box .game-icon,
.type-P .tab-content.LIVE .ul-gameList.section-ul li .ul-gameIcon-box .game-icon,
.type-P .tab-content.SPORTS .ul-gameList.section-ul li .ul-gameIcon-box .game-icon,
.type-P .tab-content.LIVEARENA .ul-gameList.section-ul li .ul-gameIcon-box .game-icon,
.type-P .tab-content.LOTTERY .ul-gameList.section-ul li .ul-gameIcon-box .game-icon {
    transform: skew(0)
}

.type-L .tab-content.LIVE .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-L .tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-L .tab-content.LIVEARENA .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-L .tab-content.RNGTABLE .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-L .tab-content.SLOT .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-L .tab-content.ARCADE .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-L .tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-L .tab-content.LOTTERY .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-L .tab-content.FH .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.LIVE .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.LIVEARENA .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.RNGTABLE .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.SLOT .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.ARCADE .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.LOTTERY .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P .tab-content.FH .section-ul.ul-gameList li .ul-gameIcon-box .game-icon {
    border-radius: 20px !important
}

.type-L .tab-content.LIVE .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-L .tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-L .tab-content.LIVEARENA .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-L .tab-content.RNGTABLE .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-L .tab-content.SLOT .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-L .tab-content.ARCADE .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-L .tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-L .tab-content.LOTTERY .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-L .tab-content.FH .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.LIVE .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.LIVEARENA .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.RNGTABLE .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.SLOT .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.ARCADE .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.SPORTS .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.LOTTERY .section-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .tab-content.FH .section-ul.ul-gameList li .ul-gameIcon-txt {
    display: none
}

.type-L .tab-content.LIVE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-L .tab-content.SPORTS .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-L .tab-content.LIVEARENA .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-L .tab-content.RNGTABLE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-L .tab-content.SLOT .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-L .tab-content.ARCADE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-L .tab-content.SPORTS .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-L .tab-content.LOTTERY .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-L .tab-content.FH .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.LIVE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.SPORTS .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.LIVEARENA .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.RNGTABLE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.SLOT .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.ARCADE .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.SPORTS .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.LOTTERY .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt,
.type-P .tab-content.FH .section-ul.game-list-ul.ul-gameList .ul-gameIcon-txt {
    display: block !important
}

.type-L .ul-gameList.section-ul.LIVE li .ul-gameIcon-box .game-icon,
.type-L .ul-gameList.section-ul.LIVEARENA li .ul-gameIcon-box .game-icon,
.type-L .ul-gameList.section-ul.SPORTS li .ul-gameIcon-box .game-icon,
.type-L .ul-gameList.section-ul.LOTTERY li .ul-gameIcon-box .game-icon,
.type-P .ul-gameList.section-ul.LIVE li .ul-gameIcon-box .game-icon,
.type-P .ul-gameList.section-ul.LIVEARENA li .ul-gameIcon-box .game-icon,
.type-P .ul-gameList.section-ul.SPORTS li .ul-gameIcon-box .game-icon,
.type-P .ul-gameList.section-ul.LOTTERY li .ul-gameIcon-box .game-icon {
    transform: skew(0)
}

.type-L .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.game-list-ul.ul-gameList,
.type-P .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.game-list-ul.ul-gameList {
    grid-template-columns: repeat(3, 30%);
    grid-gap: 0 3%
}

.type-L .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList,
.type-P .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList {
    grid-template-columns: repeat(3, 30%);
    grid-gap: 0 3%;
    padding: 0
}

.type-L .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt,
.type-P .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt {
    padding-top: 3px;
    display: block
}

.type-L .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.type-P .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    bottom: calc( 15px + 50%);
    left: auto;
    right: -10px !important
}

.type-L .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-gameName,
.type-P .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-gameName {
    display: block;
    color: #323542;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.type-L.device-PC .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name,
.type-P.device-PC .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    height: 35px;
    right: -10px;
    bottom: -5px;
    width: 45px
}

.type-L.device-PC .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name::after,
.type-P.device-PC .section-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name::after {
    height: 35px
}

.type-L.device-PC .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .game-icon,
.type-P.device-PC .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .game-icon {
    padding: 5px
}

.type-L.device-PC .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .show-jackpot-MHB,
.type-L.device-PC .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .jackpot-number,
.type-P.device-PC .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .show-jackpot-MHB,
.type-P.device-PC .section-box.section-JACKPOT .section-ul.ul-gameList li .ul-gameIcon-box .jackpot-number {
    left: 8% !important;
    width: calc(100% - 10px)
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList {
    grid-template-columns: repeat(3, 30%) !important;
    grid-gap: 10px 3% !important;
    padding-top: 0
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li::after {
    display: none !important
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box {
    transform: none;
    padding: 0
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .game-icon {
    transform: skew(0) !important
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-jackpot {
    top: -7px;
    background-size: cover
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    bottom: 0px;
    right: -3px
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li.show-Ingame-jackpot .jackpot-number {
    left: 50% !important;
    width: calc(100% - 10px);
    bottom: 0;
    top: auto;
    border-radius: 0 0 18px 18px;
    font-size: 90% !important;
    color: #fff !important;
    z-index: 1
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .show-jackpot-MHB {
    transform: skew(0);
    left: 5% !important;
    bottom: 4px
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .txt-number {
    font-size: 90% !important;
    color: #fff !important
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire::after {
    display: inline-block;
    top: -20% !important;
    left: -10%;
    height: 100%;
    z-index: -1;
    width: 120%
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .show-jackpot-MHB {
    bottom: 0;
    background: linear-gradient(#242424, #636363)
}

.type-P .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire.on-fire .show-jackpot-MHB {
    background: linear-gradient(#194ac6, #3989ec)
}

.type-P .page-wrapper .page-content .section-box.section-SPECIAL .section-ul.game-list-ul.ul-gameList {
    padding-top: 0;
    display: block
}

.type-P .page-wrapper .page-content .section-box.section-SPECIAL .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .ul-gameIcon-box .show-jackpot-MHB {
    border-radius: 0 0 15px 15px !important;
    left: 3% !important;
    bottom: 0 !important
}

.type-P .page-wrapper .page-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul.game-list-ul.ul-gameList {
    gap: 10px !important
}

.type-P .page-wrapper .page-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .ul-gameIcon-box .show-jackpot-MHB {
    border-radius: 0 0 17px 17px !important;
    left: 0 !important
}

.type-P .page-wrapper .page-content.page-game-list.page-search .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-gameName {
    color: #989898;
    margin: 0
}

.type-P.device-PC .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li {
    padding: 10px !important
}

.type-P.device-PC .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-jackpot-MHB {
    left: 3% !important
}

.type-P.device-PC .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-jackpot {
    top: -15px;
    width: 75px;
    height: 30px
}

.type-P.device-PC .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li.show-Ingame-jackpot .jackpot-number {
    top: auto;
    border-radius: 0 0 18px 18px;
    width: 95%;
    bottom: 5px;
    font-size: 120% !important
}

.type-P.device-PC .page-wrapper .page-content .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire::after {
    top: -10% !important;
    left: -5% !important;
    width: 110% !important
}

.type-P.device-PC .page-wrapper .page-content .section-box.section-JACKPOT .JACKPOT-content .tab-pane .section-ul.game-list-ul.ul-gameList li.show-jackpot-fire .ul-gameIcon-box .show-jackpot-MHB {
    left: 3% !important
}

.type-P.device-PC .page-wrapper .page-content.page-search .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-txt .txt-platform-name {
    bottom: 45px;
    right: -7px !important
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-L .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-L .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-P .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-P .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot {
    position: absolute;
    left: -5px;
    top: 20px;
    color: #fff;
    border: 1px solid #FFF;
    font-size: 70%;
    padding: 2px 4px;
    font-weight: bolder;
    z-index: 100;
    transform: skewY(-10deg);
    width: 38px
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-L .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-P .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new {
    border-radius: 50px 50px 50px 0px;
    background: linear-gradient(180deg, #10F2B9 0%, #089F79 100%);
    text-shadow: 1px 1px 0 #32937B, -2px 2px 0 #32937B, 2px -2px 0 #32937B, -2px -2px 0 #32937B, 2px 0 0 #32937B, -2px 0 0 #32937B, 0 2px 0 #32937B, 0 -2px 0 #32937B
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new::before,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new::before,
.page-web.type-L .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new::before,
.page-web.type-P .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new::before {
    content: 'NEW'
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-L .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-P .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot {
    border-radius: 50px 0px 50px 50px;
    background: linear-gradient(180deg, #FF7979 0%, #DB1313 100%);
    text-shadow: 1px 1px 0 #DB1313, -2px 2px 0 #DB1313, 2px -2px 0 #DB1313, -2px -2px 0 #DB1313, 2px 0 0 #DB1313, -2px 0 0 #DB1313, 0 2px 0 #DB1313, 0 -2px 0 #DB1313
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot::before,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot::before,
.page-web.type-L .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot::before,
.page-web.type-P .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot::before {
    content: 'HOT'
}

.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-R .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new,
.page-web.type-L .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-L .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new,
.page-web.type-P .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-P .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new {
    top: 43px
}

.page-web.type-R.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-R.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-W.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-W.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-L.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-L.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new,
.page-web.type-P.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-P.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new {
    top: 32px
}

.page-web.type-R.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-R.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new,
.page-web.type-W.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-W.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new,
.page-web.type-L.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-L.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new,
.page-web.type-P.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-P.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new {
    top: 54px !important
}

.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new {
    top: 34px
}

.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-W .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new {
    top: 56px !important
}

.page-web.type-W.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot,
.page-web.type-W.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new {
    top: 44px
}

.page-web.type-W.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-new~.show-hot,
.page-web.type-W.device-PC .section-ul.game-list-ul.ul-gameList li .ul-gameIcon-box .show-hot~.show-new {
    top: 66px !important
}

.type-R main .LIVETABLE,
.type-P main .LIVETABLE {
    padding-top: 30px
}

.type-R main .LIVETABLE .table-tit,
.type-P main .LIVETABLE .table-tit {
    transform: rotate(0) translateX(-50%);
    background: transparent;
    box-shadow: none;
    color: #333;
    left: 50%;
    top: 0;
    width: 100%;
    height: auto;
    font-weight: 600;
    letter-spacing: 0;
    text-shadow: 0 0 12px #ffffff;
    padding: 0
}

.type-R main .LIVETABLE .table-tit i,
.type-P main .LIVETABLE .table-tit i {
    display: inline-block !important;
    line-height: 23px
}

.type-R main .LIVETABLE .table-group,
.type-P main .LIVETABLE .table-group {
    background: none;
    padding: 0
}

.type-R main .LIVETABLE .table-group .owl-stage-outer,
.type-P main .LIVETABLE .table-group .owl-stage-outer {
    max-height: 260px
}

.type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel,
.type-P main .LIVETABLE .table-group ul.table-inner.owl-carousel {
    padding-top: 5px;
    border-radius: 15px
}

.type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li,
.type-P main .LIVETABLE .table-group ul.table-inner.owl-carousel li {
    border-radius: 15px
}

.type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li .img-banner,
.type-P main .LIVETABLE .table-group ul.table-inner.owl-carousel li .img-banner {
    border: none;
    border-radius: 12px 12px 0 0
}

.type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit,
.type-P main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit {
    background: #fff;
    border-radius: 0 0 15px 15px;
    box-shadow: #2d234266 0 2px 4px, #2d23424d 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset
}

.type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit .txt-gameName,
.type-P main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit .txt-gameName {
    color: #333;
    margin-bottom: 0;
    min-height: 35px;
    background: none !important
}

.type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel li .ul-gameIcon-txt .txt-gameName,
.type-P main .LIVETABLE .table-group ul.table-inner.owl-carousel li .ul-gameIcon-txt .txt-gameName {
    background: none !important
}

.type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots,
.type-P main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
    display: none
}

.type-R main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav,
.type-P main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav {
    height: 0
}

.type-R.FC main .LIVETABLE .table-tit,
.type-R.PITO777 main .LIVETABLE .table-tit,
.type-P.FC main .LIVETABLE .table-tit,
.type-P.PITO777 main .LIVETABLE .table-tit {
    color: #fff
}

.type-R.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots,
.type-R.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots,
.type-P.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots,
.type-P.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
    display: none
}

.type-R.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit,
.type-R.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit,
.type-P.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit,
.type-P.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit {
    background: linear-gradient(0deg, #181818, #333);
    box-shadow: #00000066 0 2px 4px, #0000004d 0 7px 13px -3px, #000000 0 -3px 0 inset
}

.type-R.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit .txt-gameName,
.type-R.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit .txt-gameName,
.type-P.FC main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit .txt-gameName,
.type-P.PITO777 main .LIVETABLE .table-group ul.table-inner.owl-carousel li a .gametable-tit .txt-gameName {
    color: #f1f1f1
}

.type-R.device-PC main .LIVETABLE .table-tit,
.type-P.device-PC main .LIVETABLE .table-tit {
    font-size: 20px
}

.type-R.device-PC main .LIVETABLE .table-tit i,
.type-P.device-PC main .LIVETABLE .table-tit i {
    line-height: 30px
}

.type-R.device-PC main .LIVETABLE .table-group .owl-stage-outer,
.type-P.device-PC main .LIVETABLE .table-group .owl-stage-outer {
    max-height: 280px
}

.type-R.device-PC main .LIVETABLE .table-group ul.table-inner.owl-carousel,
.type-P.device-PC main .LIVETABLE .table-group ul.table-inner.owl-carousel {
    padding-top: 35px
}

.type-W main .LIVETABLE {
    padding: 0;
    border-radius: 0;
    background: #0000006b
}

.type-W main .LIVETABLE .table-tit {
    position: relative;
    left: auto;
    top: 2px;
    align-items: center;
    width: 100%;
    height: auto;
    box-shadow: none;
    padding: 10px 0;
    background: transparent;
    transform: rotate(0deg);
    font-size: 110%;
    text-transform: uppercase;
    text-shadow: 0 0px 10px #ffc900
}

.type-W main .LIVETABLE .table-tit::before,
.type-W main .LIVETABLE .table-tit::after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    left: auto;
    width: 25%;
    bottom: 50%;
    right: 0;
    background: linear-gradient(90deg, rgba(243, 201, 84, 0.533333), rgba(255, 255, 255, 0))
}

.type-W main .LIVETABLE .table-tit::after {
    right: auto;
    left: 0;
    background: linear-gradient(-90deg, rgba(243, 201, 84, 0.533333), rgba(255, 255, 255, 0))
}

.type-W main .LIVETABLE .table-tit i {
    display: none
}

.type-W main .LIVETABLE .table-group {
    background: none;
    padding: 0
}

.type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li {
    padding: 0
}

.type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li:hover {
    cursor: pointer
}

.type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li a {
    border-radius: 0
}

.type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li a .gametable-tit {
    border-radius: 0
}

.type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li a .gametable-tit .txt-gameName {
    border-radius: 0
}

.type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel div.owl-item li a .img-banner {
    border-radius: 0
}

.type-W main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav button {
    background: #f3c95488
}

.type-W.device-PC main .LIVETABLE .owl-stage-outer {
    max-height: 280px
}

.type-W.device-PC main .LIVETABLE .table-tit {
    top: 0px
}

.type-W.device-PC main .LIVETABLE .table-tit::before,
.type-W.device-PC main .LIVETABLE .table-tit::after {
    width: 40%
}

.type-L main .LIVETABLE .table-tit {
    top: 2px;
    left: 50%;
    width: auto;
    min-width: 125px;
    height: 22px;
    white-space: nowrap;
    letter-spacing: 0;
    background: #7acde9;
    border-radius: 20px;
    line-height: 20px;
    padding: 1px 0;
    box-shadow: none;
    transform: rotate(0) translateX(-50%);
    display: inline-flex
}

.type-L main .LIVETABLE .table-tit::before {
    white-space: nowrap;
    line-height: 14px
}

.type-L main .LIVETABLE .table-tit::after {
    content: '';
    position: absolute;
    top: 50%;
    background: #7acde9;
    width: 300px;
    color: #000;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 2px;
    z-index: -1
}

.type-L main .LIVETABLE .table-tit i {
    display: inline-block;
    box-shadow: none;
    line-height: 21px
}

.type-L main .LIVETABLE .table-group {
    background: #fff;
    box-shadow: inset -10px -10px 30px 0 #fff, inset 10px 10px 30px 0 #1d0dca17;
    padding: 0;
    border-radius: 15px
}

.type-L main .LIVETABLE .table-group .owl-stage-outer {
    max-height: 260px
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel {
    border-radius: 15px;
    padding-top: 5px !important
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-dots {
    display: none
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav {
    height: 0
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel .owl-nav button {
    background: #4997c3;
    border-radius: 7px;
    margin: 0 5px
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li:hover {
    cursor: pointer
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li:hover::before {
    display: none
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li::before {
    display: block;
    top: auto;
    bottom: 14px;
    left: 4px;
    width: 20px;
    height: 20px
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li .img-banner {
    border: none
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit {
    background: #fff;
    height: 35px;
    border-radius: 0 0 10px 10px
}

.type-L main .LIVETABLE .table-group ul.table-inner.owl-carousel li .gametable-tit .txt-gameName {
    color: #333;
    padding: 0px 3px 2px 25px;
    line-height: 13px;
    justify-content: flex-start;
    text-align: left
}

.type-L.device-PC main .LIVETABLE .owl-stage-outer {
    max-height: 300px
}

.type-L.device-PC main .LIVETABLE .table-tit {
    height: 40px;
    margin-top: -2px;
    line-height: 27px;
    font-size: 20px;
    min-width: 200px
}

.type-L.device-PC main .LIVETABLE .table-tit i.icon-fire {
    line-height: 28px
}

.type-L.device-PC main .LIVETABLE .table-tit::after {
    width: 900px
}

.type-L.device-PC main .LIVETABLE ul.table-inner.owl-carousel {
    padding-top: 60px
}

ul.section-ul.BonusEvent-area {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px !important;
    padding: 5px 10px;
    margin: 0 0 10px 0 !important
}

ul.section-ul.BonusEvent-area .show-bonus-event.TREASURE_PICK::after,
ul.section-ul.BonusEvent-area .show-bonus-event.AUTO_REDEEM::after,
ul.section-ul.BonusEvent-area .show-bonus-event.GOLDEN_BOX::after {
    display: none !important
}

ul.section-ul.BonusEvent-area .show-bonus-event.TREASURE_PICK::before,
ul.section-ul.BonusEvent-area .show-bonus-event.AUTO_REDEEM::before,
ul.section-ul.BonusEvent-area .show-bonus-event.GOLDEN_BOX::before {
    opacity: 1;
    top: 0
}

ul.section-ul.BonusEvent-area li {
    width: 100%;
    display: inline-block !important
}

ul.section-ul.BonusEvent-area li .card {
    display: block;
    text-align: left;
    position: relative;
    border: 1px solid #7a7670;
    background: #282828;
    border-radius: 8px;
    padding: 5px 0 5px 30%
}

ul.section-ul.BonusEvent-area li .card::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    height: 100%;
    content: '';
    background: linear-gradient(0deg, #282828 5%, #4a4a4a 100%);
    clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);
    border-radius: 7px 0 0 7px
}

ul.section-ul.BonusEvent-area li .card .show-platform-logo {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%)
}

ul.section-ul.BonusEvent-area li .card .show-platform-logo img {
    width: auto;
    height: 45px
}

ul.section-ul.BonusEvent-area li .card .show-bonus-event {
    position: absolute;
    right: 30px;
    top: -1px
}

ul.section-ul.BonusEvent-area li .card .card-tit {
    color: #fff
}

ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus-tit {
    opacity: .5;
    font-size: 10px;
    color: #dcdcdc
}

ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus {
    font-style: italic;
    font-size: 120%;
    line-height: 22px
}

ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus b {
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(#fcedca 0%, #e8c983 70%) !important;
    -webkit-background-clip: text !important
}

ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus::before {
    line-height: normal;
    font-size: 13px;
    color: #e8c983
}

ul.section-ul.BonusEvent-area li .card .txt-clock {
    position: absolute;
    right: 5px;
    bottom: -5px;
    color: #333;
    font-size: 11px;
    text-align: center;
    background: #adadad;
    border-radius: 3px;
    padding: 2px 5px;
    display: flex;
    gap: 3px
}

ul.section-ul.BonusEvent-area li.BNG .card,
ul.section-ul.BonusEvent-area li.ACEWIN .card,
ul.section-ul.BonusEvent-area li.FACHAI .card,
ul.section-ul.BonusEvent-area li.MGGAMING .card {
    border: 1px solid #19bcc2;
    background: #0d3e51
}

ul.section-ul.BonusEvent-area li.BNG .card::before,
ul.section-ul.BonusEvent-area li.ACEWIN .card::before,
ul.section-ul.BonusEvent-area li.FACHAI .card::before,
ul.section-ul.BonusEvent-area li.MGGAMING .card::before {
    background: linear-gradient(0deg, #0d3e51 0%, #185664 100%)
}

ul.section-ul.BonusEvent-area li.BNG .card .txt-clock,
ul.section-ul.BonusEvent-area li.ACEWIN .card .txt-clock,
ul.section-ul.BonusEvent-area li.FACHAI .card .txt-clock,
ul.section-ul.BonusEvent-area li.MGGAMING .card .txt-clock {
    background: #3bbed0
}

ul.section-ul.BonusEvent-area li.JDB .card,
ul.section-ul.BonusEvent-area li.JILI .card,
ul.section-ul.BonusEvent-area li.YB .card {
    border: 1px solid #c29d19;
    background: #5c3e10
}

ul.section-ul.BonusEvent-area li.JDB .card::before,
ul.section-ul.BonusEvent-area li.JILI .card::before,
ul.section-ul.BonusEvent-area li.YB .card::before {
    background: linear-gradient(0deg, #5c3e10 0%, #422c0e 100%)
}

ul.section-ul.BonusEvent-area li.JDB .card .txt-clock,
ul.section-ul.BonusEvent-area li.JILI .card .txt-clock,
ul.section-ul.BonusEvent-area li.YB .card .txt-clock {
    background: #dfb623
}

ul.section-ul.BonusEvent-area li.JILI .card .show-platform-logo img {
    transform: scale(0.9)
}

ul.section-ul.BonusEvent-area li.POCKET .card .show-platform-logo {
    padding-left: 5px
}

ul.section-ul.BonusEvent-area li.POCKET .card .show-platform-logo::before {
    content: '';
    display: inline-block;
    width: 70px;
    height: 50px;
    background: url(/theme/images/src-common/PLATFORM-img/120x80-fullname/POCKET-logo-w.webp) no-repeat center left;
    background-size: 100%
}

ul.section-ul.BonusEvent-area li.POCKET .card .show-platform-logo img {
    display: none
}

.page-web.type-W ul.section-ul.BonusEvent-area {
    width: 90%;
    margin: 0 auto !important
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card {
    border: none;
    padding: 25px 10px 10px 35%;
    border-radius: 15px 0 15px 0
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .show-platform-logo {
    left: 3%
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .show-platform-logo img {
    height: 50px
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .show-bonus-event {
    right: 55px
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .show-bonus-event::before {
    top: 0
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .card-tit {
    background: #000000a4;
    border-radius: 15px 0 15px 0;
    padding: 8px 0 8px 20px;
    border-bottom: 1px solid #ffd342
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus-tit {
    color: #fee48f
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus {
    background: linear-gradient(#fee48f 0%, #caaa40 70%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus::before {
    -webkit-text-fill-color: #fee48f
}

.page-web.type-W ul.section-ul.BonusEvent-area li .card .txt-clock {
    background: #000;
    color: #f1f1f1;
    right: 10px;
    top: 22px;
    bottom: auto
}

.page-web.type-W.device-PC ul.section-ul.BonusEvent-area {
    gap: 10px !important
}

.page-web.type-W.device-PC ul.section-ul.BonusEvent-area li .card {
    padding: 30px 10px 10px 35%
}

.page-web.type-W.device-PC ul.section-ul.BonusEvent-area li .card .show-platform-logo {
    left: 10px;
    top: 0px;
    transform: none
}

.page-web.type-W.device-PC ul.section-ul.BonusEvent-area li .card .show-bonus-event {
    top: -10px
}

.page-web.type-W.device-PC ul.section-ul.BonusEvent-area li .card .txt-clock {
    top: 30px;
    bottom: auto
}

.page-web.type-L ul.section-ul.BonusEvent-area {
    gap: 0px !important
}

.page-web.type-L ul.section-ul.BonusEvent-area li .card {
    transform: skew(-6deg) scale(1)
}

body.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content ul.section-ul.BonusEvent-area {
    gap: 10px !important
}

body.page-web.type-L.device-PC .page-wrapper .page-content .main-vert-tab .tab-content ul.section-ul.BonusEvent-area.num-1 li .card {
    transform: skew(-6deg) scale(1.2) !important
}

.page-web.type-P .page-wrapper .page-content ul.section-ul.BonusEvent-area {
    gap: 10px !important;
    margin-top: 10px !important
}

.page-web.type-P .page-wrapper .page-content ul.section-ul.BonusEvent-area li .card {
    padding: 10px 0 5px 25%
}

.page-web.type-P .page-wrapper .page-content ul.section-ul.BonusEvent-area li .card .show-bonus-event {
    right: 35px;
    top: -12px
}

.page-web.type-P .page-wrapper .page-content ul.section-ul.BonusEvent-area li .card .txt-clock {
    right: 0;
    color: #ffffffb8;
    background: none !important;
    gap: 2px;
    bottom: 5px
}

.page-web.type-P .page-wrapper .page-content ul.section-ul.BonusEvent-area li .card .txt-clock span {
    background: #000;
    border-radius: 3px;
    padding: 2px 5px
}

.page-web.device-PC ul.section-ul.BonusEvent-area {
    width: 80%;
    flex-direction: row;
    margin: 0 auto 15px auto !important;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center
}

.page-web.device-PC ul.section-ul.BonusEvent-area.num-1 {
    padding: 10px
}

.page-web.device-PC ul.section-ul.BonusEvent-area.num-1 li .card {
    transform: scale(1.2)
}

.page-web.device-PC ul.section-ul.BonusEvent-area li {
    width: 49%
}

.page-web.device-PC ul.section-ul.BonusEvent-area li.POCKET .card .show-platform-logo::before {
    width: 80px
}

.page-web.device-PC ul.section-ul.BonusEvent-area li .card {
    padding: 20px 0 15px 30%
}

.page-web.device-PC ul.section-ul.BonusEvent-area li .card .show-platform-logo {
    left: 3%;
    width: 30px
}

.page-web.device-PC ul.section-ul.BonusEvent-area li .card .show-platform-logo img {
    height: 50px
}

.page-web.device-PC ul.section-ul.BonusEvent-area li .card .show-bonus-event {
    right: 68px;
    top: 5px
}

.page-web.device-PC ul.section-ul.BonusEvent-area li .card .show-bonus-event::before {
    width: 40px;
    height: 40px
}

.page-web.device-PC ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus-tit {
    font-size: 12px
}

.page-web.device-PC ul.section-ul.BonusEvent-area li .card .card-tit .txt-bonus {
    font-size: 25px;
    line-height: 30px
}

.page-web.device-PC ul.section-ul.BonusEvent-area li .card .txt-clock {
    font-size: 13px;
    right: 10px;
    bottom: 10px
}

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

.page-web.WINBDT .modal-announcement .modal-content .btn-mail {
    background: #d9c292;
    color: #0a0a0a
}

.page-web.WINBDT .modal-announcement .modal-content .inputCheckbox {
    background: #0a0a0a
}

.page-web.WINBDT .modal-announcement .modal-body .announce dt {
    background: #333333;
    color: #fff;
    border-color: #fff
}

.page-web.WINBDT .modal-announcement .modal-body p {
    color: #fff
}

.page-web.WINBDT .modal .modal-content {
    background: #333;
    border: 3px solid #333
}

.page-web.WINBDT .modal .modal-header .modal-title {
    color: #aeaeae
}

.page-web.WINBDT .modal .modal-tit {
    color: #aeaeae
}

.page-web.WINBDT .modal .modal-menu {
    color: #fff !important
}

.page-web.WINBDT .modal .modal-menu .modal-menu-tit {
    color: #fff
}

.page-web.WINBDT .modal .form-control.language {
    background-image: url(/theme/images/src-gamehall/layout/arrow-down.png);
    background-size: 20px
}

.page-web.WINBDT .modal .form-control.language,
.page-web.WINBDT .modal .txt-support p,
.page-web.WINBDT .modal .txt-support .badge {
    color: #aeaeae
}

.page-web.WINBDT .modal .form-login .nav.nav-login .nav-item a {
    color: #fff
}

.page-web.WINBDT .modal .form-login .txt-welcome,
.page-web.WINBDT .modal .form-login .txt-link {
    color: #aeaeae
}

.page-web.WINBDT .modal .form-login .form-control {
    color: #f0f0f0
}

.page-web.WINBDT .modal .form-login .txt-tooltip {
    background: #000
}

.page-web.WINBDT .modal .form-login .txt-tooltip::before {
    border-color: #000000da transparent transparent transparent
}

.page-web.WINBDT .modal .form-login .checkmark {
    background: #000
}

.page-web.WINBDT .modal .form-login .checkmark::after {
    color: #aeaeae !important
}

.page-web.WINBDT .modal .close {
    background: #333
}

.page-web.WINBDT .modal .close::before {
    color: #d9c292
}

.page-web.WINBDT .modal .form-SMS .btn-SMS {
    background: linear-gradient(180deg, #40ff89, #1f9f4c 50%, #08793f);
    box-shadow: 0 2px 3px #000
}

.page-web.WINBDT .modal .btn-box .btn-primary {
    background: linear-gradient(180deg, #40ff89, #1f9f4c 50%, #08793f);
    box-shadow: 0 2px 3px #000
}

.page-web.WINBDT .modal .btn-box .btn-link {
    color: #d9c292
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .page-web.WINBDT.fix-top .page-wrapper .page-content .main-vert-tab .tab-nav-group.tab-nav-group-s {
        background: #000000e1
    }
}

.page-web.WINBDT .page-wrapper .page-content {
    background: none
}

.page-web.WINBDT .page-wrapper .page-content .main-owl-info .header-navigation {
    background: none
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab {
    background: #151515
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-nav-group-s {
    background: rgba(10, 10, 10, 0.5)
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs {
    background: #151515
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab {
    border: none
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab.tab-s {
    background: #141414;
    box-shadow: 0 3px 10px #000
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab.tab-s p {
    color: #b0b0b0
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab.tab-s.active {
    background: #0a0a0a;
    border: none;
    box-shadow: 0 0 0 1px #d9c292
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-nav-group-s .tab-navs .tab.tab-s.active p {
    color: #d9c292
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-navs .tab {
    background: #141414;
    box-shadow: 0 3px 10px #000;
    color: #868686
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-navs .tab.active {
    background: #0a0a0a;
    border: 1px solid #d9c292;
    box-shadow: none
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-navs .tab img {
    top: 10px;
    width: 28px;
    height: 28px;
    object-fit: contain
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-navs .tab .icon-MINE::before,
.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-navs .tab .icon-CRASH::before {
    color: #d9c292 !important
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .tit {
    color: #d9c292;
    font-size: 12px;
    font-weight: normal
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .line {
    background: #d9c292
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .btn-link {
    color: #000;
    background: #E7C57A;
    box-shadow: none
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .LIVETABLE .table-tit {
    text-shadow: none;
    color: #d9c292
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .LIVETABLE .owl-carousel.ul-gameList .owl-stage li {
    background: #000 !important;
    box-shadow: none !important
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .LIVETABLE .owl-carousel.ul-gameList .owl-stage li .ul-gameIcon-txt .txt-gameName {
    color: #fff !important
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .section-FEATURE .section-ul li .card {
    background: #2c2c2c
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .section-FEATURE .section-ul li .card .card-tit {
    color: #e8c983
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT .nav.nav-tabs .nav-item {
    background: #141414;
    box-shadow: 0 3px 10px #000;
    color: #868686
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT .nav.nav-tabs .nav-item.active {
    background: #0a0a0a;
    border: 1px solid #d9c292;
    box-shadow: none
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT .nav.nav-tabs .nav-item.active .img-platform-logo {
    color: #e8c983
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .section-box.section-JACKPOT .jackpot-box .txt-number {
    background: linear-gradient(#fcedca 0%, #e8c983 70%) !important;
    -webkit-background-clip: text !important
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.CRICKET {
    grid-column-start: 1;
    grid-column-end: 4
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.CRICKET .ul-gameIcon-box .game-icon {
    border: 1px solid #5a5148;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-top: 3px
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-ul.ul-platfromList li {
    background: linear-gradient(180deg, rgba(187, 201, 197, 0.168627), #202020 100%);
    box-shadow: #4b4b4b4d 0 2px 7px, #161618 0 -4px 0 inset, #ecefee9a 0 0.8px 0 inset
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-tit .btn-link {
    display: none
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-SPORTS .section-ul li {
    display: block !important
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-LOCAL .section-ul.game-list-ul.ul-gameList li.CRICKET {
    grid-column-start: auto;
    grid-column-end: auto
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-LOCAL .section-ul.game-list-ul.ul-gameList li.CRICKET .ul-gameIcon-box .game-icon {
    margin: 0;
    border: none
}

.page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 3%;
    padding: 0 2px
}

.page-web.WINBDT .page-wrapper .page-content .page-footer-copyright .btn-group a {
    background: #0a0a0a
}

.page-web.WINBDT .page-wrapper .page-content .page-footer ul {
    background: #000;
    border-radius: 0
}

.page-web.WINBDT .page-wrapper .page-content .page-footer ul li.menu-center i {
    background: radial-gradient(#f3bd5f, rgba(0, 0, 0, 0) 50%)
}

.page-web.WINBDT .page-wrapper .page-content .page-footer ul li.menu-center i::after {
    color: #e5cb84;
    background: #000;
    box-shadow: 0 2px 0 #e5cb84
}

.page-web.WINBDT .page-wrapper .page-content .page-footer ul li .btn p {
    color: #aeaeae
}

.page-web.WINBDT .page-wrapper .page-content .page-footer ul li .btn i {
    color: #e5cb84
}

.page-web.WINBDT .page-wrapper .page-content .page-footer ul li .menu-item i::before {
    color: #e5cb84 !important
}

.page-web.WINBDT .page-wrapper .page-content .page-footer ul li .menu-item .icon-check::before {
    color: #0a0a0a !important
}

.page-web.WINBDT .page-wrapper .page-content .page-footer ul li.promo::after {
    background: #000
}

.page-web.WINBDT .page-wrapper .page-search .page-body .keywordTag h5 {
    color: #0edf7d
}

.page-web.WINBDT .page-wrapper .page-search .page-body .keywordTag li {
    border: 1px solid #0edf7d
}

.page-web.WINBDT .page-wrapper .page-search .page-body .keywordTag li .txt {
    color: #0edf7d
}

.page-web.WINBDT .page-wrapper .page-search .page-body .keywordTag li:hover {
    background: #0edf7d
}

.page-web.WINBDT .page-wrapper .page-search .page-body .keywordTag li:hover .txt {
    color: #1a4227
}

@media screen and (min-width: 1024px) {
    .page-web.WINBDT .page-logo .logo img {
        max-height: 90px
    }
    .page-web.WINBDT .page-wrapper .page-content .page-sidebar {
        top: 67px
    }
    .page-web.WINBDT .page-wrapper .page-content.page-game-list {
        padding-top: 65px
    }
    .page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-tit .tit {
        font-size: inherit;
        margin: 10px 0
    }
    .page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-box.section-SPORTS .section-ul.SPORTS li.CRICKET {
        grid-column-end: 4
    }
    .page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content .section-ul li.CRICKET {
        grid-column-start: 1;
        grid-column-end: 7
    }
    .page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul {
        display: grid;
        grid-template-columns: repeat(6, 1fr) !important;
        height: auto;
        overflow: hidden;
        margin: 0 0 10px 0
    }
    .page-web.WINBDT .page-wrapper .page-content .main-vert-tab .tab-content.SPORTS .section-ul li.CRICKET {
        grid-column-start: 1;
        grid-column-end: 4
    }
    .page-web.WINBDT .page-wrapper .page-search .page-body .keywordTag {
        text-align: center
    }
}

.page-web.device-PC .page-wrapper .page-content .main-owl-info .header-navigation .user-info {
    background: #1b1b1b
}