:root {
    --bg: #000;
    --datePickerC: #806320;
    --datePickerBg: #fff;
    --scrollBarBg: #dbdbdb;
    --scrollBarThumb: #a9a9a9;
}

.form .date-inpute {
    --color: #b7b7b7;
}

.form .date-inpute .datetimepicker-dummy .datetimepicker-clear-button {
    color: rgba(255, 255, 255, 0.54);
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
    color: #000 !important;
    border-color: #fff !important;
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
    color: #fff;
}

.modal.is-active .button.has-text-warning {
    color: #cfa817;
}

.modal.is-active .button.has-text-danger {
    color: #c95555;
}

.nav {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7d18f+0,e0be7b+100 */
    background: #e7d18f;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2d77b 0%, #846b37 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7d18f', endColorstr='#e0be7b', GradientType=0);
    /* IE6-9 */
}

.burger-btn.close .burger::before {
    background-color: #f3f3f3;
}

.burger-btn.close .burger::after {
    background-color: #fffbeb;
}

.burger span {
    background-color: rgba(255, 255, 255, 0.8);
}

.burger::before,
.burger::after {
    background-color: rgba(255, 255, 255, 0.8);
}

.call-out {
    background: transparent;
    color: #004cff;
}

.nav_title {
    color: #342a12;
}

.back-btn {
    color: #342a12;
}

.date-btn,
.reverse-btn {
    color: #6d7278;
}

.reverse-btn {
    color: #ccc;
}

.reverse-btn {
    color: #ccc;
}

.user-mail {
    color: #fff;
}

.bottom-nav ul i.icon-circle_Path {
    background: #1d1d1d;
    background-clip: text;
    -webkit-background-clip: text;
}

.bottom-nav li {
    color: #c7c7c7;
    background-color: #1d1d1d;
}

.bottom-nav::after {
    background-image: linear-gradient(to top, #000 1%, rgba(0, 0, 0, 0.24) 50%, rgba(0, 0, 0, 0));
}

.money-btn-main {
    border-color: #a8975d;
    background-image: linear-gradient(to bottom, #e0c35f, #715a2a);
}

.money-btn-main i {
    color: #352608;
}

.money-btn-main .icon-Close {
    color: #efbc56;
}

.money-btn-main.active {
    background: #796731;
    border-color: #a99a5a;
}

.money-btn-group a {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.75);
    background-color: #fff;
}

.money-btn-close {
    box-shadow: 0 -1px 16px 0 rgba(0, 0, 0, 0.24);
    border-color: #b5b5b5;
}

.money-btn-close span {
    color: #b5b5b5;
}

.sub-nav {
    background: #24221f;
}

.sub-nav li a {
    color: rgba(255, 255, 255, 0.7);
}

.sub-nav li.active a {
    color: #ebd076;
    border-bottom-color: #ebd076;
}

.side-nav {
    background: #24221f;
}

.side-nav h3 {
    color: #ffda61;
}

.side-nav li,
.side-nav-alert {
    background-color: #151515;
    color: #a89b6b;
}

.side-nav-alert{
    background-color: transparent;
}

.side-nav li.active,
.side-nav li.active i {
    color: #a89b6b;
}

.side-nav li:nth-last-child(1) {
    background: #24221f;
}

.side-nav ul i{
    color: #9d936f;
}

.side-nav-alert [class^=icon-] {
    color: #ffcc15;
}

footer {
    background-color: #211f19;
}

.license-group {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.social-link a {
    color: #575d62;
}

.copy-right {
    color: rgba(255, 255, 255, 0.56);
    border-top-color: rgba(255, 255, 255, 0);
    background-color: #212121;
}

.seo-info-box h1,
.seo-info-box h2,
.seo-info-box h3,
.seo-info-box h4,
.seo-info-box h5,
.seo-info-box h6 {
    color: #dcdcdc;
}

.seo-info-box p,
.seo-info-box span {
    color: #848484;
}

.seo-info-box p a,
.seo-info-box span a {
    color: #c5a854;
}

.seo-info-box .arror-open {
    border-bottom-color: #2e3b44;
}

.footer_info {
    color: rgba(255, 255, 255, 0.54);
}

.seo-info-box {
    color: rgba(255, 255, 255, 0.54);
}

.select-dropdown .default,
.account-calendar .datetimepicker-dummy .datetimepicker-dummy-wrapper,
.form input,
.form select,
.form textarea {
    color: rgba(255, 255, 255, 0.75);
    border-color: #505050;
    background-color: #2d2d2d;
}

.form input::placeholder {
    color: #a3a3a3;
}

.form input.error,
.form select.error {
    border-color: #d0273b;
    background-color: #fde3e6;
    color: #000;
}

.form input.checked {
    border-color: #00b40a;
    background-color: #e3fae3;
    color: #000;
}

.form input:not([readonly]):focus,
.form select:focus {
    border-color: #cca13d;
    background-color: #fff;
    color: #2c2c2c;
}

.form select:focus.bankname-fastdaftar {
    color: #b9b9b9;
    font-weight: normal;
}

.form input:read-only {
    background-color: #505050;
    border-color: #505050;
    color: #25b1fa;
}

.form label {
    color: #fff;
}

.form label span {
    color: #d94e4e;
}

.form .text-yellow {
    color: #ffb300;
}

.form p.error {
    color: #d0273b;
}

.form p.note {
    color: #23a186;
}

.form .choice-list li {
    background-image: linear-gradient(to bottom, #d4d4d4 2%, #9a9892 99%);
    color: #080706;
}

.password-btn {
    color: #a5a5a5;
}

.input-btn {
    background-color: #aa8f45;
    color: rgba(255, 255, 255, 0.9);
}

input[type=radio].default-radio+label {
    border-color: #383838;
    color: #c4c4c4;
    background-color: #1c1c1c;
}

input[type=radio].default-radio+label::after {
    border-color: #ab8e44 transparent transparent transparent;
}

input[type=radio].default-radio+label::before {
    color: #000;
}

input[type=radio].default-radio:checked+label {
    border-color: #ab8e44;
    background: #040404;
    color: #c8ad67;
}

.radio-group input[type=radio].default-radio+label {
    border-color: #383736;
}

.radio-group input[type=radio].default-radio:checked+label {
    color: #fff;
    background-color: #242220;
    border-color: #e2c670;
}

input[type=checkbox]+label span {
    border-color: #848383;
}

input[type=checkbox]+label p {
    color: #9e9e9e;
}

input[type=checkbox]:checked+label span {
    border-color: #c7481f;
    background-color: #c7481f;
}

.btn-default {
    background-color: #a0a0a0;
    color: #242424;
}

.btn-default.submit {
    color: #1f1903;
    background: linear-gradient(to bottom, #f2d77b 0%, #846b37 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.btn-join {
    color: #ad8d4c;
    border-color: #7b6230;
}

.btn-more {
    color: #e5e5e5;
    background-color: #424350;
}

.btn-submit {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
    background: #aa8f44;
}

.btn-cancel {
    color: #e5e5e5;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.36);
    background: #838383;
}

.btn-show-less {
    color: #212121;
    background-image: linear-gradient(to bottom, #c3c3c3 2%, #8a8a8a 99%);
}

.menu-box .item {
    background-image: linear-gradient(to bottom, #2c2d34 2%, #1f1f22);
    color: #ccc;
}

.login-join li:nth-child(1) {
    background-color: #f2bc18;
    color: #000;
}

.login-join li:nth-child(2) {
    background-color: #ac1819;
    color: #fbfbfb;
}

.loading {
    border-color: #b3a05c;
    border-top-color: transparent;
}

.mask {
    background: rgba(18, 18, 18, 0.84);
}

.popup-title {
    border-bottom-color: #424242;
}

.popup-title strong,
.media-text,
.login-advice .title {
    color: #f1f1f1;
}

.popup-logo-title {
    background-color: #4e4325;
}

.popup-logo-title .close-btn {
    color: #212120;
    background-color: #998044;
}

.popup-logo-title .close-btn::before {
    border-color: transparent transparent rgba(231 204 116) transparent;
}

.popup-logo-title .close-btn::after {
    border-color: transparent transparent #998044 transparent;
}

.home_menu::after {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.86) 47%, #000 97%);
}

.home_menu li {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.34);
    border-color: rgba(255, 255, 255, 0.08);
    background-image: linear-gradient(to bottom, #4a4a4a 3%, #181818), linear-gradient(to bottom, #4a4a4a, #181818);
}

.bottom-menu-icon i{
    color: #ffd56a;
}

.home_menu i {
    color: #ffd56a;
}

.home_menu strong {
    color: rgba(163 163 163);
}

.home_menu .chose {
    border-color: rgba(255, 255, 255, 0.08);
    background-image: radial-gradient(circle at 50% 1%, #e0c87e, #5c481e 200%);
}

.home_menu .chose i,
.home_menu .chose strong {
    color: #211807;
}

.live-tag {
    background: linear-gradient(to right, #5e1882 0%, #d30050 100%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.34);
    color: #fff;
}

.catogory-box .item a::before {
    background: linear-gradient(to bottom, #f3f4f5, transparent);
}

.catogory-box strong {
    color: rgba(200, 200, 200, 0.86);
}

.catogory-box span[class^=logo-]::after {
    -webkit-filter: grayscale(100%) contrast(0%) brightness(150%);
    filter: grayscale(100%) contrast(0%) brightness(150%);
}

.home_title::after {
    background-color: rgba(255, 255, 255, 0.2);
}

.hot-tag,
.new-tag,
.event-tag {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    color: #fff;
}

.new-tag::before {
    background-image: linear-gradient(to bottom, #ff003f 0, #a90000 60%);
}

.hot-tag::before {
    background-image: linear-gradient(to bottom, #ff8600 0, #a94400 100%);
}

.select-group {
    color: #e7e7e7;
}

.select-group li {
    box-shadow: 0 1px 0 0 #22232b;
}

.search {
    color: #3b3b3b;
}

.search input {
    background-color: #ccc;
}

.billboard {
    color: #c3c3c3;
}

.info-box strong {
    color: #dcdcdc;
}

.info-box h2,
.info-box h3,
.info-box h4,
.info-box h5,
.info-box h6 {
    color: #e8e8e8;
}

.info-box h2 a {
    color: #c5a854;
}

.arror-open {
    color: #dcdcdc;
}

.download-box {
    border-color: #736b52;
    background-image: linear-gradient(to bottom, #403b2e, #1f1a0e), linear-gradient(to bottom, #191919 1%, #282828 95%);
}

.download-box .icon-Android {
    color: #a8be4b;
}

.download-box .icon-apple,
.download-box .icon-iOS {
    color: #fff;
}

.floating-ad .close i {
    color: #fff;
}

.home_title {
    color: #f5d574;
}

.game-catogory .item {
    background: #c5c5c5;
}

.game-catogory strong {
    color: #041a2a;
    background-color: #f3f4f5;
}

.topic-choice {
    background: #000;
}

.search-nav {
    background-color: #212120;
}

.sub-topic strong {
    color: #e1c670;
}

.search-box {
    background: #403f3f;
}

.search-box .icon-Search {
    color: #fff;
}

.search-box input {
    color: #fff;
    background: transparent;
}

.game-loading span {
    border-color: #848484;
    border-top-color: transparent;
}

.voucher-topic li.active a {
    border-bottom-color: #7f7250;
    color: #fff;
}

.web-window .voucher-topic li:hover {
    color: #fff;
}

.voucher-topic li {
    color: rgba(255, 255, 255, 0.4);
}

.acc-block,.voucher-block {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.34);
    border-color: #383736;
    background-color: #10100f;
}

.acc-topic li {
    background-color: rgba(36, 34, 32);
    color: rgba(255, 255, 255, 0.7);
}

.acc-topic li.active {
    background: #6a5b3a;
    color: #fff;
}

.acc-topic li.active::before {
    border-color: #d84e20 transparent transparent transparent;
}

.acc-topic li.active::after {
    color: #fff;
}

.acc-info-box {
    background-color: #242220;
}

.acc-info-box p::after,
.profile-item::after {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0));
}

.acc-info-box .title {
    color: rgba(255, 255, 255, 0.8);
}

.acc-info-box .user-content,
.social-user-content {
    color: #d6c285;
}

.acc-info-box .info-title {
    color: #fff;
}

.acc-info-box .info-title::after {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0));
}

.edit-block input {
    color: #b6b6b6;
    background: #2d2d2d;
}

.edit-block::before {
    background-color: rgba(0, 0, 0, 0.54);
}


.edit-btn::after {
    color: rgba(255, 255, 255, 0.64);
}

.edit-btn.checked {
    background: #d5b859;
}

.edit-btn.checked::after {
    color: #111110;
}

.user-info-box::after {
    background-image: linear-gradient(to bottom, #1e1e1e 0%, #656565), linear-gradient(to bottom, #dad0b2, #dad0b2);
}


.user-info-box p span,
.user-info-box p strong {
    color: #f9f9f9;
}

.user-info-box i {
    color: #e0e0e0;
}

.money-info-box {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
    background-color: #fbfbfb;
}

.money-info-box .currency {
    color: #fff;
}

.money-info-box .currency::after {
    background-color: #8e7b4d;
}

.money-info-box .main-wallet>strong {
    color: #191919;
}

.money-info-box .main-wallet>span {
    color: #9a9a9a;
}

.money-info-box .main-wallet>i {
    color: #584b35;
}

.refresh-btn {
    border-color: #b5b3b3;
    color: #4e4e4e;
}

.detail-btn {
    border-color: #d8d3c6;
    background-color: #d8d3c6;
    color: #454545;
}

.detail-btn i {
    color: #232323;
}

.money-topic-group .topic-main {
    background-color: #e8e7e4;
}

.more-btn {
    color: #585858;
}

.info-refresh-btn {
    border-color: #c6c2c2;
    color: #878787;
}

.topic-open {
    border-left-color: #b7a880;
}

.topic-open .topic-item img {
    object-fit: contain;
}

.topic-open .item-name {
    color: #3c3c3c;
}

.topic-open .item-money {
    color: #0a0a0a;
}

.balance-nav,
.balance-nav-dropdown {
    background-color: #24221f;
}

.balance-nav .currency {
    color: rgba(255, 255, 255, 0.9);
    background-color: #806320;
}

.balance-nav .money,
.nav-main-wallet > strong {
    color: #f3f4f5;
}

.balance-nav p,
.nav-main-wallet > span {
    color: #f9ff97;
}

.form_info {
    border-color: #907426;
    background-color: #e4d9b2;
    color: #3a3015;
}

.form_info strong {
    color: #d84d21;
}

.form_info .notice {
    color: #bfae73;
    background-color: #676251;
}

.acc-menu .item {
    color: rgba(255, 255, 255, 0.65);
}

.loading-dot i {
    background-color: #959595;
}

.main-choice li {
    border-color: #505050;
    background-color: #2d2d2d;
    color: #888;
}

.main-choice li.active {
    background: #060605;
    color: #fff;
    border-color: #806320;
}

.main-choice li.active::before {
    border-color: #806320 transparent transparent transparent;
}

.main-choice li.active::after {
    color: #fff;
}

.main-choice li.active i {
    color: #e4bc36;
}

.deposit_info {
    border-color: #907426;
    color: #3a3015;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.deposit_info .content {
    background-color: #e2d39e;
}

.deposit_info strong {
    color: #d84d21;
}

.deposit_info .notice {
    color: #d8cba8;
    background-color: #343129;
}

.btn-more-info {
    color: #d84d21;
}

.trans-form .result-text {
    background-color: #dedede;
    color: #041a2a;
}

.trans-form .select {
    color: #888;
    border-color: #505050;
    background-color: #2d2d2d;
}

.max-btn {
    background-color: #5e493a;
    color: #fff;
}

.acc-block .transfer-btn {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);
}

.fasttrans-block .transfer-btn {
    box-shadow: 0 2px 4px 0 #232323;
}

.transfer-btn {
    background-color: #efd379;
    color: #3b2b0d;
}

.trans-popup {
    box-shadow: 0 15px 40px 0 rgba(117, 117, 170, 0.08);
    background-color: #060606;
}

.trans-wallet-choice,
.trans-provider-choice.payment-type {
    border-color: #353535;
}

.trans-wallet-choice i {
    color: #e6c569;
}

.wallet-item {
    border-color: #676665;
}

.wallet-item .name {
    background-color: #676665;
}

.wallet-item .money {
    color: #fdfdfd;
}

.promotion-choice input[type=radio].default-radio:checked+label i {
    background: linear-gradient(224deg, #ff5722, #ff9800 100%);
    background: -webkit-linear-gradient(224deg, #ff5722, #ff9800 100%);
    background-clip: text;
    -webkit-background-clip: text;
}

.bonus-popup {
    box-shadow: 0 15px 40px 0 rgba(117, 117, 170, 0.08);
    background-color: #050505;
}

.trans-provider-choice span[class^='logo-'] {
    -webkit-filter: grayscale(100%) contrast(0%) brightness(140%);
    filter: grayscale(100%) contrast(0%) brightness(140%);
}

.history-nav {
    background-color: #24221f;
}

.history-nav li {
    color: rgba(255, 255, 255, 0.44);
}

.history-nav li.active {
    color: #ebd076;
    border-bottom-color: #ebd076;
}


.alert-note {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
    border-color: #20c4a6;
    background-color: #268775;
    color: #f3f4f5;
}

.acc-input-box {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
    border-color: #24221f;
    background-color: #171613;
}

.ask-sentence {
    color: #fff;
}

.info-sentence {
    color: #b9b9b9;
}

.popup-box input[type=checkbox]+label p {
    color: #b6b4ab;
}

.info-sentence a {
    color: #cca820;
}

.msg-block .item {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
    border-color: #35342f;
    background-color: #151515;
}

.msg-title .email {
    color: rgba(255, 255, 255, 0.5);
    background: #35342e;
}

.msg-title i.icon-Read {
    color: #ffc107;
}

.msg-title .subject {
    color: #f1f1f1;
}

.msg-title .date {
    color: #5bafff;
}

.msg-content {
    color: #b5b5b5;
}

.contact_title {
    color: #fff;
}

.contact-block .item {
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.14);
    border-color: #3c3a36;
    background-color: #252422;
}

.contact-block .item strong {
    color: #f1dea1;
}

.contact-block .item i {
    color: #b5b3a3;
}

.contact-block .item p {
    color: #b5b5b5;
}

.promotion-block .item {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.34);
    border-color: #403e3c;
    background-color: #212121;
}

.promotion-popup {
    background: #212120;
}

.promotion-popup .popup-block {
    color: #929292;
}

.promotion-popup h3 {
    color: #fff;
}

.promotion-popup table td,
.promotion-popup table th {
    border-color: #959595;
}

.speack-box p {
    color: #fff;
}

.copy-btn {
    color: #fff;
}

.wrapper {
    background: #0e0e0e;
}

.maintenance-time-box {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
    background-color: rgba(14, 14, 14, 0.74);
}

.maintenance-time-box .time-zone {
    color: #fff;
}

.maintenance-time-box .time-zone::after {
    background-color: rgba(137, 112, 58, 0.48);
}

.maintenance-time-box p {
    color: #b5b5b5;
}

.maintenance-time-box .dots i {
    background-color: #959595;
}

@keyframes transmit {
    0% {
        background-color: #959595;
    }

    50% {
        background-color: #ffbc00;
    }

    90% {
        background-color: #959595;
    }

    100% {
        background-color: #959595;
    }
}

.time-item .date {
    color: #d3d3d3;
}

.clock-box {
    box-shadow: 0 1px 0 0 #404040;
    background-color: #242424;
}

.clock-box .number p {
    color: #f3f4f5;
}

.clock-box .number span {
    color: #e6c569;
}

.clock-box .point {
    color: #f3f4f5;
}

.maintenance-content-box {
    box-shadow: 0 1px 0 0 #313131;
    background-color: rgba(14, 14, 14, 0.74);
}


.maintenance-content-box .content h4 {
    color: #fff;
}

.maintenance-content-box .content p {
    color: #b4b4b4;
}

.maintenance-upper-box h3 {
    color: #f3f4f5;
}

.maintenance-upper-box p.maintenance-text {
    color: #eea904;
}

.maintenance-upper-box p.restrict-text {
    color: #bf3a15;
}

.denied-content-box {
    box-shadow: 0 2px 0 0 #454545;
    background-color: rgba(255, 255, 255, 0.07);
}

.denied-content-box li {
    color: #fff;
}

.denied-content-box li::before {
    color: #d5ba68;
}

.maintance-img::before {
    background: #eea904;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 33%, #eea904 100%);
}

.restrict-img::before {
    background: #d8390c;
}

.join-step .progress {
    background: rgba(255, 255, 255, 0.32);
}

.join-step .progress-fill {
    background: #9f884a;
}

.join-step li {
    color: rgba(255, 255, 255, 0.68);
}

.join-step li::before {
    border-color: rgba(255, 255, 255, 0.32);
    background-color: #141414;
}

.join-step li.active {
    color: #fff;
}

.join-step li.active::before {
    border-color: #9f884a;
    background-color: #000;
    color: #edd277;
}

.go-back {
    color: #fff;
}

.go-back i {
    color: #e4c973;
}

.currency-choice {
    border-color: #464545;
    background-color: #2d2d2d;
}

.currency-choice li {
    border-right-color: #464545;
}

.currency-choice input:checked+label {
    background-color: #d7b14e;
    color: #000;
}

.currency-choice label {
    color: rgba(200, 200, 200, 1);
}

.form.referral-form {
    border-bottom-color: rgba(255, 255, 255, 0.14);
}

.form.referral-form label {
    color: #d7b24f;
}

.register-block {
    background: #060606;
}

.register-block .title {
    color: #cacaca;
}

.register-block .notice {
    color: #c2a439;
}

.suggest-box .item {
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.24);
    background-color: #373737;
}

.suggest-box .item::after,
.suggest-box .item::before {
    background: #1c1c1c;
}

.suggest-box .item::after {
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.24);
}

.suggest-box a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.suggest-box strong {
    color: #f2f2f2;
}

.suggest-box p {
    color: #aaa;
}

.suggest-box i {
    background-image: linear-gradient(to bottom, #fae66f, #a18c0f);
    background: linear-gradient(to bottom, #fae66f, #a18c0f 100%);
    background: -webkit-linear-gradient(to bottom, #fae66f, #a18c0f 100%);
    background-clip: text;
    -webkit-background-clip: text;
}

.login-block {
    background: #060606;
}

.login-block .title {
    color: #cacaca;
}

.login-form input,
.fast-join-select {
    border-color: #454545;
    --background-color: #212121;
    --color: #bbb;
}

.login-form input:focus+label,
.login-form input:not(:placeholder-shown)+label {
    color: #968461;
}

.login-form input:focus+label{
    color: #6e6045;
}

.login-form input:not(:placeholder-shown)+label{
    color: #c5b573;
}

.login-form input:focus {
    border-color: #e1c570;
    --background-color: #fff;
    --color: #000;
}

.login-form label {
    color: #b6a869;
}

.login-note {
    color: #626262;
}

.login-note input[type=checkbox]+label p {
    color: #9e9e9e;
}

.login-advice p {
    color: #bfbfbf;
}

.popup-box {
    background: #1c1c1c;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

.popup-content p {
    color: #c5c5c5;
}

input[type=radio].lang-radio+label .lang-item {
    border-color: #3c3b3b;
    background-color: #191919;
}

input[type=radio].lang-radio+label .lang-item::before {
    color: #000;
    background: #c5a859;
}

input[type=radio].lang-radio+label p {
    color: #acacac;
}

input[type=radio].lang-radio:checked+label .lang-item {
    border-color: #c5a859;
    background-color: #191919;
}

.fasttrans-popup .trans-acc-form input::placeholder {
    color: #686766;
}

.fasttrans-popup .trans-acc-form input::-webkit-input-placeholder {
    /* Chrome, Safari */
    color: #686766;
}

.fasttrans-popup .trans-acc-form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #686766;
}

.fasttrans-popup .trans-acc-form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #686766;
}

.money-btn-group a {
    color: #545351;
    background-color: #dcdcdc;
}

.popup-box .close-btn .icon-Close {
    color: #fff;
}

.trans-popup.show .popup-title .close-btn .icon-Close {
    color: #fff;
}

.money-topic-group .topic {
    color: #212121;
}

.fasttrans-popup.show .bonus-popup.show .popup-title .close-btn .icon-Close {
    color: #fff;
}

.fasttrans-popup.show .fasttrans-block .wallet-item .name {
    color: #ececec;
}

.main_menu i {
    color: #e7cc74;
    background: linear-gradient(to bottom, #e7cc74 0%, #957c41 100%);
    background: -webkit-linear-gradient(top, #e7cc74 0%, #957c41 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main_menu strong {
    color: rgba(171, 166, 152);
}

.money-info-box .btn-check {
    background-image: linear-gradient(to bottom, #dfdfdf 2%, #bbb 99%);
}

.history-list .item {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #1f1e1c;
}

.history-list .time {
    color: rgba(241, 241, 241, 0.6);
}

.history-list .acc,
.history-list .acc-name {
    color: #f1f1f1;
}

.history-list .detail i {
    color: #e8c85d;
}

.history-list .sub-info {
    color: #918a68;
}

.history-list .num {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.history-list .num.minus {
    color: #e83939;
}

.history-list .num.add {
    color: #21d27e;
}

.history-list .num.alert {
    color: #b68d1b;
}

.history-list .mark {
    color: #fff;
}

.history-list .mark.minus {
    background-color: #a52626;
}

.history-list .mark.add {
    background-color: #169c5c;
}

.history-list .mark.alert {
    background-color: #ce9b0d;
}

.notification-box {
    background: #212121;
    border-top-color: #565656;
    border-bottom-color: #565656;
}

.notification-box .item {
    color: #c3c3c3;
}

.notification-box .item::after {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.24);
    background: rgba(78, 78, 78, 0.80);
}

.edit-block input.default {
    color: #e2ad15;
    background: transparent;
}

.edit-form {
    background-color: rgba(0, 0, 0, 0.34);
}

.success-msg {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
    border: solid 1px #847850;
    background-color: #61583a;
    color: #e4dbaf;
}

.form .inside-input:read-only {
    color: #00a8ff;
    background: #2d2d2d;
    border-color: #505050;
}

.verify-input-group .refresh-btn {
    background: #fff;
    color: #737373;
}

.verify-img {
    background: #fff;
}

.billboard::before {
    background: #000;
}

.game-waiting {
    background-color: rgba(0, 0, 0, 0.7);
}

span.circle {
    background-color: #ececec;
}

span.left::before,
span.right::before {
    background-color: #848484;
}

.copy-input input {
    background-color: transparent;
    color: #fff;
}

.copy-input .alert-note {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.45);
}

.copy-input legend {
    color: #d5b859;
    background-color: #000;
}

.referral-intro .item {
    box-shadow: -2px 0 0 0 #d2b45f;
    background-color: #262626;
}

.referral-intro p {
    color: #fff;
}

.referral-intro strong {
    color: #ffc107;
}

.referral-intro i {
    color: rgba(173, 173, 173, 0.5);
}

.referral-list,
.referral-box {
    color: rgba(255, 255, 255, 0.63);
}

.promotion-select {
    color: #dedede;
    border: solid 1px #505050;
    background-color: #2d2d2d;
}

.deposit_info.only-notice .notice {
    border-color: #7f6f39;
}

.checkmark {
    stroke: #564519;
}

.checkmark.success {
    box-shadow: inset 0px 0px 0px #e8bd50;
}

@keyframes fillsuccess {
    100% {
        box-shadow: inset 0px 0px 0px 75px #f4c337;
    }
}

.rebate-content p {
    color: #9c9c9c;
}

.vip-page {
    background-color: #131313;
}

.vip-nav {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.35);
    background-color: #c1a552;
}

.vip-nav li {
    color: rgba(255, 255, 255, 0.83);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.vip-bn {
    background: #2d2d2d;
}

.vip-bn h3 {
    color: #fff;
}

.vip-content p {
    color: #a8a28c;
}

.vip-content p a {
    color: #ebc455;
}

.vip-content p strong {
    color: #ebc455;
}

.vip-content ul a {
    color: #34d8cf;
}

.vip-content li {
    color: #a8a28c;
}

.vip-content .link-group {
    background-color: #141414;
}

.report-nav .btn-open {
    background-color: #212120;
}

.report-nav .btn-open i {
    color: rgba(243, 243, 243, 0.64);
}

.report-main-menu {
    background-color: #212120;
}

.report-main-menu li {
    color: rgba(255, 255, 255, 0.48);
}

.report-main-menu li.active {
    color: #e1c670;
    border-bottom: 2px solid #e1c670;
}

.report-detail-menu {
    background: #060606;
}

.report-detail-menu li {
    border-color: #4a4a4a;
    color: #8c8c8c;
}

.report-detail-menu li::after {
    border-color: #ab8e44 transparent transparent transparent;
}

.report-detail-menu li::before {
    color: #040404;
}

.report-detail-menu li.active {
    border-color: #ab8e44;
    background: #040404;
    color: #ab8e44;
}

.report-head {
    box-shadow: 0 1px 0 0 #4e483a;
    background-color: #403a29;
}

.report-head .title {
    color: #d4c293;
}

.report-list {
    border-color: #36362c;
}

.report-item {
    border-bottom: 1px solid #2f2d1e;
}

.report-item .content {
    color: #dcdcdc;
}

.report-item .content .icon-less,
.report-item .content .icon-plus{
    color: #e3cd8b;
}

.report-item .btn-open::after {
    color: #d8ba49;
}


.report-item .status span {
    color: rgba(0, 0, 0, 0.5);
}

.report-item .status .running {
    color: #27b85f;
}

.report-item .status .progress {
    color: #e29730;
}

.report-item .status .finished {
    color: #94918a;
}

.report-item .btn-check {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    background-image: linear-gradient(to bottom, #787878 2%, #535353 99%);
    color: rgba(255, 255, 255, 0.75);
}

.report-item.open .content {
    background-color: #23221f;
}

.report-item.open .qqpool-detail {
    box-shadow: 0 2px 0 0 #4e483a, 0 -2px 0 0 #4e483a;
    background-color: rgba(0, 0, 0, 0.34);
}

.report-item .winning-group .winning-item .winning-ranking::after {
    border: 10px solid #121210;
}

.report-item .period-group .period {
    color: rgba(255, 255, 255, 0.6);
}

.report-detail {
    border-top: 1px solid #4e483a;
    box-shadow: 0 2px 0 0 #4e483a;
    background-color: #181717;
}

.report-detail-table th,
.report-detail .data .title {
    color: #9c9c9c;
}

.report-detail-table td,
.report-detail .data .value {
    color: #dcdcdc;
}

.report-detail .data .cancel,
.report-detail .data .qualify {
    color: #f83848;
}

.report-detail .data .approved {
    color: #21d27e;
}

.report-detail .data .reject {
    color: #b89418;
}

.progress-bar {
    background-color: #3e3e3e;
}

.progress-bar span {
    background-color: #695c3c;
}

.progress-bar p {
    color: #fff;
}

.period-block p {
    color: #bcbcbc;
}

.form .choice-list.history-type li {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.48) 2%, rgba(255, 255, 255, 0.27) 99%);
    color: rgba(255, 255, 255, 0.79);
}

.link-group .item {
    border-color: rgba(138, 135, 117, 0.34);
}

.link-group [class^=icon-] {
    color: #dcdcdc;
}

.link-group strong,
.web-window .restrict-item .link-group .item:hover [class^=icon-] {
    color: #d8b248;
}

.link-group p span {
    color: #d3d3d3;
}

.link-group.top-type .item {
    background-color: #2a2927;
}

.btn-collect {
    box-shadow: 0 2px 0 0 #165b37;
    background-image: linear-gradient(to bottom, #2db26b, #1f7e4c);
    color: #fff;
}

.balance-box {
    color: #fff;
    background: linear-gradient(to left, #ffb135, #c14d15 100%);
}

.balance-box i {
    color: #fff;
}

.balance-box .title {
    color: rgba(255, 255, 255, 0.76);
}

.balance-box .remain-money {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.46);
    color: #fff;
}

.balance-box.no-money {
    background: linear-gradient(to left, #949494, #404040);
}

.form .date-inpute .icon-Calendar {
    color: #afa996;
}

.form .date-inpute input:read-only {
    background: transparent;
    color: #f3f4f5;
}

.form .date-inpute {
    border-color: rgba(213, 213, 213, 0.18);
}

.form .date-inpute .dash {
    color: #f3f4f5;
}

.vip-table tbody tr:nth-of-type(even) {
    background: #1f1c13;
}

.vip-table tbody tr:nth-of-type(odd) {
    background: #131313;
}

.vip-table tbody tr::before {
    color: #ebc455;
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
}

.vip-table td {
    color: #fff;
}

.vip-table .icon-Check {
    color: #ff9a00;
}

.vip-table .icon-Close {
    color: #b7b7b7;
}

.inline-select {
    color: #f3f4f5;
    border-color: rgba(213, 213, 213, 0.35);
}

.inline-select .icon-triangle {
    color: rgba(255, 255, 255, 0.64);
}

.rebate-popup.no-money .content {
    background-image: linear-gradient(to left, #949494, #404040);
}

.rebate-popup.no-money .content::after {
    border-color: #7e7e7e transparent transparent transparent;
}

.rebate-popup .content {
    background-image: linear-gradient(to left, #ffb135, #c14d15);
}

.rebate-popup .icon-InstantRebate {
    color: #fff;
}

.rebate-popup .content::after {
    border-color: #ed942c transparent transparent transparent;
}

.rebate-popup .btn-close {
    border-color: #8f8f8f;
    background-color: #424242;
    color: #ececec;
}

.rebate-popup .btn-close i {
    text-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.76);
}

.rebate-popup .title {
    color: rgba(255, 255, 255, 0.76);
}

.rebate-popup .remain-money {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.46);
    color: #fff;
}

/* -------套件：反饋彈窗--------- */
/*背景顏色*/
.swal2-popup-custom,
.swal2-popup-custom.swal2-icon-success .swal2-header,
.swal2-popup-custom .swal2-success-circular-line-left,
.swal2-popup-custom .swal2-success-fix,
.swal2-popup-custom .swal2-success-circular-line-right {
    background-color: #272727 !important;
}

/*訊息文字*/
.swal2-content-custom {
    color: #ececec !important;
    padding: 0 0 12px 0 !important;
    font-size: 1rem !important;
}

/*confirm 按鈕顏色*/
.swal2-confirm-custom {
    background-color: #bb9d42 !important;
    color: #000 !important;
    text-shadow: 0 1px 0px rgb(232, 193, 74);
}

/*cancel 按鈕顏色*/
.swal2-cancel-custom {
    background-color: #9e9c97 !important;
    color: #000 !important;
    text-shadow: 0 1px 0px rgb(204, 204, 204);
}

/* 按鈕focus狀態 */
.swal2-confirm-custom:focus,
.swal2-cancel-custom:focus {
    box-shadow: none !important;
}

/*close (右上角叉叉) 按鈕樣式*/
.swal2-close-custom {
    box-shadow: none !important;
    color: #b3b3b3 !important;
    font-size: 2.4em !important;
}

/*info icon 顏色*/
.swal2-icon.swal2-info {
    border: solid 5px #7b5e2d !important;
    color: #eca03d !important;
}

/*error icon 顏色*/
.swal2-icon.swal2-error {
    border-color: #995454 !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #fb4e4e !important;
}

/*success icon 顏色*/
.swal2-success-ring {
    border: solid 4px #4d9963 !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #4ef97f !important;
}

/*question icon 顏色*/
.swal2-icon.swal2-question {
    border: solid 5px #7c6a50 !important;
    color: #d4b335 !important;
}

/*Carousel style*/
.swiper-pagination span {
    background: #7d7d7d;
}

.swiper-pagination span.swiper-pagination-bullet-active,
.swiper-pagination span:hover {
    width: 16px;
    background: #b9923b;
}

/* ---------------- */
.login-box .media-text {
    color: #fff;
}

.popup-logo {
    filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, .8));
}

.popup-bottom-imgs img {
    filter: brightness(2);
}

.bank-text {
    color: #fff;
}

input[type=radio].default-radio+label.bank-label .bank-text {
    color: #fff;
}
.trans-form-box {
    border-color: #505050;
}

.trans-form-info {
    color: #b9b9b9;
}

.login-box {
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.35);
    background-color: rgba(255, 255, 255, 0.08);
}

.login-page-note {
    color: #b5b5b5;
}

.bottom-clear-btn {
    background-color: #28a09c;
    box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);
    color: #fff;
}

.trans-wallet-choice input[type=radio].default-radio:checked+label i {
    color: #fffaad;
}

.reset-btn {
    color: #2986EE;
    border-color: #63a8f6;
}

.game-provider-list .icon-hot {
    --color-1: #FFE400;
    --color-2: #D80303;
}

.money-btn-list {
    background: #272318;
    border-color: #4a4435;
}

.money-btn-list .money-item {
    color: #ffd56a;
}

.money-btn-group .money-item strong{
    color: #d3d3d3;
}

.nav-tool .nav-money .icon-Allwithdraw {
    color: #0043cc;
}

.balance-nav .toggle-btn {
    --color: #fff;
}

.balance-nav-dropdown {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.54);
    border-color: rgba(255, 255, 255, 0.2);
}

.balance-nav-icon,
.nav-main-wallet>i {
    color: #fff;
}
.report-detail-table td.green {
    color: #21d27e;
}

.web-window .report-detail-btn:hover {
    background-color: #1645b0;
    color: #fff;
}

.social-title {
    color: rgba(255, 255, 255, 0.8);
}

.profile-status {
    color: #e2e2e2;
}

.profile-status i.check {
    --color: #0fd6a5;
}

.report-detail.second-type::after {
    border-color: rgba(255, 255, 255, 0.34);
}

.report-detail-btn {
    color: rgba(255, 255, 255, 0.74);
    border-color: rgba(255, 255, 255, 0.12);
    background-color: rgba(15, 28, 38, 0.4);
}

.btn-profile {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.37);
  background-image: linear-gradient(to bottom, #d7773c 1%, #7e411e 99%);
}

.btn-profile.disabled {
    color: rgba(255, 255, 255, 0.86);
}

.nav-coupon .coupon-input {
    background-color: rgba(0, 0, 0, 0.45);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.34);
}

.nav-coupon .coupon-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.coupon-box .coupon-input {
    border-color: rgba(255, 255, 255, 0.75);
    background-color: rgba(0, 0, 0, 0.45);
    color: #ffe282;
}

.coupon-box .coupon-input::placeholder {
    color: rgba(255, 226, 130, 0.84);
}

.coupon-box::after {
    filter: brightness(1);
}

.web-window .restrict-item .link-group .item {
    background-color: rgba(0, 0, 0, 0.24);
}

.nav-alert .notice-alert {
    border-color: #c9920a;
}

.side-nav-alert .notice-alert {
    border-color: #24221f;
}

option:disabled {
    background-color: #b3b3b3;
}

.side-nav-version {
    color: rgba(255, 255, 255, 0.5);
}

.notice-alert {
    background-color: #fffa2b;
    color: #210000;
}

.process-msg {
    --color: #28c777;
}

.process-msg.error p {
    color: #d0273b;
}

.process-count-down {
    color: #de605f;
}

.home_title .icon-hot {
    background: transparent linear-gradient(180deg, #FF0 0%, #FF8900 54%, #BA0000 100%) 0% 0% no-repeat padding-box;
    background-clip: text;
    -webkit-background-clip: text;
}

.bottom-menu {
    --bg: #272318;
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.4)) drop-shadow(0px 3px 16px #000);
}

.bottom-menu .btn-close {
    border-color: rgba(255, 255, 255, 0.15);
    color: #ececec;
    background-color: var(--bg);
}

.bottom-menu .btn-close i {
    text-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.76);
}

.bottom-menu-name {
    color: #fff;
}

.ion-fab-list>.ion-fab-button {
    --background: #333;
}

.ion-fab-list>.ion-fab-button [class^=icon-],
.ion-fab-list>.ion-fab-button [class*=" icon-"] {
    color: #fff !important;
}

.ion-fab>.ion-fab-button {
    --background: var(--datePickerC);
}

.btn-link {
    color: #a4a199;
}

.getcode-btn, .voucher-code-input {
    background-color: #806320;
    color: #fff;
}

.scroll-wrap::-webkit-scrollbar {
    background-color: #dbdbdb;
}

.scroll-wrap::-webkit-scrollbar-thumb {
    background: #a9a9a9;
}

.provider-mainten-content {
    background-color: #2c2c2c;
    border-color: #545454;
}

.provider-mainten-content .item:not(:nth-last-child(1)) {
    border-color: rgba(255, 255, 255, 0.14);
}

.provider-mainten-content .item:not(:nth-last-child(1))::after {
    border-color: rgba(0, 0, 0, 0.84);
}

.provider-mainten-content .info {
    color: #c3c3c3;
}

.provider-mainten-content .provider-name {
    color: #fff;
}

.provider-mainten-content .date-info {
    color: #44c7e3;
}

.provider-mainten-content .time-tag {
    color: #c3c3c3;
    background-color: #0e0e0e;
}

.provider-mainten-content span[class^=logo-] {
    filter: brightness(150%) drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.24));
}

.popup-title .subtitle {
    color: #d7c070;
}

.form.has_btn .copy-btn {
    background-color: #505050;
}

.form.has_btn .copy-btn i {
    color: #ddd;
}

.default-img i {
    color: #848484;
}

.denied-upper-box .icon-403 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#757575));
    background-image: linear-gradient(to bottom, #fff, #757575);
}

.payments .payments-title {
    color: #d1b968;
}

.payments .item {
    background-color: #38352e;
}

.payments .offline {
    background-color: #13110d;
}

.payments .offline i[class^=bk_]::after {
    filter: brightness(0%) invert(1);
    opacity: 0.45;
}

.payments .online i[class^=bk_]::after {
    filter: saturate(200%);
}

.vip-top-sec {
    background-color: #201c14;
}

.table-head {
    background-color: #201c14;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.table-head .item {
    color: rgba(238, 238, 238, 0.54);
}

.vip-nav li.active {
    color: #bf2d00;
    border-bottom: 2px solid #bf2d00;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.info-box {
    border-color: rgba(218, 209, 151, 0.18);
}

.rebate-content strong.money {
    color: #fec801;
}

.switch-btn label.switch {
    background-color: #737373;
}

.switch-btn input:checked+.switch {
    background-color: #1d9630;
}

.switch-btn input:checked+.switch::after {
    border-color: #1d9630;
}

.switch-btn label.switch::after {
    border-color: #737373;
    background-color: #f3f3f3;
}

.vip-data {
    background: #141414;
}

.info-box p a {
    color: #c5a854;
}


.msg-content p a {
    color: #ecd075;
}

.history-list .num.pending {
    color: #a09e98;
}

.history-list .mark.pending {
    background-color: #a09e98;
}

.history-list .info.pending {
    color: #a09e98;
    border: 1px solid #a09e98;
}

.code-input .input-btn {
    letter-spacing: -0.8px;
}

.money-info-box .main-wallet>span:not(.loading-dot) {
    color: #757575;
}

.side-acc {
    border-top: solid 1px rgba(191, 163, 74, 0.34);
}

.side-acc .user-info p span,
.side-acc .user-info p strong {
    color: #e0e0e0;
}

.side-acc .user-info i {
    color: #e0e0e0;
}

.side-acc .money-info {
    background-color: rgba(0, 0, 0, 1);
}

.side-acc .money-info .money {
    color: #3cc0ff;
}

.side-acc .money-info .icon-Allwithdraw {
    color: #4783ff;
}

.side-acc .reload-btn i {
    color: rgba(255, 255, 255, 0.75);
}

.withdraw-btn {
    border-color: #b5b3b3;
    color: #4e4e4e;
}

.loading-img::after {
    border-color: #848484;
    border-top-color: transparent;
}

.home_menu .loading-img::after {
    border-color: #a2a29b;
    border-top-color: transparent;
}

.payment-info_img {
    box-shadow: 0 2px 10px 0 rgba(186, 160, 87, 0.85);
    background-color: #fff;
}

.payment-info_img i {
    color: #816a36;
}

.payment-info_box {
    box-shadow: 0 1px 0 0 #4c4c4c, 0 5px 30px 0 rgba(0, 0, 0, 0.34);
    background-color: #242424;
}

.payment-info_box .heading {
    color: #fff;
    border-bottom-color: #4a4a4a;
}

.payment-info_box .title {
    color: #b5b5b5;
}

.payment-info_box .value,
.payment-info_box .number {
    color: #d7bc7a;
}

.btn-payment-close {
    background-color: #343434;
    color: #fff;
}

.podium .content::before {
    background-color: rgba(0, 0, 0, 0.7);
}

.podium .currency {
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    color: #fff;
    -webkit-text-stroke:rgba(0, 0, 0, 0.5);
}

.podium .money {
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    color: #fff;
    -webkit-text-stroke: rgba(0, 0, 0, 0.5);
}

.pool-ribbon .title {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcc73b), to(#e27a03)), -webkit-gradient(linear, left top, left bottom, from(#b57334), to(#b57334));
    background-image: linear-gradient(to bottom, #fcc73b, #e27a03), linear-gradient(to bottom, #b57334, #b57334);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.pool-ribbon .title i {
    color: #fff;
}

.pool-ribbon .decorate {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8b90b), to(#ef8305));
    background-image: linear-gradient(to bottom, #f8b90b, #ef8305);
}

.pool-ribbon .decorate:nth-of-type(1)::after {
    border-color: transparent #4c350d transparent transparent;
}

.pool-ribbon .decorate:nth-last-of-type(1)::after {
    border-color: #4c350d transparent transparent transparent;
}

.pool-grand .heading {
    color: #fff;
}

.pool-grand .time-info .title {
    color: #d4d4d4;
}

.pool-grand .time-info .content {
    color: #fff;
}

.grand-grid .--item-first-prize {
    --linear-color: rgba(251, 230, 120, 0.55);
}

.grand-grid .--item-first-prize .prize {
    background-color: #f6c843;
}

.grand-grid .--item-first-prize .mark {
    background-color: #ffeebf;
}

.grand-grid .--item-second-prize {
    --linear-color: rgba(218, 221, 227, 0.46);
}

.grand-grid .--item-second-prize .prize {
    background-color: #e3e3e3;
}

.grand-grid .--item-second-prize .mark {
    background-color: #c7c7c7;
}

.grand-grid .--item-third-prize {
    --linear-color: rgba(229, 175, 84, 0.46);
}

.grand-grid .--item-third-prize .prize {
    background-color: #e5af54;
}

.grand-grid .--item-third-prize .mark {
    background-color: #eed5ab;
}

.grand-grid .numbers-group {
    background-image: linear-gradient(to bottom, #1c1c1c, #1c1c1c), linear-gradient(to bottom, #fbe678, rgba(246, 200, 67, 0));
}

.grand-grid .mark {
    color: #01111c;
}

.grand-grid .info {
    color: #01111c;
}

.num-ball {
    background-color: #494949;
    color: #fff;
}

.numbers-table {
    background-color: #1c1c1c;
}

.numbers-table .heading {
    color: #e3e3e3;
}

.number-search-box {
    background: #353535;
}

.number-search-box .icon-Search {
    color: #fff;
}

.number-search-box input {
    color: #ebebeb;
}

.number-search-box .close-btn {
    color: #b7b7b7;
}

.number-search-box.active {
    border-color: #a59059;
    background-color: #0a0a0a;
}

.number-search-box.active i {
    color: #bbb;
}

.number-search-box input::placeholder {
    color: #848484;
}

.numbers-carousel .number {
    -webkit-box-shadow: 0 1px 0 0 #726949;
    box-shadow: 0 1px 0 0 #726949;
    background: rgba(0, 0, 0, 0.45);
    color: #eeece5;
}

.numbers-carousel .owl-dots .owl-dot.active span,
.numbers-carousel .owl-dots .owl-dot:hover span {
    background: #f0d67a;
}

.rank-result input[type=radio].default-radio:checked+label .col {
    color: #fff;
}

.rank-result input[type=radio].default-radio:checked+label .date {
    color: #aa8e43;
}

.rank-result .date {
    color: #b1b1b1;
}

.rank-result .col {
    color: rgba(255, 255, 255, 0.64);
}

.rank-result .col:not(:nth-last-of-type(1)) {
    border-right-color: #3c3c3c;
}

.popup-title .close-btn {
    color: #e3e3e3;
}

.payments i[class^=bk_] {
    color: #ddd;
}

.payments .offline i[class^=bk_] {
    color: #707070;
}

.upload-select {
    color: rgba(255, 255, 255, 0.75);
    border-color: #6e6e6e;
}

.upload-select.active {
    color: #fff;
    border-color: #a17b1b;
}

.upload-select .icon-open_plus {
    color: rgba(255, 255, 255, 0.74);
}

.file-input i,
.file-input p {
    color: #949494;
}

.file-input {
    border-color: #4e4e4e;
}

/* help_center */
.help-center-table td,
.help-center-table th,
.help-center-table {
    border-color: rgba(255, 255, 255, 0.15);
}

.help-center-table {
    background-color: rgba(107, 107, 107, 0.3);
}

.help-center-table thead {
    background-color: rgba(255, 255, 255, 0.12);
}

.help-center-table th {
    color: #fff;
}

.help-center-table td {
    color: #fff;
}

.side-menu .item.open>.item-href,
.side-menu .item-href:hover,
.side-menu .item-href.active {
    background-color: rgba(49, 49, 49, 0.61);
    color: #e7cf59;
}

.side-menu {
    border-color: rgba(255, 255, 255, 0.14);
    background-color: #151515;
}

.side-menu .item-href {
    background-color: #151515;
    border-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.side-menu .item i {
    color: #fff;
}

.sub_title {
    color: #ececec;
}

.help-center-wrap,
.text_content {
    color: #d5d5d5;
}

.text_href {
    color: #2fa0ff;
}

.note-box {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.42);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.42);
    border-color: #bfae73;
    background-color: #fff6db;
}

.note-box p {
    color: #76581b;
}

.note-box .heading {
    color: #3d2d0d;
    border-color: #bfae73;
}

/*---web---*/
/* button */
.btn-secondary {
    background-color: #3c3017;
    color: #fff;
}

.free-bet-card .btn-secondary {
    background-color: #5c5c5c;
    color: #e3e3e3;
}

.btn-login {
    background-color: #3b311b;
    color: #ffffd9;
}

.btn-signup {
    background-color: #9a2e04;
    color: #ffffd9;
}

@media (hover: hover) {
    .btn-secondary:hover {
        background-color: #c1542c;
    }

    .btn-signup:hover {
        background-color: #713203;
        color: #ffec25;
    }

    .btn-login:hover {
        background-color: #926000;
        color: #fff;
    }

    .btn-default:hover {
        background-color: #dce1e5;
        color: #343434;
    }

    .btn-default.submit:hover {
        background-color: #24aea9;
        color: #060606;
    }

    .btn-default.verify:hover {
        background-color: #2a9c4d;
        color: #fff;
    }

    .btn-quick:hover {
        background-color: #f9d623;
    }
}

/* nav */
.nav-tool {
    border-color: rgba(255, 255, 255, 0.35);
}

.nav-tool .tool {
    color: #3c362a;
}

.nav-tool .tool:hover {
    color: #4d390c;
}

.nav-tool .icon-InstantRebate {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdae35), to(#c35016));
    background-image: linear-gradient(to bottom, #fdae35, #c35016);
}

.tool .icon-azvpnt::after,
.tool .icon-antiblocker::after,
.tool .icon-freebet::after {
    background-color: #fff;
}

.tool .icon-antiblocker::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6a6a), to(#ae1a1a));
    background-image: linear-gradient(to bottom, #ff6a6a 0%, #ae1a1a);
}

.tool .icon-azvpnt::before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #5ce1e7), to(#437db0));
    background-image: linear-gradient(to bottom, #5ce1e7 3%, #437db0);
}

.tool .icon-freebet::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#52e6c5), to(#27816a));
    background-image: linear-gradient(to bottom, #52e6c5, #27816a);
}

.nav-alert i {
    color: #da0000;
}

.nav-user {
    color: #191919;
}

.nav-user span,
.nav-text {
    color: #3c362a;
}

.nav-user i {
    color: #3c362a;
}

.nav-tool .login-form input {
    --color: #1a1a1a;
    border-color: #937940;
    --background-color: #fff;
}

.nav-tool .login-form label {
    color: #6c6c6c;
}

.nav-tool .password-btn:hover {
    color: #fff;
}

.forget-psd-btn {
    color: rgba(110, 110, 110, 1);
    border-color: #b2a995;
}

.forget-psd-btn:hover {
    color: #8e6c0c;
}

.nav-money {
    color: #191919;
}

.nav-tool-list a:hover {
    color: #d9c662;
}

.go-mobile-btn {
    color: #b9cad7;
}

.go-mobile-btn:hover {
    color: #13e5cb;
}

.language-dropdown i {
    color: #54451c;
}

.nav-tool-list {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.64);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.64);
    background-color: #21201d;
}

.nav-tool-list li:not(:nth-last-child(1)) {
    border-color: rgba(255, 255, 255, 0.1);
}

.nav-tool-list a {
    color: #fff;
}

.main_menu.nav_type .item::after {
    background-image: radial-gradient(circle at 50% 0, #545454, #232323 88%);
}

.main_menu.nav_type .item a i {
    background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#0e0e0e));
    background: linear-gradient(to bottom, #282828 3%, #0e0e0e 100%);
    background: -webkit-linear-gradient(top, #282828 3%, #0e0e0e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main_menu.nav_type .item a strong {
    color: rgba(0, 0, 0, 1);
}

.main_menu.nav_type .item:hover a i,
.main_menu.nav_type .item.active a i {
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main_menu.nav_type .item:hover a strong,
.main_menu.nav_type .item.active a strong {
    color: #fff;
}

.under_nav {
    background-image: radial-gradient(circle at 50% 1%, #3d3b2f, #181717 70%);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.34), 0 2px 30px 0 rgba(0, 0, 0, 0.64) inset;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.34), 0 2px 30px 0 rgba(0, 0, 0, 0.64) inset;
}

.under_nav::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(104, 105, 41, 0.74)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, rgba(104, 105, 41, 0.74) 50%, rgba(0, 0, 0, 0) 100%);
}

.catogory-box.nav_type span[class^=logo-]::after {
    filter: grayscale(100%) contrast(0%) brightness(170%);
}

.catogory-box.nav_type strong {
    color: rgba(255, 255, 255, 0.8);
}

.catogory-box.nav_type a::after {
    background-color: rgba(91, 75, 36, 0.7);
}

.catogory-box.nav_type a:hover strong {
    color: #fff;
}

.tooltip {
    background-color: #000;
    color: #fff;
}

.tooltip::before {
    border-bottom-color: #000;
}

.nav-rebet-box .title {
    color: rgba(255, 255, 255, 0.8);
    background-color: #4d4d4d;
}

.nav-rebet-box .money {
    color: #f5d461;
}

.nav-rebet-box .content {
    background-color: #2e2e2e;
}

.nav-acc-tool.no-money .money {
    color: #e5e5e5;
}

.nav-acc-tool.no-money .icon-InstantRebate {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#565656));
    background-image: linear-gradient(to bottom, #b3b3b3, #565656);
}

/* 共用字型 */
.index_title {
    color: #d1b968;
}

@media (hover: hover) {

    .seo-info-box a:hover,
    .info-box p a:hover {
        color: #10c8e7;
    }
}

/* footer */
.social-link a:hover i.icon-facebook-fill {
    background-color: #3a559f;
}

.social-link a:hover i.icon-twitter-fill {
    background-color: #00acee;
}

.social-link a:hover i.icon-telegram-fill {
    background-color: #229ED9;
}

.social-link a:hover i.icon-GooglePlus-fill {
    background-color: #db4a39;
}

.social-link a:hover i.icon-linkedin-fill {
    background-color: #0e76a8;
}

.social-link a:hover i.icon-vimeo-fill {
    background-color: #4898c5;
}

.social-link a:hover i.icon-instagram-fill {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.social-link i {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.14);
}

.footer-provider-list .name {
    color: rgba(227, 203, 127, 0.85);
}

.footer-provider-list .col {
    border-color: rgba(220, 220, 220, 0.16);
}

.footer-provider-list span[class^=logo-]::after {
    -webkit-filter: grayscale(100%) contrast(0%) brightness(120%);
    filter: grayscale(100%) contrast(0%) brightness(120%);
}

/* popup（彈窗）*/
.popup-close-btn,
.web_type .select-close-btn {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.65);
    background-color: #3b3b3b;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.65);
}

.popup-box .form label {
    color: #b5b5b5;
}

.popup-box .form input,
.popup-box .form select,
.form .date-input-default {
    border-color: #5c5c5c;
    --color: #b9b9b9;
    background-color: #434343;
}

.popup-box .form input::placeholder {
    color: #b3b3b3;
}

.popup-text {
    color: #c3c3c3;
}

.popup-note {
    color: #ffbb2c;
}

.popup-close-btn i,
.web_type .select-close-btn i {
    color: #cdcdcd;
}

.popup-back-btn {
    background-color: #6f6f6f;
    color: #fff;
}

.popup-back-btn:hover {
    background-color: #585858;
}

.popup-box .sub-nav li a {
    color: #e9e9e9;
    border-color: #5f5f5f;
}

.popup-box .sub-nav li:hover a {
    color: #eec638;
}

.popup-box .sub-nav li.active a {
    color: #eec637;
    border-color: #ad8c16;
}

.popup-box .ask-sentence {
    color: #c6c6c6;
}

.popup-content a {
    color: #ceb251;
}

/* 側邊欄 */
.floating-menu {
    border-color: rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 16px 10px -15px #131311, 0 0 10px 0 #1d1d1b;
    box-shadow: 0 16px 10px -15px #131311, 0 0 10px 0 #1d1d1b;
    background-color: #2c2922;
    border: 1px solid #423821;
}

.floating-menu .item:not(:nth-last-of-type(1)) {
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border-color: rgba(0, 0, 0, 0.7);
}

.floating-menu:nth-last-child(1) .floating-icon-box:hover {
    color: #3ddaff;
}

.floating-icon-box {
    color: #e5e5e5;
}

.floating-icon-box:hover {
    color: #d7a326;
}

.floating-download-box {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.8);
    border-color: rgba(255, 255, 255, 0.18);
    background-color: #141311;
}

.floating-download-box li {
    background-color: #302f2c;
}

.floating-download-box .heading {
    color: #c7c7c7;
}

.floating-download-box .icon-Android {
    color: #99cc01;
}

.floating-download-box .icon-apple {
    color: #fff;
}

.floating-download-box span {
    color: #fff;
}

.floating-download-box::after {
    border-left-color: #141311;
}

.floating-download-box::before {
    border-left-color: rgba(255, 255, 255, 0.18);
}

/* home */
.page-arrow {
    background-color: #343434;
}

.page-arrow i {
    color: #fff;
}

.gallery::after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(1, 17, 28, 0)), to(#01111c));
    background-image: linear-gradient(to right, rgba(1, 17, 28, 0) 0%, #000 100%);
}

.hot-tag,
.new-tag,
.event-tag,
.online-tag {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.hot-tag::before,
.new-tag::before,
.event-tag::before,
.online-tag::before {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

.new-tag::before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff003f), color-stop(60%, #a90000));
    background-image: linear-gradient(to bottom, #ff003f 0, #a90000 60%);
}

.hot-tag::before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff8600), to(#a94400));
    background-image: linear-gradient(to bottom, #ff8600 0, #a94400 100%);
}

.event-tag::before {
    background-color: #00bd71;
}

.online-tag::before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #01edd4), to(#1375c9));
    background-image: linear-gradient(to bottom, #01edd4 0, #1375c9 100%);
}

.ranking-list {
    background-color: #292824;
}

.ranking-list .wrap::after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 32, 44, 0)), to(#000));
    background-image: linear-gradient(to bottom, rgba(26, 32, 44, 0), #000);
}

.ranking-tab {
    background-color: #2e2c26;
}

.ranking-tab li {
    color: #c5c5c5;
}

.ranking-tab li.active {
    border-color: #8c723b;
    color: #f6d461;
}

.ranking-tab li:hover {
    color: #ffc526;
}

.ranking-col:nth-of-type(odd) {
    background-color: #131313;
}

.ranking-col .name {
    color: #ebebeb;
}

.ranking-col .info {
    color: rgba(255, 255, 255, 0.56);
}

.ranking-col .money {
    color: #cdc674;
}

.ranking-col .qqmoney {
    color: #ffcb44;
}

.ranking-head {
    background-color: #050505;
    color: #a5a5a5;
}

.ranking-head strong {
    color: #fff;
}

.ranking-order {
    color: #e3e3e3;
}

.upcoming-item {
    --border-color: #0b4f6e;
}

.upcoming-item::after {
    background: linear-gradient(243deg, #004f92, rgb(0, 25, 64, 0.9), rgba(0, 33, 38, 0.8));
}

.upcoming-item .heading {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.74);
    color: #a8e2ff;
}

.upcoming-item .date {
    color: rgba(255, 255, 255, 0.9);
}

.vs-box {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(rgba(34, 163, 163, 0.8)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(34, 163, 163, 0.8), rgba(0, 0, 0, 0));
}

.vs-box .name {
    color: #fff;
}

.vs-box .icon-vs {
    color: #ebe07d;
    -webkit-filter: drop-shadow(0px 1px 1px #212121);
    filter: drop-shadow(0px 1px 1px #212121);
}

.upcoming-info .item {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.84);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.84);
    background-color: rgba(0, 0, 0, 0.45);
}

.upcoming-info .title {
    color: rgba(255, 255, 255, 0.8);
}

.upcoming-info .value {
    color: #ffd300;
}

.upcoming-mask-heading {
    color: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(26, 154, 174, 0.64), rgba(0, 0, 0, 0));
}

.service-block {
    background-color: #1a202c;
}

.service-block .item {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
    background-color: rgba(255, 255, 255, 0.1);
}

.service-block i {
    color: #73f29c;
}

.service-block .title {
    color: #f0f0f0;
}

.service-block .detail {
    color: rgba(255, 255, 255, 0.6);
}

.service-tag {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    color: #fff;
}

.service-tag.green {
    background-image: -webkit-gradient(linear, left top, right top, from(#00c77f), to(#00c092));
    background-image: linear-gradient(to right, #00c77f 0%, #00c092 100%);
}

.service-tag.red {
    background-image: -webkit-gradient(linear, left top, right top, from(#d425ad), to(#c90030));
    background-image: linear-gradient(to right, #d425ad 0%, #c90030 100%);
}

.service-tag.purple {
    background-image: -webkit-gradient(linear, left top, right top, from(#466df4), to(#123dd5));
    background-image: linear-gradient(to right, #466df4 0%, #123dd5 100%);
}

/* game */
.game-item .event-tag,
.game-item .online-tag {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    background-color: #00bd71;
}

.game-item {
    --bg: #2e2c26;
    border-color: rgba(255, 255, 255, 0.07);
}

.game-item .img {
    background-color: #13110d;
}

.game-item .name {
    color: rgba(255, 255, 255, 0.84);
}

.game-item-avatar span[class^=logo-] {
    background-color: #13110d;
}

.active-mask {
    background-color: rgba(90, 77, 38, 0.85);
}

.game-play-btn,
.game-play-btn::before {
    color: rgba(0, 0, 0, 0.8);
    background: #0de7c4;
}

.game-try-btn {
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.64);
    border-color: rgba(255, 255, 255, 0.29);
}

.game-try-btn:hover {
    color: #ff7e35;
    background-color: rgba(0, 0, 0, 0.8);
    border-color: #b16032;
}

.game-carousel {
    border-color: rgba(255, 255, 255, 0.2);
}

.game-slide-content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

.game-slide-content .title {
    color: #fff;
}

.game-slide-content .info {
    color: #fff;
}

.game-provider-list li {
    border-color: rgba(255, 255, 255, 0.15);
}

.game-provider-list li:hover,
.game-provider-list li.active {
    -webkit-box-shadow: 0 1px 8px 2px rgba(240, 229, 54, 0.37);
    box-shadow: 0 1px 8px 2px rgba(240, 229, 54, 0.37);
    border-color: #948d71;
}

.game-provider-list li:hover strong,
.game-provider-list li.active strong {
    color: #fff;
}

.game-provider-list strong {
    color: rgba(255, 255, 255, 0.64);
}

.all-provider-icon {
    color: #fff;
    background-color: #ff7500;
}

.all-provider-icon::after {
    border-color: #01111c;
}

.jackpot {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(2%, #bf367c), to(#2f236b));
    background-image: linear-gradient(to right, #bf367c 2%, #2f236b 100%);
}

.jackpot span[class^=logo-]::after {
    -webkit-filter: grayscale(100%) contrast(0%) brightness(200%);
    filter: grayscale(100%) contrast(0%) brightness(200%);
}

.jackpot .title {
    color: rgba(255, 255, 255, 0.85);
}

.jackpot .currency {
    color: #fff;
}

.jackpot .num {
    color: #ffd82c;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

/* download */
.download-item {
    background-color: #202020;
}

.download-item::after {
    background-image: linear-gradient(216deg, rgba(2, 2, 2, 0.7) 99%, rgba(135, 115, 60, 0.7) 0%);
}

.download-item .content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 32, 44, 0.8)), to(rgba(0, 166, 137, 0.8)));
    background-image: linear-gradient(to bottom, rgba(47, 47, 47, 0.8), rgba(99, 84, 28, 0.8) 100%);
}

.download-item span[class^=logo-]::after {
    -webkit-filter: saturate(150%) drop-shadow(0px 0px 0px #fff);
    filter: saturate(150%) drop-shadow(0px 0px 0px #fff);
}

.download-item .icon-Information {
    color: #fff;
}

.download-item .icon-Information:hover {
    color: #ffe87f;
}

.download-item .qrcode .icon-Android::before,
.download-item .qrcode .icon-apple::before {
    -webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.4));
}

.qrcode {
    background: #fff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #a68100;
}

.download-gallery .info-mask .info-content a {
    color: #00d1ff;
}

.info-mask .info-content {
    color: #efefef;
}

.info-mask.show {
    background-color: #202020;
}

/* vip */
.vip-web-table {
    -webkit-box-shadow: 0 3px 16px 5px rgba(0, 0, 0, 0.7);
    box-shadow: 0 3px 16px 5px rgba(0, 0, 0, 0.7);
    background-image: radial-gradient(circle at 50% 0, #464124, #070707 68%);
}

.vip-web-table thead {
    background-color: rgba(0, 0, 0, 0.34);
    color: #fff;
}

.vip-web-table td {
    color: #ececec;
    border-color: #3d3d3d;
}

.vip-web-table td.td-title strong {
    color: #ffa12a;
}

.vip-web-table .num {
    color: #ebe47c;
}

/*referral*/
.speack-box p {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.referral-intro .img::after {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(white), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
}

.copy-input {
    border-color: rgba(255, 255, 255, 0.58);
}

.copy-input legend {
    color: #ffe22f;
}

/* promotion */
.promotion-block .promotion-tag {
    color: #000;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.34);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.34);
}

.promotion-tag {
    color: #000;
}

.promotion-tag.special {
    background-color: #ffee23;
}

.promotion-tag.member {
    background-color: #58e297;
}

.promotion-block .info {
    color: #fff;
    background-color: #5b4d2f;
}

.promotion-block .item:hover .info {
    background-color: #a98d4a;
}

.promotion-info {
    background-color: #666;
}

.promotion-info .date {
    color: #fff;
}

.promotion-info .date i {
    color: rgba(255, 255, 255, 0.8);
}

/* qqpool */
.qqpoolmine{
    background-color: #242424;
}

.qqPool_title {
    color: #fff;
    font-size: 1.5rem;
    margin-top: 30px;
    line-height: initial;
    position: relative;
    font-weight: 600;
    margin-bottom: 24px;
    width: 100%;
    text-align: left;
}

.rank-result-list {
    background-color: #1c1c1c;
}

.rank-result-list .head {
    color: #fff;
}

.rank-result-list .item {
    border-color: #01111c;
}

.rank-result-list .date {
    background-color: #313131;
}

.rank-result-list .date span {
    color: rgba(255, 255, 255, 0.5);
}

.rank-result-list .date strong {
    color: #fdfdfd;
}

/* fast_transfer */
.fasttrans-block .transfer-btn {
    -webkit-box-shadow: 0 2px 4px #646464;
    box-shadow: 0 2px 4px #646464;
}

.fasttrans-block .promotion-select,
.fasttrans-block .trans-form .select,
.fasttrans-block .trans-acc-form input {
    background-color: #313131;
    border-color: #545454;
}

.fasttrans-block .trans-acc-form input {
    color: #fff;
}

.fasttrans-block .trans-acc-form input::placeholder {
    color: #5e6c76;
}

.fasttrans-block .trans-form .target {
    color: #dcdcdc;
}

.fasttrans-block .trans-form .value {
    color: #1dbc74;
}

.fasttrans-block .trans-form .select.disable {
    background-color: #313131;
}

.fasttrans-block .promotion-select {
    color: #d0c793;
}

.select-btn {
    border-color: rgba(150, 150, 150, 0.46);
}

.select-btn i {
    color: #b4b4b4;
}

.promotion-select .icon-Bonus {
    background: linear-gradient(224deg, #e37f0d, #e41345);
    -webkit-background-clip: text;
    background-clip: text;
}

.preview-box {
    border-color: #c2a545;
    background-color: #fff6db;
    color: #212121;
}

.preview-box .text {
    color: #7c5920;
}

.preview-box .highlight {
    color: #169f4c;
}

/* popup_free_bet */
.free-bet-card {
    border-color: #3d3d3d;
    background-color: #212121;
}

.free-bet-card:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.18);
}

.free-bet-card .heading {
    color: #fff;
}

.free-bet-card .title {
    color: #a3a3a3;
}

.free-bet-card .value {
    color: #ff9d23;
}

/* fast_registration_popup */
.fast-join-select .default::after {
    color: #a3a3a3;
}

.fast-join-select ul {
    background-color: #0e0e0e;
}

.fast-join-select li {
    color: #a5a5a5;
}

.fast-join-select li.active,
.fast-join-select li:hover {
    background-color: #635819;
    color: #fff;
}

.fast-join-select.show {
    border-color: #7e7267;
}

.fast-join-select.show ul {
    outline-color: #7e7267;
}

.fast-join-file-box {
    background-color: #2a2a2a;
}

.fast-join-file-box .title {
    color: #b5b5b5;
}

.fast-join-file-box input:-moz-read-only {
    color: #1c7feb;
}

.fast-join-file-box input:read-only {
    color: #20a8ff;
}

.fast-join-file-box .copy-btn {
    color: #c7c7c7;
}

.popup-label {
    color: #b6a869;
}

/* registration */
.btn-quick {
    background-color: #22e3a6;
    color: rgba(0, 0, 0, 0.9);
}

.btn-quick:hover {
    background-color: #00ff91;
}

.select-dropdown{
    --active-color: #aa8f45;
}

.select-dropdown ul {
    border-color: #c5c5c5;
    background-color: #e2e2e2;
}

.select-dropdown li:not(:nth-last-of-type(1)) {
    border-color: #c5c5c5;
}

.select-dropdown li label {
    color: #343434;
}

.select-dropdown input:checked+label [class^=icon-],
.select-dropdown.row-type input:checked+label,
.select-dropdown.row-type label:hover {
    color: #fff;
}

.select-dropdown label [class^=icon-] {
    border-color: rgba(0, 0, 0, 0.35);
}

.select-dropdown::before,
.select-box::before {
    color: #9e9e9e;
}

.chek-box p.error {
    color: #f23929;
}

/* 套件：swal2 */
.swal2-popup-custom-web {
    background-color: #f3f4f5;
}

.swal2-popup-custom-web.swal2-icon-success .swal2-header,
.swal2-popup-custom-web .swal2-success-circular-line-left,
.swal2-popup-custom-web .swal2-success-fix,
.swal2-popup-custom-web .swal2-success-circular-line-right {
    background: #def8f0 !important;
}

.swal2-popup-custom-web.swal2-icon-info .swal2-header {
    background: #f8f0da;
}

.swal2-popup-custom-web.swal2-icon-error .swal2-header {
    background: #ffefe9;
}

.swal2-popup-custom-web.swal2-icon-question .swal2-header {
    background: #daf0f8;
}

.swal2-popup-custom-web .swal2-close-custom {
    color: #000 !important;
}

/* web-window common（另開視窗模式-共用） */
.web-window .nav {
    -webkit-box-shadow: 0 1px 0 0 #17546f;
    box-shadow: 0 1px 0 0 #aa8f45;
}

.web-window .acc-topic li:hover {
    color: rgba(255, 255, 255, 0.94);
}

.web-window .acc-info-box.rwd .title {
    color: #fff;
}

.web-window .acc-info-box.rwd .copy-btn,
.web-window .acc-info-box.rwd .edit-btn:not(.checked)::after,
.profile-item .copy-btn [class^=icon-] {
    color: #acacac;
}

.web-window .acc-info-box {
    border-color: #303030;
}

.money-info-box {
    --main-info-border-color: #b3b3b3;
}

.web-window .money-info-box .refresh-btn:hover,
.web-window .money-info-box .withdraw-btn:hover {
    background-color: #ececec;
    color: #484848;
}

.web-window .money-info-box .btn-check:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #b9c0c6), color-stop(99%, #efefef));
    background-image: linear-gradient(to bottom, #c6c6c6 2%, #d6d6d6 99%);
}

.web-window .money-topic-group .topic-main:hover,
.web-window .money-topic-group .topic-open .topic-item:hover {
    background-color: #ececec;
}

.web-window .info-refresh-btn:hover {
    background-color: #d4d4d4;
    color: #484848;
}

.web-window .balance-box {
    border-color: #fdad34;
}

.web-window .balance-box i {
    background-color: #ff6617;
}

.web-window .balance-box.no-money {
    border-color: #686868;
}

.web-window .balance-box.no-money i {
    background-color: #989898;
}

/* account */
.safe-info-box {
    background-color: #fefffe;
}

.safe-head .title {
    color: #181818;
}

.safe-head .title-value {
    color: #1b6cc7;
}

.safe-item {
    border-color: #c3c3c3;
}

.safe-item i {
    color: rgb(57, 49, 40);
}

.icon-safety_bankcard_plus::before {
    color: rgb(14, 180, 101);
}

.icon-safety_account::after {
    color: rgb(14, 180, 101);
}

.safe-alert-mark {
    background-image: linear-gradient(to bottom, #76e651, #417fef);
}

.safe-alert-mark::after {
    color: #fff;
}

.safe-progress-box .value {
    color: #343434;
}

.safe-progress-box i::before {
    background-image: linear-gradient(to bottom, #ababab, #8b8b8b);
}

.safe-progress-box i.active::before {
    background-image: linear-gradient(to bottom, #4ec702, #049726);
}

.safe-progress-box i::after {
    background-color: #fff;
}

.safe-progress {
    background-color: #d5d5d5;
}

.safe-progress span {
    background-color: #40d497;
}

.highlight {
    color: #1ad363;
}

.web-window .acc-menu .item a:hover {
    color: #e3cd8b;
}

/* deposit */
.btn-more-info .icon-link {
    color: rgba(255, 255, 255, 0.6);
}

.web-window .main-choice li:hover {
    background-color: #01111c;
    color: #fff;
}

/* profile, acc_detail */
.profile-item .otp-count {
    background-color: #2d2d2d;
}

.profile-item .otp-count .text {
    color: #fff;
}

.otp-count .text {
    color: #9d9d9d;
}

.otp-count .time {
    color: #ee732d;
}

.edit-all-title {
    color: #fff;
}

.profile-social-item [class^=icon-] {
    color: #fff;
}

.profile-social-item .icon-line {
    background-color: #06c755;
}

.profile-social-item .icon-skype {
    background-color: #00aff0;
}

.profile-social-item .icon-telegram {
    background-color: #08c;
}

.profile-social-item .icon-Twitter {
    background-color: #1da1f2;
}

.profile-social-item .icon-Facebook {
    background-color: #1877f2;
}

.profile-social-item .icon-qq {
    background-color: #08c;
}

.profile-social-item .icon-whatsapp {
    background-color: #25d366;
}

.profile-social-item .icon-wechat {
    background-color: #7bb32e;
}

.profile-social-item .icon-zalo {
    background-color: #0068FF;
}

.profile-social-item .icon-kakao-talk {
    background-color: #FFEA21;
}

.profile-social-item input {
    border-color: #373737;
    color: #fff;
}

.profile-social-item input:focus {
    border-bottom-color: #7f7250;
}

/* history, report */
.status-info.reject,
.history-list .reject.info {
    color: #e83939;
    border-color: #e83939;
}

.inline-value,
.status-info.success,
.history-list .success.info {
    color: #e8b739;
    border-color: #e8b739;
}

.status-info.pending,
.history-list .pending.info {
    color: #808488;
    border-color: #808488;
}

.status-info.progress,
.history-list .progress.info {
    color: #b68d1b;
    border-color: #b68d1b;
}

.web-window .report-list .wrap {
    background-color: #1c1c19;
    border-color: rgba(255, 255, 255, 0.24);
}

.web-window .report-list .wrap .report-item:hover {
    background-color: rgba(0, 0, 0, 0.34);
}

.web-window .msg-title .email {
    -webkit-box-shadow: 0 0px 3px 0 rgba(138, 136, 122, 1);
    box-shadow: 0 0px 3px 0 rgba(138, 136, 122, 1);
}

.web-window .datetimepicker {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
}

.web-window .datetimepicker .datepicker-nav .datepicker-nav-next:hover,
.web-window .datetimepicker .datepicker-nav .datepicker-nav-previous:hover {
    background-color: #fff;
}

.date-choice-list ul {
    background-color: #1f1f1f;
    border-color: #3a3a3a;
}

.date-choice-list a {
    color: #d6d6d6;
}

.date-choice-list a:hover {
    background-color: #656565;
    color: #fff;
}

.report-item .content .progress-bar {
    background-color: rgba(0, 0, 0, 0.8);
}

/* information */
.read-btn {
    color: #353535;
    -webkit-box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.24);
    box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.15);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eceded), to(#bfc6ca));
    background-image: linear-gradient(to bottom, #eceded, #bfc6ca);
}

/* contact */
.web-window .contact-block .item {
    background-image: radial-gradient(circle at 50% 0, #393939, #1a1a1a 73%);
}

.web-window .contact-block .item:hover {
    -webkit-box-shadow: 0 3px 12px 0 rgba(9, 125, 153, 0.3);
    box-shadow: 0 3px 12px 0 rgba(9, 125, 153, 0.3);
    border-color: #857e5f;
}

.web-window .contact-block .item i {
    color: #b3b3b3;
}

.web-window .contact-block .item .value {
    color: #fff;
}

/* payment_info */
.web-window .payment-info_img {
    -webkit-box-shadow: 0 2px 6px 0 rgba(186, 160, 87, 0.85);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.85);
    background-color: #ececec;
}

.web-window .payment-info_img i {
    color: #98782d;
}

.web-window .payment-info_box .heading {
    color: #fff;
    border-color: #484848;
}

.web-window .payment-info_box .title {
    color: #909090;
}

.web-window .payment-info_box {
    -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.34);
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.34);
    background-color: #282828;
}

.web-window .payment-info_box .value,
.web-window .payment-info_box .number {
    color: #d5b531;
}

/* maintenance, restrict, denied_403, provider_maintenance */
.web-window .maintenance-content-box {
    -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.7);
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.7);
}

.web-window .maintenance-content-box.restrict-type,
.web-window .maintenance-content-box.p-maintenance-type {
    background-color: rgba(0, 0, 0, 0.6);
}

.web-window .maintenance-content-box .content p {
    color: rgba(255, 255, 255, 0.6);
}

.maintenance-item::after,
.maintenance-item::before {
    background-color: rgba(0, 0, 0, 0.9);
}

.maintenance-item::after {
    -webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.08);
}

.maintenance-item::before {
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.08);
}

.web-window .maintenance-upper-box .subtitle.restrict {
    color: #d6441b;
}

.web-window .maintenance-upper-box .subtitle.maintenance {
    color: #f6b417;
}

.web-window .maintenance-upper-box .subtitle.p-maintenance {
    color: #ff832b;
}

.web-window .maintenance-upper-box .restrict-text,
.web-window .maintenance-upper-box .maintenance-text {
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.78);
}

.web-window .denied-content-box {
    -webkit-box-shadow: 0 2px 0 0 #0c0c0c;
    box-shadow: 0 2px 0 0 #0c0c0c;
    background-color: rgba(32, 32, 32, 0.74);
}

.subtitle-alert {
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.64);
    color: #ffc900;
}

@media screen and (min-width: 1200px) {

    /* provider logo 加強 */
    .catogory-box.nav_type a:hover .logo-IBC,
    .catogory-box.nav_type a:hover .logo-RES,
    .catogory-box.nav_type a:hover .logo-RKS,
    .catogory-box.nav_type a:hover .logo-OGS,
    .footer-provider-list a:hover .logo-RES,
    .footer-provider-list a:hover .logo-RKS,
    .footer-provider-list a:hover .logo-OGS,
    .catogory-box.nav_type a:hover .logo-PT,
    .catogory-box.nav_type a:hover .logo-PTS,
    .catogory-box.nav_type a:hover .logo-PTC,
    .catogory-box.nav_type a:hover .logo-CDL,
    .catogory-box.nav_type a:hover .logo-ICL,
    .catogory-box.nav_type a:hover .logo-EGC,
    .catogory-box.nav_type a:hover .logo-STL,
    .catogory-box.nav_type a:hover .logo-YRS,
    .footer-provider-list a:hover .logo-YRS,
    .catogory-box:not(.nav_type) .item .logo-STL {
        -webkit-filter: drop-shadow(0px 0px 1px #fff);
        filter: drop-shadow(0px 0px 1px #fff);
    }

    .catogory-box:not(.nav_type) .item .logo-WEC {
        filter: drop-shadow(0px 0px 2px #000) brightness(1.5);
    }

    .catogory-box:not(.nav_type) .item:hover .logo-EGC {
        -webkit-filter: drop-shadow(0px 0px 1px #000);
        filter: drop-shadow(0px 0px 1px #000);
    }

    /*nav*/
    .topic-group input[type=radio].default-radio+label,
    .sub-nav.rwd li a {
        color: rgba(255, 255, 255, 0.7);
        padding: 0 12px;
        height: 40px;
        border-radius: 3px;
    }

    .search-nav .topic-group{
        gap: 10px;
    }

    .topic-group input[type=radio].default-radio:checked+label,
    .topic-group input[type=radio].default-radio+label:hover,
    .sub-nav.rwd li.active a,
    .sub-nav.rwd li:hover a {
        color: #ffd023;
        border-color: #ffd023;
    }

    .nav {
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    }

    /* footer */
    .footer_info {
        background-color: #1a1814;
    }

    /*home*/
    .floating-ad .close {
        border-color: #ddd;
    }

    .home_sub_index .service-block,
    .home_sub_index .payments {
        background-color: #1b1813;
    }

    .payments .item.online {
        background-color: #2e2c26;
    }

    .payments .item.offline {
        background-color: #000;
    }

    /* sport, casino, slot_games, fishing, poker, lottery */
    .catogory-box:not(.nav_type) .item {
        background-color: #212121;
    }

    .catogory-box:not(.nav_type) .item:hover {
        background-color: #373737;
        box-shadow: 0 1px 12px rgba(255, 217, 0, 0.4);
    }

    .catogory-box:not(.nav_type) .item:hover strong {
        color: #f3c441;
        background-color: #131313;
    }

    .catogory-box:not(.nav_type) .item.maintain::after {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .catogory-box:not(.nav_type) strong {
        background-color: #242423;
    }

    /*game*/
    .topic-group input[type=radio].default-radio:checked+label {
        color: #ffd123;
    }

    /*promotion*/
    .promotion-block .item {
        background-color: #1c1c1c;
        border-color: rgba(255, 255, 255, 0.13);
    }

    .promotion-popup .block::-webkit-scrollbar {
        background-color: #dbdbdb;
    }

    .promotion-popup .block::-webkit-scrollbar-thumb {
        background: #a9a9a9;
    }

    /*popup*/
    .popup-block .password-btn:hover {
        color: #292929;
    }

    .popup-block .password-input .password-btn:hover {
        color: #e0e0e0;
    }

    .suggest-box .item:hover strong {
        color: #e5bf1f;
    }

    .bonus-popup .subtitle {
        color: #d4d4d4;
    }

    /*login*/
    .login-advice .btn-join:hover {
        background-color: #89713b;
        color: #fff;
    }

    .login-note a:hover,
    .login-note input[type=checkbox]+label p:hover {
        color: #c4b179;
    }

    /*account's common*/
    .copy-btn.big {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2db26b), to(#1f7f4c));
        background-image: linear-gradient(to bottom, #2db26b, #1f7f4c);
    }

    .copy-btn.big:hover {
        color: #fff538;
    }

    .referral-intro .item:nth-child(1) {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#4a3595), to(#554c8a));
        background-image: linear-gradient(to bottom, #4a3595, #554c8a);
    }

    .referral-intro .item:nth-child(2) {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d86f1a), to(#b2885b));
        background-image: linear-gradient(to bottom, #d86f1a, #b2885b);
    }

    .referral-intro .item:nth-child(3) {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#a62b23), to(#a25550));
        background-image: linear-gradient(to bottom, #a62b23, #a25550);
    }

    .referral-intro .item:nth-child(4) {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1e3b), to(#222935));
        background-image: linear-gradient(to bottom, #1a1e3b, #222935);
    }

    .referral-intro .item strong {
        color: #fefc83;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.7);
    }

    /*QQPool*/
    .qqpool_index .numbers-carousel .number {
        border: solid 1px rgba(255, 255, 255, 0.1);
        -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    }

    .qqpool_index .numbers-carousel .number:hover {
        color: #fff;
        -webkit-box-shadow: 0 0 8px 0 #005765;
        box-shadow: 0 1px 12px 0 rgba(255, 255, 255, 0.36);
        border: solid 1px #b5b5b5;
        background-color: #151515;
    }

    /* Form  */
    .form.has_btn .copy-btn:hover {
        background-color: #806221;
    }

    .btn-profile:hover{
        background-image: linear-gradient(to bottom, #d7773c 1%, #d7773c 99%);
    }

    .currency-choice input:checked+label:hover{
        color: #000;
    }

    .code-input .input-btn:hover{
        background-color: #2063b2;
    }

    .language-dropdown:hover .default i{
        color: #2b2b2b;
    }

    .getcode-btn:hover ,.voucher-code-input:hover {
        background-color: #804820;
    }

    .info-sentence a:hover{
        color: #d77014;
    }

    .max-btn:hover{
        background-color: #a45922;
    }

    .text_href:hover{
        color: #2ff6ff;
    }

    .free-bet-card .btn-secondary:hover {
        background-color: #009d75;
        color: #fff;
    }

    .popup-content a:hover{
        color: #51b6ce;
    }

    .referral-input .input-btn:hover{
        background-color: #d3711a;
    }

    .report-main-menu li:hover{
        color: #e1c670;
    }

    .currency-choice li:hover label{
        color: #D7B14F;
    }

    .login-page-note:hover {
        color: #e37e2f;
    }

    .login-box .btn-group .btn-join:hover{
        background-color: #76705f;
        color: #f3f4f5;
    }

    .floating-control {
        background-image: linear-gradient(to bottom, #e0c35fde, #8d743c);
    }
}

/* --------- */

.float-app-title {
    color: #020202;
    text-shadow: 0 0 1px rgb(255, 255, 255, 0.78);
    border: solid 1px #cdb876;
    background-image: linear-gradient(to top, #a98f53, #f1cc54 33%);
}

.float-app .apk-logo {
    --app-shadow: rgba(163, 142, 41, 0.79);
    -webkit-filter: drop-shadow(0 0 5px var(--app-shadow));
    filter: drop-shadow(0 0 5px var(--app-shadow));
}

.btn-default.verify {
    background-color: #289038;
}

.money-info-box .heading {
    color: #673811;
}

.trans-form .value {
    color: #37e26b;
}

.sub-nav li:hover a {
    color: #ebd075;
}

.text-box .sub-info {
    color: #aaa079;
}

.history-detail i {
    color: #cfba1e;
}

.report-page-arrow {
    background-image: linear-gradient(to bottom, #4e4e4e, #363636);
    border: solid 1px rgba(255, 255, 255, 0.09);
}

.nav-alert:hover i {
    color: #d35e0d;
}

.profile-item .copy-btn [class^=icon-],
.acc-info-box p:not(.success-msg) .copy-btn [class^=icon-] {
    color: #9f9f9f;
}

.popup-block .login-form input:focus {
    border-color: #897317;
}

.msg-title .icon-bannerarrow {
    color: #a4a4a4;
}

.msg-content th,
.msg-content td {
    border: 1px solid #424242;
}

.no-msg-alert .heading {
    color: #b7b7b7;
}

.no-msg-alert .info {
    color: #7c7c7c;
}

.login-note a {
    color: #9e9e9e;
}

.web-window .maintenance-item .link-group .item:hover {
    border-color: #a58d4d;
}

.app-logo {
    background-color: #060606;
}

.prompt-list li {
    color: #a6a6a6;
}

.success-text {
    color: #dcb33c;
}

.verify-success-box i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d07210), to(#e3e21a));
    background-image: linear-gradient(to bottom, #d07210, #e3e21a 100%);
}

.swal-text-custom {
    color: #bcbcbc !important;
}

.swal-title-custom {
    color: #eca03d;
}

.select-close-btn {
    color: #949494;
}

.web-window .user-info-box i, .web-window .user-info-box p{
    color: #212121;
}

.web-window .user-info-box strong {
    color: #2e2e2e;
}

.web-window .user-info-box p span {
    color: #2e2e2e;
}

.process-msg p {
    color: #2ac777;
}

.form textarea:focus {
    border: solid 1px #aa8f45;
}

.promotion-popup .block {
    color: #9f9f9f;
}

.history-list .success.info {
    color: #21d27e;
    border: 1px solid #21d27e;
}

.code-input .input-btn{
    background-color: #244f84;
}

.nav-tool-list li.active a{
    color: #d9c662;
}

.trans-provider-choice input[type=radio].default-radio+label{
    border-color: transparent;
    background-color: #1c1c1c;
}

.nav-money strong{
    color: #005bff;
}

.popup-box .form input:read-only{
    color: #25b1fa;
}

.numbers-carousel .page .alert-note{
    background-color: #3d3521;
    border-color: #675d42;
    color: #f3f4f5;
}

.popup-logo-title .sub-nav.rwd li a {
    border-radius: 0;
}

.trans-provider-choice.payment-type{
    border-top-color: #353535;
}

.floating-control .icon-category_menu_shape {
    background: linear-gradient(to bottom, #e0c35fde, #715a2ade);
    -webkit-text-fill-color: transparent; 
    -webkit-background-clip: text;
}

.icon-category_menu_shape:before {
    -webkit-text-stroke: 0.5px #ddd;
}

.floating-control-grid .grid-container .grid-item {
    border: solid 1px rgba(159, 139, 87, 0.87);
}


.register-bank .bank-block .Skip{
    background: linear-gradient(to bottom, #f2d77b 0%, #846b37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-disable.active {
     background: linear-gradient(to bottom, #f2d77b 0%, #846b37 100%);
    color: #000; 
}

.Skip-Mobile{
    background: linear-gradient(to bottom, #f2d77b 0%, #846b37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-disable-Mobile.active{
    background: linear-gradient(to bottom, #f2d77b 0%, #846b37 100%);
    color: #000 !important; 
}

.register-bank-footer{
    background-color: #000;
}

.maintenance-style {
    background-color: rgba(255, 255, 255, 0.3)!important;
}
/* Tooltip 主體 */
.maintenance-tooltip {
    background: #fff;
    color: #01111c; 
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  }
  
  /* Tooltip 的上方小三角形 */
  .maintenance-tooltip::after {
    border-color: transparent transparent #fff transparent;
  }