:root.color8{
    /*Home*/
    --primary-color:#4bab9a;
    --secondary-color:#fff;
    --body-bgColor: linear-gradient(0deg, #fff 0%, #ffffff 100%);
    --primary-font-color: #535867;
    --home-catBtn-bg: linear-gradient(143deg, #e7f6fb 28%, #e7f6fb 100%);
/*    --home-catBtn-bgActive: linear-gradient(180deg, #69baac 28%, #4bab9a 100%);*/
    --home-catBtn-bgActive: linear-gradient(180deg, #4bab9a 28%, #4bab9a 100%);
    --home-catBtn-bordercolor: linear-gradient(180deg, #a6d99d 28%, #007470 100%);
    --home-loginWrp-bg: linear-gradient(180deg, #007470 0%, #003843 100%);
    --home-loginWrp-text: #fff;
    --home-welcomeTxt: #fff;
    --home-popular-text: #000;
    --home-login-btn: #1ebf8c;
    --home-loginBtn-txt: #fff;
    --home-loginBtn-border: #fff;
    --home-signup-btn: linear-gradient(180deg, #fff 0%, #b3b3b3 100%);
    --home-signUpBtn-txt: #003944;
    --home-signUpBtn-border: #007470;
    --home-popular-selected: var(--primary-color);
    --home-profileBtn-bg: var(--home-catBtn-bg);
    --home-profileBtn-text: #dbd9d9;
    --home-announcement-bg: rgb(255 255 255 / 90%);
    --home-announcement-text: var(--icon-announce);
    --iconmoon-color: #000;
    --iconmoon-active-color: #4a9da2;
    --icon-announce: #4bab9a;
    --category-icon: #288b82;
    --category-font: #535867;
    --category-icon-active: #fff;
    --recent-img-filter: none;
    --loadmore-text: #69baba;
    --showmore-text: var(--loadmore-text);
    --collapse-text: #4a9da2;
    /*Header*/
    --header-icon-color: #e9fffd;
    --header-gradient1: #14815e;
    --header-gradient2: #14815e;
    --header-topmenu-bg: linear-gradient(180deg, var(--header-gradient1) 0%, var(--header-gradient2) 100%);
    --header-topmenu-title: #fff;
    /*Footer*/
    --footer-bgColor: linear-gradient(180deg, #ffffff 28%, #ebebeb 100%);
    /*Login*/
    --login-btn-color:#000;
    --login-link-text: var(--login-btn-color);
    --login-formWrp-lf: rgb(234 255 248 / 49%);
    --login-formWrp-rf: rgb(255 255 255 / 80%);
    --login-bgColor: linear-gradient(128deg, #fff 18%, #5fb5a6 55%, #fff 95%);
    --login-rememberme-text: #003944;
    --login-forgotPwd: var(--login-rememberme-text);
    --login-contactCS: #003944;
    --login-input-text: #003944;
    --login-formBtn: linear-gradient(180deg, #45ba8e 28%, #33936f 100%);
    --login-formBtn-border: linear-gradient(180deg, #fff 28%, #007470 100%);
    /*Fav*/
    --fav-font-color: #003944;
    /*Promo*/
    --promo-list-bg:#dff2f6;
    --promo-catTxt: #000;
    --promo-catBg-active: var(--home-catBtn-bgActive);
    --promo-catTxt-active: #fff;
    --promo-list-title: var(--promo-catTxt);
    /*SweetAlert*/
    --sweetalert-bg: var(--home-catBtn-bg);
    --sweetalert-button1: var(--home-login-btn);
    --sweetalert-button-text: var(--home-loginBtn-txt);
    --sweetalert-header-bg: var(--home-catBtn-bgActive);
    --sweetalert-header-text: var(--category-icon-active);
    --swiper-pagBullet: var(--primary-color);
    /*Lang Switch*/
    --langswitch-bodyBg: var(--home-catBtn-bg);
    --langswitch-border: var(--login-contactCS);
    --langswitch-selection-bg: #f0fdff;
    --langswitch-selection-active-bg: var(--home-login-btn);
    --langswitch-selection-text:#000;
    --langswitch-selection-active-text: var(--home-loginBtn-txt);
    --langswitch-tick-filter: none;
    --langswitch-confirm-btn: var(--langswitch-selection-bg);
    --langswitch-confirm-text: var(--langswitch-selection-text);
    /*Member*/
    --member-df-name: #459292;
    --member-wallet-amt: var(--member-df-name);
    --member-icon-arrow: #459292;
    --member-df-bal: #459292;
    --member-df-mid-bg: linear-gradient(180deg, #4bab9a 0%, #41877b 100%);
    --member-df-mid-text: #fff;
    --member-df-mid-iconGrad:linear, left top, left bottom, from(#fffedc), to(#fffa6a);
    --member-df-btm-text: #4bab9a;
    --member-df-btm-border: #459292;
    --member-guardcode-box: var(--promo-list-bg);
    --member-guardcode-border: var(--primary-color);
    --member-promo-list: var(--promo-list-bg);
    --member-promo-list-text: #135047;
    --member-promo-border: #158a5b;
    --member-promo-title: var(--member-guardcode-text);
    --member-promo-text: #fff;
    --member-promo-text-active: #fffc9a;
    --member-report-text-active: #4bab9a;
    --member-report-border-active: var(--member-report-text-active);
    --member-report-box-border: var(--primary-color);
    --member-report-selected: #fff;
    --member-calendar-filter: none;
    --member-report-submit-btn: var(--login-formBtn);
    --member-report-submit-border: #89f3ff;
    --member-profile-editTxt:#006c6a;
    --member-profile-editBg:#1e7f5f;
    --member-profile-text: #003944;
    --member-msg-text: #003944;
    --member-header-list: linear-gradient(180deg, #d5fff2 0%, #5ad3b3 100%);
    /*Deposit*/
    --deposit-list-bg: #d8f2e9;
    --deposit-list-text: #003944;
    --deposit-list-title: #fff;
    --deposit-list-shadow2: rgb(36 67 72 / 90%);
    --deposit-icon-filter: none;
    --deposit-remark-text: #459688;
    --deposit-box-title: #003944;
    --deposit-input-text: #000;
    --deposit-copyBtn: #11ae77;
    --deposit-copyBtn-text: #fff;
    --deposit-box-linktxt: var(--deposit-copyBtn);
    --deposit-list-box: #85ffc875;
    /*Transfer*/
    --transfer-autoTran-text: #003944;
    --transfer-slider-lf: #909090;
    --transfer-slider-rf: #bdbdbd;
    --transfer-reload-text: #000;
    --transfer-walletIcon-filter: none;
    --transfer-main-wallet-title: #fff;
    --transfer-main-wallet-total: #fff;
    --transfer-more-platfrom-text: var(--transfer-main-wallet-title);
    --transfer-refresh-filter: invert(228%) sepia(40%) saturate(858%) hue-rotate(132deg) brightness(39%) contrast(82%);
    --transfer-main-wallet-bg: linear-gradient(180deg, #40b086 0%, #40b086 100%);
    --transfer-allPlat-box: linear-gradient(131deg, #fff 5%, #dff2f6 100%);
    --transfer-allPlat-title: #288b82;
    --transfer-allPlat-total: #000;
    --transfer-allPlat-active-title: #fff;
    --transfer-allPlatAmt-text: #003944;
    --transfer-more-platfrom: var(--transfer-main-wallet-bg);
    --transfer-in-out-text: #000;
    --transfer-in-out-box: #dff2f6;
    --transfer-in-out-wallet: #003944;
    --transfer-in-out-border: #24b0ac;
    --transfer-switchImg-bg: linear-gradient(61deg, #40b086 0%, #3fad84 100%);
    --transfer-tranAmt-box: var(--transfer-main-wallet-bg);
    --transfer-tranAmt-input-bg: #fff;
    --transfer-tranAmt-input-text: #003944;
    --transfer-tranAmt-text: var(--transfer-main-wallet-title);
    --transfer-tranAmt-inputBg: #fff;
    --transfer-lastInfo-text: #003944;
    --transfer-remark-label:#000;
    /*Freeplay*/
    --freeplay-platform-bg: #69baac;
    --freeplay-platform-name-active: #fff;
    /*Withdrawal*/
    --withdrawal-box-title: #003944;
    --withdrawal-borderline: #004d53;
    --withdrawal-remark:#02242a;
    --withdrawal-code-figure: #006968;
    --withdrawal-onelick-bg: transparent;
    --withdrawal-allAmt-bg: #2cbe8d;
    --withdrawal-allAmt-text:#fff;
    --withdrawal-input-amt: #1e7f5f;
    /*Agent*/
/*    --agent-content-bg: #fdffe6;*/
    --agent-title: #003944;
    /*Agent Register/ Member Register*/
    --agreg-icon-color: invert(228%) sepia(40%) saturate(858%) hue-rotate(132deg) brightness(39%) contrast(82%);
    --agreg-label-text: #003944;
    --reg-input-field-bg: #c7e8e5;
    --reg-input-text: #000;
    --reg-agree-text: var(--agreg-label-text);
    --reg-agree-text2: #000;
    --reg-agree-tnclink: #007470;
    --reg-submitBtn-text: #fff;
    /*BindCard*/
    --bindcard-title:var(--withdrawal-box-title);
    --bindcard-input-text: #02242a;
    /*Chgpwd*/
    --chgpwd-title: #003944;
    --chgpwd-remark: #6ee8ba;
    --chgpwd-option-text: #003944;
    /*Logout*/
    --logout-btn-bg: #005d5f;
    --logout-text: #fff;
    /*Referral*/
    --referral-first-desc-title: #fff;
    --referral-special-remark: #0d5956;
    --referral-box-bg: rgb(160 222 201 / 49%);
    /*Mission*/
    --mission-button-text: #003944;
    --mission-circle-active: #7d9735;
    --mission-task-type: #a8ddce;
    /*Mobile_template3*/
    --fixedTopBg: rgb(233 247 249 / 87%);
    /* Task */
    --task-step-list-bg: #fffedb;
    --task-progressbar-bgline: #fffedb;
    --task-progressbar-steplist-bg: #0b6d6f;
    --task-progressbar-bgline-bar: #0b6d6f;
    --task-progressbar-steplist-border: rgb(18 126 126 / 49%);
    --task-listbox-list-bg: #3e8c72;
    /* member grade*/
    --memGrade-text-color: #14815e;
    --memGrade-countdown-bg: var(--transfer-allPlat-box);
    /*Others*/
    --common-font-color: #000;
    --input-field-bg: #fff;
    --selectOpt-bg: #d8f2e9;
    --selectOpt-text:#003944;
    --placeholder-text: #818f8c;
    --submit-button-text: #fff;
    --cs-shadow-color: #71e5be7d;

/*PC variable*/
    --theme-gameBox-text: var(--primary-font-color);
    --index-loadMore-text: #000;
    --index-playNow-text: #003944;
    --index-playNow-border: #003944;
    --index-userExp-icon:linear-gradient(180deg, #27b7a7 0%, #003843 100%);
    --index-circle-bg: #80efc6;
    --sidebar-iconGrad: linear, left top, left bottom, from(#83ff8d), to(#489e84);
    --sidebar-navmenu-text: #12ff8b;
    --header-mtime-text: #000;
    --header-avatar-icon: #fff;
    --header-selection-icon: var(--header-avatar-icon);
    --header-nav-selected-text: #1ebf8c;
    --mc-link-txt-block-hover-color: #15565f;
    --egame-paginate-color: #1c1b1b;
    --footer-back: #2b2b2b;
    --footer-icon-filter: invert(52%) sepia(8%) saturate(2375%) hue-rotate(134deg) brightness(84%) contrast(89%);
    --mc-deposit-list-active-icon: #196977;
    --anntishi-content-boxbg-color: var(--home-catBtn-bg);
    --cs-cardbox-bg: #e0f9f0;
    --input-border: var(--footer-bg);
    --download-text: var(--header-avatar-icon);
    --egame-cat-active-text-color: #fff;
    --egame-pagination-txt-color: #000;
    --appDownload-btn-text: #fff;
    /*temp_4 variable*/
    --member-csCenter-bg: var(--promo-list-bg);
    --member-csCenter-text: var(--member-df-bal,var(--common-font-color));
    --member-content-btn-bg: var(--promo-list-bg);
    --member-content-icon: var(--member-df-btm-text);
    --member-content-text: var(--promo-catTxt);
    --member-top-bg-filter: sepia(80%) hue-rotate(110deg) saturate(300%) brightness(150%);
    --footer-back:var(--header-topmenu-bg);
    --footer-icon-active:var(--event-title, var(--home-announcement-text));
    --footer-icon:var(--promo-catTxt-active);
    --footer-text: var(--promo-catTxt-active);
    --footer-border: var(--common-font-color);
    --header-bg:var(--footer-back);
    --header-text: var(--header-topmenu-title);
    --slider-bg:var(--footer-icon-active);
    --slider-text:var(--promo-catTxt-active);
    --slider-close-btn: invert(1);
}
/*CKbet PC*/
/* .web_template1.color8 .member_info .avatar_wrap span{
    color: #fff;
} */
/*Yabo PC*/
.web_template2.color8 #sport_wrap .sport_main .gallery-pic .entrance p{
    color: #616161;
}
.web_template2.color8 .game_list_unite .list .GamesPod .PodName{
    color: #fff;
}



/*Temp Fix*/
.mobile_template3.color8 .header-download .downloadBtn{
    animation: none;
    border-radius: 2px;
}
.mobile_template3.color8 #home .category_wrap .border_gradient{
    background: linear-gradient(180deg, #c8d3d5 28%, #63b7a9 100%);
}
.mobile_template3.color8 #home .category_wrap .border_gradient.active{
    background: var(--home-catBtn-bgActive);
}
.mobile_template3.color8 #home .category_wrap .category_list.active, #home .category_wrap .border_gradient.active .category_list{
    font-weight: normal;
}
.mobile_template3.color8 #home .game_item.LIVE .inner .game_box::before,.mobile_template3.color8  #home .game_item.BINGO .inner .game_box::before, .mobile_template3.color8 #home .inner .game_box::before, 
.mobile_template3.color8 #home .game_item.EGAME .inner .game_box::before{
    background-image: unset;
}
.mobile_template3.color8 #home .inner .game_box{
    background: linear-gradient(0deg, #d6ebef 28%, #b2dbe1 100%);
}
.mobile_template3.color8 #home .login-wrap .login-wrap--right .right--item span{
    color:#000;
}
.mobile_template3.color8{}

.web_template2.color8 #index .index2-content .lfwrap .gameImg >div >span,
.web_template2.color8 #index .index2-content .lfwrap .gameImg >div >p{
    color:#fff;
}
.web_template2.color8 #footer-wrap .footer-nav .navlist> a {
    color: #fff;
}
.web_template2.color8 #footer-wrap .footer-nav .navlist> a:hover {
    color: var(--footer-dd-hover-color);
}
