:root {
    --bg: #171924;
    --datePickerC: #2f9985;
    --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/#171924+0,3b3f4f+100 */
    background: #171924;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #171924 0%, #3b3f4f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171924', endColorstr='#3b3f4f', GradientType=1);
    /* IE6-9 */
}

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

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

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

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

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

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

.bottom-nav li {
    color: #cefffa;
    background-color: #3B3F4F;
}

.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: #1FD18D;
    background-image: linear-gradient(to bottom, #2FECB0, #098A90);
}

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

.money-btn-main.active {
    background: #127c81;
    border-color: #2ea5a5;
}

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

.sub-nav li a {
    color: rgba(229, 229, 229, 0.94);
}

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

.side-nav {
    background: #181a26;
}

.side-nav h3 {
    color: #27d6a9;
}

.side-nav li{
    background-color: #282b3e;
    color: rgba(255, 255, 255, 0.7);
}

.side-nav-alert {
    background-color: #101117;
    color: rgba(255, 255, 255, 0.65);
}

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

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

.side-nav ul i{
    color: rgba(255, 255, 255, 0.65);
}

.side-nav-alert [class^=icon-] {
    color: rgba(255, 71, 71, 0.95);
}

footer {
    background-color: #1f2130;
}

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

.license-group img {
    background-color: transparent;
}

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

.copy-right {
    color: #acafc8;
    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: #b9bdc7;
}

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

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

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

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

.select-dropdown .default,
.account-calendar .datetimepicker-dummy .datetimepicker-dummy-wrapper,
.form input,
.form select,
.form textarea {
    color: rgba(255, 255, 255, 0.74);
    border-color: #494c5a;
    background-color: #222431;
}

.form input::placeholder {
    color: rgba(255, 255, 255, 0.64);
}

.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: #069596;
    background-color: #fff;
    color: #041a2a;
}

.form input:read-only {
    background-color: #c5c5c5;
    border-color: #c5c5c5;
    color: #272d3e;
}

.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, #d3d3d3 2%, #aaaeb4 99%);
    color: #212429;
}

.password-btn {
    color: #989eb3;
}

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

input[type=radio].default-radio+label {
    border-color: #494b52;
    color: #dbdfe1;
}

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

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

input[type=radio].default-radio:checked+label {
    border-color: #108e91;
    background: #181a1e;
    color: #fff;
}

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

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

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

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

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

.btn-default {
    background-color: #98989b;
    color: #252525;
}

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

.btn-join {
    color: #2fcda8;
    border-color: #2fcda8;
}

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

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

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

.btn-show-less {
    color: #24272b;
    background-image: linear-gradient(to bottom, #e3e3e3 2%, #8f9193 99%);
}

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

.login-join li:nth-child(1) {
    background-color: #269e9f;
    color: #fff;
}

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

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

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

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

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

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

.popup-logo-title .close-btn {
    color: #f0f0f0;
    background-color: #393d4d;
}

.popup-logo-title .close-btn::before {
    border-color: transparent transparent rgba(32, 209, 176, 0.55) transparent;
}

.popup-logo-title .close-btn::after {
    border-color: transparent transparent #393d4d 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, #58607e 3%, #252940);
}

.home_menu i {
    color: #e5e8ff;
}

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

.home_menu strong {
    color: rgba(255, 255, 255, 0.84);
}

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

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

.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(187, 192, 217, 0.9);
}

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

.select-group {
    color: #e7e7e7;
}

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

.search {
    color: #3b3b3b;
}

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

.billboard {
    color: #b4cedf;
}

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

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

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

.arror-open {
    color: #dcdcdc;
}

.download-box {
    border-color: #535868;
    background-image: linear-gradient(to bottom, #474f6f, #323643);
}

.download-box p{
    color: rgba(255, 255, 255, 0.7);
}

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

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

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

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

.topic-choice {
    background: #2d303d;
}

.search-nav {
    background-color: #494c5a;
}

.sub-topic strong {
    color: #2adccc;
}

.search-box {
    background: #0f1119;
}

.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: #b6b6b6;
    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: #4b5359;
    background-color: #3a3e4d;
}

.acc-topic li {
    background-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
}

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

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

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

.acc-info-box {
    background-color: transparent;
}

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

.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-btn::after {
    color: rgba(255, 255, 255, 0.64);
}

.edit-btn.checked {
    background: #23a186;
}

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

.user-info-box::after {
    background-image: linear-gradient(to bottom, #109493 0%, #2ce8ae), linear-gradient(to bottom, #109493, #109493);
}

.user-info-box p span,
.user-info-box p strong {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form_info {
    border-color: #bfac73;
    background-color: #fff7db;
    color: #7c6520;
}

.form_info strong {
    color: #e04d04;
}

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

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

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

.main-choice li {
    border-color: #494c5a;
    background-color: #222431;
    color: #78848c;
}

.main-choice li.active {
    background: #222431;
    color: #fff;
    border-color: #108e91;
}

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

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

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

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

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

.deposit_info strong {
    color: #e14b02;
}

.deposit_info .notice {
    color: #ddcca6;
    background-color: #423c34;
}

.btn-more-info {
    color: #20c0a1;
}

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

.trans-form .select {
    color: #9c9c9c;
    border-color: #494c5a;
    background-color: #222431;
}

.max-btn {
    background-color: #3da284;
    color: #fff;
}

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

.transfer-btn {
    background-color: #1bcdba;
    color: #353948;
}

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

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

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

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

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

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

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

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

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

.history-nav {
    background-color: #494c5a;
}

.history-nav li {
    color: rgba(216, 243, 241, 0.62);
}

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

.alert-note {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
    border-color: #65667a;
    background-color: #3f4257;
    color: #a0c7ff;
}

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

.ask-sentence {
    color: #fff;
}

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

.info-sentence a {
    color: #25bab3;
}

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

.msg-title .email {
    color: rgba(255, 255, 255, 0.63);
    background: #171924;
}

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

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

.msg-title .date {
    color: #78d6c8;
}

.msg-content {
    color: #d0d5df;
}

.contact_title {
    color: #fff;
}

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

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

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

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

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

.promotion-popup {
    background: #1f1f2a;
}

.promotion-popup .popup-block {
    color: #95adad;
}

.promotion-popup h3 {
    color: #15c2b1;
}

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

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

.copy-btn {
    color: #fff;
}

.wrapper {
    background: #18191c;
}

.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(17, 84, 76, 1);
}

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

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

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

    50% {
        background-color: #48d2b2;
    }

    90% {
        background-color: #959595;
    }

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

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

.clock-box {
    box-shadow: 0 1px 0 0 #3a3e4e;
    background-color: #1d1f2b;
}

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

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

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

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

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

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

.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 #393d4d;
    background-color: rgba(34, 36, 48);
}

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

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

.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(101, 102, 112);
}

.join-step .progress-fill {
    background: #00859b;
}

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

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

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

.join-step li.active::before {
    border-color: #108e91;
    background-color: #222431;
    color: #fff;
}

.go-back {
    color: #fff;
}

.go-back i {
    color: #00859b;
}

.currency-choice {
    border-color: #494c5a;
    background-color: #222431;
}

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

.currency-choice input:checked+label {
    background-color: #109895;
    color: #fff;
}

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

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

.form.referral-form label {
    color: #60f4d8;
}

.register-block {
    background: #494c5a;
}

.register-block .title {
    color: #2ae1ab;
}

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

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

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

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

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

.suggest-box i {
    background-image: linear-gradient(to bottom, #00f3b6, #009ae1);
    background: linear-gradient(to bottom, #00f3b6, #009ae1);
    background: -webkit-linear-gradient(to bottom, #00f3b6, #009ae1);
    background-clip: text;
    -webkit-background-clip: text;
}

.login-block {
    background: #2e313e;
}

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

.login-form input,
.fast-join-select {
    border-color: #494c5a;
    --background-color: #222431;
    --color: #cdcfd3;
}

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

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

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

.login-note {
    color: #58c9ae;
}

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

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

.popup-box {
    background: #2e313e;
}

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

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

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

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

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

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

.main_menu strong {
    color: rgba(219, 243, 243, 0.7);
}

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

.history-list .time {
    color: rgba(217, 227, 253, 0.9);
}

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

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

.history-list .sub-info {
    color: #77848c;
}

.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 .num.pending {
    color: #6ccfff;
}

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

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

.notification-box {
    background: #22242c;
    border-top-color: #81859b;
    border-bottom-color: #81859b;
}

.notification-box .item {
    color: #9a9ca4;
}

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

.edit-block input.default {
    color: #e19302;
    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 #26bd94;
    background-color: #158776;
    color: #fff;
}

.form .inside-input:read-only {
    color: #ffed7c;
    background: #222431;
    border-color: #494c5a;
}

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

.verify-img {
    background: #fff;
}

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

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

.referral-intro .item {
    box-shadow: -2px 0 0 0 #8a8fab;
    background-color: #2a2d38;
}

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

.referral-intro strong {
    color: #19d19b;
}

.referral-intro i {
    color: rgba(160, 226, 221, 0.5);
}

.referral-list,
.referral-box {
    color: rgba(195, 200, 217, 1);
}

.promotion-select {
    color: #c8c8c8;
    border: solid 1px #494c5a;
    background-color: #222431;
}

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

.checkmark {
    stroke: #23252e;
}

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

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

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

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

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

.vip-nav li {
    color: rgba(216, 243, 241, 0.62);
}

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

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

.vip-content p {
    color: #7b808e;
}

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

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

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

.vip-content li {
    color: #8c9ea8;
}

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

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

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

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

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

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

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

.report-detail-menu li {
    border-color: #565a70;
    color: #c2cacb;
}

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

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

.report-detail-menu li.active {
    border-color: #108e91;
    background: #222431;
    color: #fff;
}

.report-head {
    box-shadow: 0 1px 0 0 #343d57;
    background-color: #343d57;
}

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

.report-list {
    border-color: #383a47;
}

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

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

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

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

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

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

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

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

.report-item .btn-check {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    background-image: linear-gradient(to bottom, #b6b8be 2%, #7b8184 99%);
    color: rgba(0, 0, 0, 0.81);
}

.report-item.open .content {
    background-color: #24262e;
}

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

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

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

.report-detail {
    border-top: 1px solid #595e6e;
    box-shadow: 0 2px 0 0 #595e6e;
    background-color: #3a3e4d;
}

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

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

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

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

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

.progress-bar {
    background-color: #171924;
}

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

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

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

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

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

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

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

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

.switch-btn input:checked+.switch {
    background-color: #20c171;
}

.switch-btn input:checked+.switch::after {
    border-color: #20c171;
    background-color: #fff;
}

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

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

.btn-collect {
    box-shadow: 0 2px 0 0 #197878;
    background-image: linear-gradient(to bottom, #159694, #20c0a0);
    color: #fff;
}

.balance-box {
    color: #fff;
    background: linear-gradient(to left, #f3d500, #e15d00 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, #565a68, #3b3f4e);
}

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

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

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

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

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

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

.vip-table tbody tr::before {
    color: #1acbb2;
    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: #0bc6c7;
}

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

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

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

.rebate-popup.no-money .content {
    background-image: linear-gradient(to left, #565a68, #3b3f4e);
}

.rebate-popup.no-money .content::after {
    border-color: #4e5261 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: #808391;
    background-color: #3c404f;
    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;
}

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

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

.table-head .item {
    color: rgba(147, 154, 173, 1);
}

.vip-nav li.active {
    color: #1acbb2;
    border-bottom: 2px solid #1acbb2;
}

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

.side-acc {
    border-top: solid 1px rgba(255, 255, 255, 0.14);
}

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

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

.side-acc .money-info {
    background-color: rgba(58, 61, 78);
}

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

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

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

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

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

.payments .payments-title {
    color: #22d2bf;
}

.payments .item {
    background-color: #3f4254;
}

.payments .offline {
    background-color: #282a33;
}

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

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

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

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

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

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

/* -------套件：反饋彈窗--------- */
/*背景顏色*/
.swal2-popup-custom {
    box-shadow: 0 0 25px #000 !important;
}

.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: #2e313e !important;
}

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

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

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

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

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

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

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

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

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

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

/*question icon 顏色*/
.swal2-icon.swal2-question {
    border: solid 5px #576268 !important;
    color: #0ed5ba !important;
}

/*Carousel style*/
.swiper-pagination span {
    background: rgba(170, 176, 189, 0.5);
}

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

/* ---------------- */
.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: #494c5a;
}

.trans-form-box.slide-show {
    background-color: #222431;
}

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

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

.reset-btn {
    color: #f1d05d;
    border-color: #877a42;
}

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

.money-btn-list {
    background: #18191f;
    border-color: #383a45;
}

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

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

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

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

.report-detail-table td.green {
    color: #3dcdb2;
}

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

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

.profile-status {
    color: #e7e7e7;
}

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

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

.report-detail-btn {
    color: rgba(255, 255, 255, 0.64);
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(36, 38, 50, 1);
}

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

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

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

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

.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: #18191f;
    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: #a0b1bf;
}

.form .voucher-Input::placeholder {
    color: #747474;
}

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

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

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

.provider-mainten-content {
    background-color: #252836;
    border-color: #0e0f14;
}

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

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

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

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

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

.provider-mainten-content .time-tag {
    color: #161616;
    background-color: #a5aac5;
}

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

.popup-title .subtitle {
    color: #28a68c;
}

.form.has_btn .copy-btn {
    background-color: #c5c5c5;
    color: #3a3e4d;
}

.money-btn-group a {
    color: #484c58;
}

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

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

.wallet-item .name {
    color: #181a25;
}

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

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

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

.copy-input legend {
    color: #27d1a7;
    background-color: #171924;
}

.history-list .num.progress {
    color: #d9a71b;
}

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

.msg-content th,
.msg-content td {
    border: 1px solid #3b3e48;
}

.vip-data {
    background: #252632;
}

.home_main_bg {
    padding: 24px 0;
    background: #171924 url(../images/background/home_bg.webp) no-repeat center center;
    background-size: cover;
}

input[type=checkbox]+label i {
    color: #3a3e4e;
}

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

.payment-info_img {
    box-shadow: 0 2px 10px 0 rgb(15, 171, 136, 0.85);
}

.btn-payment-close {
    background-color: #86949c;
}

.payment-info_box {
    box-shadow: 0 1px 0 0 #697985, 0 5px 30px 0 rgb(0, 0, 0, 0.34);
    background-color: #3a3e4d;
}

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

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

.payment-info_box .heading {
    border-bottom: solid 1px #686c7c;
}

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

.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 input::placeholder {
    color: rgba(255, 255, 255, 0.64);
}

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

.number-search-box.active {
    border-color: #7e8192;
    background-color: #1b1d24;
}

.numbers-carousel .number {
    box-shadow: 0 1px 0 0 #54596e;
    background-color: rgba(0, 0, 0, 0.34);
    color: rgba(255, 255, 255, 0.85);
}

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

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

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

.rank-result .date {
    color: rgba(240, 240, 240, 0.76);
}

.rank-result .col {
    color: rgba(240, 240, 240, 0.76);
}

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

.bonus-popup.show .subtitle {
    color: #96d2d3;
}

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

.payments .offline i[class^=bk_] {
    color: rgba(255, 255, 255, 0.5);
}

.upload-select {
    color: rgba(223, 228, 255, 0.94);
    border-color: #7e818d;
}

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

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

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

.file-input {
    border-color: #565864;
}

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

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

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

.side-menu .item-href {
    background-color: #12141d;
    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: #17aba8;
    color: #fff;
}

.btn-login {
    background-color: #f3f4f5;
    color: #00859b;
}

.btn-signup {
    background-color: #b62222;
    color: #ffe500;
}

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

    .btn-signup:hover {
        background-color: #ffe500;
        color: #b62222;
    }

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

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

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

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

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

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

.nav-tool .tool {
    color: #c1c4d5;
}

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

.nav-tool .icon-InstantRebate {
    color: #fff;
    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: 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: #e55339;
}

.nav-user {
    color: #ffa800;
}

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

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

.nav-tool .login-form input {
    --color: #fff;
    border-color: #51535d;
}

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

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

.forget-psd-btn {
    color: rgba(255, 255, 255, 0.7);
    border-color: #51535d;
}

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

.nav-money {
    color: #ececec;
}

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

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

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

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

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

.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: linear-gradient(to bottom, #298a87 0%, #2cbd90 100%);
}

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

.main_menu.nav_type .item a strong {
    color: rgba(96, 234, 197, 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%, at 1%, #343a50, #171924 70%);
    background-image: radial-gradient(circle at 50% 1%, #343a50, #171924 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(124, 132, 173, 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(213, 222, 231, 0.9);
}

.catogory-box.nav_type a::after {
    background-color: rgba(98, 107, 146, 1);
}

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

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

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

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

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

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

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

@media (hover: hover) {

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

/* 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(0, 0, 0, 0.2);
}

.footer-provider-list .name {
    color: rgba(68, 239, 191, 0.88);
}

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

.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: #d7d7d7;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.65);
}

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

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

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

.popup-text {
    color: #bebfc0;
}

.popup-note {
    color: #12d57f;
}

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

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

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

.popup-box .sub-nav li a {
    color: #ddd;
    border-color: #9a9797;
    opacity: 0.8;
}

.popup-box .sub-nav li:hover a {
    color: #3fefcf;
    border-color: #9a9797;
}

.popup-box .sub-nav li.active a {
    color: #3fefcf;
    border-color: #14ad91;
}

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

.popup-content a {
    color: #40a1f3;
}

/* 側邊欄 */
.floating-menu {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 16px 10px -15px #191e27, 0 0 10px 0 #191e27;
    background-color: #2e303f;
}

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

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

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

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

.floating-download-box li {
    background-color: #41445c;
}

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

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

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

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

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

.gallery::after {
    background-image: linear-gradient(to right, rgba(1, 17, 28, 0) 0%, #171924 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: #323441;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ranking-order {
    color: #e3e3e3;
}

.upcoming-item {
    --border-color: #2c4f5e;
}

.upcoming-item::after {
    background: linear-gradient(243deg, #127ba5, rgba(8, 37, 80, 0.9), rgba(0, 27, 38, 0.8));
}

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

.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(37, 138, 215, 0.8), rgba(0, 0, 0, 0));
}

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

.vs-box .icon-vs {
    color: #47ecea;
    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: #ffca50;
}

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

.service-block i {
    color: #39eea4;
}

.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: #3f445e;
    border-color: rgba(255, 255, 255, 0.05);
}

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

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

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

.active-mask {
    background-color: rgba(41, 44, 65, 0.9);
}

.game-play-btn,
.game-play-btn::before {
    color: rgba(255, 254, 90, 1);
    background: #1eb19c;
}

.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: #a2ed4e;
    background-color: #171924;
    border-color: #6a8e42;
}

.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(58, 60, 66, 1);
}

.game-provider-list li:hover,
.game-provider-list li.active {
    box-shadow: 0 1px 8px 2px rgba(19, 229, 203, 0.34);
    border-color: #13e5cb;
}

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

.download-item::after {
    background-image: linear-gradient(216deg, rgba(26, 32, 44, 0.7) 99%, rgba(0, 166, 137, 0.7) 0%);
}

.download-item .content {
    background-image: linear-gradient(to bottom, rgba(26, 32, 44, 0.8), rgba(50, 151, 143, 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: #ffb12d;
}

.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 #00a689;
}

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

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

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

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

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

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

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

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

/*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: #36cdcb;
}

/* 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 {
    color: #fff;
    background-color: #505464;
}

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

.promotion-info {
    background-color: #3c3c45;
}

.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: #242530;
    border-color: #55566a;
}

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

.fasttrans-block .trans-acc-form input::placeholder {
    color: #99a1a9;
}

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

.fasttrans-block .trans-form .value {
    color: #33d7af;
}

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

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

.select-btn {
    border-color: rgba(175, 190, 208, 0.6);
}

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

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

/* popup_free_bet */
.free-bet-card {
    border-color: #3d454b;
    background-color: #2e303b;
}

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

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

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

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

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

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

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

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

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

.fast-join-select.show ul {
    outline-color: #13a8a1;
    background-color: #222431;
}

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

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

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

.fast-join-file-box .copy-btn {
    color: #b2bfcd;
    opacity: 0.7;
}

.popup-label {
    color: #4be0e1;
}

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

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

.select-dropdown{
    --active-color: #00859b;
}

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

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

.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 #4c5267;
}

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

.web-window .acc-info-box {
    border-color: #60657f;
}

.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: #ececec;
    color: #484848;
}

.web-window .money-info-box .btn-check:hover {
    background-image: linear-gradient(to bottom, #b9c0c6 2%, #d7d7d7 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: #fdad34;
}

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

.web-window .balance-box.no-money {
    border-color: #71778a;
}

.web-window .balance-box.no-money i {
    background-color: #656a7d;
}

/* account */
.safe-info-box {
    background-color: #fefffe;
}

.safe-head .title {
    color: #181818;
}

.safe-head .title-value {
    color: #1978c5;
}

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

.safe-item i {
    color: rgb(23, 25, 36);
}

.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, #fdbc59, #e27c25);
}

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

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

.highlight {
    color: #1ad363;
}

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

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

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

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

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

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

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

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

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

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

.web-window .report-list .wrap {
    background-color: #242632;
    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(9, 125, 153, 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: #e7e7e7;
    color: #149a7c;
}

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

/* 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, #444a5f, #2b2e3a 73%);
    background-image: radial-gradient(circle at 50% 0, #444a5f, #2b2e3a 73%);
}

.web-window .contact-block .item:hover {
    box-shadow: 0 3px 12px 0 rgba(18, 64, 56, 1);
    border-color: #46776c;
}

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

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

/* payment_info */
.web-window .payment-info_img {
    box-shadow: 0 1px 8px 0 rgba(15, 171, 136, 0.7);
    background-color: #ececec;
}

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

.web-window .payment-info_box .heading {
    color: #e8e8e8;
    border-color: #606473;
}

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

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

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

/* 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 #272d41;
    background-color: rgba(33, 35, 46, 0.84);
}

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

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

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

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

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

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

    .payments .item.online {
        background-color: #3c3f51;
    }

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

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

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

    .catogory-box:not(.nav_type) .item:hover strong {
        color: rgba(105, 225, 243, 1);
        background-color: #1f263e;
    }

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

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

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

    /*promotion*/
    .promotion-block .item {
        background-color: #1e212f;
        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: #bebebe;
    }

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

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

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

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

    /*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: #d7ff2c;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    }

    /*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: #18ada9;
        color:#fff;
    }

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

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

    .nav-tool .btn-login:hover{
        background-color: #1cb7b8;
        color: #fff;
    }

    .nav-tool .btn-signup:hover{
        background-color: #fff062;
        color: #171924;
    }

    .catogory-box strong{
        color: rgba(142, 224, 200, 1);
    }

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

    .info-sentence a:hover{
        color: #3ce289;
    }

    .max-btn:hover{
        background-color: #17b284;
    }

    .text_href:hover{
        color: #49c6ff;
    }

    .popup-content a:hover{
        color: #40d4f3;
    }

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

    .report-main-menu li:hover{
        color: #44ebc5;
    }

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

    .login-box .btn-group .btn-join:hover{
        background-color: #2fcda8;
        color: #2c304c;
    }

    .floating-control {
        background-image: linear-gradient(to bottom, #28deab 0%, #18a89a 100%);
    }
}

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

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

.btn-default.verify {
    background-color: #279f3d;
}

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

.btn-more-info [class^=icon-] {
    color: #db8021;
}

.index-col .ranking-col:nth-of-type(odd):hover {
    background-color: rgba(0, 0, 0, 0.43);
}

.index-col .ranking-col:hover {
    background-color: rgba(0, 0, 0, 0.43);
}

.float-app-title {
    border: solid 1px #30e0b1;
    background-image: linear-gradient(to top, #04a490, #13c2a5 33%);
}

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

.select-dropdown input:checked + label [class^=icon-] {
    border-color: #069596;
    background-color: #069596;
}

.select-dropdown input:not(:disabled) + label:hover [class^=icon-] {
    border-color: #069596;
}

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

.swal-text-custom {
    color: #b8bbc3;
}

.swal-title-custom {
    color: #ea8640;
}

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

.select-dropdown input:not(:disabled) + label:hover [class^=icon-] {
    border-color: #069596;
}

.popup-box .form input::placeholder {
    /* CSS 3 標準 */
    color: #99a1a9;
}
.popup-box .form input::-webkit-input-placeholder {
    /* Chrome, Safari */
    color: #99a1a9;
}
.popup-box .form input::-ms-input-placeholder {
    /* IE 10+ */
    color: #99a1a9;
}
.popup-box .form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #99a1a9;
    opacity: 1;
}

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

.history-detail i {
    color: #0dd8b6;
}

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

.report-page-arrow {
    background-image: linear-gradient(to bottom, #6c6f80, #3d4157);
}

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

.process-msg p {
    color: #33c6c0;
}

.prompt-list li {
    color: #cbd5db;
}

.page-selector .info {
    color: #b4b6c1;
}

.success-text {
    color: #19d09c;
}

.verify-success-box i {
    background-image: linear-gradient(to bottom, #fbcf05, #ff7047 100%);
}

.popup-box .form input:read-only {
    color: #000;
}

.transfer-btn i {
    color: #fff;
}

.promotion-select p {
    color: #c1cbd3;
}

.promotion-select .icon-triangle{
    color: #ccd6de;
}

.profile-social-item [class^=icon-].inactive {
    background-color: #6c6e79;
}

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

.code-input .input-btn{
    background-color: #246e7e;
}

.nav-tool .btn-login{
    background-color: #269e9f;
    color: #fff;
}

.nav-tool .btn-signup{
    background-color: #ffc800;
    color: #171924;
}

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

input[type=radio].default-radio + label.bank-label i[class^=bk_]::after{
    filter: grayscale(100%) contrast(0%) brightness(160%);
}

.popup-box .fast-join-select .value{
    color: #afb0b4;
}

.page-selector .select-box select{
    background-color: #313446;
}

.web-window .msg-title .icon-bannerarrow{
    color: #b5b8cc;
}

.popup-box .form p.error{
    color: #ff4e63;
}

.acc-info-box .switch-btn label.switch{
    background-color: #262938;
}

.floating-control .icon-category_menu_shape {
    -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(107, 119, 178, 0.87);
}

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

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

.Skip-Mobile{
    color: #14a7a1;
}

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

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

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