/* Subscription*/
.mla_subscription_notify{display: none;}
.notify_msg{
    background-color: var(--e-global-color-0f87b11);
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    padding: 6px 80px 6px 30px;
    position: relative;
}

.notify_msg .fa{margin-right:10px;}
.notify_msg .msg_close_btn{background-color: transparent;color: var(--e-global-color-text);display: inline-block;position:absolute;top:2px;right: 15px;border: 0;padding: 5px;}
.notify_msg .msg_close_btn:focus,
.notify_msg .msg_close_btn:hover{background-color: transparent;color: var(--e-global-color-text);border: 0;outline: none;}
.notify_msg .msg_close_btn .fa-times{margin: 0;}
@media (max-width: 1023px) {
    .notify_msg{padding: 10px 15px;}
}

.mla_subscription_payment{display:table;width:100%;}
.mla_container .payment_info{background-color: #fff;display:block;width: calc(60% - 70px);max-width: 100%;float:left;margin-right: 70px;margin-bottom: 15px;padding: 20px 30px;}
.mla_container .payment_info table{width:100% !important;display: table !important;}
.mla_container .payment_info table,
.mla_container .payment_info table tr,
.mla_container .payment_info table td,
.mla_container .payment_info table th{background-color: #fff!important;border:0!important;padding:13px 5px!important;}
.mla_subscription_payment .payment_info table tr.border_bottom{border-bottom: 2px solid var(--e-global-color-3ae91e0)!important;}
.mla_container .payment_info table th{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-d9d3dce-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-d9d3dce-font-size);
    font-weight: 900;
    text-transform: var(--e-global-typography-d9d3dce-text-transform);
    font-style: var(--e-global-typography-d9d3dce-font-style);
    line-height: var(--e-global-typography-d9d3dce-line-height);
    letter-spacing: var(--e-global-typography-d9d3dce-letter-spacing);
    word-spacing: var(--e-global-typography-d9d3dce-word-spacing);
}
.mla_container .payment_info table td{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}
.mla_container .payment_info table td.txt_b{font-weight:700!important;}
.mla_container .payment_info table .txt_l{text-align: left!important;}
.mla_container .payment_info table .txt_r{text-align: right!important;}
.mla_container .payment_info table .txt_discount{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-d9d3dce-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-d9d3dce-font-size);
    font-weight: 400;
    text-transform: var(--e-global-typography-d9d3dce-text-transform);
    font-style: var(--e-global-typography-d9d3dce-font-style);
    line-height: var(--e-global-typography-d9d3dce-line-height);
    letter-spacing: var(--e-global-typography-d9d3dce-letter-spacing);
    word-spacing: var(--e-global-typography-d9d3dce-word-spacing);
}
.mla_container .payment_info table .txt_total{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-d9d3dce-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: var(--e-global-typography-d9d3dce-font-size);
    font-weight: 900;
    text-transform: var(--e-global-typography-d9d3dce-text-transform);
    font-style: var(--e-global-typography-d9d3dce-font-style);
    line-height: var(--e-global-typography-d9d3dce-line-height);
    letter-spacing: var(--e-global-typography-d9d3dce-letter-spacing);
    word-spacing: var(--e-global-typography-d9d3dce-word-spacing);
}
.mla_container .payment_info table tr.border_top{border-top: 2px solid var(--e-global-color-3ae91e0)!important;}
.mla_subscription_payment .membership_info{display:block;width: 40%;max-width: 100%;float:left;}
.mla_subscription_payment .membership_info .mla_table_val .fa{margin-right: 10px;}
@media (max-width: 1023px) {
    .mla_subscription_payment .payment_info{width: 100%;margin: 0 0 15px 0;}
    .mla_subscription_payment_result .payment_info{width: 100%;margin: 0 0 15px 0;}

    .mla_subscription_payment .membership_info{width: 100%;}
}
.btn_row{display:block;width:100%;float: left;padding: 30px 0;}
.mla_subscription_payment_result>.fa{border-radius:50%;font-size:2rem;padding:10px;margin-bottom: 20px;}
.mla_subscription_payment_result>.fa.success{border:5px solid #1FC900;color:#1FC900;}
.mla_subscription_payment_result>.fa.error{border:5px solid #FF0000;color:#FF0000;}
.mla_subscription_payment_result>h2{
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-secondary-font-family), "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Arial", STHeitiTC, STHeitiSC, Sans-serif;
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 2.4rem;
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);
    margin-bottom: 30px !important;
}
/*hidden if not need to renewal*/
.renewal_settle{background-size: auto 100%!important;}
#subscription_area{display: none;}