/* 全局样式 */
* {
  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;
}

/* 重写 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--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: transparent;
}

.el-table--striped .el-table__body tr.el-table__row:hover td.el-table__cell {
  background-color: transparent; /* 禁用 el-table__row hover 效果 */
}
/*通用表格*/
/* .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);
}