/* 全局样式 */
* {
    margin: 0;
}
.base_height {
    height: 100%;
}
i {
    font-style: normal;
}
/* 公共主体布局样式 */
.main_body {
    width: 100%;
    padding-top: 86px;
    background: inherit;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: var(--floor_top);
    box-shadow: var(--floor_0_shadow);
    color: var(--nav_txtTitle);
    overflow-x: auto;
}

.main_div {
    width: 100%;
}
footer {
    width: 100%;
    z-index: 100;
    background-color: var(--footer_bg);
    position: relative;
    z-index: 1;
}
footer p {
    color: var(--footer_contentTxt);
}
/* footer img:not(.footer_bg){
-webkit-filter: brightness(var(--filter-brightness));
} */
/* 左对齐 */
.layout_left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
/* 右对齐 */
.layout_right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
/* 居中 */
.layout_center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
/* 两端对齐 */
.layout_both_ends {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
/* 两侧的间隔相等 */
.layout_auto {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
/* 底部切割线 */
hr {
    border-top: var(--footer-border-top);
    border-bottom: var(--footer-border-bottom);
}

.el-image {
    display: flex;
}
/* 常用宽度 */
.input_w_330 {
    width: 330px !important;
}
.input_w_311 {
    width: 311px !important;
}
.input_w_263 {
    width: 263px !important;
}
.w_900 {
    width: 900px !important;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}
.w_944 {
    width: 944px !important;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}
.w_1122 {
    width: 1120px !important;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}
.w_1200 {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}
.w_1400 {
    width: 1400px !important;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}
.w_1440 {
    width: 1440px !important;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}
.w_1460 {
    width: 1460px !important;
    margin: 0 auto;
    position: relative;
    z-index: 200;
}

.w_ratio100 {
    width: 100% !important;
}
.w_ratio50 {
    width: 50% !important;
}
.w_ratio30 {
    width: 33.33% !important;
}
.w_ratio25 {
    width: 25% !important;
}
.w_ratio20 {
    width: 20% !important;
}
.w_ratio10 {
    width: 10% !important;
}

.w_son_ratio100 > * {
    width: 100% !important;
}
.w_son_ratio50 > * {
    width: 50% !important;
}
.w_son_ratio30 > * {
    width: 33.33% !important;
}
.w_son_ratio25 > * {
    width: 25% !important;
}
.w_son_ratio20 > * {
    width: 20% !important;
}
.w_son_ratio10 > * {
    width: 10% !important;
}

/* 数字应用 特殊字体 */
@font-face {
    font-family: 'akrobat';
    src: url('akrobat.ttf');
    font-weight: normal;
    font-style: normal;
}
.type_face {
    font-family: 'akrobat';
}
/* 弹框修改 */
.not_top_dialog .el-dialog__header,
.not_top_dialog .el-dialog__body {
    padding: 0;
}

/* 滚动条样式 */
body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.4);
}
body::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
}
/* div滚动条 */
.scrollbar_div {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
}
.scrollbar_div::-webkit-scrollbar,
*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.scrollbar_div::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--scrollbar-thumb);
}
.scrollbar_div::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
    border-radius: 5px;
    background: var(--scrollbar-thumb-hover);
}
.scrollbar_div::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
}
.scrollbar_div::-webkit-scrollbar-track-piece,
*::-webkit-scrollbar-track-piece {
    background: var(--scrollbar-bg) !important;
}
.scrollbar_div::-moz-scrollbar,
*::-moz-scrollbar {
    width: 4px;
    height: 4px;
}
.scrollbar_div::-moz-scrollbar-thumb,
*::-moz-scrollbar-thumb {
    border-radius: 5px;
    background: var(--scrollbar-thumb);
}
.scrollbar_div::-moz-scrollbar-thumb:hover,
*::-moz-scrollbar-thumb:hover {
    border-radius: 5px;
    background: var(--scrollbar-thumb-hover);
}
.scrollbar_div::-moz-scrollbar-track,
*::-moz-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
}
.scrollbar_div::-moz-scrollbar-track-piece,
*::-moz-scrollbar-track-piece {
    background: var(--scrollbar-bg) !important;
}
.scrollbar_div::-o-scrollbar,
*::-o-scrollbar {
    width: 4px;
    height: 4px;
}
.scrollbar_div::-o-scrollbar-thumb,
*::-o-scrollbar-thumb {
    border-radius: 5px;
    background: var(--scrollbar-thumb);
}
.scrollbar_div::-o-scrollbar-thumb:hover,
*::-o-scrollbar-thumb:hover {
    border-radius: 5px;
    background: var(--scrollbar-thumb-hover);
}
.scrollbar_div::-o-scrollbar-track,
*::-o-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
}
.scrollbar_div::-o-scrollbar-track-piece,
*::-o-scrollbar-track-piece {
    background: var(--scrollbar-bg) !important;
}
.scrollbar_div::-ms-scrollbar,
*::-ms-scrollbar {
    width: 4px;
    height: 4px;
}
.scrollbar_div::-ms-scrollbar-thumb,
*::-ms-scrollbar-thumb {
    border-radius: 5px;
    background: var(--scrollbar-thumb);
}
.scrollbar_div::-ms-scrollbar-thumb:hover,
*::-ms-scrollbar-thumb:hover {
    border-radius: 5px;
    background: var(--scrollbar-thumb-hover);
}
.scrollbar_div::-ms-scrollbar-track,
*::-ms-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
}
.scrollbar_div::-ms-scrollbar-track-piece,
*::-ms-scrollbar-track-piece {
    background: var(--scrollbar-bg) !important;
}

/* 常用圆角*/
.noRadius {
    border-radius: 0 !important;
}
.radius_10 {
    border-radius: 10px;
}
.radius_15 {
    border-radius: 15px;
}
.radius_20 {
    border-radius: 20px;
}
.radius_30 {
    border-radius: 30px;
}
.radius_40 {
    border-radius: 40px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}

/* 常用背景色 */
.bg_white {
    background-color: #ffffff !important;
}
.bg_theme {
    background-color: #f5f8ff;
}

.btn_144 {
    min-width: 144px;
}
/* 实心主题背景按钮 */
.theme_btn.el-button,
.el-input-group__append .theme_btn.el-button {
    border-radius: 6px;
    background: var(--btn01_primaryBg_normal);
    border: none;
    color: var(--btn01_primaryTxt);
}
/* 空心主題背景按鈕 */
.btn-cancel.el-button {
    background: transparent;
    border: 1px solid var(--btn01_secondaryBorder);
    color: var(--btn01_secondaryTxt);
}
/*夜間*/
.theme_btn.el-button.theme_btn_in_mask {
    border-radius: 6px;
    background: var(--btn01_primaryBg_normal);
    border: none;
    color: var(--btnFix_primaryTxt);
}

.theme_btn.el-button:active,
.theme_btn.el-button:focus,
.theme_btn.el-button:hover,
.el-input-group__append .theme_btn.el-button:active,
.el-input-group__append .theme_btn.el-button:focus,
.el-input-group__append .theme_btn.el-button:hover {
    opacity: 0.9;
    background: var(--btn01_primaryBg_normal);
    border: none;
    color: var(--btn01_primaryTxt);
}

.theme_btn.el-button.is-disabled,
.theme_btn.el-button.is-disabled:focus,
.theme_btn.el-button.is-disabled:hover,
.el-input-group__append .theme_btn.el-button.is-disabled,
.el-input-group__append .theme_btn.el-button.is-disabled:focus,
.el-input-group__append .theme_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--btn01_primaryBg_normal);
    border: none;
    color: var(--btn01_primaryTxt);
    opacity: 0.7;
}
.el-input-group__append .theme_btn.el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.theme_borer_btn.el-button {
    border-radius: 6px;
    background: none;
    border-color: var(--btn01_secondaryBorder);
    color: var(--btn01_secondaryTxt);
}

.theme_borer_btn.el-button:active,
.theme_borer_btn.el-button:focus,
.theme_borer_btn.el-button:hover {
    background: none;
    border-color: var(--btn01_secondaryBorder);
    color: var(--btn01_secondaryTxt);
    opacity: 0.9;
}

.theme_borer_btn.el-button.is-disabled,
.theme_borer_btn.el-button.is-disabled:focus,
.theme_borer_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: none;
    border-color: var(--btn01_secondaryBorder);
    color: var(--btn01_secondaryTxt);
    opacity: 0.5;
}

/*基礎型態按鈕*/
.theme_default_btn.el-button {
    /* border-radius: var(--default-button-radius); */
    background: var(--tab_common02Bg_off);
    border-color: var(--n1_5_4_groupBorder);
    color: var(--tab_common02Txt_off);
}

.theme_default_btn.el-button:active,
.theme_default_btn.el-button.active {
    background: var(--tab_common02Bg_on);
    border-color: var(--n1_5_4_groupBorder);
    color: var(--tab_common02Txt_on);
}
.theme_default_btn.el-button:focus:not(.is-disabled),
.theme_default_btn.el-button:hover:not(.is-disabled) {
    background: var(--tab_common02Bg_on);
    border-color: var(--n1_5_4_groupBorder);
    color: var(--tab_common02Txt_on);
}
.theme_default_btn.el-button.is-disabled:not(.active),
.theme_default_btn.el-button.is-disabled:focus,
.theme_default_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--tab_common02Bg_off);
    border-color: var(--n1_5_4_groupBorder);
    color: var(--tab_common02Txt_off);
}

/*上傳憑證按鈕*/
.upload_btn.el-button {
    padding: 0;
    height: 40px;
}
.upload_btn.el-button img {
    width: 30px;
    height: 30px;
    flex: none !important;
    margin-right: 5px;
}
.upload_btn.el-button > span {
    display: flex;
    justify-content: center;
    align-items: center;
}
.upload_btn.el-button {
    border-radius: var(--upload-button-radius);
    background: var(--upload-button-bg);
    border-color: var(--upload-button-border);
    color: var(--upload-button-text);
}

.upload_btn.el-button:active,
.upload_btn.el-button:focus,
.upload_btn.el-button:hover {
    background: var(--upload-button-bg-active);
    border-color: var(--upload-button-border-active);
    color: var(--upload-button-text-active);
    opacity: 0.9;
}

.upload_btn.el-button.is-disabled,
.upload_btn.el-button.is-disabled:focus,
.upload_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}
/* 空心主题背景按钮 */
.theme_bor_btn.el-button {
    border-radius: var(--hollow-button-radius);
    background: var(--hollow-button-bg);
    border-color: var(--hollow-button-border);
    color: var(--hollow-button-text);
}
.theme_bor_btn.el-button:active,
.theme_bor_btn.el-button:focus,
.theme_bor_btn.el-button:hover {
    background: var(--hollow-button-bg-active);
    border-color: var(--hollow-button-border-active);
    color: var(--hollow-button-text-active);
    opacity: 0.9;
}
.theme_bor_btn.el-button.is-disabled,
.theme_bor_btn.el-button.is-disabled:focus,
.theme_bor_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}
.theme_bor_btn_problemOrder {
    border-radius: var(--hollow-button-radius);
    background: var(--table-body-bg);
    border-color: var(--hollow-button-border);
    color: var(--hollow-button-text);
}
.theme_bor_btn_problemOrder.el-button:active,
.theme_bor_btn_problemOrder.el-button:focus,
.theme_bor_btn_problemOrder.el-button:hover {
    border-radius: var(--hollow-button-radius);
    background: var(--table-body-bg);
    border-color: var(--hollow-button-border);
    color: var(--hollow-button-text);
}
/* 跑馬燈更多 */
.notice_main .theme_bor_btn.el-button {
    border-radius: var(--notice-more-radius);
    background: var(--notice-more-bg);
    border-color: var(--notice-more-border);
    color: var(--notice-more-text);
}
.notice_main .theme_bor_btn.el-button:active,
.notice_main .theme_bor_btn.el-button:focus,
.notice_main .theme_bor_btn.el-button:hover {
    background: var(--notice-more-bg-active);
    border-color: var(--notice-more-border-active);
    color: var(--notice-more-text-active);
    opacity: 0.9;
}
.notice_main .theme_bor_btn.el-button.is-disabled,
.notice_main .theme_bor_btn.el-button.is-disabled:focus,
.notice_main .theme_bor_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}
/*存取款的諮詢按鈕*/
.record_kf_btn.theme_bor_btn.el-button {
    border-radius: var(--record-kf-btn-radius);
    background: var(--record-kf-btn-bg);
    border-color: var(--record-kf-btn-border);
    color: var(--record-kf-btn-text);
}
.record_box .theme_bor_btn.el-button:active,
.record_box .theme_bor_btn.el-button:focus,
.record_box .theme_bor_btn.el-button:hover {
    background: var(--record-kf-btn-bg-active);
    border-color: var(--record-kf-btn-border-active);
    color: var(--record-kf-btn-text-active);
    opacity: 0.9;
}
.record_box .theme_bor_btn.el-button.is-disabled,
.record_box .theme_bor_btn.el-button.is-disabled:focus,
.record_box .theme_bor_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}

/* 提前結算按钮 */
.cash_out_btn.el-button {
    border-radius: var(--cash-out-radius);
    background: var(--cash-out-bg);
    border: 1px solid var(--cash-out-border);
    color: var(--cash-out-text);
}
.cash_out_btn.el-button:active,
.cash_out_btn.el-button:focus,
.cash_out_btn.el-button:hover {
    background: var(--cash-out-bg-active);
    border-color: var(--cash-out-border-active);
    color: var(--cash-out-text-active);
    opacity: 0.9;
}
.cash_out_btn.el-button.is-disabled,
.cash_out_btn.el-button.is-disabled:focus,
.cash_out_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--cash-out-bg);
    border-color: var(--cash-out-border);
    color: var(--cash-out-text);
    opacity: 0.5;
}
.cash_out_btn p.type_face {
    color: var(--cash-out-money);
}
.cash_out_btn.el-button:active p.type_face,
.cash_out_btn.el-button:focus p.type_face,
.cash_out_btn.el-button:hover p.type_face {
    color: var(--cash-out-money-active);
}
.cash_out_btn.el-button.is-disabled p.type_face,
.cash_out_btn.el-button.is-disabled:focus p.type_face,
.cash_out_btn.el-button.is-disabled:hover p.type_face {
    color: var(--cash-out-money);
}
/* 個人資料複製按钮客製 */
.theme_copy_btn.el-button {
    border-radius: var(--copy-button-radius);
    background: var(--copy-button-bg);
    border-color: var(--copy-button-border);
    color: var(--copy-button-text);
}
.theme_copy_btn.el-button:active,
.theme_copy_btn.el-button:focus,
.theme_copy_btn.el-button:hover {
    background: var(--copy-button-bg-active);
    border-color: var(--copy-button-border-active);
    color: var(--copy-button-text-active);
    opacity: 0.9;
}
.theme_copy_btn.el-button.is-disabled,
.theme_copy_btn.el-button.is-disabled:focus,
.theme_copy_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}

/* 实心主题 渐变背景按钮一*/
.theme_main_btn.el-button {
    border-radius: 6px;
    background: var(--btn01_primaryBg_normal);
    border: none;
    color: var(--btn01_primaryTxt);
}
.theme_main_btn.el-button:active,
.theme_main_btn.el-button:focus,
.theme_main_btn.el-button:hover {
    background: var(--btn01_primaryBg_normal);
    border: none;
    color: var(--btn01_primaryTxt);
    opacity: 0.9;
}
.theme_main_btn.el-button.is-disabled,
.theme_main_btn.el-button.is-disabled:focus,
.theme_main_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--btn01_primaryBg_normal);
    border: none;
    color: var(--btn01_primaryTxt);
    opacity: 0.5;
}

/* 实心主题辅色渐变背景按钮一*/
.theme_one_btn.el-button {
    border-radius: 0px 6px 6px 0px;
    background: var(--input_signIn02btnBg);
    border: 1px solid var(--input_signIn02border);
    color: var(--input_signIn02BtnTxt);
}

.theme_one_btn.el-button:active,
.theme_one_btn.el-button:focus,
.theme_one_btn.el-button:hover {
    background: var(--input_signIn02btnBg);
    border: 1px solid var(--input_signIn02border);
    color: var(--input_signIn02BtnTxt);
    opacity: 0.9;
}

.theme_one_btn.el-button.is-disabled,
.theme_one_btn.el-button.is-disabled:focus,
.theme_one_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--input_signIn02BtnBgDis);
    border: 1px solid var(--input_signIn02border);
    color: var(--input_signIn02BtnTxt);
}
/* 登入頁按鈕*/
.loginform_div .theme_one_btn.el-button {
    border-radius: 40px;
    background: var(--btnFix_primaryBg02_normal);
    border: none;
    color: var(--btnFix_primaryTxt);
}
.loginform_div .theme_one_btn.theme_one_btn--sub.el-button {
    border-radius: 40px;
    background: var(--input_signIn01btnBg);
    border: none;
    color: var(--input_signIn01BtnTxt);
}
.loginform_div .theme_one_btn.theme_one_btn--sub.el-button:active,
.loginform_div .theme_one_btn.theme_one_btn--sub.el-button:focus,
.loginform_div .theme_one_btn.theme_one_btn--sub.el-button:hover {
    background: var(--input_signIn01btnBg);
    color: var(--input_signIn01BtnTxt);
    opacity: 0.9;
}

.loginform_div .theme_one_btn.theme_one_btn--sub.el-button.is-disabled,
.loginform_div .theme_one_btn.theme_one_btn--sub.el-button.is-disabled:focus,
.loginform_div .theme_one_btn.theme_one_btn--sub.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--btnFix_primaryBg01_dis);
    color: var(--input_signIn01BtnTxtDis);
}

/*代客充值*/
.service_box .theme_one_btn.el-button {
    border-radius: var(--service-btn-radius);
    background: var(--service-btn-bg);
    border-color: var(--service-btn-border);
    color: var(--service-btn-text);
}

.service_box .theme_one_btn.el-button:active,
.service_box .theme_one_btn.el-button:focus,
.service_box .theme_one_btn.el-button:hover {
    background: var(--service-btn-bg-active);
    border-color: var(--service-btn-border-active);
    color: var(--service-btn-text-active);
    opacity: 0.9;
}

.service_box .theme_one_btn.el-button.is-disabled,
.service_box .theme_one_btn.el-button.is-disabled:focus,
.service_box .theme_one_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}
/*生日禮金*/
.gift_brief .theme_one_btn.el-button {
    border-radius: var(--gift-btn-radius);
    background: var(--gift-btn-bg);
    border-color: var(--gift-btn-border);
    color: var(--gift-btn-text);
}

.gift_brief .theme_one_btn.el-button:active,
.gift_brief .theme_one_btn.el-button:focus,
.gift_brief .theme_one_btn.el-button:hover {
    background: var(--gift-btn-bg-active);
    border-color: var(--gift-btn-border-active);
    color: var(--gift-btn-text-active);
    opacity: 0.9;
}

.gift_brief .theme_one_btn.el-button.is-disabled,
.gift_brief .theme_one_btn.el-button.is-disabled:focus,
.gift_brief .theme_one_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}
/* 实心主题辅色渐变背景按钮二*/
.theme_tow_btn.el-button {
    border-radius: var(--tow-button-radius);
    background: var(--tow-button-bg);
    border-color: var(--tow-button-border);
    color: var(--tow-button-text);
}

.theme_tow_btn.el-button:active,
.theme_tow_btn.el-button:focus,
.theme_tow_btn.el-button:hover {
    background: var(--tow-button-bg-active);
    border-color: var(--tow-button-border-active);
    color: var(--tow-button-text-active);
    opacity: 0.9;
}
.theme_tow_btn.el-button.is-disabled,
.theme_tow_btn.el-button.is-disabled:focus,
.theme_tow_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}

/* 朴素渐变按钮 */
.tacitly_bor_btn.el-button {
    border-radius: 100px;
    background: var(--tab_home06Bg);
    border-color: var(--tab_home06Border);
    color: var(--tab_home06Txt);
}

.tacitly_bor_btn.el-button:active,
.tacitly_bor_btn.el-button:focus,
.tacitly_bor_btn.el-button:hover {
    background: var(--tab_home06Bg);
    border-color: var(--tab_home06Border);
    color: var(--tab_home06Txt);
    opacity: 0.95;
}
.tacitly_bor_btn.el-button.is-disabled,
.tacitly_bor_btn.el-button.is-disabled:focus,
.tacitly_bor_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--tab_home06Bg);
    border-color: var(--tab_home06Border);
    color: var(--tab_home06Txt);
    opacity: 0.5;
}
.tacitly_bor_btn.el-button--mini,
.copy_order_btn.el-button--mini,
.page_back_btn.el-button--mini {
    min-height: 22px;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
}
.tacitly_bor_btn.el-button--mini,
.tacitly_bor_btn.el-button--mini.is-round,
.copy_order_btn.el-button--mini,
.copy_order_btn.el-button--mini.is-round,
.page_back_btn.el-button--mini,
.page_back_btn.el-button--mini.is-round {
    padding: 0px 10px;
}
/*注單複製*/
.copy_order_btn.el-button {
    border-radius: 20px;
    border: none;
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
}

.copy_order_btn.el-button:active,
.copy_order_btn.el-button:focus,
.copy_order_btn.el-button:hover {
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
    opacity: 0.95;
}
.copy_order_btn.el-button.is-disabled,
.copy_order_btn.el-button.is-disabled:focus,
.copy_order_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--btn01_primaryBg_normal);
    color: var(--btn01_primaryTxt);
    opacity: 0.5;
}
/*收合*/
.tacitly_bor_btn.ocBtn.el-button {
    border-radius: 100px;
    background: var(--tab_home06Bg);
    border-color: var(--tab_home06Border);
    color: var(--tab_home06Txt);
}

.tacitly_bor_btn.ocBtn.el-button:active,
.tacitly_bor_btn.ocBtn.el-button:focus,
.tacitly_bor_btn.ocBtn.el-button:hover {
    background: var(--tab_home06Bg);
    border-color: var(--tab_home06Border);
    color: var(--tab_home06Txt);
    opacity: 0.8;
}
.tacitly_bor_btn.ocBtn.el-button.is-disabled,
.tacitly_bor_btn.ocBtn.el-button.is-disabled:focus,
.tacitly_bor_btn.ocBtn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}
/*返回按鈕*/
.page_back_btn.el-button {
    border-radius: 100px;
    background: var(--tab_home06Bg);
    border-color: var(--tab_home06Border);
    color: var(--tab_home06Txt);
}

.page_back_btn.el-button:active,
.page_back_btn.el-button:focus,
.page_back_btn.el-button:hover {
    background: var(--tab_home06Bg);
    border-color: var(--tab_home06Border);
    color: var(--tab_home06Txt);
    opacity: 0.8;
}
.page_back_btn.el-button.is-disabled,
.page_back_btn.el-button.is-disabled:focus,
.page_back_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--tab_home06Bg);
    border-color: var(--tab_home06Border);
    color: var(--tab_home06Txt);
    opacity: 0.5;
}
/* 实心 蓝色 渐变背景按钮一 甲方提供*/
.login_btn.el-button {
    background: var(--tab_home01Bg_on);
    border: none;
    color: var(--tab_home01Txt_on);
}
.login_btn.el-button:active,
.login_btn.el-button:focus,
.login_btn.el-button:hover {
    background: var(--tab_home01Bg_on);
    border: none;
    color: var(--tab_home01Txt_on);
    opacity: 0.9;
}
.login_btn.el-button.is-disabled,
.login_btn.el-button.is-disabled:focus,
.login_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}

/* 实心 黄色 渐变背景按钮一 甲方提供*/
.register_btn.el-button {
    background: transparent;
    border: 1px solid var(--btn01_secondaryBorder);
    color: var(--btn01_secondaryTxt);
}
.register_btn.el-button:active,
.register_btn.el-button:focus,
.register_btn.el-button:hover {
    /* background: var(--register-button-bg-active); */
    border-color: var(--btn01_secondaryBorder);
    color: var(--btn01_secondaryTxt);
    opacity: 0.9;
}
.register_btn.el-button.is-disabled,
.register_btn.el-button.is-disabled:focus,
.register_btn.el-button.is-disabled:hover {
    cursor: not-allowed;
    background: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
    opacity: 0.5;
}

/* 按钮重写 */
.el-button--mini,
.el-button--mini.is-round {
    padding: 6px 4px;
}
.el-button--mini {
    min-height: 26px;
}
/* 去除input 自动填充背景色 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s; /*设置透明背景*/
    /* text-fill-color:#61BFFF;
-webkit-text-fill-color:#61BFFF; */
}
/* 回到顶部 */
.el-backtop {
    z-index: 400;
    color: #e48e5f;
    width: 81px;
    height: auto;
    border-radius: 4px;
    background: transparent;
}
.el-backtop:hover {
    background: transparent;
}
/* 常用公共样式*/
/*外阴影*/
.shadow {
    -webkit-box-shadow: 0 0 10px #dfdfdf;
    -moz-box-shadow: 0 0 10px #dfdfdf;
    box-shadow: 0 0 10px #dfdfdf;
}

.shadowRB {
    -webkit-box-shadow: 2px 2px 10px #dfdfdf;
    -moz-box-shadow: 2px 2px 10px #dfdfdf;
    box-shadow: 2px 2px 10px #dfdfdf;
}

.shadowL {
    -webkit-box-shadow: -3px 0 10px #dfdfdf, 3px 0 10px transparent, 0 -3px 10px transparent, 0 3px 10px transparent;
    -moz-box-shadow: -3px 0 10px #dfdfdf, 3px 0 10px transparent, 0 -3px 10px transparent, 0 3px 10px transparent;
    box-shadow: -3px 0 10px #dfdfdf, 3px 0 10px transparent, 0 -3px 10px transparent, 0 3px 10px transparent;
}

.shadowR {
    -webkit-box-shadow: -3px 0 10px transparent, 3px 0 10px #dfdfdf, 0 -3px 10px transparent, 0 3px 10px transparent;
    -moz-box-shadow: -3px 0 10px transparent, 3px 0 10px #dfdfdf, 0 -3px 10px transparent, 0 3px 10px transparent;
    box-shadow: -3px 0 10px transparent, 3px 0 10px #dfdfdf, 0 -3px 10px transparent, 0 3px 10px transparent;
}

.shadowT {
    -webkit-box-shadow: -3px 0 10px transparent, 3px 0 10px transparent, 0 -3px 10px #dfdfdf, 0 3px 10px transparent;
    -moz-box-shadow: -3px 0 10px transparent, 3px 0 10px transparent, 0 -3px 10px #dfdfdf, 0 3px 10px transparent;
    box-shadow: -3px 0 10px transparent, 3px 0 10px transparent, 0 -3px 10px #dfdfdf, 0 3px 10px transparent;
}

.shadowB {
    -webkit-box-shadow: -3px 0 10px transparent, 3px 0 10px transparent, 0 -3px 10px transparent, 0 3px 10px #dfdfdf;
    -moz-box-shadow: -3px 0 10px transparent, 3px 0 10px transparent, 0 -3px 10px transparent, 0 3px 10px #dfdfdf;
    box-shadow: -3px 0 10px transparent, 3px 0 10px transparent, 0 -3px 10px transparent, 0 3px 10px #dfdfdf;
}

/*内阴影*/
.shadowIn {
    /* -webkit-box-shadow: inset 0 0 10px #dfdfdf;
-moz-box-shadow: inset 0 0 10px #dfdfdf;
box-shadow: inset 0 0 10px #dfdfdf; */
}

.shadowInLT {
    -webkit-box-shadow: inset 2px 2px 10px #dfdfdf;
    -moz-box-shadow: inset 2px 2px 10px #dfdfdf;
    box-shadow: inset 2px 2px 10px #dfdfdf;
}

.shadowInRB {
    -webkit-box-shadow: inset -2px -2px 10px #dfdfdf;
    -moz-box-shadow: inset -2px -2px 10px #dfdfdf;
    box-shadow: inset -2px -2px 10px #dfdfdf;
}

.shadowInRT {
    -webkit-box-shadow: inset -2px 2px 10px #dfdfdf;
    -moz-box-shadow: inset -2px 2px 10px #dfdfdf;
    box-shadow: inset -2px 2px 10px #dfdfdf;
}

.shadowInZB {
    -webkit-box-shadow: inset 2px -2px 10px #dfdfdf;
    -moz-box-shadow: inset 2px -2px 10px #dfdfdf;
    box-shadow: inset 2px -2px 10px #dfdfdf;
}

/* 内边距*/
.pd-5 {
    padding: 5px;
}

.pdtb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pdlr-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pdt-5 {
    padding-top: 5px;
}

.pdr-5 {
    padding-right: 5px;
}

.pdb-5 {
    padding-bottom: 5px;
}

.pdl-5 {
    padding-left: 5px;
}

.pd-10 {
    padding: 10px;
}

.pdtb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pdlr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pdt-10 {
    padding-top: 10px;
}

.pdr-10 {
    padding-right: 10px;
}

.pdb-10 {
    padding-bottom: 10px;
}

.pdl-10 {
    padding-left: 10px;
}

.pd-15 {
    padding: 15px;
}

.pdtb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pdlr-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pdt-15 {
    padding-top: 15px;
}

.pdr-15 {
    padding-right: 15px;
}

.pdb-15 {
    padding-bottom: 15px;
}

.pdl-15 {
    padding-left: 15px;
}

.pd-20 {
    padding: 20px;
}

.pdtb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pdlr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pdt-20 {
    padding-top: 20px;
}

.pdr-20 {
    padding-right: 20px;
}

.pdb-20 {
    padding-bottom: 20px;
}

.pdl-20 {
    padding-left: 20px;
}

.pdtb-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pdlr-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pdt-25 {
    padding-top: 25px;
}

.pdr-25 {
    padding-right: 25px;
}

.pdb-25 {
    padding-bottom: 25px;
}

.pdl-25 {
    padding-left: 25px;
}

.pd-30 {
    padding: 30px;
}

.pdtb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pdlr-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pdt-30 {
    padding-top: 30px;
}

.pdr-30 {
    padding-right: 30px;
}

.pdb-30 {
    padding-bottom: 30px;
}

.pdl-30 {
    padding-left: 30px;
}

.pd-40 {
    padding: 40px;
}

.pdtb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pdlr-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.pdt-40 {
    padding-top: 40px;
}

.pdr-40 {
    padding-right: 40px;
}

.pdb-40 {
    padding-bottom: 40px;
}

.pdl-40 {
    padding-left: 40px;
}

.pd-50 {
    padding: 50px;
}

.pdtb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pdlr-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.pdt-50 {
    padding-top: 50px;
}

.pdr-50 {
    padding-right: 50px;
}

.pdb-50 {
    padding-bottom: 50px;
}

.pdl-50 {
    padding-left: 50px;
}

.nopd {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

/* 外边距 */
.mg-5 {
    margin: 5px;
}

.mgtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mglr-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mgt-5 {
    margin-top: 5px;
}

.mgr-5 {
    margin-right: 5px;
}

.mgb-5 {
    margin-bottom: 5px;
}

.mgl-5 {
    margin-left: 5px;
}

.mg-10 {
    margin: 10px;
}

.mgtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mglr-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mgt-10 {
    margin-top: 10px;
}

.mgr-10 {
    margin-right: 10px;
}

.mgb-10 {
    margin-bottom: 10px;
}

.mgl-10 {
    margin-left: 10px;
}

.mg-15 {
    margin: 15px;
}

.mgtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mglr-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mgt-15 {
    margin-top: 15px;
}

.mgr-15 {
    margin-right: 15px;
}

.mgb-15 {
    margin-bottom: 15px;
}

.mgl-15 {
    margin-left: 15px;
}

.mg-20 {
    margin: 20px;
}

.mgtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mglr-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mgt-20 {
    margin-top: 20px;
}

.mgr-20 {
    margin-right: 20px;
}

.mgb-20 {
    margin-bottom: 20px;
}

.mgl-20 {
    margin-left: 20px;
}

.mg-25 {
    margin: 25px;
}

.mgtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mglr-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mgt-25 {
    margin-top: 25px;
}

.mgr-25 {
    margin-right: 25px;
}

.mgb-25 {
    margin-bottom: 25px;
}

.mgl-25 {
    margin-left: 25px;
}

.mg-30 {
    margin: 30px;
}

.mgtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mglr-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mgt-30 {
    margin-top: 30px;
}

.mgr-30 {
    margin-right: 30px;
}

.mgb-30 {
    margin-bottom: 30px;
}

.mgl-30 {
    margin-left: 30px;
}

.mg-40 {
    margin: 40px;
}

.mgtb-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mglr-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mgt-40 {
    margin-top: 40px;
}

.mgr-40 {
    margin-right: 40px;
}

.mgb-40 {
    margin-bottom: 40px;
}

.mgl-40 {
    margin-left: 40px;
}

.mg-50 {
    margin: 50px;
}

.mgtb-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mglr-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mgt-50 {
    margin-top: 50px;
}

.mgr-50 {
    margin-right: 50px;
}

.mgb-50 {
    margin-bottom: 50px;
}

.mgl-50 {
    margin-left: 50px;
}

.mgb-90 {
    margin-bottom: 90px;
}

.nomg {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

/*边框细线*/
.border * {
    position: relative;
}
.border-b * {
    position: relative;
}
.border-r * {
    position: relative;
}
.border-b * {
    position: relative;
}
.border-l * {
    position: relative;
}
.border {
    position: relative;
}
.border:before {
    content: '';
    position: absolute;
    left: -150%;
    right: -150%;
    top: -150%;
    bottom: -150%;
    border: 1px solid #bbb;
    -moz-transform: scale(0.25, 0.25);
    -webkit-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
}
.border-t {
    position: relative;
}
.border-t:before {
    content: '';
    position: absolute;
    left: -150%;
    right: -150%;
    top: -150%;
    bottom: -150%;
    border-top: 1px solid #bbb;
    -moz-transform: scale(0.25, 0.25);
    -webkit-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
}
.border-r {
    position: relative;
}
.border-r:before {
    content: '';
    position: absolute;
    left: -150%;
    right: -150%;
    top: -150%;
    bottom: -150%;
    border-right: 1px solid #bbb;
    -moz-transform: scale(0.25, 0.25);
    -webkit-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
}
.border-b {
    position: relative;
}
.border-b:before {
    content: '';
    position: absolute;
    left: -150%;
    right: -150%;
    top: -150%;
    bottom: -150%;
    border-bottom: 1px solid #bbb;
    -moz-transform: scale(0.25, 0.25);
    -webkit-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
}
.border-l {
    position: relative;
}
.border-l:before {
    content: '';
    position: absolute;
    left: -150%;
    right: -150%;
    top: -150%;
    bottom: -150%;
    border-left: 1px solid #bbb;
    -moz-transform: scale(0.25, 0.25);
    -webkit-transform: scale(0.25, 0.25);
    -o-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25);
}

/* 重写 Element 组件样式 */
/* loading svg 颜色修改 */
.el-loading-spinner .path {
    stroke: var(--icon_primaryS_normal);
}
/* 修改分页样式 */
.el-pagination {
    font-weight: initial;
}
/* .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: var(--icon_primaryS_normal) !important;
}
.el-pagination.is-background .el-pager li:hover {
color: var(--icon_primaryS_normal) !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
color: #fff !important;
} */
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    border-radius: 4px;
    border: 1px solid var(--KB_o_commonBtnBorder);
    color: var(--btn01_secondaryTxt_unclicked);
    background: var(--KB_o_commonBtnBg);
}
.el-pagination.is-background .btn-next:hover,
.el-pagination.is-background .btn-prev:hover,
.el-pagination.is-background .el-pager li:hover {
    border-radius: 4px;
    border: 1px solid var(--KB_o_commonBtnBorder);
    color: var(--btn01_secondaryTxt_unclicked) !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active,
.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    border: 1px solid var(--KB_o_commonBtnBorder);
    color: var(--KB_o_focusBtnTxt) !important;
    background: var(--KB_o_focusBtnBg);
    background-repeat: no-repeat;
}
.el-pagination .el-pagination__editor.el-input .el-input__inner {
    color: var(--btn01_secondaryTxt_unclicked);
}
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .btn-next:disabled:hover,
.el-pagination.is-background .btn-prev:disabled:hover {
    border: #c0c4cc;
    color: #c0c4cc !important;
    background: #f5f5f5;
    opacity: 0.7;
}
.el-pagination {
    color: inherit;
}
.el-pagination button:disabled {
    opacity: 0.5;
}
.el-pager li.active,
.el-pager li:hover {
    color: var(--btn01_secondaryTxt);
}
.el-pagination button,
.el-pagination button:disabled,
.el-pager li,
.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
    background: transparent;
    color: var(--icon_neutral01);
}
/* 下拉样式 */
.el-dropdown-menu__item {
    position: relative;
}
.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: transparent !important;
    color: var(--personage-item-text-active);
}
.el-dropdown-menu__item:focus:before,
.el-dropdown-menu__item:not(.is-disabled):hover:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--personage-item-bg-active);
}
.el-select__popper.el-popper {
    background: var(--date-picker-bg);
    border-color: var(--date-picker-border);
}

/* 图片组件 */
.el-image {
    line-height: initial;
}
/* select样式 */
.el-select .el-input__inner:focus {
    border-color: var(--icon_primaryS_normal);
}
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--icon_primaryS_normal);
}

.el-select-dropdown__item > div {
    display: flex;
    align-items: center;
}

.el-select-dropdown__item.selected {
    color: var(--popup_dropdown01Txt_on);
    background: transparent;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: var(--popup_dropdown01Txt_on);
    background: transparent;
}
.el-select .el-select__tags .el-tag .el-icon-close {
    background-color: var(--icon_primaryS_normal);
}
.el-select .el-input .el-select__caret {
    color: var(--icon_neutral03) !important;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    right: 10px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    padding-right: 34px;
}
/* loading 蒙版层 */
.el-loading-mask {
    background: var(--floor_0);
    z-index: 500;
}
.el-dialog .el-loading-mask {
    background: var(--popup_popup_commonBg);
}
/* 单选 */
.el-radio__input {
    display: none !important;
}
.el-radio.is-bordered.is-checked {
    border-color: var(--icon_primaryS_normal);
}
.el-radio__input.is-checked + .el-radio__label {
    color: var(--icon_primaryS_normal);
}
.el-radio {
    position: relative;
}

/* 多选 */

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--icon_primaryS_normal);
}
.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: var(--icon_primaryS_normal);
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--icon_primaryS_normal);
    border-color: var(--icon_primaryS_normal);
}
.el-checkbox__input.is-checked + .el-checkbox__label .collect_li {
    color: var(--icon_primaryS_normal);
}
.el-checkbox__inner::after {
    border-color: transparent;
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
    border-color: var(--icon_select);
}
/*聯賽篩選*/
.league_filtrate_main .el-checkbox__inner {
    border-color: var(--icon_primaryS_normal);
    /* background: var(--league-checkbox-bg); */
    border-radius: 2px;
}
.league_filtrate_main .el-checkbox__input + .el-checkbox__label {
    color: var(--n1_1_6sport_leagueName);
}
.league_filtrate_main .el-checkbox__input.is-checked + .el-checkbox__label {
    color: var(--n1_1_6sport_leagueName);
}
.league_filtrate_main .el-checkbox__input.is-checked .el-checkbox__inner {
    background: var(--icon_primaryS_normal);
    border-color: var(--icon_primaryS_normal);
}
.league_filtrate_main .el-checkbox__input.is-checked .el-checkbox__inner::after {
    border-color: var(--icon_select);
}
/*滾球篩選*/
.grounder_list .el-checkbox__inner {
    border-radius: 2px;
    border-color: var(--icon_neutral03);
}
.grounder_list .el-checkbox__inner:hover {
    border-color: var(--icon_neutral03);
}
.grounder_list .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: var(--icon_primaryS_normal);
}
.grounder_list .el-checkbox__input + .el-checkbox__label .collect_li {
    color: var(--tab_home02_off);
}
.grounder_list .el-checkbox__input.is-checked + .el-checkbox__label .collect_li {
    color: var(--tab_home02_on);
}
.grounder_list .el-checkbox__input.is-checked .el-checkbox__inner {
    background: var(--icon_primaryS_normal);
}
.grounder_list .el-checkbox__input.is-checked .el-checkbox__inner:hover {
    border-color: var(--icon_primaryS_normal);
}
.grounder_list .el-checkbox__input.is-checked .el-checkbox__inner::after {
    border-color: var(--n5_2_timetable_picYesTick);
}
/*郵件勾選*/
.checked_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: transparent;
    border: 1px solid var(--icon_neutral03);
    position: relative;
    border-radius: 50px;
}
.checked_icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 7px;
    border: 2px solid;
    left: 50%;
    top: 40%;
    border-color: transparent;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 0 3px 0 3px;
}
.checked_icon.active {
    background: var(--icon_primaryS_normal);
    border-color: var(--icon_primaryS_normal);
}
.checked_icon.active::after {
    border-color: transparent var(--icon_select) var(--icon_select) transparent;
}

.el-select-dropdown__list .el-checkbox__label {
    color: var(--form-title);
}
/* 输入框 */
.el-input.is-active .el-input__inner,
.el-input.is-active .el-input__inner:focus {
    border-color: var(--btn01_secondaryBorder);
}
.el-input__inner:hover,
.el-input__inner:focus {
    border-color: var(--btn01_secondaryBorder);
}
.filtrate_list .el-input.is-active .el-input__inner,
.filtrate_list .el-input.is-active .el-input__inner:focus {
    border-color: var(--n1_4_GS_Border);
}
.filtrate_list .el-input__inner:hover,
.filtrate_list .el-input__inner:focus {
    border-color: var(--n1_4_GS_Border);
}
.el-textarea.is-active .el-textarea__inner,
.el-textarea__inner:focus {
    border-color: var(--btn01_secondaryBorder);
}
.el-textarea__inner:hover {
    border-color: var(--btn01_secondaryBorder);
}
.el-input__inner::placeholder {
    color: var(--input_commonPrompt);
    font-size: 13px;
    text-align: left !important;
}
.el-input.is-disabled .el-input__inner::placeholder {
    color: var(--input_commonPrompt);
}
.header_tab .loginform_input .el-input__inner::placeholder {
    color: var(--input_commonPrompt);
    opacity: 0.7;
}
.el-textarea__inner::placeholder {
    color: var(--input_commonPrompt);
    font-size: 13px;
}
/* 提示 */
.message_title p.el-message__content {
    line-height: 20px;
}
/* 表单样式 */
.el-form-item__label {
    color: var(--n3_1_3pomotionEvent_section_inputTxt);
}
.el-form-item__label {
    padding: 0px 5px 0px 0px;
}
/* 修改时间组件 */
.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: var(--icon_primaryS_normal);
}

.el-picker-panel__icon-btn:hover {
    color: var(--icon_primaryS_normal);
}
.el-month-table td.today .cell:hover {
    color: var(--icon_primaryS_normal);
}
.el-month-table td .cell:hover {
    color: var(--icon_primaryS_normal);
}
.el-month-table td.current:not(.disabled) .cell {
    color: var(--icon_primaryS_normal);
}
.el-year-table td.today .cell {
    color: var(--icon_primaryS_normal);
}
.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
    color: var(--icon_primaryS_normal);
}

.el-picker-panel {
    background: var(--floor_0);
}

.el-picker-panel {
    color: var(--input_messageNormalTxt);
}
/* 弹出框 */
.el-popover.el-popper {
    min-width: 24px;
    padding: 0px;
    border-radius: 0;
}
.el-popper.is-light {
    border: 0;
}
/* 下拉多选 */
.el-select .el-select__tags-text {
    max-width: 90px !important;
}

.column_reverse {
    flex-direction: column-reverse;
}
.column {
    flex-direction: column;
}
.flex1 {
    flex: 1;
}
.wrap {
    flex-wrap: wrap;
}
.cursor_pointer {
    cursor: pointer;
}

.default {
    color: var(--systemMessage_processing_info);
}
.primary {
    color: var(--icon_primaryS_normal);
}
.green {
    color: var(--function_succes);
}
.red {
    color: var(--function_error);
}
.gray {
    color: var(--systemMessage_processing_info);
}
.PingFangSC {
    font-family: PingFang SC;
}
.fz-10 {
    font-size: 10px;
}
.fz-12 {
    font-size: 12px;
}
.fz-13 {
    font-size: 13px;
}
.fz-14 {
    font-size: 14px;
}
.fz-15 {
    font-size: 15px;
}
.fz-16 {
    font-size: 16px;
}
.fz-18 {
    font-size: 18px;
}
.fz-20 {
    font-size: 20px;
}
.fz-22 {
    font-size: 22px;
}
.fz-24 {
    font-size: 24px;
}
.fz-32 {
    font-size: 32px;
}
.max-75 {
    max-width: 75%;
}
.max-50 {
    max-width: 50%;
}
.lh-280 {
    line-height: 280%;
}
.position_relative {
    position: relative;
    z-index: 1;
}
.fw-b {
    font-weight: bold;
}

.whitespace_nowrap {
    white-space: nowrap;
}
.base_text_color {
    color: var(--n6_9joinUs_cardSubtitle);
}

.gray_text_color {
    color: var(--pirmary-grey);
}

.refresh_color {
    color: var(--icon_reverse_primaryS_normal);
}

.btn_nav {
    width: 100px;
    display: flex;
    justify-content: flex-end;
}
.btn_nav img {
    width: auto;
    max-height: 20px;
    margin-left: 10px;
    margin-right: 10px;
}
.btn_nav .el-button {
    padding: 2px 0;
    border: 1px solid var(--mail-btn-border);
    border-radius: var(--mail-btn-radius);
    background: var(--mail-btn-bg);
}
.btn_nav .el-button:active,
.btn_nav .el-button:focus,
.btn_nav .el-button:hover {
    padding: 2px 0;
    border: 1px solid var(--mail-btn-border-hover);
    background: var(--mail-btn-bg-hover);
}
.btn_nav .el-button:hover img {
    filter: var(--mail-btn-img-hover);
}
.btn_nav .el-button:disabled {
    opacity: 0.3;
    cursor: default;
    background: var(--mail-btn-bg);
    color: inherit;
    border-color: var(--mail-btn-border);
}
.el-picker-panel.el-date-range-picker,
.el-picker-panel.el-date-picker {
    color: var(--popup_sheet_datePickeDayTxt_unselect);
    border: none;
    background: var(--popup_dropdown01Bg);
}
.el-date-range-picker .el-picker-panel__content,
.el-date-picker {
    background: var(--popup_dropdown01Bg);
    border-color: var(--popup_sheet_commonBorder);
    border-radius: 4px;
}
.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
    background: var(--popup_sheet_datePickeDayBg_during);
}
.el-date-table td.in-range div:hover {
    color: var(--popup_sheet_datePickeDayTxt_during);
}
.el-date-table td.in-range.end-date div:hover,
.el-date-table td.in-range.start-date div:hover {
    color: var(--popup_sheet_datePickeDayTxt_select);
}
.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background: var(--popup_sheet_datePickeDayBg_select);
    color: var(--popup_sheet_datePickeDayTxt_select);
}
.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
    color: var(--popup_sheet_datePickeDayTxt_select);
}
.el-range-editor .el-range-input,
.el-date-editor .el-range-separator {
    background: transparent;
    color: var(--input_messageNormalTxt);
}
.el-date-table th {
    color: var(--popup_sheet_datePickerWeek);
    border-bottom: 1px solid var(--popup_sheet_commonBorder);
}
.el-date-table td.disabled div {
    background-color: transparent;
    color: var(--popup_sheet_datePickeDayTxt_unselect);
}
.el-date-range-picker .el-picker-panel__icon-btn,
.el-date-picker .el-picker-panel__icon-btn {
    color: var(--icon_neutral03);
}
.el-date-picker__header-label {
    color: var(--date-picker-title);
}
.el-icon-date.el-input__icon {
    color: var(--date-picker-icon) !important;
}
.el-date-table td.today span {
    color: var(--date-picker-now);
}
.el-date-table td:hover {
    color: var(--popup_sheet_datePickeDayTxt_during);
}
.el-date-table td div:hover {
    color: var(--popup_sheet_datePickeDayTxt_during);
}
.el-date-table td span:hover {
    color: inherit;
}
.el-date-table td.current:not(.disabled) span {
    background: var(--popup_sheet_datePickeDayBg_select);
}
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
    color: var(--popup_sheet_datePickeDayTxt_during);
}
.el-date-table td.next-month div,
.el-date-table td.prev-month div {
    color: var(--popup_sheet_datePickeDayTxt_unselect);
}
.el-input__icon {
    color: var(--input_messageNormalTxt) !important;
}
.el-picker__popper.el-poppe {
    background: var(--date-picker-bg);
    border-color: var(--date-picker-border);
}
.el-collapse-item__header {
    background: transparent;
    border-color: var(--n6_7help_blockLine);
    color: var(--n6_7help_contentTitle);
}
.el-collapse-item__wrap > .el-collapse-item__content .el-collapse-item__header {
    border-color: var(--n6_7help_blockLine);
}
.el-collapse-item__wrap {
    background: transparent;
    border-color: var(--n6_7help_blockLine);
}
.el-collapse-item__content {
    color: var(--n6_7help_pagesTxt);
}
.right_tips {
    color: var(--n6_7help_contentTxt);
}
.el-popover.el-popper {
    background: var(--popup_popup_commonBg);
    color: var(--function_systemNoticeTxt);
    border-radius: 4px;
    box-shadow: var(--popup_tooltips01_shadow);
}
/*套件樣式歸零*/
.el-table th,
.el-table tr {
    background: transparent;
}
.el-table td,
.el-table th.is-leaf {
    border-color: transparent;
    background-color: transparent;
}
.el-table--border::after,
.el-table--group::after,
.el-table::before {
    background: transparent;
}
/*通用表格*/
/* .el-table__empty-block{
border-top: 1px solid var(--table-border);
} */
.el-table__header-wrapper {
    background: var(--n6_2_2vip_tblTopBg02);
    border: none;
    border-bottom: none;
}
.el-table thead {
    color: var(--n6_2_2vip_tblTopTxt02);
}
/* .el-table .el-table__header-wrapper th+th{
border-left: 1px solid var(--table-border);
} */
.el-table__empty-block,
.el-table__body {
    background: var(--floor_0);
    border-bottom: 1px solid var(--n6_2_2vip_tblBorder);
    color: var(--function_systemNoticeTxt);
}
/* .el-table__body-wrapper .el-table__row td{
border-top: 1px solid var(--table-border);
} */
.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: var(--table-striped-bg);
}
.el-table--enable-row-hover .el-table__body tr:hover > td {
    background: var(--table-body-bg-hover);
    color: var(--table-body-text-hover);
}
/*活動表格*/
.activity_table .el-table__body .el-table__row:nth-child(odd) {
    background: var(--active-table-striped-bg);
}
.activity_table .el-table__empty-block {
    border-top: 1px solid var(--table01_border);
}
.activity_table .el-table__empty-block,
.activity_table .el-table__body {
    border-top: none;
}
.activity_table .el-table__header-wrapper {
    background: var(--table01_thBg);
    border: 1px solid var(--table01_border);
    border-bottom: none;
}
.activity_table .el-table thead {
    color: var(--table01_thTxt);
}
.activity_table .el-table .el-table__header-wrapper th + th,
.activity_table .el-table td + td {
    border-left: 1px solid var(--table01_border);
}
.activity_table .el-table__empty-block,
.activity_table .el-table__body {
    background: transparent;
    border: 1px solid var(--table01_border);
    color: var(--table01_tdTxt);
}
.activity_table .el-table__body .el-table__row td {
    border-top: 1px solid var(--table01_border);
}
.activity_table .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: var(--active-table-body-bg);
}
.activity_table .el-table--enable-row-hover .el-table__body tr:hover > td {
    background: var(--active-table-body-bg-hover);
    color: var(--active-table-body-text-hover);
}
.el-table__empty-text {
    color: var(--function_systemNoticeTxt);
}
.activity_table .el-table__body-wrapper {
    border-right: 1px solid var(--table01_border);
}
.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: var(--disabled-button-bg);
    border-color: var(--disabled-button-border);
    color: var(--disabled-button-text);
}
.btn_nav .el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: transparent;
    border-color: transparent;
    color: transparent;
}
.el-collapse-item__header.focusing:focus:not(:hover) {
    color: inherit;
}
/*公告*/
.notice_dialog .el-table thead {
    color: var(--live_plazaResult_leagueTitle);
    background: var(--live_plazaResult_leagueBg);
}
.notice_dialog .el-table__row td {
    color: var(--popup_sheet_commonTxt);
}