:root {
    --bg: #242424;
    --datePickerC: #560707;
    --datePickerBg: #fff;
    --scrollBarBg: #dbdbdb;
    --scrollBarThumb: #a9a9a9;
}

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

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

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

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

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

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

.nav {
    background: #310000;
}

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

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

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

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

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

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

.bottom-nav li {
    color: #f3f4f5;
    background-color: #0e0e0e;
}

.bottom-nav::after {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.86) 1%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0));
}

.money-btn-main {
    border-color: #c81c1c;
    background-image: linear-gradient(to bottom, #f43636, #610000);
}

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

.money-btn-main.active {
    background: #ffb800;
    border-color: #ffe046;
}

.money-btn-main.active i{
    color: #0e0e0e;
}

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

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

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

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

.side-nav {
    background: #1c1c1c;
}

.side-nav h3 {
    color: #fff;
    background-color: #400000;
}

.side-nav li,
.side-nav-alert {
    background-color: #1c1c1c;
    color: rgba(214, 214, 214, 0.94);
}

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

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

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

footer {
    background-color: #000;
}

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

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

.copy-right {
    color: #bcbcbc;
    border-top-color: rgba(255, 255, 255, 0.2);
}

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

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

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

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

.footer_info {
    color: rgba(255, 255, 255, 0.4);
    border-bottom-color: rgba(255, 255, 255, 0.14);
}

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

.select-dropdown .default,
.account-calendar .datetimepicker-dummy .datetimepicker-dummy-wrapper,
.form input,
.form select,
.form textarea {
    color: #f3f4f5;
    border-color: #434343;
    background-color: #242424;
}

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

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

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

.form input:not([readonly]):focus,
.form select:focus {
    border-color: #656565;
    background-color: #000;
    color: #fff;
    font-weight: normal;
}

.form select:focus.bankname-fastdaftar {
    border-color: #656565;
    background-color: #fff;
    color: #000;
    font-weight: normal;
}

.form input:read-only {
    background-color: #3a3a3a;
    border-color: #3a3a3a;
    color: #fff;
}

.form label {
    color: #e5e5e5;
}

.form label span {
    color: #ff6d14;
}

.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, #efefef 2%, #a5a5a5 100%);
    color: #171717;
}

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

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

.referral-input .input-btn{
    background-color: #217c5e;
}

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

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

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

input[type=radio].default-radio:checked+label {
    border-color: #dd5c1e;
    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: #dd5c1e;
}

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

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

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

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

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

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

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

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

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

.btn-show-less {
    color: #f0f0f0;
    background-image: linear-gradient(to bottom, #949494 2%, #1e1e1e 99%);
}

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

.login-join li:nth-child(1) {
    background-color: #dba30a;
    color: #0e0e0e;
}

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

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

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

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

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

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

.popup-logo-title .close-btn {
    color: #f0f0f0;
    background-color: #0e0e0e;
}

.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 #0e0e0e 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 1px 0 rgba(0, 0, 0, 0.34);
    border-color: #313131;
    background-image: linear-gradient(to bottom, #262626 3%, #020202);
}

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

.home_menu i {
    color: #ffdf37;
}

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

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

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

.live-tag {
    background: linear-gradient(to right, #f00 0%, #ff3b85 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(255, 255, 255, 0.84);
}

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

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

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

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

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

.select-group {
    color: #e7e7e7;
}

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

.search {
    color: #3b3b3b;
}

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

.billboard {
    color: #c0c0c0;
}

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

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

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

.arror-open {
    color: #dcdcdc;
}

.download-box {
    border-color: #0e0e0e;
    background-image: linear-gradient(to bottom, #2d2d2d 1%, #131313 95%);
}

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

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

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

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

.home_title {
    color: #e63939;
}

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

.game-catogory strong {
    color: #f3f4f5;
    background-color: #0e0e0e;
}

.topic-choice {
    background: #f3f4f5;
}

.search-nav {
    background-color: #0e0e0e;
}

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

.search-box {
    background: #912323;
}

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

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

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

.voucher-topic li.active a {
    border-bottom-color: #656565;
    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: #313131;
    background-color: #151515;
}

.acc-topic li {
    background-color: rgba(0, 0, 0, 0.8);
    color: #c3c3c3;
}

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

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

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

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

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

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

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

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

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

.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.6);
    background-image: linear-gradient(to bottom, #353535 0%, #131313);
}


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

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

.money-info-box {
    box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.1), 1px 1px 0 0 rgba(255, 255, 255, 0.1) inset;
    background-color: #0e0e0e;
}

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

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

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

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

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

.refresh-btn {
    border-color: #404040;
    color: #f1f1f1;
}

.detail-btn {
    border-color: #585858;
    background-color: #0e0e0e;
    color: #e3e3e3;
}

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

.money-topic-group .topic-main {
    background-color: #1e1e1e;
    border: 1px solid #292929;
    margin-bottom: 3px;
}

.web-window .money-topic-group .topic-main{
    background-color: #1e1e1e;
}

.more-btn {
    color: #8a8a8a;
}

.info-refresh-btn {
    border-color: transparent;
    color: #b5b5b5;
    background-color: #2c2c2c;
}

.topic-open {
    border-left: 1px solid #585858;
}

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

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

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

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

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

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

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

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

.form_info {
    border-color: #b7713f;
    background-color: #fff6db;
    color: #9b6916;
}

.form_info strong {
    color: #1e54dc;
}

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

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

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

.main-choice li {
    border-color: rgba(255,255,255,0.14);
    background-color: #252525;
    color: #a3a3a3;
}

.main-choice li.active {
    background: #000;
    color: #fff;
    border-color: #dd5c1e;
}

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

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

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

.deposit_info {
    border-color: #b7713f;
    color: #9b6916;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

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

.deposit_info strong {
    color: #1e54dc;
}

.deposit_info .notice {
    color: #decab2;
    background-color: #29241f;
}

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

.trans-form .result-text {
    background-color: #313131;
    color: #f0f0f0;
}

.trans-form .select {
    color: #f3f4f5;
    border-color: #414141;
    background-color: #242424;
}

.max-btn {
    background-color: #3b7dc3;
    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 #313131;
}

.transfer-btn {
    background-color: #656565;
    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: #532f2f;
}

.wallet-item {
    border: 1px solid #454545;
}

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

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

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

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

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

.alert-note {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
    border-color: #838383;
    background-color: #656565;
    color: #fff;
}

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

.ask-sentence {
    color: #ddd4bc;
}

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

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

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

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

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

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

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

.msg-content {
    color: #b5b5b5;
}

.contact_title {
    color: #ff3939;
}

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

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

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

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

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

.promotion-popup {
    background: #242424;
}

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

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

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

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

.copy-btn {
    color: #bcbcbc;
}

.wrapper {
    background: #0e0e0e;
}

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

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

.maintenance-time-box .time-zone::after {
    background-color: #4d4d4d;
}

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

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

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

    50% {
        background-color: #ffbc00;
    }

    90% {
        background-color: #959595;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.join-step li::before {
    color: #ececec;
    border-color: #585858;
    background-color: #383838;
}

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

.join-step li.active::before {
    border-color: #56b88f;
    background-color: #219263;
    color: #fff;
}

.go-back {
    color: #e4e4e4;
}

.go-back i {
    color: #9c9c9c;
}

.currency-choice {
    border-color: #434343;
    background-color: #242424;
}

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

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

.profile-item .currency-choice input:checked+label:hover{
    color: #fff;
}

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

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

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

.register-block {
    background: #f3f4f5;
}

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

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

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

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

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

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

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

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

.suggest-box i {
    background-image: linear-gradient(to bottom, #ec491f, #910000);
    background: linear-gradient(to bottom, #ec491f, #910000);
    background: -webkit-linear-gradient(to bottom, #ec491f, #910000);
    background-clip: text;
    -webkit-background-clip: text;
}

.login-block {
    background: #f3f4f5;
}

.login-block .title {
    color: #0c132a;
}

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

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

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

.login-form label {
    color: #5c5c5c;
}

.login-note {
    color: #848484;
}

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

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

.popup-box {
    background: #f3f4f5;
}

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

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

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

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

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

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

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

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

.history-list .item {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.7);
    border-color: rgba(64, 64, 64, 0.7);
    background-color: #0e0e0e;
}

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

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

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

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

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

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

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

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

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

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

.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: #e4a746;
    background: transparent;
}

.edit-form {
    background-color: rgba(36, 36, 36, 1);
}

.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: #ffd44b;
    background: #242424;
    border-color: #434343;
}

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

.verify-img {
    background: #fff;
}

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

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

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

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

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

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

.referral-intro .item {
    box-shadow: -1px 0 0 0 #424242;
    background-color: #141414;
}

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

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

.referral-intro i {
    color: rgba(255, 255, 255, 0.4);
}

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

.promotion-select {
    color: #f3f4f5;
    border: solid 1px #434343;
    background-color: #242424;
}

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

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

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

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

.vip-bn {
    background: #141414;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.report-detail-menu li {
    border-color: #c6c6c6;
    color: #656565;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.report-item.open .qqpool-detail {
    box-shadow: 0 2px 0 0 #464646, 0 -2px 0 0 #464646;
    background-color: #202020;
}

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


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

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

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

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

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

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

.progress-bar p {
    color: #0e0e0e;
}

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

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

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

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

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

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

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

.switch-btn label.switch::after {
    border-color: #848484;
    background-color: #f3f4f5;
}

.btn-collect {
    box-shadow: 0 1px 0 0 #ee9822;
    background-image: linear-gradient(to bottom, #ffb827, #ff6300);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

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

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

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

.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, #2e2e2e, #656565);
}

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

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

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

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

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

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

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

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

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

.inline-select {
    color: #ddd;
    border-color: #474747;
}

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

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

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

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

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

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

.rebate-popup .btn-close {
    border-color: #4c4c4c;
    background-color: #1c1c1c;
    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: #242424;
}

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

.table-head .item {
    color: rgba(255, 255, 255, 0.74);
}

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

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

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

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

/*info icon 顏色*/
.swal2-icon.swal2-info {
    border: solid 5px #a0c2e4 !important;
    color: #0b67e5 !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 #62e5c0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.money-btn-list {
    background: #310000;
    border-color: #4b1f1f;
}

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

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

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

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

.profile-status {
    color: #e3e3e3;
}

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

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

.report-detail-btn {
    color: rgba(255, 255, 255, 0.74);
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.24);
}

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

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

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

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

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

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

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

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

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

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

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

.bottom-menu {
    --bg: #310000;
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.3)) 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: #186bb8;
    color: #fff;
}

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

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

.provider-mainten-content {
    background-color: #fff;
    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: #8b2e2a;
}

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

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

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

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

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

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

.payments .offline{
    background-color: #1d1d1d;
}

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

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

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

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

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

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

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

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

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

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

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

.password-input .password-btn{
    color: #858585;
}

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

.code-input .input-btn{
    border: none;
    color: #15b8ff;
    padding: 0 10px;
    background-color: transparent;
}

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

.vip-data {
    background: #242424;
}

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

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

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

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

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

.history-list .num.success{
    color: #2de666;
}

.history-list .info.success{
    color: #2de666;
    border-color: #2de666;
}

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

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

.money-topic-group .open{
    border: 1px solid #242424;
    border-radius: 5px;
    margin-bottom: 3px;
}

.money-topic-group .open .topic-main{
    border: none;
}

.side-acc {
    border-top: solid 1px #741f1f;
    border-bottom: solid 1px #000;
}

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

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

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

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

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

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

.withdraw-btn {
    border-color: #404040;
    color: #f1f1f1;
}

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

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

.payment-info_img {
    box-shadow: 0 2px 10px 0 rgba(189, 86, 86, 0.8);
    background-color: #ececec;
}

.payment-info_img i {
    color: #6c0c0c;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grand-grid .info {
    color: #252525;
}

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

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

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

.number-search-box.active {
    border-color: #787878;
    background-color: #141414;
}

.numbers-carousel .number {
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.24);
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
}

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

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

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

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

.rank-result .col {
    color: rgba(0, 0, 0, 0.6);
}

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

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

.upload-select{
    color: #f3f4f5;
    border-color: #646464;
}

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

.upload-select .icon-open_plus{
    color: #e4e4e4;
}

.file-input i, .file-input p{
    color: #656565;
    border-color: #c6c6c6;
}

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

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

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

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

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

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

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

.side-menu .item-href {
    background-color: #0e0e0e;
    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: #1ea760;
    color: #fff;
}

.btn-login {
    background-color: #ffce00;
    color: #313131;
}

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

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

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

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

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

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

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

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

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

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

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

.nav-user {
    color: #ffa800;
}

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

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

.nav-tool .login-form input {
    --color: #202020;
    border-color: #181818;
}

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

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

.forget-psd-btn {
    color: rgba(0, 0, 0, 0.7);
    border-color: #8c8c8c;
}

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

.nav-money {
    color: #ececec;
}

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

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

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

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

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

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

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

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

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

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

.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%, #711b1b, #1a0001 30%);
    background-image: radial-gradient(circle at 50% 1%, #711b1b, #1a0001 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(150, 50, 50, 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(192, 199, 206, 0.8);
}

.catogory-box.nav_type a::after {
    background-color: rgba(255, 0, 0, 0.4);
}

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

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

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

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

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

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

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

@media (hover: hover) {

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

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

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

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

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

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

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

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

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

.footer-provider-list .name {
    color: rgba(197, 47, 20, 0.9);
}

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

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

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

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

.popup-box .form input,
.popup-box .form select,
.form .date-input-default {
    border-color: #959595;
    --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: #252525;
    border-color: #c5c5c5;
}

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

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

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

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

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

/* 側邊欄 */
.floating-menu {
    border-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 6px 20px -10px #3e3e3e, 0 0 5px 0 #3e3e3e;
    background-color: #0e0e0e;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ranking-tab {
    background-color: #0e0e0e;
}

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

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

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

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

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

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

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

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

.ranking-head {
    background-color: #313131;
    color: #b5b5b5;
}

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

.ranking-order {
    color: #e3e3e3;
}

.upcoming-item {
    --border-color: #59360d;
}

.upcoming-item::after {
    background: linear-gradient(243deg, #c96d20, rgba(86, 50, 14, 0.9), rgba(26, 10, 2, 0.8));
}

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

.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(183, 82, 25, 0.8), rgba(0, 0, 0, 0));
}

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

.vs-box .icon-vs {
    color: #ffbf00;
    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: #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(131, 69, 11, 0.9), rgba(0, 0, 0, 0));
}

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

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

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

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

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

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

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

.active-mask {
    background-color: rgba(99, 40, 40, 0.9);
}

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

.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: #000;
    background-color: #ffce00;
    text-shadow: none;
}

.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 {
    background-color: #1a1a1a;
    border-color: rgba(255, 255, 255, 0);
}

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

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

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

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

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

.download-item .content {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(111, 25, 25, 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: #ffe000;
}

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

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

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

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

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

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

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

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

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

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

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

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

.promotion-info {
    background-color: #0c0c0c;
}

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

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

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

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

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

.fasttrans-block .trans-acc-form input:focus{
    background-color: #fff;
    color: #242424;
    border-color: #0e0e0e;
}

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

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

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

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

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

.select-btn {
    border-color: rgba(90, 90, 90, 0.74);
}

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

.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: #e0e0e0;
    background-color: #fffefb;
}

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

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

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

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

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

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

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

.fast-join-select li.active,
.fast-join-select li:hover {
    background-color: #751919;
    color: #fff;
}
.fast-join-select.show {
    border-color: #2e2e2e;
    background-color: #fff;
}

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

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

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

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

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

.popup-label {
    color: #5c5c5c;
}

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

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

.select-dropdown{
    --active-color: #9b0000;
}

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

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

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

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

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

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

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

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

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

.web-window .info-refresh-btn:hover {
    background-color: #4c4c4c;
    color: #fff;
}

.web-window .balance-box {
    border-color: #346cfd;
}

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

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

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

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

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

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

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

.safe-item i {
    color: rgb(62, 62, 62);
}

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

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

.highlight {
    color: #1ad363;
}

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

/* deposit */
.btn-more-info .icon-link {
    color: rgba(255, 255, 255, 0.7);
}

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

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

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

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

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

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

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

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

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

.web-window .msg-title .email {
    box-shadow: 0 0px 3px 0 rgba(255, 255, 255, 0.24);
}

.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: #e1e1e1;
    color: #a00f18;
}

.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, #353535, #000 73%);
    background-image: radial-gradient(circle at 50% 0, #353535, #000 73%);
}

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

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

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

/* payment_info */
.web-window .payment-info_img {
    box-shadow: 0 2px 10px 0 rgba(189, 86, 86, 0.8);
    background-color: #ececec;
}

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

.web-window .payment-info_box .heading {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.14);
}

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

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

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

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

.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 2px 0 0 #131313;
    background-color: rgba(0, 0, 0, 0.4);
}

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

.subtitle-alert {
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.64);
    color: #ffc900;
}

.web-window .maintenance-content-box .link-group .item{
    border-color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /*promotion*/
    .promotion-block .item {
        background-color: #131313;
        border-color: rgba(255, 255, 255, 0.13);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .referral-intro .item strong {
        color: #ffd600;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.7);
    }

    /*QQPool*/
    .qqpool_index .numbers-carousel .number{
        border: solid 1px rgba(255, 255, 255, 0.1);
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
    }

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

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

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

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

    .footer-provider-list a:hover span.logo-STL::after{
        filter: brightness(0.5);
    }

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

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

    .catogory-box:not(.nav_type) .item:hover span.logo-IBC::after, .catogory-box:not(.nav_type) .item:hover span.logo-EGC::after{
        filter: contrast(1) saturate(260%);
    }

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

    .copy-right{
        border-top-color: transparent;
        background-color: #131313;
    }

    .join-block .code-input .input-btn:hover{
        background-color: #44b3f7;
        color: #fff;
    }

    .referral-input .input-btn:hover{
        background-color: #0e9669;
        color: #fff;
    }

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

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

    .code-input .input-btn:hover{
        color: #15ffec;
    }

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

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

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

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

    .popup-box .form .code-input .input-btn:hover{
        background-color: #1468c9;
        border-color: transparent;
        color: #fff;
    }

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

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

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

    .login-box .btn-group .btn-join:hover{
        background-color: #78682d;
        color: #f3f4f5;
    }

    .floating-control {
        background-image: radial-gradient(circle at 50%, at 0, #9b0909, #4e0202 88%);
        background-image: radial-gradient(circle at 50% 0, #9b0909, #4e0202 88%);
    }

}

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

.report-page-arrow{
    background-image: linear-gradient(to bottom, #6e6e6e, #454545);
    border-color: rgba(0, 0, 0, 0.1);
}

.float-app .apk-logo{
    filter: drop-shadow(0 0 3px rgba(207, 21, 23, 0.46));
}

.float-app-title{
    border-color: #eead1f;
    background-image: linear-gradient(to top, #a83600, #ff8600 33%);
}

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

.form.has_btn .copy-btn .icon-Copy{
    color: #dcdcdc;
}

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

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

.popup-box .form input:focus{
    background-color: #fff;
    color: #000;
}

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

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

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

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

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

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

.popup-box .form .code-input .input-btn{
    background-color: #e1f0fe;
    border-color: transparent;
    color: #1468c9;
    line-height: 34px;
    top: 1px;
    right: 1px;
}

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

.speack-box .copy-btn{
    color: #f3f4f5;
}

.popup-block .otp-count .time{
    color: #fc730d;
}

.join-block .form textarea:focus{
    border-color: #656565;
    background-color: #000;
    color: #fff;
}

.inline-select.readonly-type .inline-value{
    color: #ff8920;
}

.popup-box .form select:focus{
    background-color: transparent;
}

.popup-box .success-text{
    color: #18a266;
}

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

.popup-box .promotion-select .icon-triangle, .popup-box .select-box::before{
    color: #646464;
}

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

.link-group.top-type .item{
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent;
}

.floating-control .icon-category_menu_shape {
    background: #4D0303de;
    -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(93, 6, 6, 0.87);
}

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

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

.Skip-Mobile{
    color: #1da570 !important;
}

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

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