:root {
    --bg: #f3f4f5;
    --datePickerC: #00863d;
    --datePickerBg: #fff;
    --scrollBarBg: #dbdbdb;
    --scrollBarThumb: #a9a9a9;
}

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

.form .date-inpute .datetimepicker-dummy .datetimepicker-clear-button {
    color: rgba(0, 0, 0, 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: #00863d;
}

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

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

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

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

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

.nav_title {
    color: #fff100;
}

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

.bottom-nav li {
    color: #2c2c2c;
    background-color: #fff;
}

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

.money-btn-main {
    border-color: #00b251;
    background-image: linear-gradient(to bottom, #00b953, #004a21);
}

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

.money-btn-main.active {
    background: #b2a11f;
    border-color: #ffe100;
}

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

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

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

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

.side-nav {
    background: #fff;
}

.side-nav h3 {
    color: #353535;
    border-bottom: 1px solid #ddd;
}

.side-nav li,
.side-nav-alert {
    background-color: #f0f0f0;
    color: rgba(97, 97, 97, 0.94);
}

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

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

.side-nav li:nth-last-child(1) {
    background: transparent;
    border-top: 1px solid #b7b7b7;
}

.side-nav ul i,
.side-nav-alert [class^=icon-] {
    color: #858585;
}

footer {
    background-color: #e5e5e5;
}

.license-group {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

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

.copy-right {
    color: #646464;
    border-top-color: rgba(0, 0, 0, 0.18);
}

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

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

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

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

.footer_info {
    color: rgba(0, 0, 0, 0.5);
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

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

.select-dropdown .default,
.account-calendar .datetimepicker-dummy .datetimepicker-dummy-wrapper,
.form input,
.form select,
.form textarea {
    color: #454545;
    border-color: #bcbcbc;
    background-color: #f0f0f0;
}

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

.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: #7cc59e;
    background-color: #f8fffb;
    color: #212121;
    font-weight: normal;
}

.form input:read-only {
    background-color: #ececec;
    border-color: #ececec;
    color: #363636;
}

.form label {
    color: #343434;
}

.form label span {
    color: #c73838;
}

.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, #f3f3f3 2%, #c8c8c8 100%);
    color: #212121;
}

.password-btn {
    color: #9a9ea8;
}

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

.referral-input .input-btn {
    background-color: #7dc098;
}

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

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

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

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

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

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

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

.btn-default {
    background-color: #cecece;
    color: #545454;
}

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

.btn-join {
    color: #b1973b;
    border-color: #b1973b;
}

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

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

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

.btn-show-less {
    color: #484848;
    background-image: linear-gradient(to bottom, #e5e5e5 2%, #acacac 99%);
}

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

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

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

.loading {
    border-color: #00863d;
    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: #242424;
}

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

.popup-logo-title .close-btn {
    color: #f0f0f0;
    background-color: #1e1e1e;
}

.popup-logo-title .close-btn::before {
    border-color: transparent transparent rgba(255, 255, 255, 0.24) transparent;
}

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

.home_menu::after {
    width: 27px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
}

.home_menu li {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    border-color: #c8c8c8;
    background-image: linear-gradient(to bottom, #ececec 3%, #bcbcbc 100%);
}

.home_menu i {
    color: #049546;
}

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

.home_menu strong {
    color: rgba(0, 0, 0, 0.7);
}

.home_menu .chose {
    border-color: #c0a310;
    background-image: radial-gradient(circle at 50%, at 1%, #fff000, #d7930b 80%);
    background-image: radial-gradient(circle at 50%, at 1%, #fff000, #d7930b 80%);
    background-image: radial-gradient(circle at 50%, at 1%, #fff000, #d7930b 80%);
    background-image: radial-gradient(circle at 50% 1%, #fff000, #d7930b 80%);
}

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

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

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


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

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

.home_title::after {
    background-color: rgba(211, 211, 211, 0.85);
}

.hot-tag,
.new-tag,
.event-tag {
    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: #404040;
}

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

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

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

.arror-open {
    color: #dcdcdc;
}

.download-box {
    border-color: #cbcbcb;
    background-image: linear-gradient(to bottom, #efefef 1%, #d4d4d4 95%);
}

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

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

.download-box p {
    color: #545454;
}

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

.home_title {
    color: #0c582f;
}

.game-catogory .item {
    background: #b3b3b3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
}

.game-catogory strong {
    color: #242424;
    background-color: #fff;
}

.topic-choice {
    background: #fff;
}

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

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

.search-box {
    background: #363636;
}

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

.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: #7cc59e;
    color: #000;
}

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

.voucher-topic li {
    color: #585858;
}

.acc-block,.voucher-block {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    border-color: #dcdcdc;
    background-color: #fff;
}

.acc-topic li {
    background-color: rgba(192, 192, 192, 0.34);
    color: #646464;
}

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

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

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

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

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

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

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

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

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

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

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

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

.user-info-box::after {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(to bottom, #fff 0%, #dcdcdc);
}


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

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

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

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

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

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

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

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

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

.detail-btn {
    border-color: #cecece;
    background-color: #e7e7e7;
    color: #4c4c4c
}

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

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

.more-btn {
    color: #939393;
}

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

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

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

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

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

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

.balance-nav .currency {
    color: rgba(255, 255, 255, 0.84);
    background-color: #bc823b;
    border-radius: 2px;
}

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

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

.form_info {
    border-color: #bcab70;
    background-color: #fff6db;
    color: #8f6b2f;
}

.form_info strong {
    color: #00863d;
}

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

.acc-menu .item {
    color: #545454;
}

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

.main-choice li {
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #f3f4f5;
    color: #898989;
}

.main-choice li.active {
    background: #fff;
    color: #303030;
    border-color: #00863d;
}

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

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

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

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

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

.deposit_info strong {
    color: #00863d;
}

.deposit_info .notice {
    color: #73602a;
    background-color: #fffbee;
}

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

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

.trans-form .select {
    color: #646464;
    border-color: #989898;
    background-color: #f3f4f5;
}

.max-btn {
    background-color: #959595;
    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: #747474;
    color: #ececec;
}

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

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

.wallet-item .name {
    background-color: #dcdcdc;
    color: #0c132a;
}

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

.promotion-choice input[type=radio].default-radio:checked+label i {
    background: linear-gradient(224deg, #e37f0d, #e41345);
    background: -webkit-linear-gradient(224deg, #e37f0d, #e41345);
    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(90%);
}

.history-nav {
    background-color: #d5d6d8;
}

.history-nav li {
    color: rgba(11, 19, 43, 0.48);
}

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

.alert-note {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0);
    border-color: #b3b3b3;
    background-color: #ececec;
    color: #343434;
}

.acc-input-box {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
    border-color: transparent;
    background-color: #f3f4f5;
}

.ask-sentence {
    color: #0B132B;
}

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

.info-sentence a {
    color: #37a343;
}

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

.msg-title .email {
    color: rgba(0, 0, 0, 0.74);
    background: #fff;
}

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

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

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

.msg-content {
    color: rgba(0,0,0,.75);
}

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

.contact_title {
    color: #242424;
}

.contact-block .item {
    box-shadow: none;
    border-color: #d3d3d3;
    background-color: #fff;
}

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

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

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

.promotion-block .item {
    box-shadow: none;
    border-color: #d5d5d5;
    background-color: #fff;
}

.promotion-popup {
    background: #ececec;
}

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

.promotion-popup h3 {
    color: #0B132B;
}

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

.speack-box p {
    color: #0B132B;
}

.copy-btn {
    color: #646464;
}

.wrapper {
    background: #0e0e0e;
}

.maintenance-time-box {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    background-color: rgba(255, 255, 255, 0.18);
}

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

.maintenance-time-box .time-zone::after {
    background-color: rgba(0, 0, 0, 0.34);
}

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

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

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

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


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

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

.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 1px 0 0 #323232;
    background-color: rgba(255, 255, 255, 0.04);
}

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

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


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

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

.join-step li {
    color: #787878;
}

.join-step li::before {
    color: #858585;
    border-color: #9c9c9c;
    background-color: #fff;
}

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

.join-step li.active::before {
    border-color: #0c132a;
    background-color: #00863d;
    color: #fff;
}

.go-back {
    color: #545454;
}

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

.currency-choice {
    border-color: #bcbcbc;
    background-color: #f3f3f3;
}

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

.currency-choice input:checked+label {
    background-color: #00863d;
    color: #fffa00;
}

.currency-choice label {
    color: rgba(0, 0, 0, 0.64);
}

.profile-item .currency-choice label:hover{
    color: #0e0e0e;
}

.form.referral-form {
    border-bottom-color: rgba(0, 0, 0, 0.24);
}

.form.referral-form label {
    color: #97661d;
}

.register-block {
    background: #f3f4f5;
}

.register-block .title {
    color: #0B132B;
}

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

.suggest-box .item {
    box-shadow: none;
    background-color: #efefef;
}

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

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

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

.login-block {
    background: #f3f4f5;
}

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

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

.login-form input:focus {
    border-color: #575757;
    --background-color: #f7fffb;
}

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

.login-note {
    color: #848484;
}

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

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

.popup-box {
    background: #fff;
}

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

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

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

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

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

.main_menu i {
    color: #00863d;
    background: linear-gradient(top, #00a84c 0%, #004920 100%);
    background: -webkit-linear-gradient(top, #00a84c 0%, #004920 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

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

.history-list .item {
    box-shadow: none;
    border-color: rgba(194, 194, 194, 0.9);
    background-color: #ededed;
}

.history-list .time {
    color: #151515;
}

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

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

.history-list .sub-info {
    color: #6e6e6e;
}

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

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

.history-list .num.add {
    color: #188b54;
}

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

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

.notification-box .item {
    color: #4c4c4c;
}

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

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

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

.success-msg {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
    border: solid 1px #169378;
    background-color: #16a676;
    color: #f3f4f5;
}

.form .inside-input:read-only {
    color: #242424;
    background: #f3f4f5;
    border-color: #a9a9a9;
}

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

.verify-img {
    background: #fff;
}

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

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

.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 #b3b3b3;
    background-color: #dcdcdc;
}

.referral-intro p {
    color: rgba(255, 255, 255, 0.9);
}

.referral-intro strong {
    color: #00863d;
}

.referral-intro i {
    color: rgba(0, 0, 0, 0.24);
}

.referral-list,
.referral-box {
    color: rgba(0, 0, 0, 0.64);
}

.promotion-select {
    color: #646464;
    border: solid 1px #989898;
    background-color: #F5F4F5;
}

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

.checkmark {
    stroke: #f3f4f5;
}

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

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

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

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

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

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

.vip-bn {
    background: #141414;
}

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

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

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

.vip-content ul a {
    color: #00863d;
}

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

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

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

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

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

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

.report-main-menu li {
    color: rgba(32, 32, 32, 0.85);
}

.web-window .report-main-menu li:hover {
    color: #00863d;
}

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

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

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

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

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

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

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

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

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

.report-item {
    border-bottom: 1px solid #acacac;
    background-color: #f8f8f8;
}

.report-item:last-child {
    border-bottom: none;
}

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

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

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

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

.report-item .status .running {
    color: #11a65f;
}

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

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

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

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

.report-item.open .qqpool-detail {
    box-shadow: 0 1px 0 0 #848484, 0 -1px 0 0 #848484;
    background-color: rgba(255, 255, 255, 1);
}

.report-item .winning-group .winning-item .winning-ranking::after {
    border: 10px solid rgba(255, 255, 255, 1);
}

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

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

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

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

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

.report-detail .data .approved {
    color: #0fa65f;
}

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

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

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

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

.period-block p {
    color: #01111c;
}

.form .choice-list.history-type li {
    background-image: linear-gradient(to bottom, rgba(217, 217, 217, 0.5) 2%, rgba(164, 164, 164, 0.8) 99%);
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}

.link-group .item {
    border-color: rgba(0, 0, 0, 0.18);
}

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

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

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

.link-group.top-type {
    background-color: #ddece4;
}

.link-group.top-type .item {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border-color: transparent;
}

.link-group.top-type p span,
.link-group.top-type [class^=icon-] {
    color: rgba(0, 0, 0, 0.5);
}

.switch-btn input:checked+.switch {
    background-color: #18aa79;
}

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

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

.switch-btn label.switch::after {
    border-color: #959595;
    background-color: #e8e8e8;
}

.btn-collect {
    box-shadow: 0 1px 0 0 #055f2e;
    background-image: linear-gradient(to bottom, #30d970, #357e1f);
    color: #fff000;
}

.balance-box {
    color: #fff;
    background: linear-gradient(to left, #dc542c, #fd8c35 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, #545454, #747474);
}

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

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

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

.form-group .date-inpute {
    border-color: #989898;
}

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

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

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

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

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

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

.inline-select {
    color: #3C4242;
    border-color: rgba(152, 152, 152, 1);
}

.inline-select .icon-triangle {
    color: #5c5c5c;
}

.rebate-popup.no-money .content {
    background-image: linear-gradient(to left, #4e5662, #8b94a3);
}

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

.rebate-popup .content {
    background-image: linear-gradient(to left, #dc542c, #ef8b3e 100%);
}

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

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

.rebate-popup .btn-close {
    border-color: #959595;
    background-color: #535353;
    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: #ececec;
}

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

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

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

/* -------套件：反饋彈窗--------- */
/*背景顏色*/
.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: #30b8b3 !important;
}

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

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

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

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

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

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

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

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

/*question icon 顏色*/
.swal2-icon.swal2-question {
    border: solid 5px #a6e5be !important;
    color: #009e3b !important;
}

.swal2-styled.swal2-confirm {
    background-color: #E4572E !important;
}

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

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

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

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

.popup-bottom-imgs img {
    filter: brightness(1);
}
.bank-text {
    color: #000;
}

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

.trans-form-info {
    color: #3c3c3c;
}

.login-box {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.24);
    background-color: rgba(255, 255, 255, 0.08);
}

.trans-form .value{
    color: #239e80;
}

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

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

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

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

.money-btn-list {
    background: #1a1a1a;
    border-color: #383838;
}

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

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

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

.social-title {
    color: rgba(0, 0, 0, 0.65);
}

.profile-status {
    color: #0fa27e;
}

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

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

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

.report-detail-table td.green{
    color: #159a5b;
}

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

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

.profile-social-item [class^=icon-].inactive{
    background-color: #8c8c8c;
    color: rgba(255, 255, 255, 0.8);
}

.nav-coupon .coupon-input {
    background-color: rgba(0, 0, 0, 0.1);
    color: #242424;
    border-color: rgba(0, 0, 0, 0.24);
}

.nav-coupon .coupon-input::placeholder {
    color: rgba(0, 0, 0, 0.64);
}

.coupon-box .coupon-input {
    border-color: rgba(255, 255, 255, 0.75);
    background-color: rgba(0, 0, 0, 0.35);
    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.3);
    border-color: transparent;
}

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

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

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

.side-nav-version {
    color: rgba(0, 0, 0, 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: #1a1a1a;
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5)) 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: #2f7bbc;
}

.getcode-btn, .voucher-code-input {
    background-color: #caecd8;
    color: #000;
}

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

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

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

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

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

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

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

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

.payments .item {
    background-color: #d4e1d9;
}

.payments .offline {
    background-color: #e8e8e8;
}

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

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

.payments .payments-title::before,
.payments .payments-title::after {
    filter: brightness(0%) invert(0);
}

.bottom-nav li i,
.bottom-nav strong {
    color: #2c2c2c;
}

.bottom-nav .money-btn-group strong {
    color: #ddd;
}

.info-box {
    border-color: #d3d3d3;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.fasttrans-block .select .icon-triangle {
    color: #949494;
}

.sub-topic .selector {
    color: #323232;
}

.history-list .title {
    border-bottom-color: #bcbcbc;
}

.login-note a {
    color: #3a3a3a;
}

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

.copy-input {
    border-color: #a5a5a5;
}

.copy-input legend {
    background-color: #f3f4f5;
    color: #e1730e;
}

.password-input .password-btn {
    color: #8c8c8c;
}

.form-group .input-btn {
    border-radius: 3px;
}

.code-input .input-btn {
    border: none;
    color: #343434;
    padding: 0 10px;
    background-color: #d5d5d5;
}

.one-line-form label {
    color: #242424;
}

.vip-data {
    background: #f3f4f5;
}

.vip-content .link-group strong {
    color: #00863d;
}

.maintenance-content-box .link-group .item {
    border-color: rgba(255, 255, 255, 0.14);
}

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

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

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

.history-list .num.success {
    color: #3aac10;
}

.history-list .info.success {
    color: #3aac10;
    border-color: #3aac10;
}

.history-list .info.pending {
    color: #7b7b7b;
    border-color: #7b7b7b;
}

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

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

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

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

.side-acc .money-info .icon-Allwithdraw {
    color: rgba(0, 0, 0, 0.75);
}

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

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

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

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

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

.payment-info_img {
    box-shadow: 0 1px 5px 0 rgba(19, 19, 19, 0.14);
    background-color: #fff;
}

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

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

.payment-info_box .heading {
    color: #0e0e0e;
    border-bottom-color: #c7c7c7;
}

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

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

.btn-payment-close {
    color: #424242;
    box-shadow: 0 1px 0 0 #313131;
    background-image: linear-gradient(to bottom, #e7eff1, #bfbfbf);
}

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

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

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

.grand-grid .--item-first-prize {
    --linear-color: rgba(217, 191, 58, 0.65);
}

.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(193, 196, 203, 0.76);
}

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

.grand-grid .numbers-group {
    background: #f3f3f3;
}

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

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

.num-ball {
    background-color: #e5e5e5;
    color: #050505;
}

.numbers-table {
    background-color: #f3f3f3;
}

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

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

.number-search-box .icon-Search {
    color: rgba(0, 0, 0, 0.7);
}

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

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

.number-search-box.active {
    border-color: #00662f;
    background-color: #fff;
}

.numbers-carousel .number {
    box-shadow: 0 1px 0 0 #bcbcbc;
    color: rgba(0, 0, 0, 0.7);
    background: #efefef;
}

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

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

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

.rank-result .date {
    color: #626b76;
}

.rank-result .col {
    color: rgba(14, 14, 14, 0.65);
}

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

.payments i[class^=bk_] {
    color: #454545;
    filter: saturate(60%);
}

.license-group ul img {
    filter: contrast(170%) drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.2));
}

.upload-select {
    color: #454545;
    border-color: #a9a9a9;
}

.upload-select.active {
    color: #000;
    border-color: #21bb63;
}

.upload-select .icon-open_plus {
    color: rgba(0, 0, 0, 0.7);
}

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


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

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

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

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

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

.side-menu .item.open>.item-href,
.side-menu .item-href:hover,
.side-menu .item-href.active {
    background-color: rgba(130, 130, 130, 0.1);
    color: #09a04e;
}

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

.side-menu .item-href {
    background-color: #e3e3e3;
    border-color: rgba(0, 0, 0, 0.1);
    color: #313131;
}

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

.sub_title {
    color: #212121;
}

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

.text_href {
    color: #2268c2;
}

.note-box {
    box-shadow: none;
    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: #ffd900;
    color: #242424;
}

.btn-login {
    background-color: #ffd500;
    color: #131313;
}

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

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

    .btn-signup:hover {
        background-color: #e90f0f;
        color: #fff;
    }

    .btn-login:hover {
        background-color: #ffe600;
        color: #131313;
    }

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

    .btn-default.submit:hover {
        background-color: #c28f44;
        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.24);
}

.nav-tool .tool {
    color: rgba(255, 255, 255, 0.85);
}

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

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

.nav-user {
    color: #fff200;
}

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

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

.nav-tool .login-form input {
    --color: #131313;
    border-color: #404040;
}

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

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

.forget-psd-btn {
    color: rgba(134, 80, 0, 0.9);
    border-color: #aeaeae;
}

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

.nav-money {
    color: #fff;
}

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

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

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

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

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

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

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

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

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

.main_menu.nav_type .item a strong {
    color: rgba(220, 255, 236, 0.9);
}

.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%, #454545, #212121 30%);
    background-image: radial-gradient(circle at 50%, at 1%, #454545, #212121 30%);
    background-image: radial-gradient(circle at 50% 1%, #454545, #212121 30%);
    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(255, 255, 255, 0.24) 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(192, 199, 206, 0.8);
}

.catogory-box.nav_type a::after {
    background-color: rgba(36, 235, 0, 0.2);
}

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

.tooltip {
    background-color: #f3f3f3;
    color: #141414;
    box-shadow: 0 0px 3px rgb(0, 0, 0, 0.36);
}

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

.nav-rebet-box .title {
    color: rgba(255, 255, 255, 0.9);
    background-color: #074322;
}

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

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

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

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

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

@media (hover: hover) {

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

/* 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.16);
    opacity: 1;
}

.footer-provider-list .name {
    color: rgba(32, 128, 35, 0.8);
}

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

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

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

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

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

.popup-text {
    color: #242424;
}

.popup-note {
    color: #1c7feb;
}

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

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

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

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

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

/* 側邊欄 */
.floating-menu {
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 8px -2px #c3c3c3, 0 0 3px 0 #c3c3c3;
    background-color: #f3f3f3;
}

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

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

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

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

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

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

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

.floating-download-box .icon-Android {
    color: #1fa400;
}

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

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

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

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

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

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

.gallery::after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f4f5 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: #ececec;
}

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

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

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

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

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

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

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

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

.ranking-col .info {
    color: #656565;
}

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

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

.ranking-head {
    background-color: #ecead7;
    color: #343434;
}

.ranking-head strong {
    color: #139a38;
}

.ranking-order {
    color: #e3e3e3;
}

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

.upcoming-item::after {
    background: linear-gradient(243deg, #baec1b, rgba(18, 113, 58, 0.8), rgba(27, 94, 18, 0.8));
}

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

.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(17, 196, 95, 0.8), rgba(0, 0, 0, 0));
}

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

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

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

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

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

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

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

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

.service-block i {
    color: #2AAA7C;
}

.service-block .title {
    color: #2AAA7C;
}

.service-block .detail {
    color: rgba(0, 0, 0, 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%);
    box-shadow: 0 1px 4px 0 rgb(0, 0, 0, 0.35);
}

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

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

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

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

.active-mask {
    background-color: rgba(0, 134, 61, 0.8);
}

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

.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: #37ff00;
    background-color: #004720;
    border-color: #3fd43e;
}

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

.game-provider-list li:hover,
.game-provider-list li.active {
    box-shadow: 0 1px 1px 1px rgba(19, 229, 65, 0.54);
    border-color: #31b36c;
    background-color: #f6fffa;
}

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

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

.game-provider-list span[class^=logo-]{
    opacity: 1;
}

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

.all-provider-icon::after {
    border-color: rgba(255, 255, 255, 0.5);
}

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

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

.download-item .content {
    background-image: linear-gradient(to bottom, rgba(34, 158, 84, 0.8), rgba(23, 40, 20, 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: #ff9a00;
}

.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 #31c638;
}

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

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

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

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

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

.vip-web-table td {
    color: #f0f0f0;
    border-color: rgba(255, 255, 255, 0.2);
}

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

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

/*referral*/
.speack-box p {
    text-shadow: none;
}

.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(0, 0, 0, 0.34);
}

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

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

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

.promotion-info {
    background-color: #01111c;
}

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

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

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

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

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

.rank-result-list .item {
    border-color: #acacac;
    padding-bottom: 4px;
    border-top: solid 1px #949494;
}

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

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

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

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

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

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

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

.fasttrans-block .trans-form .value {
    color: #15b68e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popup-label {
    color: #757575;
}

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

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

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

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

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

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

.web-window .acc-topic li:hover {
    color: rgba(0, 134, 60, 0.94);
    background-color: rgba(255, 255, 255, 0.9);
}

.web-window .acc-topic li.active:hover {
    color: rgba(255, 255, 255, 1);
    background-color: #656565;
}

.web-window .acc-info-box.rwd .title {
    color: #5a5a5a;
}

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

.web-window .acc-info-box {
    border-color: #cecece;
    background-color: #f3f3f3;
}

.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%, #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: #fdad34;
}

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

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

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

.web-window .money-info-box .heading{
    color: #219e64;
}

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

.web-window .profile-item .copy-btn [class^=icon-]{
    color: #656565;
}


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

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

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

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

.safe-item i {
    color: rgb(82, 88, 102);
}

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

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

.highlight {
    color: #069d42;
}

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

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

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

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

.otp-count .time {
    color: #ee732d;
}

.edit-all-title {
    color: #363636;
}

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

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

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

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

.inline-value{
    color: #b06717;
}

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

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

.web-window .msg-title .email {
    box-shadow: none;
}

.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: #ebebeb;
    color: #00863d;
}

.report-item .content .progress-bar {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #c3c3c3;
}

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

.web-window .contact-block .item:hover {
    box-shadow: 0 1px 8px 0 rgba(36, 153, 47, 0.3);
    border-color: #9fb8a0;
}

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

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

/* payment_info */
.web-window .payment-info_img {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.34);
    background-color: #ececec;
}

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

.web-window .payment-info_box .heading {
    color: #0e0e0e;
    border-color: #d6d6d6;
}

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

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

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

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

.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 1px 0 0 #7c7c7c;
    background-color: rgba(255, 255, 255, 0.1);
}

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

    .game-provider-list .logo-PPS,
    .game-provider-list .logo-PPO,
    .game-provider-list .logo-NTS,
    .game-provider-list .logo-YRS,
    .game-provider-list .logo-RKS,
    .game-provider-list .logo-DDS,
    .game-provider-list .logo-NLS,
    .game-provider-list .logo-FPS {
        filter: drop-shadow(0px 0px 1px #000);
    }

    .game-provider-list li:hover a .logo-PPS,
    .game-provider-list li:hover a .logo-PPO,
    .game-provider-list li:hover a .logo-NTS,
    .game-provider-list li:hover a .logo-YRS,
    .game-provider-list li:hover a .logo-RKS,
    .game-provider-list li:hover a .logo-DDS,
    .game-provider-list li:hover a .logo-NLS,
    .game-provider-list li:hover a .logo-FPS {
        filter: drop-shadow(0px 0px 1px #000);
    }

    .catogory-box:not(.nav_type) .item:hover .logo-EGC,
    .footer-provider-list a:hover .logo-PPS,
    .footer-provider-list a:hover .logo-PPO,
    .footer-provider-list a:hover .logo-NTS,
    .footer-provider-list a:hover .logo-YRS,
    .footer-provider-list a:hover .logo-RKS,
    .footer-provider-list a:hover .logo-DDS,
    .footer-provider-list a:hover .logo-NLS,
    .footer-provider-list a:hover .logo-QLN,
    .footer-provider-list a:hover .logo-FPS {
        filter: drop-shadow(0px 0px 1px #000);
    }

    /*nav*/
    .sub-nav.rwd li a {
        color: rgba(0, 0, 0, 0.65);
    }

    .topic-group input[type=radio].default-radio+label{
        color: rgba(0, 0, 0, 0.75);
    }

    .topic-group input[type=radio].default-radio:checked+label,
    .topic-group input[type=radio].default-radio+label:hover{
        color: #e9700a;
        border-color: #d37816;
    }

    .sub-nav.rwd li.active a,
    .sub-nav.rwd li:hover a {
        color: #ff8800;
        border-color: #ff8800;
    }

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

    .popup-logo-title .sub-nav.rwd li a {
        color: rgba(255, 255, 255, 0.9);
    }

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

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

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

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

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

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

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

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

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

    .catogory-box:not(.nav_type) .item:hover strong {
        color: #f3ff10;
        background-color: #2fb449;
    }

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

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

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

    /*promotion*/
    .promotion-block .item {
        background-color: #fff;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .promotion-popup .block::-webkit-scrollbar {
        background-color: #dbdbdb;
    }

    .promotion-popup .block::-webkit-scrollbar-thumb {
        background: #a9a9a9;
    }

    /*popup*/
    .popup-block .password-btn:hover {
        color: #292929;
    }

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

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

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

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

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

    .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 1px 2px rgba(0, 0, 0, 0.7);
    }

    /*QQPool*/
    .qqpool_index .numbers-carousel .number {
        border: solid 1px rgba(0, 0, 0, 0.3);
        box-shadow: none;
        background-color: #fff;
    }

    .qqpool_index .numbers-carousel .number:hover {
        color: #000;
        box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.15);
        border: solid 1px #000;
        background-color: #fff;
    }

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

    /* Form  */
    .form.has_btn .copy-btn:hover {
        background-color: #baedc4;
    }

    .license-group ul img {
        filter: contrast(170%) drop-shadow(1px 1px 0px rgba(255, 255, 255, 0.16));
    }

    .catogory-box:not(.nav_type) .item:hover span[class^=logo-]::after{
        filter: contrast(1) saturate(240%);
    }

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

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

    .search-box {
        background: #d5d5d5;
    }

    .search-box input{
        color: #343434;
    }

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

    .search-nav.open-search .search-box .close-btn{
        color: #4e4e4e;
    }

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

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

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

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

    .info-sentence a:hover{
        color: #32cd8f;
    }

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

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

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

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

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

    .login-box .btn-group .btn-join:hover{
        background-color: #9e893d;
        color: #f0f0f0;
    }

    .floating-control {
        background-image: radial-gradient(circle at 50% 0, #33e15a, #047f3b 88%);
    }
}

.float-app-title{
    background-image: linear-gradient(to top, #005928, #00863d 33%);
    border-color: #00b954;
}

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

.web-window .user-info-box p span{
    color: rgba(255, 255, 255, 0.7);
}

.web-window .user-info-box p strong{
    color: #fff;
}

.web-window .balance-nav,
.web-window .balance-nav-dropdown{
    background-color: rgba(0, 0, 0, 0.24);
}

.web-window .balance-nav .money,
.web-window .nav-main-wallet>strong{
    color: rgba(255, 255, 255, 1);
}

.web-window .balance-nav p,
.web-window .nav-main-wallet>span{
    color: rgba(255, 255, 255, 0.7);
}

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

.web-window .sub-nav li:hover a{
    color: #066833;
}

.report-page-arrow{
    background-image: linear-gradient(to bottom, #bebebe, #909090);
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.text-box .acc, .text-box .acc-name{
    color: #d05d22;
}

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

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

.report-item .success.num, .history-list .success.num{
    color: #179c5d;
}

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

.no-msg-alert .heading{
    color: #242424;
}

.no-msg-alert .info{
    color: #858585;
}

.login-advice .btn-join{
    color: #e07b10;
    border-color: #e07b10;
}

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

.process-msg p{
    color: #1da74b;
}

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

.verify-success-box .success-text{
    color: #19ad28;
}

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

.web-window .form .select-box select{
    background-color: #dcdcdc;
}

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

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

.trans-form .target{
    color: #313131;
}

.select-close-btn{
    color: #2e2e2e;
}

.floating-control .icon-category_menu_shape {
    background: rgba(1, 128, 58, 0.86);
    -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(3, 190, 87, 0.87);
}

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

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

.Skip-Mobile{
    color: #c9831a;
}

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

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