@charset "utf-8";
/* ======================= */
/* PC web_template 共用的 var預設值 */
:root{
    --vh: 8.67px;
    --theme-rem-unit: 100;
    --theme-header-height: 0.8rem;
    --theme-side-width: 190;
    --cardRowSpacing: 0.1rem;
    --cardColSpacing: 0;
    --theme-aTag-default-color: var(--primary-font-color);
    --theme-gameBox-text: var(--primary-color);
    --theme-border-color: var(--secondary-color);
    --theme-main-bg-color: var(--primary-color);
    --theme-secondary-color: var(--secondary-color);
    --theme-main-text-color: var(--withdrawal-box-title);
    --theme-body-bg: var(--body-bgColor);
    --theme-common-text: var(--common-font-color);
    --theme-color-line: var(--member-df-btm-border);
    --filter-img-w: var(--transfer-walletIcon-filter);
    --theme-btn-bg: var(--home-catBtn-bg);
    --theme-btn-text: var(--category-font);
    --theme-selected-btn-bg: var(--home-catBtn-bgActive);
    --theme-selected-btn-text: var(--category-icon-active);
    --theme-placeholder-text: var(--placeholder-text);

	/*Header*/
    --header-nav-selected-text: var(--iconmoon-active-color);
    --header-main-bg-color: var(--header-topmenu-bg);
	--header-border-line: var(--bos-color-line,#313843);
    --header-mtime-text: var(--header-topmenu-title);
	--header-switchLang-border: var(--primary-color,#313843);
	--header-switchLang-selectedTxt: var(--common-font-color,#68707B);
    --header-switchLang-arrow: var(--header-icon-color);
    --header-switchLang-selectBg: var(--selectOpt-bg);
	--header-switchLang-dft-txt: var(--selectOpt-text,#5b6b89);
    --header-switchLang-active-bg: var(--login-formWrp-lf);
	--header-switchLang-active-txt: var(--login-contactCS,#F0C059);
    --header-balance-color: var(--login-input-text);
    --header-balance-bg: var(--input-field-bg);
    --header-memberinfo-bg: 255 255 255;
    --header-member-depositBtn-bg: var(--home-login-btn);
    --header-member-depositBtn-txt: var(--home-loginBtn-txt);
    --header-member-depositBtn-border: var(--home-loginBtn-border);
    --header-member-withdrawBtn-bg: var(--home-signup-btn);
    --header-member-withdrawBtn-txt: var(--home-signUpBtn-txt);
    --header-member-withdrawBtn-border: var(--home-signUpBtn-border);
    --header-avatar-icon: var(--primary-font-color);
    --header-selection-icon: var(--header-icon-color);
    --header-selection-bg: var(--header-member-withdrawBtn-bg);
    --header-selection-border: var(--header-member-withdrawBtn-border);
    --header-userlogin-hover-color: var(--placeholder-text);
    --member-info-subtxt-color: #fff;
    --member-info-maintxt-color: var(--secondary-color);

    /*Login by Mobile*/
    --login-title-color: var(--common-font-color);

    /*Sidebar 侧边导航栏 */
    --sidebar-main-bg-color: var(--footer-bgColor);
    --sidebar-hoverbg-color: var(--home-catBtn-bgActive,#F0C059);
    --sidebar-active-text-color: var(--category-icon-active,#874404);
    --sidebar-hover-text-color: var(--category-icon-active,#F0C059);
    --sidebar-sub-nav-bg-color: var(--sidebar-main-bg-color);
    --sidebar-text-color: var(--iconmoon-color,#fff);
    --sidebar-icon-color: var(--iconmoon-color,#fff);
    --sidebar-nav-arrow: var(--sidebar-navmenu-text);
    --sidebar-nav-hover-bg: var(--deposit-list-bg);
    --sidebar-nav-hover-text: var(--deposit-list-text);
    --sidebar-iconGrad: var(--member-df-mid-iconGrad);
    --sidebar-navmenu-text: var(--member-df-btm-text);

    /* announcement  公告*/
    --announcement-bg: var(--home-announcement-bg);
    --announcement-icon: var(--icon-announce);
    --announcement-text: var(--announcement-icon);
    --announcement-pop-header-color: var(--sweetalert-header-bg,var(--home-catBtn-bg));
    --announcement-pop-header-txt-color: var(--sweetalert-header-text, var(--common-font-color));
    --announcement-pop-header-closebtn-color: var(--announcement-pop-header-txt-color);
    --announcement-pop-border-color: var(--bos-color-line,#313843);
    --announcement-pop-modal-body-txt-color: var(--primary-font-color);
    --announcement-pop-content-color:#000;
    --announcement-pop-swiper-btnbg-color:#848484;
    --announcement-pop-btn-arrow-color:#a4a4a4;
    --announcement-pop-swiper-active-color: var(--swiper-pagBullet, var(--primary-color));
    --announcement-pop-btn-hoverbg-color: var(--header-gradient1);
    --announcement-pop-btn-hover-color:#ffffff;

    /* ann-tishi  系统公告*/
    --anntishi-boxbg-color: var(--sweetalert-header-bg,var(--home-catBtn-bgActive));
    --annltishi-box-close-btn: var(--category-icon-active);
    --anntishi-box-txt-color: var(--category-icon-active);
    --anntishi-content-box-A-color: var(--bos-text-color-lighten,#fff);
    --anntishi-content-boxbg-color: #fff;
    --anntishi-content-box-border-color: var(--secondary-color);

	/*Footer*/
	--footer-bg: var(--header-gradient2);
    --footer-title-color: var(--header-avatar-icon);
    --footer-dd-color: var(--theme-common-text);
    --footer-dd-hover-color: var(--withdrawal-code-figure);
    --footer-border-top-color: #fff;
    --footer-bottom-text-color: var(--footer-title-color);
    --footer-icon-filter: var(--filter-img-w);

	/*Index Page 首页*/
    --index-game-box-bgcolor: rgb(255 255 255 / 18%);
    --index-game-box-text: var(--category-font);
	--index-gameCat-text: var(--category-font);
	--index-gameFlag-bg: #EA4E3D;
	--index-gameFlag-text: #fff;
    --index-hotSection-active: var(--home-popular-selected);
    --index-hotSection-border: var(--home-popular-border);
    --index-game-box-all: var(--home-popular-selected);
    --index-game-box-hoverBg: var(--login-formWrp-lf);
    --index-showMore-text: var(--showmore-text);
    --index-loadMore-text: var(--primary-color);
    --index-announcement-text: var(--home-announcement-text, var(--primary-font-color));
    --index-userExp-icon: -webkit-gradient(var(--sidebar-iconGrad));

    /*web_template2 首页圆形进度条*/
    --index-circle-outerBorder: var(--header-gradient1);
    --index-circle-bg: var(--header-gradient2);
    --index-circle-text: var(--primary-font-color);
    --index-circle-progressBar: var(--announcement-bg);
    --index-circle-progressBar-achieve: var(--announcement-text);

	/*Sport Page 体育页面*/
	--sport-cat-color: var(--theme-btn-bg);
	--sport-cat-text: var(--theme-btn-text);
    --sport-cat-active-bg-color: var(--theme-selected-btn-bg);
    --sport-cat-active-text-color: var(--theme-selected-btn-text);

    /*Casino Page 真人页面*/
    --casino-title-gradient: var(--home-catBtn-bgActive);

	/*Egame Page 电子页面*/
    --egame-cat-text: var(--common-font-color);
    --egame-name-text: var(--common-font-color);
    --egame-sidenav-bg-color: var(--home-catBtn-bg);
    --egame-sidenav-active-bg: var(--home-catBtn-bgActive);
    --egame-sidenav-text:var(--category-font);
    --egame-sidenav-active-text-color: var(--category-icon-active);
    --egame-search-btn-color: var(--home-catBtn-bgActive);
    --egame-search-btn-txt-color: var(--category-icon-active);
    --egame-searchfield-bg: var(--reg-input-field-bg);
    --egame-search-icon: var(--reg-input-text);
    --egame-search-text: var(--reg-input-text);
    --egame-search-border: var(--member-df-btm-border);
    --egame-cat-border-color: var(--header-gradient1);
    --egame-cat-active-color: var(--header-gradient2);
    --egame-cat-active-text-color: var(--category-font);
    --egame-cat-hover-text-color: var(--category-font);
    --egame-gambox-bg-color: var(--header-gradient2);
    --egame-gambox-text-color: var(--header-topmenu-title);
    --egame-advance-filter-optionActive: var(--theme-selected-btn-bg);
    --egame-advance-filter-optionActive-text: var(--theme-selected-btn-text);
    --egame-advance-filter-btn-text-color: var(--category-icon-active);
    --egame-advance-filter-span-color:#777;
    --egame-freeplay-btn-text-color: #000;
    --egame-playnow-btn-text-color: #fff;
    --egame-playnow-btn-bg-color:linear-gradient(180deg,#F0C059,#f7b016);
    --egame-pagination-btn-color: var(--icon-announce);
    --egame-pagination-txt-color: var(--category-icon-active);
    --egame-pagination-active-txt-color: var(--common-font-color);

    /*Poker Page 棋牌页面*/
    --poker-standard-btnBg: rgb(24,34,62);
	--poker-linear-btnBg: linear-gradient(187deg, rgba(24,34,62,1) 14%, rgba(8,20,44,1) 75%, rgba(1,7,18,1) 100%);
	--poker-border-active:var(--bos-primary-color,#1678FF);
	--poker-text-active:var(--bos-primary-color,#1678FF);
	--poker-text-common: var(--bos-secondary-font-color,#5b6b89);

    /*Esport Page 电竞页面*/
    --esport-platform-bg: var(--theme-btn-bg);
    --esport-platform-text: var(--theme-btn-text);
    --esport-platformBtn-active: var(--theme-selected-btn-bg);
    --esport-active-text: var(--theme-selected-btn-text);
    --esport-hover-text: var(--category-icon);

    /*Promo Page 优惠页面*/
    --promo-title-color: var(--withdrawal-box-title);
    --promo-title-border-color: var(--withdrawal-box-title);
    --promo-cat-active: var(--promo-catBg-active);
    --promo-cat-bg: var(--promo-list-bg);
    --promo-cat-active-text-color: var(--promo-catTxt-active);
    --promo-cat-text-color: var(--promo-catTxt);
    --promo-img-box-color:var(--promo-list-bg);
    --promo-load-box-color: var(--bos-primary-color,#F0C059);
    --promo-modalHeader-bg: var(--header-topmenu-bg);
    --promo-modalHeader-text: var(--header-topmenu-title);
    --promo-close-btn: var(--promo-modalHeader-text);

    /*Mobile APP Page 手机下载页面*/
    --appDownload-btn-color: var(--home-catBtn-bgActive);
    --appDownload-btn-text: var(--category-icon);
    --appDownload-btn-subnav-text: var(--category-icon-active);

    /*About Page 关于我们页面*/
    --about-titleBox-bg: var(--header-member-depositBtn-bg);
    --about-contentBox-bg: var(--header-gradient2);
    --about-li-selected: var(--egame-sidenav-active-bg);
    --about-li-seleted-text: var(--egame-search-btn-txt-color);
    --about-content-title: var(--common-font-color);
    --about-border-line: var(--header-memberinfo-bg);
    --about-text-color: var(--member-df-btm-text);
    --about-text-title: var(--header-member-depositBtn-txt);

    /* Agent Page 代理页面 */
    --agent-title-color: var(--bos-primary-color,#F0C059);
    --agent-content-bg-color: var(--bos-main-bg-color,#141417);
    --agent-content-box-border-color:var(--bos-color-line,#313030);
    --agent-left-nav-bg-color: var(--bos-main-bg-color,#141417);
    --agent-nav-box-bgcolor:rgb(240, 240, 240);
    --agent-nav-box-bg-linear-color:linear-gradient(162deg, var(--bos-side-menu-btn-color,#141417) 50%, var(--bos-main-bg-color,#323336) 90%);
    --agent-nav-box-arrow-border-color:#9a9a9a;
    --agent-nav-box-active-arrow-border-color: var(--bos-primary-color,#F0C059);
    --agent-active-text: var(--bos-primary-color,#F0C059);
    --agent-default-text-color: var(--bos-text-color-lighten,#666);
    --agent-li-border-btm-color: var(--bos-color-line,#313030);
    --agent-default-content-color: var(--bos-text-color-lighten,#FFF);

    /*Agent Register 代理注册*/
/*    --agReg-box-bg: linear-gradient(45deg,#141417 30%, #1e1d1d 66%, #131313 100%);*/
    --agReg-box-bg: var(--index-game-box-hoverBg);
    --agReg-title-color: var(--about-text-color);
    --agReg-input-bg:  var(--reg-input-field-bg);
    --agReg-label-text: var(--agreg-label-text);
    --agReg-input-text: var(--reg-input-text);
    --agReg-border-line: #171717;
    --agReg-submit-btn: var(--modal-submit-btn-bg);
    --agReg-submit-btn-text: var(--modal-submit-btn-text);
    --agReg-reset-btn: transparent;
    --agReg-reset-border: var(--agReg-title-color);
    --agReg-icon-filter: var(--agreg-icon-color);
    --agReg-agree-text: var(--reg-agree-text2);
    --agReg-agree-tnclink: var(--reg-agree-tnclink);


    /*Modal login/reg Popout 登录/注册 modal弹出 */
    --modal-title-color: var(--login-btn-color);
    --modal-close-btn: var(--login-btn-color);
    --modal-formRow-border: transparent;
    --modal-text-color: var(--login-link-text);
    --modal-input-text: var(--reg-input-text);
    --modal-input-text2: var(--reg-input-text);
    --modal-submit-btn-bg: var(--login-formBtn, #000);
    --modal-submit-btn-border: var(--login-formBtn-border);
    --modal-submit-btn-text: var(--login-formBtn-text, #fff);
    --modal-subA-color: var(--bos-primary-color,#F0C059);

    /*Member*/
    --member-icon-color: var(--home-signUpBtn-txt);
    --member-icon-active: var(--home-loginBtn-txt);
    --remark-text-color: var(--transfer-lastInfo-text);
    --mc-nav-alink-color: var(--home-signUpBtn-txt, var(--primary-font-color));
    --mc-deposit-list-head-bg: var(--member-profile-editBg);
    --mc-deposit-list-bg-color: var(--index-game-box-hoverBg);
    --mc-deposit-list-head-txt: var(--header-member-depositBtn-txt);
    --mc-deposit-list-active-item: var(--primary-font-color);
    --mc-deposit-select-activebg: #00000021;
    --mc-deposit-select-active: var(--agReg-reset-border);
    --mc-main-border-color: var(--transfer-in-out-border);
    --mc-platform-cate-bdr: var(--mc-main-border-color);
    --mc-platform-cate-activebg: var(--icon-announce);
    --mc-platform-cate-activetxt: var(--home-loginBtn-txt);
    --mc-transfer-btn-bg: var(--header-member-depositBtn-bg);
    --mc-transfer-btn-txt: var(--header-member-depositBtn-txt);
    --mc-transfer-btn-border: var(--header-member-depositBtn-border);
    --mc-msg-count-text: var(--common-font-color);
    --mc-report-active-bg: var(--mc-nav-alink-active-bg);
    --mc-report-active-txt: var(--mc-nav-alink-active-txt);
    --mc-link-txt-block-active-color: var(--header-gradient2);
    --mc-link-txt-block-active-txt: var(--header-mtime-text);
    --mc-link-txt-block-hover-color: var(--mc-link-txt-block-active-color);
    --mc-submit-btn-bg: var(--login-formBtn);
    --mc-submit-btn-txt-color: var(--login-formBtn-text,#fff);
    --mc-fields-bdr-color: var(--theme-border-color);

    /*CK & Yabo PC Referral Menu*/
    --referral-rem-unit: var(--theme-rem-unit);
    --referral-main-bg-color: var(--header-member-depositBtn-bg);
    --referral-main-text-color: var(--header-member-depositBtn-txt);
    --referral-userInfo-bg: var(--header-gradient1);
    --referral-userInfo-text: var(--common-font-color);
    --referral-copyBtn: var(--common-font-color);
    --referral-sidenav-bg-color: var(--egame-sidenav-bg-color);
    --referral-sidenav-text: var(--egame-sidenav-text);
    --referral-sidenav-active-bg: var(--egame-sidenav-active-bg);
    --referral-sidenav-active-text: var(--egame-search-btn-txt-color);
    --referral-agent-head-bg: var(--referral-person-bg);

    /*CK & Yabo Content Referral*/
    --referral-primary-text-color: var(--theme-main-text-color);
    --referral-common-text: var(--category-font);
    --referral-rem-unit: var(--theme-rem-unit);
    --referral-color-line: var(--theme-color-line);
    --referral-recordBtn-bg: var(--home-catBtn-bgActive);
    --referral-level-bg: var(--home-catBtn-bgActive);
    --referral-person-bg: var(--promo-list-bg);
    --referral-person-border: var(--header-topmenu-bg);
    --referral-menu-bg: var(--home-catBtn-bgActive);
    --referral-menu-text: var(--category-icon-active);
    --referral-firstTier-title-bg: var(--header-topmenu-bg);
    --referral-first-desc-title: #000;
    --referral-box-bg: var(--login-formWrp-lf);
    --referral-treeNote-bg: var(--login-formWrp-lf);
    --referral-agent-note-text: var(--common-font-color);
    --referral-explainBox-bg: var(--referral-box-bg);
    --referral-disabled-text: #989898;
    --referral-tableH-bg: var(--header-gradient1);
    --referral-tableH-text: var(--header-topmenu-title);
    --referral-first-desc-text: var(--category-font);
    --referral-agent-desc-text: var(--bindcard-title);
    --referral-special-remark: var(--primary-font-color);
    --referral-validbet-bg: var(--header-topmenu-bg);
    --referral-validbet-text: var(--header-topmenu-title);

    /*会员等级*/
    --vip-btn-bg: linear-gradient(112deg, rgb(255 229 75) 15%, rgb(237 194 49) 50%, rgb(255 245 168) 100%);
    --vip-icon-gradient: linear-gradient(177deg, #d12525 0%, #4a009b 85%);
    }
/*会员存款页面flag颜色*/
.typetag,.typetag2{
    background: #ff0000!important;
}