:root {
    --bg: #100b01;
    --datePickerC: #eb810e;
    --datePickerBg: #fff;
    --scrollBarBg: #dbdbdb;
    --scrollBarThumb: #a9a9a9;
}

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

.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 {
    background: #ef7d03;
}

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

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

.burger span {
    background-color: #f2f4f5;
}

.burger::before,
.burger::after {
    background-color: #f2f4f5;
}

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

.nav_title {
    color: #fff;
}

.back-btn {
    color: #fff;
}

.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: #f3f4f5;
    background-clip: text;
    -webkit-background-clip: text;
}

.bottom-nav li {
    color: #4b453b;
    background-color: #f3f4f5;
}

.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: #fcc13d;
    background-image: linear-gradient(to bottom, #f6ab35, #dc4d18);
}

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

.money-btn-main.active {
    background: #bb3004;
    border-color: #fb501b;
}

.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: #252525;
}

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

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

.side-nav {
    background: #100b01;
}

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

.side-nav li,
.side-nav-alert {
    background-color: #291c0d;
    color: rgba(255, 255, 255, 0.64);
}

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

.side-nav li.active strong {
    color: rgba(255, 255, 255, 0.64);
}

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

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

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

footer {
    background-color: #1b140e;
}

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

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

.copy-right {
    color: rgba(255, 255, 255, 0.74);
    border-top-color: rgba(255, 255, 255, 0.15);
}

.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: #d4beab;
}

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

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

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

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

.select-dropdown .default,
.account-calendar .datetimepicker-dummy .datetimepicker-dummy-wrapper,
.form input,
.form select,
.form textarea {
    color: rgba(255, 255, 255, 0.7);
    border-color: #514a47;
    background-color: #322e2c;
}

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

.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: #d0560a;
    background-color: #fff;
    color: #212121;
}

.form input:read-only {
    background-color: #dedede;
    border-color: #dedede;
    color: #1d1d1d;
}

.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, #e7e7e7 2%, #c2c2c2 99%);
    color: #3b3b3b;
}

.password-btn {
    color: #a7998c;
}

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

input[type=radio].default-radio+label {
    border-color: #d3d3d3;
    color: #4d4d4d;
}

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

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

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

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

.radio-group input[type=radio].default-radio:checked+label {
    color: #242424;
    background-color: #f3f4f5;
    border-color: #fd8303;
}

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

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

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

.btn-default {
    background-color: #afafaf;
    color: #4e4e4e;
}

.btn-default.submit {
    color: #fff;
    background-color: #e65a1c;
}

.btn-join {
    color: #e65a1c;
    border-color: #fd8303;
}

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

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

.btn-cancel {
    color: #efefef;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.20);
    background: #757575;
}

.btn-show-less {
    color: #3b3731;
    background-image: linear-gradient(to bottom, #efefef 2%, #c6bfb9 99%);
}

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

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

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

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

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

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

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

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

.popup-logo-title .close-btn {
    color: #f0f0f0;
    background-color: #2f1c07;
}

.popup-logo-title .close-btn::before {
    border-color: transparent transparent rgba(251 195 137) transparent;
}

.popup-logo-title .close-btn::after {
    border-color: transparent transparent #2f1c07 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, #e3ebed, #c2c2c2), linear-gradient(to bottom, #fff, #d5d5d5);
}

.home_menu i {
    color: #c75b17;
}

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

.home_menu strong {
    color: #313131;
}

.home_menu .chose {
    border-color: rgba(255, 255, 255, 0.08);
    background-image: radial-gradient(circle at 50%, at 1%, #ffca40, #dc4d19 88%);
    background-image: radial-gradient(circle at 50%, at 1%, #ffca40, #dc4d19 88%);
    background-image: radial-gradient(circle at 50% 1%, #ffca40, #dc4d19 88%);
}

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

.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(208, 208, 208, 0.9);
}

.catogory-box span[class^=logo-]::after {
    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: #b9b9b9;
}

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

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

.info-box p {
    color: #d4beab;
}

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

.arror-open {
    color: #dcdcdc;
}

.download-box {
    border-color: #4a3d22;
    background-image: linear-gradient(to bottom, #2e221d, #2f231d), 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: #fff;
}

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

.game-catogory strong {
    color: #2a1904;
    background-color: #f3f4f5;
}

.topic-choice {
    background: #f3f4f5;
}

.search-nav {
    background-color: #2f1c07;
}

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

.search-box {
    background: #64492b;
}

.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: #804703;
    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: #272521;
    background-color: #1a1814;
}

.acc-topic li {
    background-color: rgba(42, 40, 38);
    color: rgba(255, 255, 255, 0.64);
}

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

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

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

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

.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: #e2ad15;
}

.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: #e2ad15;
    background: #2f2823;
}

.edit-block::before {
    background-color: rgba(16, 11, 1, 0.68);
}


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

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

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

.user-info-box::after {
    background-image: linear-gradient(to bottom, #371c00 0%, #a64300), linear-gradient(to bottom, #dad0b2, #dad0b2);
}


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

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

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

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

.money-info-box .currency::after {
    background-color: #9e9182;
}

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

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

.money-info-box .main-wallet>i {
    color: #59493b;
}

.refresh-btn {
    border-color: #d4d4d4;
    color: #484848;
}

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

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

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

.more-btn {
    color: #6d675f;
}

.info-refresh-btn {
    border-color: #c1c1c1;
    color: #757575;
}

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

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

.topic-open .item-name {
    color: #5c5c5c;
}

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

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

.balance-nav .currency {
    color: rgba(255, 255, 255, 0.8);
    background-color: #946e0c;
}

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

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

.form_info {
    border-color: #bfae73;
    background-color: #fff6db;
    color: #7c5920;
}

.form_info strong {
    color: #ff5721;
}

.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: #594f49;
    background-color: #2f2823;
    color: #9a9693;
}

.main-choice li.active {
    background: #1c1201;
    color: #fff;
    border-color: #fd8303;
}

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

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

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

.deposit_info {
    border-color: #bfae73;
    color: #7c5920;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

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

.deposit_info strong {
    color: #ff5721;
}

.deposit_info .notice {
    color: #cfc8b2;
    background-color: #2f2312;
}

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

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

.trans-form .select {
    color: #9c9c9c;
    border-color: #514a47;
    background-color: #322e2c;
}

.max-btn {
    background-color: #776d67;
    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 #646464;
}

.transfer-btn {
    background-color: #fcc13d;
    color: #2f2823;
}

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

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

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

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

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

.wallet-item .money {
    color: #041a2a;
}

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

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

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

.history-nav {
    background-color: #2f1c07;
}

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

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


.alert-note {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
    border: solid 1px #9b9174;
    background-color: #5d5641;
    color: #ffe389;
}

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

.ask-sentence {
    color: #d4d2d2;
}

.info-sentence,
.popup-box input[type=checkbox]+label p {
    color: #5a5a5a;
}

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

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

.msg-title .email {
    color: rgba(255, 255, 255, 0.8);
    background: #503e34;
}

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

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

.msg-title .date {
    color: #b3a997;
}

.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: #383838;
    background-color: #1f1f1f;
}

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

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

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

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

.promotion-popup {
    background: #100b01;
}

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

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

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

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

.copy-btn {
    color: #ececec;
}

.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(134, 103, 70);
}

.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: #9e9e9e;
}

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

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


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

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

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

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

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

.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: #efc104;
}


.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: #b04a13;
}

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

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

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

.join-step li.active::before {
    border-color: #b14b10;
    background-color: #000;
    color: #fff;
}

.go-back {
    color: #fff;
}

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

.currency-choice {
    border-color: #514a47;
    background-color: #322e2c;
}

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

.currency-choice input:checked+label {
    background-color: #fe8401;
    color: #100b01;
}

.currency-choice label {
    color: rgba(255, 255, 255, 0.7);
}

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

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

.register-block {
    background: #f3f4f5;
}

.register-block .title {
    color: #061f32;
}

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

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

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

.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: #252525;
}

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

.suggest-box i {
    background-image: linear-gradient(to bottom, #1e72da, #ad44bf);
    background: linear-gradient(to bottom, #1e72da, #ad44bf);
    background: -webkit-linear-gradient(to bottom, #f5a735, #dd501a);
    background-clip: text;
    -webkit-background-clip: text;
}

.login-block {
    background: #f3f4f5;
}

.login-block .title {
    color: #061f32;
}

.login-form input,
.fast-join-select {
    border-color: #c8c8c8;
    --background-color: #f3f4f5;
    --color: #000;
}

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

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

.login-form label {
    color: #6b6254;
}

.login-note {
    color: #78848d;
}

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

.login-advice p {
    color: #4e4e4e;
}

.popup-box {
    background: #f1f1f1;
}

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

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

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

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

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

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

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

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

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

.money-btn-group a {
    color: #542d12;
}

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

.main_menu strong {
    color: rgba(255, 255, 255, 0.6);
}

.money-info-box .btn-check {
    background-image: linear-gradient(to bottom, #efefef 2%, #c6c0b9 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: #271f16;
}

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

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

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

.history-list .sub-info {
    color: #917f68;
}

.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: #dcdcdc;
    border-top-color: #c5c5c5;
    border-bottom-color: #c5c5c5;
}

.notification-box .item {
    color: #3c3c3c;
}

.notification-box .item::after {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.24);
    background: rgba(255, 255, 255, 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.74);
    border: solid 1px #25a653;
    background-color: #277840;
    color: #ffe389;
}

.form .inside-input:read-only {
    color: #dedede;
    background: #322e2c;
    border-color: #514a47;
}

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

.verify-img {
    background: #fff;
}

.billboard::before {
    background: #100b01;
}

.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: #e4e4e4;
}

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

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

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

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

.referral-intro i {
    color: rgba(201, 164, 114, 0.45);
}

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

.promotion-select {
    color: #fff2cd;
    border-color: #514a47;
    background-color: #322e2c;
}

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

.checkmark {
    stroke: #f3f4f5;
}

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

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

.rebate-content p {
    color: #525252;
}

.vip-page {
    background-color: #100b01;
}

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

.vip-nav li {
    color: rgba(255, 255, 255, 0.94);
}

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

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

.vip-content p {
    color: #948e87;
}

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

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

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

.vip-content li {
    color: #948e87;
}

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

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

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

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

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

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

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

.report-detail-menu li {
    border-color: #c5c5c5;
    color: #757272;
}

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

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

.report-detail-menu li.active {
    border-color: #fe8401;
    background: #fff;
    color: #363636;
}

.report-head {
    box-shadow: 0 1px 0 0 #654e29;
    background-color: #b05100;
}

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

.report-list {
    border-color: #322817;
}

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

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

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

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


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

.report-item .status .running {
    color: #21d27e;
}

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

.report-item .status .finished {
    color: #87827c;
}

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

.report-item.open .content {
    background-color: #302c27;
}

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

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

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

.report-detail {
    border-top: 1px solid #4e483c;
    box-shadow: 0 2px 0 0 #3a3731;
    background-color: #181612;
}

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

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

.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: #2d2c29;
}

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

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

.period-block p {
    color: #87571f;
}

.form .choice-list.history-type li {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.60) 2%, rgba(255, 255, 255, 0.36) 98%);
    color: rgba(255, 255, 255, 0.76);
}

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

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

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

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

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

.copy-input legend {
    color: #da572d;
    background-color: #100b01;
}

.btn-collect {
    box-shadow: 0 2px 0 0 #08502b;
    background-image: linear-gradient(to bottom, #3ed484, #098e48);
    color: #fff;
}

.balance-box {
    color: #fff;
    background: linear-gradient(to left, #3f48af, #2287de 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: #98744d;
}

.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: #251a04;
}

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

.vip-table tbody tr::before {
    color: #d47b1e;
    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: #fff901;
}

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

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

.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: #7d7d7d 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: #929292;
    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: #f3f4f5 !important;
}

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

/*confirm 按鈕顏色*/
.swal2-confirm-custom {
    background-color: #d94413 !important;
}

/*cancel 按鈕顏色*/
.swal2-cancel-custom {
    background-color: #a5a4a4 !important;
}

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

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

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

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

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

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

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

/*question icon 顏色*/
.swal2-icon.swal2-question {
    border: solid 5px #b7ac9c !important;
    color: #734b10 !important;
}

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

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

/* ---------------- */
.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(1);
}
.bank-text {
    color: #fff;
}

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

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

.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: #e77206;
}

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

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

.money-btn-list {
    background: #1d180f;
    border-color: #3e3524;
}

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

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

.nav-tool .nav-money .icon-Allwithdraw {
    color: rgb(37, 255, 0);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.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: #1252b6;
    color: #fff;
}

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

.profile-status {
    color: #dcdcdc;
}

.profile-status i.check {
    --color: #1eefbc;
}

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

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

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

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

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

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

.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: #041a2a;
}

.side-nav-alert .notice-alert {
    border-color: #041a2a;
}

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

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

.notice-alert {
    background-color: #f9d906;
    color: #000;
}

.process-msg {
    --color: #1da7a2;
}

.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: #1d180f;
    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: #7c745f;
}

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

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

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

.provider-mainten-content {
    background-color: #e5e5e5;
    border-color: #c5c5c5;
}

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

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

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

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

.provider-mainten-content .date-info {
    color: #074a7d;
}

.provider-mainten-content .time-tag {
    color: #353535;
    background-color: #d4d4d4;
}

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

.form.has_btn .copy-btn {
    background-color: rgba(255, 255, 255, 0.24);
    color: #fff;
}

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

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

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

.payments .item {
    background-color: #38291f;
}

.payments .offline {
    background-color: #2D2828;
}

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

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

.vip-top-sec {
    background-color: #251a04;
}

.table-head {
    background-color: #251a04;
    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: #fff906;
    border-bottom: 2px solid #fff906;
}

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

.vip-data {
    background-color: #100b01;
}

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

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

.switch-btn input:checked+.switch {
    background-color: #00a519;
}

.switch-btn input:checked+.switch::after {
    border-color: #00a519;
}

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

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

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

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

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

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

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

.side-acc {
    border-top: solid 1px #3d2b13;
}

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

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

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

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

.side-acc .money-info .icon-Allwithdraw {
    color: rgb(175, 235, 50);
}

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

.withdraw-btn {
    border-color: #d4d4d4;
    color: #484848;
}

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

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

.payment-info_img {
    box-shadow: 0 2px 10px 0 rgb(171, 97, 15, 0.85);
    background-color: #ececec;
}

.payment-info_img i {
    color: #ca6800;
}

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

.payment-info_box .heading {
    color: #fff;
}

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

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

.btn-payment-close {
    background-color: #4B4848;
    color: #ffffff;
}

.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: 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: 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: rgba(255, 255, 255, 0.6);
}

.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: #fff;
}

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

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

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

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

.number-search-box.active {
    border-color: rgba(255, 164, 1, 0.72);
    background-color: #100b01;
}

.numbers-carousel .number {
    box-shadow: 0 1px 0 0 #464646;
    background-color: #100b01;
    color: rgba(255, 255, 255, 0.8);
}

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

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

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

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

.rank-result .col {
    color: #5e5e5e;
}

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

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

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

.upload-select {
    color: rgba(255, 255, 255, 0.8);
    border-color: #584f49;
}

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

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

.file-input i,
.file-input p {
    border-color: #d3d3d3;
    color: #757272;
}

/* 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(0, 0, 0, 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(255, 255, 255, 0.1);
    color: #ef7d04;
}

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

.side-menu .item-href {
    background-color: #0d0b09;
    border-color: rgba(255, 255, 255, 0.14);
    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 {
    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: #01932d;
    color: #fff;
}

.btn-login {
    background-color: #f3f4f5;
    color: #4e2a04;
}

.btn-signup {
    background-color: #eee414;
    color: #4d2b04;
}

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

    .btn-signup:hover {
        background-color: #fff500;
        color: #4d2b04;
    }

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

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

    .btn-default.submit:hover {
        background-color: #e68b1c;
        color: #fff;
    }

    .btn-default.verify:hover {
        background-color: #00aa59;
        color: #fff;
    }

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

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

.nav-tool .tool {
    color: #42270a;
}

.nav-tool .tool:hover {
    color: #000;
}

.nav-tool .icon-InstantRebate {
    color: #fff;
    background-image: linear-gradient(to bottom, #f20, #5b0000);
}

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

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

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

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

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

.nav-alert:hover i {
    color: #e8ff39;
}

.nav-user {
    color: #fff;
}

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

.nav-user i {
    color: #080808;
}

.nav-tool .login-form input {
    --color: #000;
    border-color: #a95c13;
}

.nav-tool .login-form label {
    color: #4e4e4e;
}

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

.forget-psd-btn {
    color: rgba(92, 83, 73, 1);
    border-color: #9c9c9c;
}

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

.nav-money {
    color: #291906;
}

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

.go-mobile-btn {
    color: #5b3205;
}

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

.language-dropdown i {
    color: #472400;
}

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

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

.nav-tool-list li.active a{
    color: #ff8401;
}

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

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

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

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

.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%, at 1%, #42382e, #141414 70%);
    background-image: radial-gradient(circle at 50% 1%, #42382e, #141414 70%);
    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: linear-gradient(to right, rgba(0, 0, 0, 0) 1%, rgba(155, 99, 0, 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(227, 219, 213, 0.85);
}

.catogory-box.nav_type a::after {
    background-color: rgba(190, 98, 16, 0.2);
}

.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: #1c0a01;
}

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

.nav-rebet-box .content {
    background-color: #352b22;
}

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

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

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

@media (hover: hover) {

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

/* 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(255, 144, 27, 0.8);
}

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

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

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

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

.popup-box .form input,
.popup-box .form select,
.form .date-input-default {
    border-color: #b3b3b3;
    --color: #000;
}

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

.popup-text {
    color: #242424;
}

.popup-note {
    color: #d53f00;
}

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

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

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

.popup-box .sub-nav li a {
    color: #3f372c;
    border-color: #c5c5c5;
    opacity: 0.7;
}

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

.popup-box .sub-nav li.active a {
    color: #db5116;
    border-color: #8a2f09;
}

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

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

/* 側邊欄 */
.floating-menu {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 16px 10px -15px #271f19, 0 0 10px 0 #000;
    background-color: #352b22;
}

.floating-menu .item:not(:nth-last-of-type(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: #e5de13;
}

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

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

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

.floating-download-box li {
    background-color: #584f41;
}

.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: #352e22;
}

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

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

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

.gallery::after {
    background-image: linear-gradient(to right, rgba(1, 17, 28, 0) 0%, #100b01 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 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}

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

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

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

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

.ranking-list .wrap::after {
    background-image: linear-gradient(to bottom, rgba(26, 32, 44, 0), #100b01);
}

.ranking-tab {
    background-color: #323232;
}

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

.ranking-tab li.active {
    border-color: #e9a11d;
    color: #e9a11d;
}

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

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

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

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

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

.ranking-col .money {
    color: #29b25b;
}

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

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

.ranking-order {
    color: #e3e3e3;
}

.upcoming-item {
    --border-color: #1f6287;
}

.upcoming-item::after {
    background: linear-gradient(243deg, #1661a8, rgba(0, 30, 64, 0.9), rgba(0, 9, 38, 0.8));
}

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

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

.vs-box {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(25, 167, 183, 0.8), rgba(0, 0, 0, 0));
}

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

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

.upcoming-info .item {
    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: #ecb114;
}

.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 {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
    background-color: rgba(255, 255, 255, 0.04);
}

.service-block i {
    color: #ff8401;
}

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

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

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

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

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

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

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

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

.game-item .img {
    background-color: #47403b;
}

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

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

.game-item-avatar::after {
    color: #4d3d31;
}

.active-mask {
    background-color: rgba(111, 70, 22, 0.85);
}

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

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

.game-try-btn:hover {
    color: #ff9422;
    background-color: rgba(0, 0, 0, 0.7);
    border-color: #ff9422;
}

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

.game-slide-content {
    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);
    background-color: #2f2721;
}

.game-provider-list li:hover,
.game-provider-list li.active {
    box-shadow: 0 1px 5px 0px rgba(255, 226, 66, 0.37);
    border-color: #e56513;
    background-color: #100b01;
}

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

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

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

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

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

.jackpot span[class^=logo-]::after {
    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: #383735;
}

.download-item::after {
    background-image: linear-gradient(216deg, rgba(38, 36, 33, 0.7) 99%, rgba(166, 122, 0, 0.7) 0%);
}

.download-item .content {
    background-image: linear-gradient(to bottom, rgba(44, 39, 26, 0.8), rgba(124, 83, 4, 0.8) 100%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.referral-intro .img::after {
    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;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.34);
}

.promotion-tag {
    color: #000;
}

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

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

.promotion-block .info {
    background-color: #313131;
}

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

.promotion-info {
    background-color: #38342e;
}

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

.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 {
    box-shadow: 0 2px 4px #646464;
}

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

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

.fasttrans-block .trans-acc-form input::placeholder {
    color: #8a8279;
}

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

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

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

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

.select-btn {
    border-color: rgba(99, 89, 80, 0.82);
}

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

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

.preview-box {
    border-color: #e3773b;
    background-color: #fff6db;
    color: #343434;
}

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

.preview-box .highlight {
    color: #0b7e38;
}

/* popup_free_bet */
.free-bet-card {
    border-color: #e1dbd8;
    background-color: #f8f8f8;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fast-join-file-box input:read-only {
    color: #1376cf;
}

.fast-join-file-box .copy-btn {
    color: #5c524c;
    opacity: 0.75;
}

.popup-label {
    color: #6b6254;
}

/* registration */
.btn-quick {
    background-color: #0053b6;
    color: rgba(255, 255, 255, 0.9);
}

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

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

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

.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: #c8c0b6;
}

.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 {
    box-shadow: 0 1px 0 0 #f2aa5e;
}

.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: #b3b0b0;
}

.web-window .acc-info-box {
    border-color: #493d32;
}

.money-info-box {
    --main-info-border-color: #c5c5c5;
}

.web-window .money-info-box .refresh-btn:hover,
.web-window .money-info-box .withdraw-btn:hover {
    background-color: #d4d4d4;
    color: #484848;
}

.web-window .money-info-box .btn-check:hover {
    background-image: linear-gradient(to bottom, #c6c0b9 2%, #efefef 99%);
}

.web-window .money-topic-group .topic-main:hover,
.web-window .money-topic-group .topic-open .topic-item:hover {
    background-color: #f3f3f3;
}

.web-window .info-refresh-btn:hover {
    background-color: #d4d4d4;
    color: #484848;
}

.web-window .balance-box {
    border-color: #4184bd;
}

.web-window .balance-box i {
    background-color: #12aae8;
}

.web-window .balance-box.no-money {
    border-color: #6f6f6f;
}

.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: #d26c00;
}

.safe-item {
    border-color: #bcbcbc;
}

.safe-item i {
    color: rgb(45, 48, 56);
}

.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, #28d094, #2578e2);
}

.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: #e2e2e2;
}

.safe-progress span {
    background-color: #40d497;
}

.highlight {
    color: #1ad363;
}

.web-window .acc-menu .item a:hover {
    color: #ff8401;
}

/* 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: #322e2c;
}

.profile-item .otp-count .text {
    color: #fff;
}

.otp-count .text {
    color: #242424;
}

.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: #504b46;
    color: #fff;
}

.profile-social-item input:focus {
    border-bottom-color: #804703;
}

/* history, report */
.status-info.reject,
.history-list .reject.info {
    color: #e83939;
    border-color: #e83939;
}

.inline-value,
.status-info.success,
.history-list .success.info {
    color: #21d27e;
    border-color: #21d27e;
}

.status-info.pending,
.history-list .pending.info {
    color: #688091;
    border-color: #688091;
}

.status-info.progress,
.history-list .progress.info {
    color: #b68d1b;
    border-color: #b68d1b;
}

.web-window .report-list .wrap {
    background-color: #22201e;
    border-color: rgba(255, 255, 255, 0.24);
}

.web-window .report-list .wrap .report-item:hover {
    background-color: rgba(0, 0, 0, 0.24);
}

.web-window .msg-title .email {
    box-shadow: 0 0px 3px 0 rgba(153, 118, 9, 0.4);
}

.web-window .datetimepicker {
    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: #fff;
    border-color: #bbb;
}

.date-choice-list a {
    color: #000;
}

.date-choice-list a:hover {
    background-color: #ececec;
    color: #cd6a00;
}

.report-item .content .progress-bar {
    background-color: rgba(255, 255, 255, 0.09);
}

/* information */
.read-btn {
    color: #353535;
    box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.15);
    background-image: linear-gradient(to bottom, #eceded, #bfc6ca);
}

/* contact */
.web-window .contact-block .item {
    background-image: radial-gradient(circle at 50%, at 0, #353535, #232323 73%);
    background-image: radial-gradient(circle at 50% 0, #353535, #232323 73%);
}

.web-window .contact-block .item:hover {
    box-shadow: 0 3px 12px 0 rgba(153, 81, 9, 0.3);
    border-color: #784f28;
}

.web-window .contact-block .item i {
    color: #fff;
}

.web-window .contact-block .item .value {
    color: #fff;
}

/* payment_info */
.web-window .payment-info_img {
    box-shadow: 0 2px 10px 0 rgb(171 97 15 / 85%);
    background-color: #ececec;
}

.web-window .payment-info_img i {
    color: #e77700;
}

.web-window .payment-info_box .heading {
    color: #e4e4e4;
    border-color: #414141;
}

.web-window .payment-info_box .title {
    color: #9c9c9c;
}

.web-window .payment-info_box {
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.34);
    background-color: #292724;
}

.web-window .payment-info_box .value,
.web-window .payment-info_box .number {
    color: #ff8c36;
}

/* maintenance, restrict, denied_403, provider_maintenance */
.web-window .maintenance-content-box {
    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(255, 255, 255, 0.1);
}

.web-window .maintenance-content-box .content p {
    color: rgba(255, 255, 255, 0.65);
}

.maintenance-item::after,
.maintenance-item::before {
    background-color: rgba(0, 0, 0, 0.9);
}

.maintenance-item::after {
    box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.08);
}

.maintenance-item::before {
    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 {
    box-shadow: 0 2px 0 0 #454545;
    background-color: rgba(36, 25, 13, 0.64);
}

.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 {
        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 {
        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.83);
    }

    .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: #ffc901;
        border-color: #ffc901;
    }

    .nav {
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    }

    /* footer */
    .footer_info {
        background-color: #2b2419;
    }

    /*home*/
    .floating-ad .close {
        border-color: #ddd;
    }

    .home_sub_index .service-block,
    .home_sub_index .payments {
        background-color: #201a12;
    }

    .payments .item.online {
        background-color: #342c20;
    }

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

    /* sport, casino, slot_games, fishing, poker, lottery */
    .catogory-box:not(.nav_type) .item {
        background-color: #2b2b2b;
    }

    .catogory-box:not(.nav_type) .item:hover {
        background-color: #3d3d3d;
    }

    .catogory-box:not(.nav_type) .item:hover strong {
        color: #fff;
    }

    .catogory-box:not(.nav_type) .item.maintain::after {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .catogory-box:not(.nav_type) strong {
        background-color: #272727;
    }

    /*game*/
    .topic-group input[type=radio].default-radio:checked+label {
        color: #ffc900;
    }

    /*promotion*/
    .promotion-block .item {
        background-color: #222;
        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: #5f3f1b;
    }

    .suggest-box .item:hover strong {
        color: #e15c1f;
    }

    .bonus-popup .subtitle {
        color: #000;
    }

    /*login*/
    .login-advice .btn-join:hover {
        background-color: #fd8205;
        color: #fff;
    }

    .login-note a:hover,
    .login-note input[type=checkbox]+label p:hover {
        color: #e7591d;
    }

    /*account's common*/
    .copy-btn.big {
        background-image: linear-gradient(to bottom, #2db26b, #1f7f4c);
    }

    .copy-btn.big:hover {
        color: #fff538;
    }

    .referral-intro .item:nth-child(1) {
        background-image: linear-gradient(to bottom, #4a3595, #554c8a);
    }

    .referral-intro .item:nth-child(2) {
        background-image: linear-gradient(to bottom, #d86f1a, #b2885b);
    }

    .referral-intro .item:nth-child(3) {
        background-image: linear-gradient(to bottom, #a62b23, #a25550);
    }

    .referral-intro .item:nth-child(4) {
        background-image: linear-gradient(to bottom, #1a1e3b, #222935);
    }

    .referral-intro .item strong {
        color: #ffd600;
        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);
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    }

    .qqpool_index .numbers-carousel .number:hover {
        color: #fff;
        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: #d05732;
    }

    .btn-profile:hover{
        background-image: linear-gradient(to bottom, #2e8ecb 1%, #2e8ecb 99%);
    }

    .currency-choice input:checked+label:hover{
        color: #100b01;
    }

    .code-input .input-btn:hover{
        background-color: #905621;
    }

    .catogory-box:not(.nav_type) .item:hover strong{
        background-color: #a55600;
        color: #fff;
    }

    .getcode-btn:hover, .voucher-code-input:hover  {
        background-color: #d84010;
    }

    .info-sentence a:hover{
        color: #225cd6;
    }

    .max-btn:hover{
        background-color: #4e3b30;
    }

    .text_href:hover{
        color: #2ffcff;
    }

    .popup-content a:hover{
        color: #295bff;
    }

    .referral-input .input-btn:hover{
        background-color: #905621;
    }

    .report-main-menu li:hover a{
        color: #f29e31;
    }

    .currency-choice li:hover label{
        color: #fe8401;
    }

    .login-page-note:hover {
        color: #e8b052;
    }

    .login-box .btn-group .btn-join:hover{
        background-color: #3c3524;
        border-color: #8e7747;
        color: #e7c171;
    }

    .floating-control {
        background-image: radial-gradient(circle at 50%, at 0, #ff9522, #945006 88%);
        background-image: radial-gradient(circle at 50% 0, #ff9522, #945006 88%);
    }
}

/* --------- */

.language-dropdown:hover .default i {
    color: #593811;
}

.trans-form .value {
    color: #18d78a;
}

:root {
    --app-shadow: rgba(165, 92, 21, 0.69);
}

.float-app .apk-logo {
    filter: drop-shadow(0 0 5px var(--app-shadow));
}

.float-app-title {
    color: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    border-color: #e0b630;
    background-image: linear-gradient(to top, #af8101, #e39e00 33%);
}

.money-info-box .heading {
    color: #da4314;
}

.btn-collect:hover {
    color: #ffd404;
}

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

.text-box .sub-info {
    color: #a59c8c;
}

.history-detail i {
    color: #ff960e;
}

.report-page-arrow {
    background-image: linear-gradient(to bottom, #5e5e5e, #3f3f3f);
}

.status-mark.progress {
    background-color: #c0a53f;
}

.sub-nav li:hover a {
    color: #fcc13d;
}

.success-text {
    color: #c93c00;
}

.verify-success-box i {
    background-image: linear-gradient(to bottom, #2287de, #3f48af 100%);
}

.btn-default.verify {
    background-color: #0e9644;
}

.prompt-list li {
    color: #1f1f1f;
}

.web-window .maintenance-item .link-group .item:hover {
    border-color: #c9b448;
}

.popup-block .login-form input:focus {
    border-color: #cb4d18;
}

.login-note a {
    color: #696969;
}

.msg-title .icon-bannerarrow {
    color: #b8aca0;
}

.acc-info-box p:not(.success-msg) .copy-btn [class^=icon-] {
    color: #b2aca4;
}

.report-item .progress.num,
.history-list .progress.num {
    color: #d4a217;
}

.history-list .info.progress {
    color: #d3a217;
    border: 1px solid #d3a217;
}

.popup-logo-title .sub-nav.rwd li.active a {
    color: #372007;
    border-color: #372007;
}

.popup-logo-title .sub-nav.rwd li:hover a {
    color: #372007;
    border-color: #372007;
}

.form textarea:focus {
    border: solid 1px #e7591d;
    color: #414141;
}

.inline-value {
    color: #ffda21;
}

.app.help-center .index_title{
    color: #df5500;
}

.popup-box .password-btn{
    color: #816d5b;
}

.select-close-btn{
    color: #212121;
}

.search-nav .search-box input::placeholder {
    color: #dfaf7d;
}

.popup-box .select-box::before{
    color: #545454;
}

.floating-control .icon-category_menu_shape {
    background: rgba(239, 126, 3, 0.87);
    -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(204, 108, 3, 0.75);
}

.register-bank .bank-block .Skip{
    color:#e65a1c !important;
}

.btn-disable.active{
    background-color:#e65a1c;
}

.Skip-Mobile{
    color: #e65a1c;
}

.btn-disable-Mobile.active{
    background-color:#e65a1c;
}

.Skip-Mobile{
    color: #e65a1c;
}

.btn-disable-Mobile.active{
    background-color:#e65a1c;
}

.register-bank-footer{
    background-color: #100b01;
}