:root.color4{
    /*Home*/
    --primary-color:#89f3ff;
    --secondary-color:#002948;
    --body-bgColor: linear-gradient(0deg, #0c0c0c 0%, #002948 100%);
    --body-bgColorTop: #012845;
    --primary-font-color: #fff;
    --home-catBtn-bg: linear-gradient(0deg, #002948 0%, #0c0c0c 100%);
/*    --home-catBtn-bgActive: linear-gradient(177deg, #fff 0%, #89f3ff 95%);*/
    --home-catBtn-bgActive: var(--header-topmenu-bg);
    --home-catBtn-bordercolor: linear-gradient(180deg, #fff 28%, #89f3ff 100%);
    --home-loginWrp-bg: linear-gradient(0deg, #003648 0%, #89f3ff 100%);
    --home-loginWrp-text: #fff;
    --home-welcomeTxt: #fff;
    --home-login-btn: linear-gradient(180deg, #002948 0%, #0c0c0c 100%);
    --home-loginBtn-txt: #fff;
    --home-loginBtn-border: #b8f2ec;
    --home-signup-btn: linear-gradient(180deg, #fff 0%, #89f3ff 100%);
    --home-signUpBtn-txt: #000;
    --home-signUpBtn-border: #01444c;
    --home-popular-selected: #000;
    --home-popular-text: #114657;
    --home-profileBtn-text: var(--category-icon-active);
    --home-announcement-bg: rgb(47 118 134);
    --home-announcement-text: var(--icon-announce);
    --iconmoon-color: #226575;
    --iconmoon-active-color: #012847;
    --icon-announce: #fff;
    --category-icon: #89f3ff;
    --category-font: var(--category-icon);
    --category-icon-active: #000;
/*    --recent-img-filter: brightness(0.5) invert(1);*/
    --loadmore-text: var(--primary-color);
    --showmore-text: var(--loadmore-text);
    --collapse-text: var(--home-welcomeTxt);
    /*Header*/
    --header-icon-color: #fff;
    --header-gradient1: #89f3ff;
    --header-gradient2: #003648;
    --header-topmenu-bg: linear-gradient(180deg, var(--header-gradient1) 0%, var(--header-gradient2) 100%);
    --header-topmenu-title: #fff;
    /*Footer*/
    --footer-bgColor: linear-gradient(180deg, #9fbbc2 0%, #e1fcff 100%);
    /*Login*/
    --login-btn-color:#fff;
    --login-link-text: var(--login-btn-color);
    --login-formWrp-lf: rgb(137 243 255 / 50%);
    --login-formWrp-rf: rgb(0 41 72 / 80%);
    --login-bgColor: linear-gradient(128deg, #0c0c0c 18%, #002948 55%, #0c0c0c 95%);
    --login-rememberme-text: #0c0c0c;
    --login-forgotPwd: var(--login-rememberme-text);
    --login-contactCS: var(--login-rememberme-text);
    --login-input-text: #fff;
    --login-formBtn: linear-gradient(180deg, #002948 28%, #0c0c0c 100%);
    --login-formBtn-border: linear-gradient(180deg, #fff 28%, #89f3ff 100%);
    /*Fav*/
    --fav-font-color: #fff;
    /*Promo*/
    --promo-list-bg:#799296;
    --promo-catTxt: #fff;
    --promo-catBg-active: var(--home-catBtn-bgActive);
    --promo-catTxt-active: #e2fff1;
    /*SweetAlert*/
    --sweetalert-bg: linear-gradient(0deg, #002948 0%, #0c0c0c 100%);
    --sweetalert-header-text: #89f3ff;
    --sweetalert-button1: var(--home-login-btn);
    --sweetalert-button-text: var(--home-loginBtn-txt);
    /*Lang Switch*/
    --langswitch-bodyBg: var(--home-catBtn-bg);
    --langswitch-border: var(--login-contactCS);
    --langswitch-selection-bg: #89f3ff;
    --langswitch-selection-text:#012847;
    --langswitch-selection-active-bg: var(--home-login-btn);
    --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: #89f3ff;
    --member-wallet-amt: var(--member-df-name);
    --member-icon-arrow: #fff;
    --member-df-bal: #fff;
    --member-df-mid-bg: linear-gradient(180deg, #89f3ff 0%, #003648 100%);
    --member-df-mid-text: #fff;
    --member-df-mid-iconGrad:linear, left top, left bottom, from(#fff), to(#89f3ff);
    --member-df-btm-text: #fff;
    --member-df-btm-border: #004a5f;
    --member-profile-text: #fff;
    --member-profile-btn-text:#fff;
    --member-guardcode-box: var(--promo-list-bg);
    --member-guardcode-border: var(--secondary-color);
    --member-promo-list: var(--promo-list-bg);
    --member-promo-list-text: #fff;
    --member-promo-border: #fff;
    --member-promo-text: var(--common-font-color);
    --member-promo-text-active: var(--primary-font-color);
    --member-report-text-active: #89f3ff;
    --member-report-border-active: var(--member-report-text-active);
    --member-report-box-border: #fff;
    --member-report-box-bg: #002948;
    --member-report-text: #fff;
    --member-report-selected: #012847;
    --member-calendar-filter: invert(1) brightness(1.0);
    --member-report-submit-btn: var(--login-formBtn);
    --member-report-submit-border: #89f3ff;
    --member-profile-editTxt:#72e4f5;
    --member-profile-editBg:#72e4f5;
    --member-msg-text: #fff;
    /*Deposit*/
    --deposit-list-bg: #9ff5ff;
    --deposit-list-text: #012847;
    --deposit-list-title: #fff;
    --deposit-list-shadow: rgb(163 245 255);
    --deposit-list-shadow2: rgb(133 202 220);
    --deposit-icon-filter: none;
    --deposit-remark-text: #b7e9ef;
    --deposit-box-title: #fff;
    --deposit-copyBtn: var(--primary-color);
    --deposit-copyBtn-text: #012847;
    --deposit-box-linktxt: var(--primary-color);
    /*Transfer*/
    --transfer-autoTran-text: #89f3ff;
    --transfer-slider-lf: #b0b0b0;
    --transfer-slider-rf: #fbfbfb;
    --transfer-reload-text: #fff;
    --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(1) brightness(1);
    --transfer-main-wallet-bg: linear-gradient(180deg, #89f3ff 0%, #003648 100%);
    --transfer-allPlat-box: linear-gradient(131deg, #14466c 5%, #00111d 100%);
    --transfer-allPlat-title: #89f3ff;
    --transfer-allPlat-total: #fff;
    --transfer-allPlat-active-title: #fff;
    --transfer-allPlatAmt-text: #89f3ff;
    --transfer-more-platfrom: var(--transfer-main-wallet-bg);
    --transfer-in-out-text: #fff;
    --transfer-in-out-box: #081e31;
    --transfer-in-out-wallet: #89f3ff;
    --transfer-in-out-border: #89f3ff;
    --transfer-switchImg-bg: linear-gradient(61deg, #89f3ff 0%, #003648 100%);
    --transfer-tranAmt-box: var(--transfer-main-wallet-bg);
    --transfer-tranAmt-input-bg: #fff;
    --transfer-tranAmt-input-text: #012847;
    --transfer-tranAmt-text: var(--transfer-main-wallet-title);
    --transfer-tranAmt-inputBg: #fff;
    --transfer-lastInfo-text: #89f3ff;
    --transfer-remark-label:#fff;
    /*Egame*/
    --egame-searchfield-bg: #edfeff;
    --egame-toggleBtn-text: #fff;
    /*Freeplay*/
    --freeplay-platform-name: #fff;
    --freeplay-platform-name-active: #012847;
    /*Withdrawal*/
    --withdrawal-box-title: #fff;
    --withdrawal-borderline: #4ac7d9;
    --withdrawal-remark:#53cfe4;
    --withdrawal-code-figure: #00e4ff;
    --withdrawal-onelick-bg: transparent;
    --withdrawal-allAmt-bg: #4ac7d9;
    --withdrawal-allAmt-text:#fff;
    --withdrawal-input-amt:#fff;
    /*Agent*/
    --agent-content-bg: #091219;
    --agent-title: #89f3ff;
    /*Agent Register/ Member Register*/
    --agreg-icon-color:invert(1) brightness(128%);
    --agreg-label-text: #fff;
    --reg-input-field-bg: #fff;
    --reg-input-text: #1b1d1d;
    --reg-agree-text: var(--agreg-label-text);
    --reg-agree-text2: #89f3ff;
    --reg-agree-tnclink: #fff;
    --reg-submitBtn-text: #fff;
    /*BindCard*/
    --bindcard-title:var(--withdrawal-box-title);
    --bindcard-input-text: #53cfe4;
    /*Chgpwd*/
    --chgpwd-title: #fff;
    --chgpwd-remark: #2d7585;
    /*Logout*/
    --logout-btn-bg: #06b2c8;
    --logout-text: #fff;
    /*Referral*/
    --referral-first-desc-title: #fff;
    --referral-special-remark: #62dfff;
    --referral-tableH-text: #000;
    /*Mission*/
    --mission-circle-active: #77dbe7;
    /*Mobile_template3*/
    --fixedTopBg: rgb(2 35 60 / 85%);
    /* Task */
    --task-step-list-bg: #9fbbc2;
    --task-progressbar-bgline: #9fbbc2;
    --task-listbox-list-bg: #4ea2b1;
    /*Forgot Password*/
    --forgot-header-list: #ffffff;
    --forgot-header-list-active: #8df2ff;
    --forgot-content-box: var(--index-game-box-hoverBg);
    --forgot-hover-text-color: #000;
    --forgot-hoverbg-color: linear-gradient(180deg, #7aa5b7 0%, #dedede 100%);
    --forgot-input-bg: var(--agReg-input-bg);
    --forgot-primary: #9af7ffd9;
    --forgot-secondary: #108dac;
    --forgot-color-primary: #fff;
    /*Others*/
    --common-font-color: #fff;
    --input-field-bg: #002948;
    --selectOpt-bg: #02233b;
    --selectOpt-text:#fff;
    --placeholder-text: #646464;
    --submit-button-text: #fff;
    
/*PC variable*/
    --sidebar-iconGrad: linear, left top, left bottom, from(#094d63), to(#15d8ff);
    --appDownload-btn-text: #133b40;
    --header-avatar-icon: #e9fdff;
    --theme-gameBox-text: #071621;
    --index-loadMore-text: #f8f8f8;
    --index-playNow-text: #314759;
    --index-playNow-border: #314759;
    --mc-platform-cate-activebg: var(--header-gradient1);
    --mc-platform-cate-activetxt: var(--mc-nav-alink-color);
    --mc-deposit-list-head-txt: var(--mc-nav-alink-color);
    --mc-link-txt-block-hover-color: #bcf8ff;
    --footer-icon-filter: invert(52%) sepia(8%) saturate(2375%) hue-rotate(158deg) brightness(84%) contrast(89%);
    --mc-deposit-list-active-icon: #085866;
    --member-promo-header-text: var(--selectOpt-bg);

    /*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(90%) hue-rotate(160deg) saturate(250%) brightness(120%);
    --footer-back:var(--deposit-list-bg);
    --footer-icon-active:var(--iconmoon-active-color);
    --footer-icon:var(--iconmoon-color, #fff);
    --footer-text: var(--iconmoon-color, #fff);
    --footer-border: var(--iconmoon-active-color);
    --header-bg:var(--home-announcement-bg);
    --header-text: var(--header-topmenu-title);
    --slider-bg:var(--footer-icon-active);
    --slider-text:var(--footer-back);
    --slider-close-btn: brightness(0) saturate(100%) invert(81%) sepia(86%) saturate(522%) hue-rotate(166deg) brightness(102%) contrast(107%);
}

/*CKbet PC*/
.web_template1.color4 .game_filter .filter_ul {
    background-color: rgb(0 0 0 / 68%);
}
.web_template1.color4 .cat_menu_unite li {
    color: #002948;
}

/*Mobile Referral*/
.color4 #newMemberComm .userInfo .collectibleComm, 
.color4 .recRecord .record_dRange span.totalReceiveAmt {
    color: #5ac2e3;
}
.mobile_template1.color4 #home .category_wrap .category_list.active{
    color: #f0fbff;
}