:root.color20{
    /*Home*/
    --primary-color:#fdff5f;
    --secondary-color:#f49500;
    --body-bgColor: linear-gradient(180deg, #fff 0%, #fffca4 100%);
    --body-bgColorTop: #fffefb;
    --primary-font-color: #ffab00;
    --home-catBtn-bg: linear-gradient(143deg, #fff 0%, #fff1cb 100%);
    --home-catBtn-bgActive: linear-gradient(177deg, #f49500 0%, #cb3e00 85%);
    --home-catBtn-bordercolor: linear-gradient(180deg, #d2bc06 28%, #f49500 100%);
    --home-loginWrp-bg: linear-gradient(180deg, #f5f5ba 0%, #f1b613 100%);
    --home-loginWrp-text: #422400;
    --home-welcomeTxt: #422400;
    --home-login-btn: linear-gradient(180deg, #f49500 0%, #cb3e00 100%);
    --home-loginBtn-txt: #fff;
    --home-loginBtn-border: #fdff55;
    --home-signup-btn: linear-gradient(180deg, #fff 0%, #b3b3b3 100%);
    --home-signUpBtn-txt: #422400;
    --home-signUpBtn-border: #fffda6;
    --home-popular-selected: #83560f;
    --home-profileBtn-bg: var(--home-catBtn-bg);
    --home-profileBtn-text: #422400;
    --home-announcement-bg: rgb(255 248 214 / 90%);
    --home-announcement-text: var(--icon-announce);
    --iconmoon-color: #b87d3c;
    --iconmoon-active-color: #d65500;
    --icon-announce: #422400;
    --category-icon: #844800;
    --category-font: var(--category-icon);
    --category-icon-active: #fff;
    --recent-img-filter: none;
    --loadmore-text: #422400;
    --showmore-text: var(--loadmore-text);
    --collapse-text: #d65600;
    /*Header*/
    --header-icon-color: #422400;
    --header-gradient1: #f5f5ba;
    --header-gradient2: #f1b613;
    --header-topmenu-bg: linear-gradient(180deg, var(--header-gradient1) 0%, var(--header-gradient2) 100%);
    --header-topmenu-title: #422400;
    /*Footer*/
    --footer-bgColor: linear-gradient(180deg, #f8d49c 0%, #f3eada 100%);
    /*Login*/
    --login-btn-color:#422400;
    --login-link-text: var(--login-btn-color);
    --login-formWrp-lf: rgb(244 149 0 / 50%);
    --login-formWrp-rf: rgb(255 255 219 / 80%);
    --login-bgColor: linear-gradient(128deg, #fff 18%, #fffca4 55%, #fff 95%);
    --login-rememberme-text: #422400;
    --login-forgotPwd: var(--login-rememberme-text);
    --login-contactCS: #422400;
    --login-input-text: #422400;
    --login-formBtn: linear-gradient(180deg, #f49500 28%, #cb3e00 100%);
    --login-formBtn-border: linear-gradient(180deg, #fff 28%, #fdff55 100%);
    /*Fav*/
    --fav-font-color: #3c3b3b;
    /*Promo*/
    --promo-list-bg:#ffd196;
    --promo-list-title: #422400;
    --promo-catTxt: #422400;
    --promo-catBg-active: var(--home-catBtn-bgActive);
    --promo-catTxt-active: #fff;
    /*SweetAlert*/
    --sweetalert-bg: var(--home-catBtn-bg);
    --sweetalert-button1: var(--home-login-btn);
    --sweetalert-button-text: var(--home-loginBtn-txt);
    --sweetalert-header-text: #422400;
    --swiper-pagBullet: #422400;
    /*Lang Switch*/
    --langswitch-bodyBg: var(--home-catBtn-bg);
    --langswitch-border: var(--login-contactCS);
    --langswitch-selection-bg: #fff2a5;
    --langswitch-selection-text: #52524f;
    --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: #422400;
    --member-wallet-amt: var(--member-df-name);
    --member-icon-arrow: var(--member-df-name);
    --member-df-bal: var(--member-df-name);
    --member-df-mid-bg: linear-gradient(180deg, #f5f5ba 0%, #f1b613 100%);
    --member-df-mid-text: #422400;
    --member-df-mid-iconGrad:linear, left top, left bottom, from(#f49500), to(#cb3e00);
    --member-df-btm-text: #422400;
    --member-df-btm-border: #fbc73b;
    --member-guardcode-box: var(--promo-list-bg);
    --member-guardcode-border: var(--secondary-color);
    --member-promo-list: var(--promo-list-bg);
    --member-promo-border: var(--secondary-color);
    --member-promo-text: var(--common-font-color);
    --member-promo-text-active: #ffffff;
    --member-report-text-active: var(--secondary-color);
    --member-report-border-active: var(--member-report-text-active);
    --member-report-box-border: var(--secondary-color);
    --member-report-box-bg: #ffffdb;
    --member-report-selected: #fff;
    --member-calendar-filter: none;
    --member-report-submit-btn: var(--login-formBtn);
    --member-report-submit-text: #fff;
    --member-report-submit-border: #8d8d8d;
    --member-profile-editTxt:#f49500;
    --member-profile-editBg: #f49500;
    --member-profile-text: #422400;
    --member-msg-text: #422400;
    /*Deposit*/
    --deposit-list-bg: #fffec6;
    --deposit-list-text: #422400;
    --deposit-list-title: #422400;
    --deposit-list-shadow2: rgb(242 241 168 / 90%);
    --deposit-icon-filter: invert(1);
    --deposit-remark-text: #f49500;
    --deposit-box-title: #422400;
    --deposit-input-text: #7f4f04;
    --deposit-copyBtn: #f49500;
    --deposit-copyBtn-text: #fff;
    --deposit-box-linktxt: var(--deposit-copyBtn);
    /*Transfer*/
    --transfer-autoTran-text: #422400;
    --transfer-slider-lf: #787878;
    --transfer-slider-rf: #bdbdbd;
    --transfer-reload-text: #000;
    --transfer-refresh-filter: none;
    --transfer-walletIcon-filter: invert(40%) sepia(8%) saturate(2665%) hue-rotate(346deg) brightness(34%) contrast(115%);
    --transfer-main-wallet-title: var(--transfer-autoTran-text);
    --transfer-main-wallet-total: var(--transfer-autoTran-text);
    --transfer-main-wallet-bg: linear-gradient(180deg, #fffa7f 0%, #f49500 100%);
    --transfer-allPlat-box: linear-gradient(131deg, #ffffff 5%, #eae6cb 100%);
    --transfer-allPlat-title: #e47400;
    --transfer-allPlat-total: #000;
    --transfer-allPlat-active-title: var(--transfer-main-wallet-title);
    --transfer-allPlatAmt-text: #422400;
    --transfer-more-platfrom: linear-gradient(180deg, #f49500 0%, #cb3e00 100%);
    --transfer-more-platfrom-text: #fff;
    --transfer-in-out-text: #000;
    --transfer-in-out-box: #fffec8;
    --transfer-in-out-wallet: #713f03;
    --transfer-in-out-border: #e47400;
    --transfer-switchImg-bg: linear-gradient(61deg, #f49500 0%, #cb3e00 100%);
    --transfer-tranAmt-box: var(--transfer-main-wallet-bg);
    --transfer-tranAmt-input-bg: #fff;
    --transfer-tranAmt-input-text: #422400;
    --transfer-tranAmt-text: var(--transfer-main-wallet-title);
    --transfer-tranAmt-inputBg: #fff;
    --transfer-remark-label:#000;
    --transfer-lastInfo-text: #422400;
    /*Freeplay*/
    --freeplay-platform-bg: #e97f00;
    --freeplay-platform-name: #070707;
    /*Withdrawal*/
    --withdrawal-box-title: #422400;
    --withdrawal-borderline: #ff9c00;
    --withdrawal-remark: #f49500;
    --withdrawal-code-figure: #ce7e00;
    --withdrawal-onelick-bg: transparent;
    --withdrawal-allAmt-bg: #fdb84c;
    --withdrawal-allAmt-text: #fff;
    --withdrawal-input-amt: #422400;
    /*Agent*/
    --agent-content-bg: #fffef0;
    /*Agent Register/ Member Register*/
    --agreg-icon-color: invert(228%) sepia(40%) saturate(858%) hue-rotate(211deg) brightness(20%) contrast(82%);
    --agreg-label-text: #422400;
    --reg-input-field-bg: #ffeccf;
    --reg-input-text: #000;
    --reg-agree-text: var(--agreg-label-text);
    --reg-agree-text2: #a78708;
    --reg-agree-tnclink: #e47400;
    --reg-submitBtn-text: #fff;
    /*BindCard*/
    --bindcard-title:var(--withdrawal-box-title);
    --bindcard-input-text: #02242a;
    /*Chgpwd*/
    --chgpwd-title: #422400;
    --chgpwd-remark: #9f6305;
    --chgpwd-option-text: #422400;
    /*Logout*/
    --logout-btn-bg: #e47400;
    --logout-text: #fff;
    /*Referral*/
    --referral-special-remark: #bb7f05;
    /*Mission*/
    --mission-circle-active: #f4bd48;
    /*Mobile_template3*/
    --fixedTopBg: rgb(255 254 232 / 85%);
    /* Task */
    --task-step-list-bg: #f5dfbc;
    --task-progressbar-bgline: #f5dfbc;
    --task-progressbar-steplist-bg: #e26f00;
    --task-progressbar-bgline-bar: #e26f00;
    --task-listbox-list-bg: #db5f00;
    /*Others*/
    --common-font-color: #000;
    --input-field-bg: #ffffdb;
    --selectOpt-bg: #ffeccf;
    --selectOpt-text:#0f0f0f;
    --placeholder-text: #f0c88a;
    --submit-button-text: var(--reg-submitBtn-text);
    --selection-box: #ffeccf;
    --noData-icon-filter: brightness(0.3);

/*PC Variable*/
    --theme-gameBox-text: #714f0e;
    --index-loadMore-text: var(--theme-gameBox-text);
    --index-userExp-icon: linear-gradient(180deg, #958468 0%, #825700 100%);
    --index-circle-bg: #f9d56c;
    --index-circle-text: #422400;
    --footer-title-color: #000;
    --footer-icon-filter: invert(30%) sepia(34%) saturate(2570%) hue-rotate(6deg) brightness(65%) contrast(82%);
    --member-info-subtxt-color: #000;
    --mc-platform-cate-activebg: #dc6200;
    --mc-fields-bg-color: #f8f8c1;
    --sidebar-navmenu-text: #5a3e01;
    --sidebar-nav-arrow: var(--sidebar-navmenu-text);
    --sidebar-iconGrad: linear, left top, left bottom, from(#ffbc00), to(#ff6a00);
    --mc-deposit-list-active-icon: #e55e0b;
    --egame-name-text: #422400;
    --egame-pagination-txt-color: #422400;
    --egame-pagination-active-txt-color: #422400;
    --appDownload-btn-bg: #ffa200;
    --esport-platform-bg: linear-gradient(143deg, #ffcc00 0%, #fff4d5 100%);
    /*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(0deg) saturate(400%) brightness(300%) contrast(75%);
    --footer-back:var(--member-promo-list);
    --footer-icon-active:var(--common-font-color);
    --footer-icon:var(--iconmoon-color, #fff);
    --footer-text: var(--iconmoon-color, #fff);
    --footer-border: var(--iconmoon-active-color);
    --header-bg:var(--footer-back);
    --header-text: var(--header-topmenu-title);
    --header-icon: brightness(0) saturate(100%) invert(16%) sepia(14%) saturate(5466%) hue-rotate(13deg) brightness(94%) contrast(105%);
    --slider-bg:var(--sweetalert-header-bg);
    --slider-text:var(--promo-catTxt-active);
    --slider-close-btn: invert(1);
    /*Member Grade*/
    --memGrade-text-color: #000;
    --memGrade-countdown-bg: #f2cc4d;
}
.color20.web_template1 .tabBox .showMoreBox .loadMore, .platform_container .showMoreBox .loadMore,
.color20.web_template1 .platform_container .platform_top a.allgames,
.color20.web_template1 #game_plat li:hover span{
    color: var(--theme-aTag-default-color) !important;
}
.color20.web_template1 #search_form #search_game {
    background-color: var(--header-balance-bg);
}
.color20.web_template1 #search_form::before {
    color: var(--theme-placeholder-text);
}
.color20.web_template1 #game_plat li:not(.active) {
    background: var(--sidebar-main-bg-color);
}
.color20.web_template1 .rightwrap .user_box .user_wrap .user_login button:hover,
.color20.web_template1 .rightwrap .user_box .user_wrap .user_reg button:hover {
    color: var(--iconmoon-active-color);
}
.color20.web_template1 .game_list_unite .page li.page-item:first-child,
.color20.web_template1 .game_list_unite .page li.page-item:last-child {
    background-color: var(--egame-cat-active-color);
}
.color20.web_template1 #referral option {
    background-color: var(--referral-userInfo-bg);
}
.color20.web_template1 #referral select,
.color20.web_template1 #referral .date-search, 
.color20.web_template1 #referral .id-search{
    border-color: var(--referral-special-remark);
}
.color20.web_template1 #referral thead tr th {
    border-bottom:1px solid var(--referral-special-remark) !important;
    border-top:1px solid var(--referral-special-remark) !important;
}
.color20.web_template1 #referral th:first-child {
    border-left:1px solid var(--referral-special-remark) !important;
}
.color20.web_template1 #referral th:last-child {
    border-right:1px solid var(--referral-special-remark) !important;
}
.color20.web_template1 .proportion .cat-list ul {
    border-bottom:1px solid var(--referral-special-remark) !important;
}
.color20.web_template1 #referral input::placeholder {
    color: var(--referral-special-remark);
}
.color20.web_template1 #referral .id-search input {
    color: var(--referral-primary-text-color);
}
.color20.web_template1 #sport .swiper-button-next,
.color20.web_template1 #sport .swiper-button-prev {
    filter: sepia(100%) saturate(1000%) hue-rotate(359deg);
}