.popupPage {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    /*width: 100%;*/
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;  
   
}
.popupPage.disabled{
    display: none;
}
.popupPage .disabled_cover img{
    max-width: 100%;
}
.popupPage__block {
    position: relative;
    /* height: 80%; */
    /*max-height: 80%;*/
    max-height: 95vh;
    padding:  23px 24px;
    box-sizing: border-box;
    background-color: white;
    box-shadow: var(--boxshadow);
    /*border-radius: 10px;*/
    border-radius: var(--roundCornerSmall);
    text-align: center;   
    overflow: hidden;
}
.popupPage__block.alert {
    height: auto;
}
.popupPage__block > .titleText {
    margin: 40px 0 23px;
}
.popupPage__block > .footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.popupPage__block--small {
    min-width: 526px;
    /*max-width: 1518px;*/
    max-width: 1200px;
    max-height: 95vh;
}
.popupPage__block--default {
    width: 526px;
}

.popupPage__block--body {
    width: auto;
    max-width: 100%;
    /*max-height: 90%;*/
    max-height:calc(95vh - 100px);
    padding: 20px 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    overflow-y: auto;
    margin-top: 2px;
    min-height: 120px;
}
#popupIdcard .popupPage__block--body{
    min-height: 400px;
}
#popupIdcard .popupPage__block{
    border-radius: var(--roundCornerSmall);
    overflow: hidden;
}
#popupHealthInsurance .popupPage__block--body{
    min-height: 350px;
}
#popupMomo button.mfo_button.popup.btn_style02{
    width: 200px !important;
}
#popupQRcodeUpload .popupPage__block--body{
    min-height: 280px;
}
#newnewPop .popupPage__block--body{
    min-height: 170px;
}
#popupInvoice .popupPage__block--body{      
    padding-bottom: 80px;
}
#popupInstallmentBank .popupPage__block--body{    
    padding-bottom: 80px;    
    overflow-y: auto;
    max-height: calc(95vh - 100px );
}
#popupHeartInfo.popupPage .seven_day_try_wrapper{
    max-width: 400px;
} 
#popupFamilymart .popupPage__block--body{      
    padding-bottom: 80px;
}
#identityCheck.popupPage .checkmark {
    display: block !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin-right: 8px;
}
#identityCheck.popupPage .mfo_radio_group, #identityCheck.popupPage .radio_item_wrapper {
    width: 100% !important;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    min-height: 52px !important;
}
#identityCheck.popupPage .radio_toggle_item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#identityCheck.popupPage .sub_item {
    width: 100%;
    margin: 0 !important;
}
#identityCheck.popupPage .seven_day_try_wrapper {
    width: 100%;
    padding-bottom: 117px;
}
#popupMomoSearchId .popupPage__block--body{    
    padding-bottom: 80px;    
    overflow-y: auto;
    max-height: calc(95vh - 100px );
}
#popupMomoSearchTeach .popupPage__block--body{    
    padding-bottom: 80px;    
    overflow-y: auto;
    max-height: calc(95vh - 100px );
}
.popPage_block_installment .popupPage__block--body {
    padding-bottom: 80px;
}
.popupPage__block--body::-webkit-scrollbar {
    width: 5px;
    background-color: #eee;
}

.popupPage__block--body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #eee;
    background-color: #eee;
}

.popupPage__block--body::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}

.popupPage__block--body--ticket {
    padding: 71px 55px 50px 55px;
    display: grid;
    grid-gap: 54px 100px;
    grid-template-columns: 1fr 1fr;
}
.popupPage__block--body--small {
    padding: 29px 13px 29px 13px;
}
.popupPage__block--body--default {
    padding: 33px 76px 12px 76px;
}
.popupPage__block--body > .titleText {
    line-height: 20px;
}
.popupPage__block--body > .radioGroup {
    width: 100%;
    padding: 34px 0 0 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.popupPage__block--body > .radioGroup > .radio_item_wrapper {
    position: relative;
    font-size: 20px;
    text-align: left;
    padding-left: 30px;
    margin-bottom: 24px;
    cursor: pointer;
    flex: 0 0 auto;
    display: inline-block;
}
.popupPage__block--body > .radioGroup input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}
.popupPage__block--body > .radioGroup > .radio_item_wrapper > .checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    border: 1px solid #B7B6B7;
    border-radius: 50%;
    background-color: white;
}
.popupPage__block--body > .radioGroup > .radio_item_wrapper:hover input ~ .checkmark {
    background-color: #fff;
    opacity: 1;
    /* border: none; */
}
.popupPage__block--body > .radioGroup .radio_item_wrapper.disabled:hover input ~ .checkmark {
    background-color: white;
    opacity: 1;
    border: 1px solid #B7B6B7;
  }
  
.popupPage__block--body > .radioGroup .radio_item_wrapper:hover input:checked ~ .checkmark {
    opacity: 1;
}
.popupPage__block--body > .radioGroup .radio_item_wrapper:hover input:checked ~ .checkmark {
   opacity: 1;
}
  
.popupPage__block--body > .radioGroup .radio_item_wrapper input:checked ~ .checkmark {
    background: linear-gradient(180deg, #FFBA0D 0%, #EE702E 100%);
    border: none;
}
  
.popupPage__block--body > .radioGroup .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
.popupPage__block--body > .radioGroup .radio_item_wrapper input:checked ~ .checkmark:after {
    display: block;
}
  
.popupPage__block--body > .radioGroup .radio_item_wrapper .checkmark:after {
    top: 50%;
    left: 50%;
    width: 8.33px;
    height: 8.33px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: inset 0px 1px 2px rgba(62, 69, 239, 0.3);
    transform: translate(-50%, -50%);
}

.popupPage__block--body > .desc {
    width: 100%;
    text-align: left;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #1B1B1B;
}
.popupPage__block--body > .product_style_select {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.popupPage__block--body > .product_style_select > .style_btn {
    cursor: default;
}

/* 加購商品 start */
.popupPage__block--body--addbuy {
    display: flex;
    flex-direction: row;
    padding-top: 57px;
    padding-bottom: 12px;
    width: 1045px;
    min-height: 500px;
}
.popupPage__block--body--addbuy > img {
    /*object-fit: cover;*/
    /*max-width: 398px;*/
    /*max-width: 600px;*/
    max-width: 320px;
    width: 47%;   
    height: fit-content;
}
.popupPage__block--body > .productIntroduce {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 0 8px;
    flex: 1;
    padding-bottom: 100px;
    max-height: calc(80vh - 100px);
    overflow-y: auto;
}
.popupPage__block--body > .productIntroduce::-webkit-scrollbar {
    width: 5px;
    background-color: #eee;
}

.popupPage__block--body > .productIntroduce::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #eee;
    background-color: #eee;
}

.popupPage__block--body > .productIntroduce::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}


.popupPage__block--body > .productIntroduce > .productIntroduce__brand {
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.05em;
    color: #868686;
    text-align: left;
    word-break: break-all;
}
.popupPage__block--body > .productIntroduce > .productIntroduce__prodName {
    font-weight: 500;
    /*font-size: 36px;*/
    font-size: 34px;
    line-height: 126.8%;
    color: #1B1B1B;
    text-align: left;
}
.popupPage__block--body > .productIntroduce > .productIntroduce__price {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #1B1B1B;
}
.popupPage__block--body > .productIntroduce > .productIntroduce__price > strong {
    font-size: 32px;
    line-height: 46px;
    color: #F73603;
}
.popupPage__block--body > .productIntroduce > .productIntroduce__field {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 20px;
    width: 100%;
}
/*owen 20230822 修正加購配件商品特色說明置中 start*/
.popupPage__block--body > .productIntroduce > .productIntroduce__field > .productIntroduce__field-feature {
    text-align: left;
}
/*owen 20230822 修正加購配件商品特色說明置中 end*/
.popupPage__block--body > .productIntroduce > .productIntroduce__field > .productIntroduce__field--feature {
    max-width: 750px;
    margin-top: 10px;
    text-align: left;
    list-style: disc;
    /*margin-left: 20px;*/
}
.popupPage__block--body > .productIntroduce > .productIntroduce__field > .productIntroduce__field--feature > li {
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #1B1B1B;
}
.popupPage__block--body > .productIntroduce > .productIntroduce__btn {
    margin-top: 18px;
    width: 100%;
    text-align: left;
    color: #1B1B1B;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background-color: #fff;
    border-radius: 0 0 var(--roundCornerSmall) var(--roundCornerSmall);
}
/* 加購商品 end */

/* footer */
.popupPage__block--body > .footer {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}
.popupPage__block--body > .footer-center {
    justify-content: center;
}
.popupPage__block--body > .footer-right {
    justify-content: flex-end;
}
.popupPage__block--close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.popupPage__block--close::before,
.popupPage__block--close::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: black;
}
.popupPage__block--close::before {
    transform: rotate(45deg);
}
.popupPage__block--close::after {
    transform: rotate(135deg);
}
.popupPage__block--title {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #D2D2D2;
    text-align: left;
}
.popupPage__block--title > strong {
    position: relative;
    display: inline-block;
}
.popupPage__block--title > strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: var( --colorOrange);
    border-radius: 5px;
    transform: translateY(3px);
}
.popupPage__block--title > strong {
    font-weight: 700;
    font-size: 30px;
    line-height: 43px;
    color: var( --colorOrange);
}
.popupPage__footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    z-index: 88;
}
#popupCollect.popupPage .privacy_rule{
    padding-right: 0;
}
#popupCollect.popupPage .popupPage__footer{
    position: relative;
    padding: 0;
    margin-bottom: -20px;
}
#popupCollect.popupPage .popupPage__footer button{
   margin: 0;
}
#popupCollect.popupPage .popupPage__block_big.popupCollect{
    width: 400px;
}
#popupDelall-hid.popupPage .privacy_rule{
    padding-right: 0;
}
#popupDelall-hid.popupPage .popupPage__footer{
    position: relative;
    padding: 0;
    margin-bottom: -20px;
}
#popupDelall-hid.popupPage .popupPage__footer button{
    margin: 0 5px;
}
.popupContent__title {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}
.popupContent__title > h1 {
    margin: 0;
    font-size: 21px;
    line-height: 30px;
    color: var( --colorOrange);
}
.popupContent__title > p {
    color: #17171A;
    line-height: 23px;
}
.popupContent__form {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 27px;
    text-align: left;
}
.popupContent__form > div > input {
    width: 275px;
}
.popupContent__imgCard {
    width: 100%;
    background: #FFFFFF;
    box-shadow: var(--boxshadow);
    border-radius: 5px;
}
.popupContent__imgCard > .img {
    width: 577px;
    border-radius: 5px 5px 0 0;
}
.popupContent__imgCard--introduce {
    padding: 26px 44px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    color: #1B1B1B
}
.popupContent__imgCard--introduce > .title {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.05em;
    color: #17171A
}

.ticketCard {
    width: 480px;
}
.ticketCard > .field {
    position: relative;
    width: 100%;
    height: 142.63px;
    display: flex;
    align-items: center;
    background-color: var( --colorOrange);
}
.ticketCard > .field > .field__dotGroup {
    position: absolute;
    top: 12px;
    width: 20px;
    display: flex;
    flex-direction: column;
}
.ticketCard > .field > .leftDot {
    left: -8px;
}
.ticketCard > .field > .rightDot {
    right: -8px;
}
.ticketCard > .field > .field__dotGroup > .field__dotGroup--dot {
    width: 20px;
    height: 20px;
    margin: 2px 0;
    border-radius: 100%;
    background-color: white;
}
.ticketCard > .field > .field__ploygon {
    position: absolute;
    z-index: 2;
    width: 100px;
    left: 30px;
    object-fit: cover;
}
.ticketCard > .field > .field__ploygon-top {
    top: 0;
}
.ticketCard > .field > .field__ploygon-bottom {
    bottom: 0;
}
/*
.ticketCard:nth-child(4n+1) > .field {
    background-color: #FFBA0D;
}
.ticketCard:nth-child(4n+2) > .field {
    background-color: #FF8F08;
}
.ticketCard:nth-child(4n+3) > .field {
    background-color: #FFAB32;
}
.ticketCard:nth-child(4n+4) > .field {
    background-color: var( --colorOrange);
}
*/
.ticketCard.gray .field{
    background: #D2D2D2;
}
.ticketCard.gray .ticketCard__content--desc{
    color: #868686;
}
.ticketCard.gray .ticketCard__dollar span{
    text-shadow: 2px 2px 5px #868686;
}
.ticketCard.yellow .field{
    background-color: #FFAB32;
}
.ticketCard.orange .field{
    background-color: var( --colorOrange);
}
.ticketCard__dollar {
    position: relative;
    width: 80px;
    height: 100%;
    font-weight: 900;
    font-size: 18px;
    line-height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ticketCard__dollar > span {
    color: #FFFFFF;
    text-shadow: 2px 2px 5px var( --colorOrange);
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}
.ticketCard__dollar::after {
    content: "";
    position: absolute;
    width: 101.88px;
    right: -51px;
    z-index: 1;
    opacity: 0.3;
    border: 0.5px solid #FFFFFF;
    transform: rotate(90deg);
}
.ticketCard__content {
    width: 400px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.ticketCard__content--desc {
    font-weight: 500;
    line-height: 23px;
    color: #FFED96;
}
.ticketCard__content--title {
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #FFFFFF;
}
.ticketCard__content--deadline {
    padding: 5px 16px;
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
    border-radius: var(--roundCornerBig);
    font-weight: 500;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ticketCard__footer {
    width: 100%;
    margin-top: 9px;
    text-align: right;
    color: #B8B8B8;
}

.installmentPopupFooter {
    margin-top: 60px;
}







.popupPage .popupPage__block_750 {
    width: 750px;
    max-width: 90%;
    /* padding: 23px 10px 23px 10px; */
}

.popupPage__block--title h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: var( --colorOrange);
    text-align: center;
    margin-top: 25px;
}

.popupPage__block--title.disabled_bottom_line {
    border-bottom: none;
}

.arrival_notice_wrapper .info{
    text-align: left;
    line-height: 24px;
    margin-bottom: 10px;
}




.input_box_two {
    display: flex;
    justify-content: space-between;
    /* gap: 0 20px; */
}
#popupArrivalNotice .arrival_notice_wrapper .input_box_two.item_form_list .sub_item{
   margin-top: 0;
}
#popupArrivalNotice .arrival_notice_wrapper .item_form_list .controller .mfo_input_wrapper{
    margin-bottom: 0px;
}
#popupArrivalNotice .popupPage__footer {
    margin-top: 0;
    padding-top: 0;
}
#popupNotFinish .popupPage__block--body{
    min-height: 280px;
}
.input_box_two.item_form_list  .sub_item {
    margin: 10px 0;
    text-align: left;
    width: calc(50% - 20px);
}

.input_box_two .label {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #1B1B1B;
    margin: 8px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.input_box_two .mfo_input_wrapper{
    margin-bottom: 0;
}

.input_box_two .mfo_input_wrapper input {
    font-size: 16px;
    margin-bottom: 0;
    border: 1px solid #D2D2D2;
    caret-color: var( --colorOrange);
    width: 100%;
}

.input_box_two .mfo_input_wrapper input:active, 
.input_box_two .mfo_input_wrapper input:focus {
    border: 1px solid var( --colorOrange);
}


.arrival_notice_wrapper .item_form_list .controller .mfo_input_wrapper {
    margin-bottom: 36px;
}


.arrival_notice_wrapper .item_form_list .show_error .controller .mfo_input_wrapper {
    margin-bottom: 0px;
}



button.mfo_button.popup.btn_style01{
    width: 180px;
    height: 50px;
    color: var( --colorOrange);
    background-color: white;
    border-radius: 25px;
    border: 1px solid var( --colorOrange);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;

}
button.mfo_button.popup.btn_style02{
    width: 200px;
    height: 50px;
    color: #fff;
    background-color: var( --colorOrange);
    border-radius: 25px;
    border: 1px solid var( --colorOrange);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.mfo_button.popup.btn_style01:hover,
button.mfo_button.popup.btn_style02:hover{
    color: white;
    background-color: #F5AC86;
    border: 1px solid #F5AC86;
}
/*
#theAlertMessage{
    min-height: 100px;
}
*/
.popupPage__block--body .notice_info{
    text-align: left;
    line-height: 24px;
    color: #888;
}


.popup_normal_text{
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    text-align: left;
    padding: 0 14px;
}
.mb_br{
    display: none;
}

#popupMarketing .item_form_list, #popupNotFinish .item_form_list{
    padding: 0 14px;
    display: flex;
    gap: 24px;
}
#popupMarketing .sub_item, #popupNotFinish .sub_item{
    margin: 0;
}
#popupMarketing .mfo_input_wrapper input, #popupNotFinish .mfo_input_wrapper input{
    width: 276px;
}
#popupMarketing .item_form_list .label, #popupNotFinish .item_form_list .label{
    margin-top: 0;
}
#popupMarketing .popupPage__block--body ,#popupTimeOut .popupPage__block--body,#popupNotFinish .popupPage__block--body{
    padding-bottom: 0;
}
.two_btns{
    gap: 24px;
    margin-top: 10px;
}
.two_btns .mfo_button{
    width: 149px !important;
    margin-right: 0;
}
.two_btns .mfo_button.tertiary{
    width: 184px !important;
    margin-right: 0;
}
.two_btns .mfo_button:hover{
    background: #fff !important;
    color: var(--colorOrange) !important;
    border: 1px solid var(--colorOrange) !important;
    font-weight: 500;
}
.two_btns .mfo_button.tertiary:hover{
    color: white !important;
    background-color: #F5AC86 !important;
    border: 1px solid #F5AC86 !important;
}


#popupTimeOut .popupPage__block_small{
    width: 526px;
}
#popupTimeOut .popup_normal_text{
    text-align: center;
    padding: 0 66px;
    
}
#popupMarketing .popupPage__block--title h3, #popupNotFinish .popupPage__block--title h3{
    font-size: 21px;
    line-height: 30px;
}
#popupMarketing .popupPage__block--body{
    display: block;
}

#popupMarketing .marketing_box{
    background: #FFFFFF;
    box-shadow: var(--boxshadow);
    border-radius: 5px;
    margin: 0 14px;
    overflow: hidden;
    margin-bottom: 24px;
}
#popupMarketing .item_form_list{
    margin-bottom: 24px;
}
#popupMarketing .marketing_img{
  width: 100%;
}
#popupMarketing .marketing_text{
    display: flex;
    flex-direction: column;
    padding: 16px 40px;
    align-items: flex-start;
    gap: 8px;
}
#popupMarketing .popup_normal_text{
    position: relative;
    top: 10px;
    margin-bottom: 24px;
}
#popupMarketing .marketing_title{
   
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #1B1B1B;
}
#popupMarketing .marketing_date{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #1B1B1B;
}


.process_pop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: .5s;
}

.process_pop.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.process_pop_bg{
    z-index: 1;
    /*background-color: #0003;*/
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.process_pop_box{
    z-index: 2;
    /*border-radius: 10px;*/
    border-radius: var(--roundCornerSmall);
    background-color: #fff;
    box-shadow: 0 0 10px #0004;
    /*width: 1510px;*/
    width: 1200px;
    max-width: 90%;
    max-height: 95vh;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px 30px;
    position: relative;
    overflow: hidden;
}
.process_pop_box .cate_title{
    margin: 0 10%;

}
.process_pop_box .cate_title h2{
    font-size: 26px;
    padding-bottom: 0;
    line-height: 1.6;
}
.process_pop_box .cate_title h2:after{
    height: 5px;
    bottom: -3px;
}
.process_pop_container{
    overflow-y: auto;
    max-height: calc(95vh - 130px - 50px);
    padding: 0 10px;
    margin-bottom: 50px;
    padding-left: 10%;
    padding-right: 10%;
}
.process_pop_container .mfo_radio_group .radio_item_wrapper{
  justify-content: center;
}
.process_pop_container::-webkit-scrollbar {
    width: 5px;
    background-color: #eee;
}

.process_pop_container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #eee;
    background-color: #eee;
}

.process_pop_container::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}

.process_pop_close{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 100;
    width: 20px;
    height: 20px;
}
.process_pop_close img{
    width: 20px;
    display: none;
}
.process_pop_close::before,
.process_pop_close::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: black;
}
.process_pop_close::before {
    transform: rotate(45deg);
}
.process_pop_close::after {
    transform: rotate(135deg);
}

.process_pop_btn {
    background-color: #fff;   
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.process_pop_btn button {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    cursor: pointer;
    margin: 0 10px;
}

.process_pop_btn button.btn_orange {
    background: var(--colorOrange);
    color: #fff;
  
    border-radius: 100px;
    border: none;
    min-width: 260px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.process_pop_btn button.btn_white{
    background: #fff;
    color: #fff;   
    border-radius: 100px;
    border: 1px solid var(--colorOrange);
    min-width: 170px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    color: var(--colorOrange);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.process_pop_btn button.btn_white:hover{
    font-weight: 700;
    box-shadow: var(--boxshadow);
}
.process_pop_btn button.btn_white i{
    display: inline-block;
    background-image: url(../assets/icons/arrow_prev_step_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 8px;
}
.process_pop_btn button.btn_orange:hover {
    background: #F5AC86;
    box-shadow: var(--boxshadow);
}

.process_pop_btn button.btn_orange:active {
    background: var(--colorOrange);
    box-shadow: var(--boxshadow);
}



.process_pop_container .number_choose_b2 {
    margin: 10px auto 20px auto;
}

.process_pop_container .number_choose_openbox{
    overflow: inherit;
}

/**popup**/
body.active_popup{
    overflow: hidden;
}
.popupPage.disabled{
    display: none;
}
.popupPage__block--title.align_left_deco h3{
    text-align: left;
    display: inline-block;
    position: relative;   
    line-height: 1.3;
    font-size: 30px;
}
.popupPage__block--title.align_left_deco h3:before{
    content:'';
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: var( --colorOrange);
    border-radius: 100px;
}
.popupPage__block--title.align_left_deco.fix_wid{
    margin:0 10%;
    width: calc(100% - 20%);
}
.popupPage .popupPage__block_big{
    width: 1200px;
    /*padding: 23px 20px ;*/
    padding: 30px 30px;
}
.popupPage.popupVideo .popupPage__block{
    background-color: transparent;
}
.popupPage.popupVideo  .popupPage__block--close::before,.popupPage.popupVideo .popupPage__block--close::after{
    background-color: #fff;
}
.popupPage.popupVideo .popupPage__block--body iframe{
    width: 100%;
    height: 800px;
}
.popupPage .popupPage__block_big.block_big_wid{
    width: 1480px;
}
.popupPage .item_form_list{
    margin-left: 0;
}
.popupPage .item_form_list .sub_item:first-child{
    margin-top: 0;
}
.popupPage .popupPage__block_middle{
    width: 790px;
    padding: 23px 20px ;
}
.popupPage .popupPage__block_big.popupPage__block_big_tab{
    padding: 0;
}
.popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body{
    overflow: hidden;  
}
.popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body .panel_container .panel_div {
    overflow-y: auto;
    max-height: calc(95vh - 92px - 107px - 20px - 20px - 88px);
    min-height: calc(95vh - 92px - 107px - 20px - 20px - 88px);  
    padding-right: 10px;
    margin-right: -10px;
    margin-bottom: 88px;
    
}
.popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body .panel_container .panel_div::-webkit-scrollbar {
    width: 5px;
    background-color: #eee;
}

.popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body .panel_container .panel_div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #eee;
    background-color: #eee;
}

.popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body .panel_container .panel_div::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}
.popupPage .popupPage__block_small{
    width: 624px;
    padding: 23px 10px 23px 10px;
}
.popupPage__block--title.disabled_bottom_line{
    border-bottom: none;
}
.popupPage__block--title h3{
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: var( --colorOrange);
    text-align: center;
    margin-top: 25px;
}
.popupPage__block--title h3.orange{
    color: var( --colorOrange);
}
#popupCustomerAttributes .popupPage__block--body{
    min-height: 370px;
    line-height: 23px;
}
#popupCustomerAttributes .popupPage__block--body .customer_attributes_wrapper{
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
}
#popupOccupation .popupPage__block--body{
    min-height: 390px;
    line-height: 23px;
}
#popupOccupation .popupPage__block--body .occupation_wrapper{
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
}
#popupOccupation .popupPage__block--body .occupation_wrapper ol{
    list-style: decimal;
    padding-left: 25px;

}
#alertMergSystemePopup .popupPage__block--title h3{
    color: var( --colorOrange) !important;
}
.popupPage .privacy_rule{
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    text-align: justify;
    padding-right: 10px;
}
.popupPage .popupInsurance{
    max-width: 480px;
}
.popupPage .popupInsurance .popupPage__block--body{
    min-height: 150px;
}
.popupPage .popupInsurance button.mfo_button.popup.tertiary.popup{
    width: 180px;
}
.popupPage .insurance_info{
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;   
}
.popupPage .momo_search_id_wrapper{
    text-align: left;
    max-width: 374px;
    margin: 0 auto;
}
.popupPage .momo_search_id_wrapper .search_id_top{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
}
.popupPage .momo_search_id_wrapper .search_id_top .orange{
    color: var( --colorOrange);
}
.popupPage .momo_search_id_wrapper .search_id_middle{
    margin: 24px 0;
}
.popupPage .momo_search_id_wrapper .search_id_middle .label{
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #1B1B1B;
}
.popupPage .momo_search_id_wrapper .search_id_middle .controller{
    margin-top: 8px;
}
.popupPage .momo_search_id_wrapper .search_id_middle .mfo_input_wrapper input{
    font-size: 16px;
    border: 1px solid #D2D2D2;
}
.popupPage .momo_search_id_wrapper .search_id_middle .mfo_input_wrapper input::-webkit-outer-spin-button,
.popupPage .momo_search_id_wrapper .search_id_middle .mfo_input_wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.popupPage .momo_teach_swiper_wrapper{
    margin-right: 10px;
}
.popupPage .momo_search_id_wrapper .search_id_middle .mfo_input_wrapper input[type=number] {
  -moz-appearance: textfield;
}
.popupPage .momo_search_id_wrapper .search_id_bottom{
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #868686;
}
.popupPage .swiper-container .swiper-pagination{
    position: relative;
    margin-top: 30px;
}
.popupPage .momo_teach_swiper .swiper-slide .item_img img{
    max-width: 100%;
}
.popupPage .panel_container .panel_div{
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #17171A;   
    display: none;
}

.popupPage .panel_container .panel_div.active{
    display: block;
}
.popupPage .panel_container .panel_div .item .item_title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.popupPage .panel_container .panel_div .item  .item_title h4{   
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    color: #17171A;   
    width: calc(100% - 22px);
    position: relative;
}
.popupPage .panel_container .panel_div .item  .item_title h4 span{
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
    z-index: 2;
    width: max-content;
    padding-right: 25px;
    max-width: calc(100% + 25px);
}
.popupPage .panel_container .panel_div .item  .item_title h4:after {
    content:"";
    top:48%;
    width:100%;
    margin-left:25px;
    height:1px;
    position:absolute;
    background-color: var( --colorOrange);
    z-index: 1;
}
.popupPage .panel_container .panel_div .item  .item_title i{
    width: 14px;
    height: 20px;
    background-image: url(../assets/icons/deco_dot_orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.popupPage .panel_container .panel_div .item .item_info .plan_preferential{
    margin: 25px 0;
}
.popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col{
    display: flex;
    flex-wrap: wrap;
}
.popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col .col{
    width: 50%;
}
.popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col .col .sub_item{
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
}
.popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col .col .sub_item .sub_label{
    width: 140px;    
    max-height: 46px;
    overflow: hidden;
}
.popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col .col .sub_item .sub_desc{
    width: calc(100% - 140px - 8px);
    padding-left: 8px;
    /*max-height: 46px;*/
    overflow: hidden;
}
.popupPage .panel_container .panel_div .item .item_info .remark{
    /*background: rgba(255, 103, 0, 0.1);*/
    background-color: var(--colorLightOrange);
    border-radius: 6px;
    padding: 20px;
    color: var( --colorOrange);
    margin-top: 25px;
}
.popupPage .panel_container .panel_div .item .item_info .remark p{
    display: block;
    width: 530px;
    max-height: 50px;
    overflow: hidden;    
}
.popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col{
    display: flex;
    flex-wrap: wrap;
}
.popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col .col{
    width: 50%;
}
.popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col .col .sub_item{
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
}
.popupPage .panel_container .panel_div .item .item_info .plan_basic{
    margin: 25px 0;
}
.popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col .col .sub_item .sub_label{
    width: 140px;
    max-height: 46px;
    overflow: hidden;
}
.popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col .col .sub_item .sub_desc{
    width: calc(100% - 140px - 8px);
    padding-left: 8px;
    max-height: 46px;
    overflow: hidden;
}
.popupPage .panel_container .panel_div .item .item_info .plan_gift .list_info{
    margin: 25px 0;
    min-height: calc(95vh - 92px - 107px - 20px - 20px - 103px - 60px - 100px);
}
.popupPage .panel_container .panel_div .item .item_info .plan_gift .sub_item{
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
}
.popupPage .panel_container .panel_div .item .item_info .plan_gift .sub_item .sub_label{
    width: 130px;
}
.popupPage .panel_container .panel_div .item .item_info .plan_gift .sub_item .sub_desc{
    padding-left: 20px;
    width: calc(100% - 150px);
}

.popupPage .panel_container .panel_div .item .item_info .caution_info{
    margin-top: 25px;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div{
    /*background: #F4F4F4;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: calc(95vh - 92px - 107px - 20px - 20px - 103px);
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail{
    text-align: left;    
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail table{
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse !important;  
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-border-gray {
    border: 1px solid #ccc;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-gray thead tr {
    background-color: #aaa;
    color: #fff;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table th,.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table td {
    min-width: 90px;
    line-height: 1.25;
    text-align: center;
    vertical-align: middle;
    border-top: none;
    border-bottom: 1px solid #e2e2e2;
    padding: 0.75em;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-border-gray th,.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail  .twm-table-border-gray td {
    border: 1px solid #ccc;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-striped-wg tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-striped-wg tbody tr:nth-of-type(even) {
    background-color: #f6f6f6;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-order {
    border: 1px solid #ccc;
    word-break: break-all;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-order th,.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail  .twm-table-order td {
    border-bottom: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
    padding: 1em 0.75em !important;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-order tbody td {
    background-color: #fff !important;
    vertical-align: middle !important;
    line-height: 1.5 !important;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .text-brand-red {
    color: #cf1412 ;
    font-weight: 500;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail h5{
    font-size: 18px;
    margin-bottom: 10px;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail P{
    margin-top: 0;
    margin-bottom: 1rem;
}
.popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .copy {
    line-height: 1.25em;  
}
.popupPage .panel_container .panel_div .action{   
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid{
    background-color: var(--colorLightOrange);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid.make_sure_confirm{
    background-color: #fff;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid.make_sure_confirm button{
    min-width: 254px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid var(--colorOrange);
    font-size: 16px;
    color: var(--colorOrange);
    border-radius: 100px;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid.make_sure_confirm button:hover {
    box-shadow: var(--boxshadow);
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col01{
    color: var(--colorOrange);
    font-size: 16px;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col01 b{
    font-weight: 700;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02{
    padding-left: 100px;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02 button{
    min-width: 145px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid var(--color-box-gray-venue);
    font-size: 16px;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02 .mfo_button{
    margin: 0 8px;
    color: var(--color-black);
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02 button:hover {
    box-shadow: var(--boxshadow);
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02 button:active{   
    color: #fff;
    background-color: var(--colorOrange);
    border-color: transparent !important;
}
.popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02 button:active::after {
    border-color: var( --colorOrange) !important;
  }
.popupPage .popupPage__block_big.popupPage__block_big_tab .mfo_tabs_wrapper{
    margin-bottom: 0;
    box-shadow:none;
    overflow: initial;
}
.popupPage .mfo_tabs_wrapper .panel_container{
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 40px 50px;
}
.popupPage .seven_day_try_wrapper{
    text-align: left;
    max-width: 374px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    padding-bottom: 50px;
}
.popupPage .seven_day_try_wrapper.align_center{
    text-align: center;
}
.popupPage .seven_day_try_wrapper .orange{
    color: var(--colorOrange);
}
.popupPage .qrcode_wrapper{
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
}
#popupTimeout .popupPage__block--body{
    padding-bottom: 60px;
    min-height: 150px;
}
.popupPage .health_insurance_wrapper{
    text-align: center;
    max-width: 374px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    margin-top: -20px;
}
.popupPage .health_insurance_wrapper p{
    margin-bottom: 20px;
}
.popupPage .health_insurance_wrapper img{
    max-width: 100%;
}
.popupPage .free_prepayment_certificate_wrapper{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    padding-right: 5px;
}
.popupPage .free_prepayment_certificate_wrapper p{
    margin-bottom: 20px;
}
.popupPage .free_prepayment_certificate_wrapper .table_div{
    overflow: hidden;
    border-radius: 10px;    
    border: 1px solid #D1D1D1;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table{
    width: 100%;    
    font-size: 20px; 
    line-height: 29px;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table thead th{
    background: var( --colorOrange);
    color: #fff;
    text-align: center;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    padding: 8px;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table thead th:first-child{
    width: 23%;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table tbody td{
    text-align: center;
    padding: 8px;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table tbody td:last-child{
    border-right: none;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table tbody tr:last-child td{
    border-bottom: none;
}
.popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper .table_div table td[rowspan="2"]{
    border-bottom: none;
}
.popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper .table_div table td[rowspan="3"]{
    border-left: 1px solid #D1D1D1;
    border-bottom: none;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table tbody td:last-child{
    border-right: none;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table tbody tr:last-child td{
    border-bottom: none;
}
.popupPage .free_prepayment_certificate_wrapper.ohter_service_wrapper .table_div table tbody td{
    vertical-align: middle;
}
.popupPage .free_prepayment_certificate_wrapper.ohter_service_wrapper .table_div table tbody td .gray{
    color: rgba(134, 134, 134, 1);
}
.popupPage .free_prepayment_certificate_wrapper.ohter_service_wrapper .table_div table tbody td:nth-child(2){
    text-align: left;   
}
.popupPage .free_prepayment_certificate_wrapper.ohter_service_wrapper .table_div table tbody td ol{
    list-style: decimal;
    padding-left: 25px;
}
.popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper p{
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
}
.popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper h4{
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: left;  
    margin-bottom: 8px;    
}
.popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper .table_div{
    margin-bottom: 25px;
}
.popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper .table_div table td{
    vertical-align: middle;
}
.popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper .table_div table td .orange{
    color: var(--color-red);
}
.popupPage .free_prepayment_certificate_wrapper .table_div table thead th:nth-child(1){
    width: 30%;
}
.popupPage .free_prepayment_certificate_wrapper .table_div table thead th:nth-child(3){
    width: 35%;
}

/* 【0329修復/身分證彈窗 圖片置中】 */
.popupPage .id_card_wrapper{
    text-align: center;
    max-width: 374px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    margin-top: -20px;
    
}
.popupPage .id_card_wrapper p{
    margin-bottom: 20px;
    text-align: left;
}
.popupPage .id_card_wrapper img{
    max-width: 100%;
    margin: 0 auto;
}
.popupPage .familymart_wrapper{
    text-align: left;
    max-width: 374px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
}
.popupPage .familymart_wrapper P{
    text-align: justify;
}
.popupPage .familymart_wrapper .orange{
    color:rgba(247, 54, 3, 1)
}
.popupPage .relieve_info{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    max-width: 416px;
    margin: 0 auto;
    min-height: 300px;
}
.popupPage .relieve_info p{
    text-align: left;
}
.popupPage .relieve_info .orange{
    color: var( --colorOrange);
}
.popupPage .relieve_info ul{
    margin:35px 0 ;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    
}
.popupPage .relieve_info ul li{
    width: calc(100% / 3);
}
.popupPage .relieve_info ul li h4{
    margin-top: 5px;
}
.popupPage .special_contact_wrapper{
    text-align: left;
    margin-left:10%;
    margin-right: 10%;
    /*margin-right: 10px;*/
}
.popupPage  .special_contact_wrapper .controller_surname_sex_wrapper{
    display: flex;
    flex-wrap: wrap;
}
.popupPage  .special_contact_wrapper .controller_surname_sex_wrapper .sex{
    display: flex;
    flex-wrap: wrap;
}
.popupPage  .special_contact_wrapper .controller_surname_sex_wrapper .sex .mfo_radio_group .radio_item_wrapper{
    width: 90px;
    border-color: transparent;
    padding-right: 0;
}
.popupPage  .special_contact_wrapper .controller_surname_sex_wrapper .sex .mfo_radio_group .radio_item_wrapper:hover .checkmark{
    background-color: #fff;
    opacity: 1;
    border: 1px solid #B7B6B7;
}
.popupPage  .special_contact_wrapper .item_form_list .mfo_select{
    width: 374px;
}
.popupPage  .special_contact_wrapper .item_form_list .mfo_select .mfo_select_box{
    width: 100%;
}
.popupPage  .special_contact_wrapper .fiber_title{
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #1B1B1B;
    margin-bottom: 20px;
}
.popupPage  .special_contact_wrapper .fiber_address_info .fiber_item{
    /*border-bottom: 1px solid #D1D1D1;*/
    border-bottom: 1px solid rgba(209, 209, 209, 0.3);
    font-size: 18px;
    line-height: 26px;       
    color: #17171A;
    padding: 12px 0;
}
.popupPage  .special_contact_wrapper .fiber_address_info .fiber_item:last-child{
    border-bottom: none;
}
.popupPage  .special_contact_wrapper .fiber_address_info .fiber_item h4{
    font-weight: 500;    
}

.popupPage  .special_contact_wrapper .fiber_address_info .fiber_item p{
    font-weight: 400;    
}
.popupPage .filter_rule_wrapper{
    margin: 0 10%;
    /*min-height: auto;*/
    min-height: 430px;    
}
.popupPage .popupPage__block_big.block_big_wid .popupPage__block--title.align_left_deco.fix_wid{
    margin: 0 5%;
    width: calc(100% - 10%);
}
.popupPage .popupPage__block_big.block_big_wid .filter_rule_wrapper{
    margin: 0 5%;
}
.popupPage .popupPage__block_big.block_big_wid .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
    /*width: 140px;*/
    width: 120px;
    padding:2px 0 ;
   
}
.popupPage .popupPage__block_big.block_big_wid .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper .content{
    max-width: 90px;
    min-height: 42px;    
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.popupPage .popupPage__block_big.block_big_wid .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group.mfo_radio_wid_big .radio_item_wrapper{
    width: 220px;
    padding-left: 15px;
    padding-right: 15px;
}

.popupPage .cate_title{
    text-align: left;
    /*margin: 20px 125px 0;*/
}
.popupPage .certificate_img{
    /*width: 826px;*/
    max-width: 820px;
    max-height: 520px;
    margin: 0 auto;
}
#popupHeartTable .popupPage__block--body{
    max-height: 624px;
    height: calc(100% - 200px);
    position: relative;
}
#popupCertificate .popupPage__block_big{
    overflow: hidden;
}
#popupCertificate .popupPage__block--body{       
    padding: 0 0 100px 0;
  
}
.popupPage .popupPage_filter .popupPage__block--body{
    margin-bottom: 80px;
    max-height: calc(95vh - 100px - 60px);
}
.popupPage .popupPage_filter .popupPage__block--title.align_left_deco h3{
    margin-top: 0;
    line-height: 1.6;
}


.giveawayPopup {
    padding-top: 50px !important;
  }
  .giveawayPopup .giveawayPopup_content {
    padding-top: 0 !important;
  }
  .giveawayPopup_content > .title, .sendTypePopup_content > .title {
    width: 100%;
    text-align: center;
  }
  .giveawayPopup_content > .title > h2, .sendTypePopup_content > .title > h2 {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: var(--colorOrange);
  }
  .giveawayPopup_content > .subTitle, .sendTypePopup_content > .subTitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #1B1B1B;
    text-align: left;
  }
  .giveawayPopup_content > img, .sendTypePopup_content > img {
    margin: 0 auto;
    max-width: 100%;
  }
  .giveawayPopup_content > p, .sendTypePopup_content > p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;  
    color: #1B1B1B;
    text-align: left;
  }
  .giveawayPopup, .sendTypePopup {
    width: 80%;
    max-width: 624px !important;
  }
  .sendTypePopup_content {
    max-width: 374px !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 24px;
  }
  .giveawayPopup_content {
    width: 100%;
    padding: 20px 100px !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 24px;
  }
  .sendTypePopup > .popupPage__block--body {
    padding: 32px 0 0;
    overflow: hidden;
    min-height: 150px;
  }
  .sendTypePopup_content > .radioBtnGroup {
    padding: 0;
    display: flex;
    align-items: center;
  }
  .sendTypePopup_content > .radioBtnGroup > .accordion > .product_shipping_select {
    gap: 20px;
  }
  .sendTypePopup_content > .radioBtnGroup > .accordion > .product_shipping_select > .shipping_btn {
    font-size: 16px;
    min-width: 177px;
    margin: 0;
  }
  .sendTypePopup_content > .radioBtnGroup > .accordion > .product_shipping_select {
    flex-wrap: nowrap;
    margin-top: 0;
  }
  .sendTypePopup_content > .radioBtnGroup > .accordion > .product_shipping_select.cut_one_phone{
    flex-wrap: wrap;
  }
  .sendTypePopup_content > .footer {
    justify-content: center;
  }
  .sendTypePopup_content > .footer > .mfo_button {
    margin: 0;
  }
  .popupPage__block_notice  .popupPage__footer{
    position: relative;
    background-color: transparent;
}

/**愛心碼查詢**/
.not_find{
    display: none;
    max-width: 406px !important;
    width: 90%;
    margin: 0 auto;
    position: relative;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.not_find img {
    width: 100%;
    max-height: 150px;

}
.not_find_text{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-top: 64px;
    color: #1B1B1B;
}
.heart_filter{
    max-width: 406px !important;
    width: 90%;
    text-align: left;
    margin: 0 auto;
}
.heart_filter .filter_select{
    display: flex;
    gap: 10px;
}
.heart_filter .filter_title{
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #1B1B1B;
}
.heart_filter span{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;
    color: #868686;
    margin-top: 8px;
    display: block;
    letter-spacing: .2px;
}
.heart_filter .filter_item{
    margin-top: 0;
    margin-bottom: 24px;
}
.heart_filter .mfo_input_wrapper{
    width: 100%;
    margin-bottom: 0;
}
.heart_filter .mfo_input_wrapper input{
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    width: 100%;
    padding-left: 23px;
}
.heart_filter .filter_select{
    margin-top: 8px;
}
.heart_filter .mfo_select{
    margin-top: 0;
}
.heart_filter .mfo_select .mfo_select_box{
    width: 292px;
}
.heart_filter .mfo_select_box{
    width: 100%;
    height: 52px;
    padding: 12px 49px 14px 23px;
    font-size: 17px;
}
.heart_filter .mfo_select_items_box li > label{
    font-size: 17px;
}
.heart_filter .mfo_select_box .mfo_select_value p{
    height: 26px;
    overflow: hidden;
}
.heart_filter .filter_select .select_btn{
    min-width: 104px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #FF6700;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    color: #FF6700;
    cursor: pointer;
}
.heart_filter .filter_select .select_btn:hover{
    color: #fff;
    background-color: #FF6700;
}
.heart_filter .filter_select .mfo_select .mfo_select_box::after{
    top: 20px;
}
.heart-table{
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 0 0 1px rgba(209, 209, 209, 1);
 
}
.heart-table td, .heart-table th{
    border: 1px solid rgba(209, 209, 209, 1);
    padding: 8px 17px;
    text-align: center;
    vertical-align: middle;
    
}
.heart-table th{
    background: #FF6700;
    
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    padding: 8px 17px !important;
}
.heart-table.insurance-table th{
    border: 1px solid #FF6700;
}
.heart-table td{
    
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    color: #1B1B1B;
}
.heart-table tbody tr:last-child td {
    border-bottom: 0;
}
.heart-table .row_1{
    padding: 8px 12px;
    border-left: 0;
}
.heart-table .row_2{
    max-width: 195px;
    padding: 17px;
}
.heart-table .row_3{
    border-right: 0;
}
.heart-table .row_3 .choice_btn{
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    color: #FF6700;
    padding: 4px 13px;
    border: 1px solid #FF6700;
    border-radius: 30px;
    margin-top: 3px;
    cursor: pointer;
}
.heart-table .row_3 .choice_btn:hover{
    color: #fff;
    background-color: #FF6700;
}
.scroll_wrapper .mfo_pagination {
    margin-top: 24px;
}
#popupHeartTable .popupPage__block--body{
    max-height: 700px;
    height: calc(100% - 200px);
    position: relative;
}
#popupHeartTable .mfo_select_items_box li{
    height: fit-content;
}
.popupPage .pre_order_info{
    text-align: left;
    line-height: 1.8;    
}
.popupPage .pre_order_info ul{
    list-style: disc;
    padding-left: 25px;
}
.popupPage .pre_order_info ol{
    list-style: decimal;
    padding-left: 25px;
}
#popupBonus .popupPage__block--body{
    padding-top: 0;
    margin-top: 20px;
}
/**愛心碼查詢**/
#popupAgreeTstSimMsgPop .popupPage__footer_tst {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		padding: 15px 0;
		z-index: 88;
}

#popupAgreeTstSimCnsMsgPop .popupPage__footer_tst {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		padding: 15px 0;
		z-index: 88;
}
@media (max-width:1620px){
    .popupPage__block--title.align_left_deco h3 {
        font-size: 26px;
    }
}
@media (max-width:1580px){
    .popupPage .popupPage__block_big.block_big_wid{
        width: 1400px;
    }
}
@media (max-width:1440px){
    .popupPage .popupPage__block_big.block_big_wid{
        width: 1200px;
    }
    .popupPage.popupVideo .popupPage__block--body iframe{
        width: 100%;
        height: 675px;
    }
}
@media (max-width:1366px){
    .popupPage .free_prepayment_certificate_wrapper .table_div table{
        font-size: 18px;
    }
    .popupPage__block--title.align_left_deco h3{
        font-size: 24px;
    }
    .process_pop_box .cate_title h2{
        font-size: 24px;
    }
    .popupPage__block--title > strong{
        font-size: 28px;
    }
    .popupPage__block--body--addbuy{
        padding-top: 20px;
    }
    .popupPage__block--body > .productIntroduce{
        gap: 6px;  
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__brand {       
        font-size: 18px;
        line-height: 1.5;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__prodName{
        font-size: 32px;
        line-height: 1.5;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__field{
        margin: 10px 0 0 0;
        font-size: 17px;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__field > .productIntroduce__field--feature > li{
        font-size: 17px;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__btn{
        margin-top: 10px;
    }
}
@media (max-width:1280px){
    .popupPage__block--body--addbuy > img {
        max-width: 45vw;      
    }
    .popupPage.popupVideo .popupPage__block--body iframe{
        width: 100%;
        height: 55vw;
    } 
    .popupPage__block{
        max-width: 90%;
    }
    .popupPage__block--body > .product_style_select {
        grid-template-columns: repeat(5, 1fr);
    }
    .popupPage__block--title.align_left_deco.fix_wid{
        margin-left: 0;
        margin-right: 0;
    }
    #popupSortRule .popupPage__block--title.align_left_deco.fix_wid{
        margin: 0 10%;
    }
    #popupSortRule .popupPage__block--body{
        margin: 0 10%;
    }
    .popupPage .filter_rule_wrapper{
        margin-left: 0;
        margin-right: 0;
    }
    .process_pop_box .cate_title{
        margin-left: 0;
        margin-right: 0;
    }
    .process_pop_container{
        margin-left: 0;
        margin-right: 0;
    }
    .popupPage__block--body--ticket {
        padding: 30px;
        display: grid;
        grid-gap: 50px;
        grid-template-columns: 1fr ;
    }
    .popPage_block_installment .popupPage__block--body{
        padding-bottom: 80px;
        max-height: 440px;
    }
}
@media (max-width:1240px){
    .popupPage .popupPage__block_big{
        width: 90%;
    }
    .popupPage.popupVideo .popupPage__block{
        width: 100%;
    }
}
@media (max-width: 1170px){
    .popupPage .cate_title{
        width: 90%;
        margin: 20px auto 0;
    }
    .popupPage .certificate_img{
        width: 90%;
    }
}
@media (max-width: 992px){
  
    #popupMarketing .popupPage__block--title h3, #popupNotFinish .popupPage__block--title h3{
        font-size: 21px;
        line-height: 30px;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col .col{
        width: 100%;
    }
    .popupPage .popupPage__block_big.block_big_wid .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group .radio_item_wrapper{
        width: 100%;
    }
    .popupPage .popupPage__block_big.block_big_wid .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group.mfo_radio_wid_big .radio_item_wrapper{
        width: 100%;
    }
    .popupPage .popupPage__block_big.block_big_wid .filter_rule_wrapper .item_form_list .controller_radio_toggle .mfo_radio_group.mfo_radio_wid_big .radio_item_wrapper{
        width: 100%;
        padding-left: 0px;
        padding-right:0px;
    }
    .popupPage .mfo_tabs_wrapper .panel_container{
        padding: 25px;
    }
    .popupPage__block--title h3{
        font-size: 16px;
        line-height: 23px;
    }
    .popupPage .privacy_rule{
        font-size: 14px;
    }
    .popupPage .panel_container .panel_div .item .item_title h4{
        font-size: 14px;
    }
    .popupPage .panel_container .panel_div .item .item_title h4:after{
        margin-left: 10px;
    }
    .popupPage .panel_container .panel_div{
        font-size: 14px;
    }
    .popupPage .panel_container .panel_div .item .item_info .remark{
        padding: 15px;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col{
        display: block;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col .col{
        width: 100%;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col .col .sub_item .sub_label{
        width: 120px;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_preferential .two_col .col .sub_item .sub_desc{
        width: calc(100% - 120px - 8px);
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col .col .sub_item .sub_label{
        width: 120px;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col .col .sub_item .sub_desc{
        width: calc(100% - 120px - 8px);
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_gift .sub_item .sub_label{
        width: 120px;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_gift .sub_item .sub_desc{
        width: calc(100% - 120px - 8px);
        padding-left: 8px;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col{
        display: block;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col .col{
        width: 100%;
    }
    .popupPage .panel_container .panel_div .item .item_info .plan_basic .two_col.col{
        width: 100%;
    }
    .popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail h5{
        font-size: 16px;
    }
    .popupPage .special_contact_wrapper .controller_surname_sex_wrapper .surname{
        width: calc(100% - 180px);
    }
    .popupPage .special_contact_wrapper .controller_surname_sex_wrapper  .mfo_input_wrapper{
        width: 100%;
    }
    .popupPage .special_contact_wrapper .item_form_list .mfo_select{
        width: 100%;
    }
    .popupPage .panel_container .panel_div .item .item_info .remark p{
        width: 465px;
        max-height: 46px;
    }

    /**愛心碼查詢**/
    .not_find img {
        max-width: 200px;
    }
    .not_find_text{
        margin-top: 32px;
    }
    .not_find{
        width: 96%;
    }
    .heart_filter .filter_title, .not_find_text{
        font-size: 14px;
        line-height: 20px;

    }    
    .heart_filter .filter_select .mfo_select .mfo_select_box::after{
        top: 18px;
    }
    .heart_filter .mfo_input_wrapper input{
        height: 48px;
        margin-bottom: 0;
    }       
    .heart_filter{
        width: 96%;
    }
    .heart_filter span{
        font-size: 14px;
        line-height: 20px;
    }
    .heart_filter .mfo_select_box{
        font-size: 14px;
        line-height: 20px;
        height: 48px;
        padding: 10px 49px 12px 23px;
    }
    .heart_filter .mfo_select_items_box li > label{
        font-size: 14px;
    }
    .heart_filter .mfo_input_wrapper input{
        font-size: 14px;
    }
    .heart_filter .filter_select .select_btn{
        min-width: 79px;
        font-size: 14px;
        height: 48px;
        line-height: 48px;
    }
    .heart_filter .filter_item{
        margin-bottom: 8px;
    }
    .heart_filter .mfo_select .mfo_select_box{
        width: 100%;
    }
     /**愛心碼查詢**/
}
@media (max-width: 840px) {
    .popupPage__block--body--addbuy > img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .popupPage__block--body--ticket{
        grid-template-columns: 1fr;
    }
    .popupPage__block--body--addbuy {
        display: block;
        padding-top: 8px;
        flex-direction: column;
        /*margin-bottom: 80px;*/
        max-height: calc(80vh - 70px);
        padding-bottom: 110px; /**原本80px**/
    }
    .popupPage__block--body--addbuy > .productIntroduce{
        max-height: max-content;
        overflow:visible;
        padding-bottom: 0;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__btn {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        justify-content: center;
        padding: 15px 0;
        background-color: #fff;
        border-radius: 0 0 var(--roundCornerSmall) var(--roundCornerSmall);
        z-index: 2;
    }
}
@media (max-width: 820px){
    .popupPage .popupPage__block_middle{
        max-width: 90%;
        padding: 23px 15px;
    }
    .popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02{
        padding-left: 30px;
    }
}
@media (max-width: 768px){
    #popupMarketing .item_form_list, #popupNotFinish .item_form_list{
        padding: 0 24px;
    }
    .popup_normal_text{
        padding: 0 24px;
    }
    #popupMarketing .marketing_box{
        margin: 0 24px 24px;
    }
    #popupTimeOut .popup_normal_text{
        text-align: center;
        padding: 0 31px;
    }
    #popupMarketing .popup_normal_text{
        margin-bottom: 20px;
    }
    .process_pop_box {
        padding: 30px;
    }
    .process_pop_box .cate_title h2{
        padding-bottom: 8px;
        font-size: 20px;
    }

    .process_pop_container .number_choose_b1 {
        margin: 10px auto 20px auto;
    }

    .process_pop_container .number_choose_b2 {
        margin: 10px auto 20px auto;
    }

    .process_pop_container .cate_title {
        border-bottom: 1px solid #D2D2D2;
        position: relative;
        margin-bottom: 20px;
    }

    .process_pop_close {
        right: 20px;
        top: 20px;
    }

    .process_pop_close img {
        width: 16px;
    }

    .process_pop_container {
        padding: 0 5px;
    }

    .process_pop_btn button {
        font-size: 14px;
        margin: 5px;
    }

    .process_pop_btn button.btn_orange {
        min-width: auto;
        padding: 6px 15px;
        min-height: auto;
    }
    .process_pop_btn button.btn_white{
        min-width: auto;
        padding: 5px 15px;
        min-height: auto;
    }
    .popupPage .health_insurance_wrapper{
        font-size: 14px;
    }
    .popupPage .momo_search_id_wrapper .search_id_top{
        font-size: 14px;
    }
    .popupPage .momo_search_id_wrapper .search_id_middle .label{
        font-size: 14px;
    }
    .popupPage .momo_search_id_wrapper .search_id_middle .mfo_input_wrapper input{
        font-size: 14px;
    }
    .popupPage .momo_search_id_wrapper .search_id_bottom{
        font-size: 14px;
    }

    .popupPage .popupPage__block_small{
        width: 90%;
    }
    .popupPage .free_prepayment_certificate_wrapper .table_div table{
        font-size: 14px;
        line-height: 18px;
    }
    .popupPage .free_prepayment_certificate_wrapper.ohter_service_wrapper .table_div table tbody td ol{
        padding-left: 20px;
    }

    .popupPage__block--title.align_left_deco.fix_wid{
        margin-left: 0;
        width: 100%;
    }
    .popupPage .popupPage__block_big.block_big_wid .popupPage__block--title.align_left_deco.fix_wid{
        margin: 0;
        width: 100%;
    }
    .popupPage .filter_rule_wrapper{
        margin: 0;
    }
    .popupPage .popupPage__block_big.block_big_wid .filter_rule_wrapper{
        margin: 0;
    }
    .popupPage .special_contact_wrapper{
        margin-left: 0;
        margin-right: 0;
    }
    .popupPage .special_contact_wrapper .fiber_title{
        font-size: 14px;
        line-height: 20px;
    }
    .popupPage .popup_sort_fliter .filter_rule_wrapper{
        margin: 0 10%;
    }
    #popupSortRule.popupPage .popup_sort_fliter .filter_rule_wrapper{
        margin: 0;
    }
    #popupSortRule button.mfo_button.popup.wid_02{
        min-width: 120px;
    }
    .popupPage .popup_sort_fliter .popupPage__block--title.align_left_deco.fix_wid{
        width: calc(100% - 20%);
        margin: 0 10%;
    }
    .popupPage .special_contact_wrapper .fiber_address_info .fiber_item{
        font-size: 14px;
        line-height: 20px;
    }
    .popupPage .special_contact_wrapper .item_form_list .mfo_select{
        width: 100%;
    }    
    .popupPage .special_contact_wrapper .controller_surname_sex_wrapper .sex {
        margin-left: 10px;
    }
    .popupPage .special_contact_wrapper .controller_surname_sex_wrapper .sex .mfo_radio_group .radio_item_wrapper {
        padding-left: 25px;
        width: 60px;
    }
    .popupPage .special_contact_wrapper .controller_surname_sex_wrapper .sex .mfo_radio_group .radio_item_wrapper .checkmark{
        left: 0;
    }
    .popupPage .special_contact_wrapper .controller_surname_sex_wrapper .surname{
        width: calc(100% - 130px);
    } 
    .popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-order tbody td:first-child{
        width: 30% !important;
    }
    .popupPage__block.popupPage_filter.block_big_wid{
        max-width: 92%;
    }
    .popupPage .filter_rule_wrapper{
        padding-right: 30px;
    }
    .popupPage__block--title.align_left_deco h3{
        font-size: 20px;
        padding-bottom: 8px;
    } 
    #popupfilterRule  .popupPage__block.popupPage_filter.block_big_wid{
        max-width: 100%;
    } 
}
/* Mobile */
@media (max-width: 767px) {
    .popupPage__block {
      width: 85%;
      max-width: 530px;
      max-height: 95%;
    }
    .popupPage__block--small {
        min-width: auto;
        max-width: 95%;
        max-height: 80vh;
    }
    #popupPlan .popupPage__block {
        max-height: 100%;
        height: 100%;
    } 
    .popPage_block_installment{
        max-height: calc(88% - 0px) !important;
    }     
    .popPage_block_installment .popupPage__block--body{       
        max-height: 78vh;
        padding-bottom: 120px;
    }   
    .popPage_block_installment .popupPage__block--body > .product_style_select{
        margin-bottom: 20px;
    }
    .popPage_block_installment  button.mfo_button.popup {
        margin: 0;
    }
    .popPage_block_installment.popupPage__block--footer_absolute .popupPage__footer{
        padding-top: 0;
        margin-top: 10px;
    }
    .popupPage__block--body {
        font-size: 14px;
        gap: 22px;        
        max-height: calc(80vh - 92px);
        overflow-y: auto;
        margin-bottom: 0;
        padding-right: 5px;
        margin-right: -5px;
    }
    .popupCollect .popupPage__block--body {
        margin-right: 0;
        padding-right: 0;
    }
    .popupDelall .popupPage__block--body {
        margin-right: 0;
        padding-right: 0;       
    }
    #popupDelall.popupPage .popupDelall .popupPage__block--body{
        padding-bottom: 12px;
    }
    #popupDelall.popupPage .popupDelall .popupPage__footer{
       margin-bottom: 0;
       padding: 0;
    }
    .popupPage .popupInsurance .popupPage__block--body{
        min-height: 100px;
    }
    .popupPage__block--body--small {
        padding: 19px 2px 19px 2px;
    }
    .popupPage__block--body--default {
        padding: 40px 29px 22px 29px;
    }
    /* 加購商品 start */
    .popupPage__block--body--addbuy {
        padding-top: 8px;
        flex-direction: column;     
        max-height: calc(80vh - 90px);  
    }
    .popupPage__block--body--addbuy > img {
        width: 100%;
        max-width: unset;
    }
    .popupPage__block--body > .productIntroduce {
        gap: 5px;
        padding-bottom: 0;
        max-height: initial;
        overflow-y: visible;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__brand {
        font-size: 14px;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__prodName {
        font-size: 16px;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__price {
        font-size: 14px;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__price > strong {
        font-size: 20px;
        transform: translateY(-2px);
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__field {
        font-size: 14px;
        margin: 8px 0;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__field > .productIntroduce__field--feature > li {
        font-size: 14px;
        line-height: 20px;
    }
    .popupPage__block--body > .productIntroduce > .productIntroduce__btn, .popupPage__block--body > .productIntroduce > .productIntroduce__btn > button {
        flex: 1;
    }
    /* 加購商品 end */

    .popupPage__block_favorite_purchases{
        max-height: 100%;
        height: 100%;
    }
    /* footer */
    .popupPage__block--body > .footer-center {
        flex-direction: column-reverse;
    }
    .popupPage__block--body > .footer-right {
        flex-direction: row;
    }
    .popupPage__block--body > .footer-center {
        justify-content: center;
    }
    .popupPage__block--body > .footer-right {
        justify-content: flex-end;
    }
    .popupPage__block--body > .desc {
        font-size: 14px;
    }
    .popupPage__block--title > strong {
        font-size: 16px;
    }
    .popupPage__block--title::after {
        width: 64px;
        height: 3px;
    }
    .popupPage__block--body--ticket {
        /*padding: 27px 0px 27px 0px;*/
        padding: 10px 0;
        gap: 10px;
        grid-template-columns: 1fr;
    }
    .popupPage__block--body > .product_style_select {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }
    .popupPage__block--body > .radioGroup {
        grid-template-columns: 1fr 1fr;
    }
    .popupPage__footer{
        position: fixed;
    }   
    #popupIdcard .popupPage__block--body{
        min-height: 430px;
        padding-bottom: 60px;
    }
    #popupIdcard .popupPage__footer{
        position: absolute;
    }
    #popupCustomerAttributes .popupPage__footer{
        position: absolute;
    }
    #popupOccupation .popupPage__footer {
        position: absolute;
    }
    #popupHealthInsurance .popupPage__footer{
        position: absolute;
    }
    #popupHealthInsurance .popupPage__block--body{
        min-height: 320px;
        padding-bottom: 60px;
    }
    #popupRelieve  .popupPage__footer{
        position: absolute;
    }  
    #popupSevenDayTry .popupPage__block--body{
        min-height: 420px;
        padding-bottom: 60px;
    }
    #popupSevenDayTry .popupPage__footer{
        position: absolute;
    } 
    #popupMomo .popupPage__block--body{
        min-height:250px;
        padding-bottom: 60px;
    }
    #popupMomo .popupPage__footer{
        position: absolute;
    } 
    #popupMomo button.mfo_button.popup.btn_style02{
        min-width: 110px;
        max-width: fit-content;
        padding-left: 15px;
        padding-right: 15px;
    }
    #popupQRcodeUpload .popupPage__block--body{
        min-height:280px;
        padding-bottom: 60px;
    }
    #popupQRcodeUpload .popupPage__footer{
        position: absolute;
    }
    #newnewPop .popupPage__block--body{
        min-height: 200px;
        padding-bottom: 60px;
    }
    #newnewPop .popupPage__footer{
        position: absolute;
    }
    #popupHeartTable .popupPage__block--body{
        padding-bottom: 80px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #popupHeartTable .popupPage__footer{
        position: absolute;
    }
    #popupHeartTable .heart_filter{
        width: 100%;
        max-width: 100% !important;
    }
    #popupHeartTable  .scroll_wrapper{
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
    #popupHeartTable .heart_filter .filter_select .mfo_select .mfo_select_box::after{
        top: 15px;        
    }
    #popupPayWay .popupPage__block--body{
        min-height: 400px;
        padding-bottom: 60px;
    }
    #popupPayWay .popupPage__footer{
        position: absolute;
    }
    #popupInvoice .popupPage__block--body{      
        padding-bottom: 80px;
    }
    #popupInvoice .popupPage__footer{
        position: absolute;
    }
    #popupHeartInfo .popupPage__block--body{      
        padding-bottom: 60px;
    }
    #popupHeartInfo .popupPage__footer{
        position: absolute;
    }
    #popupApplyNature .popupPage__block--body{
        padding-bottom: 60px;
    }
    #popupApplyNature .popupPage__footer{
        position: absolute;
    }
    #popupApplyWay .popupPage__block--body{
        padding-bottom: 60px;
    }
    #popupApplyWay .popupPage__footer{
        position: absolute;
    }
    #popupInstallmentBank .popupPage__block--body{
        padding-bottom: 80px;
        max-height: calc(90vh - 150px );
    }
    #popupInstallmentBank .popupPage__footer{
        position: absolute;
    }
    #alertMergSystemePopup .popupPage__block--body{
        padding-bottom: 60px;
    }
    #alertMergSystemePopup .popupPage__footer{
        position: absolute;
    }
    #popupTimeout  .popupPage__block--body{
        padding-bottom: 60px;
    }
    #popupTimeout .popupPage__footer{
        position: absolute;
    }
    #popupMyfone  .popupPage__block--body{
        padding-bottom: 60px;
    }
    #popupMyfone .popupPage__footer{
        position: absolute;
    }
    #popupMyfone .popupPage__footer  button.mfo_button.popup{
        max-width: fit-content;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 0;
    }
    #popupFamilymart  .popupPage__block--body{
        padding-bottom: 60px;
    }
    #popupFamilymart .popupPage__footer{
        position: absolute;
    }
    #popupFamilymart .popupPage__footer  button.mfo_button.popup{
        max-width: fit-content;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 0;
    }
    #identityCheck .popupPage__block--body{
        padding-bottom: 60px;
    }
    #identityCheck .popupPage__footer{
        position: absolute;
    }
    #momoInfo .popupPage__block--body{
        padding-bottom: 60px;
    }
    #momoInfo .popupPage__footer{
        position: absolute;
    }
    #popupAlertInfo .popupPage__block--body{
        padding-bottom: 60px;
    }
    #popupAlertInfo .popupPage__footer{
        position: absolute;
    }
    #popupMomoSearchId .popupPage__block--body{
        padding-bottom: 60px;
    }
    #popupMomoSearchId .popupPage__footer{
        position: absolute;
    }
    #popupMomoSearchTeach  .popupPage__block--body{
        padding-bottom: 60px;
    }
    #popupMomoSearchTeach .popupPage__footer{
        position: absolute;
    }
    .popupCollect .popupPage__footer{
        position: relative;
    }   
    .popupPage__block--footer_absolute .popupPage__footer{
        position: absolute;
        border-radius:0 0 var(--roundCornerSmall) var(--roundCornerSmall);
    }
    #popupInstallment .popupPage__footer{
        position: absolute;
        border-radius:0 0 var(--roundCornerSmall) var(--roundCornerSmall);
    }

    #popupSortRule .popupPage__block--title.align_left_deco.fix_wid{
        margin: 0;
    }
    #popupSortRule .popupPage__block--body{
        margin: 0;
    }
    #popupSortRule.popupPage .popupPage__block_small{
        width: 100%;
    }
    #popupSortRule.popupPage .popup_sort_fliter .filter_rule_wrapper{
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
    #popupNotFinish .popupPage__block--body{
        min-height: 400px;
    }
    #popupNotFinish .popupPage__footer{
        position: absolute;
    }
    .popupPage__block--footer_absolute.popupPage__block--body, .popupPage__block--footer_absolute.popupPage__block--small{
        max-height: calc(90% - 0px);
        padding-bottom: 100px;
      
    }
    .popupPage__block.popupPage__block--small.popupPage__block--footer_absolute.popPage_block_other_purchase{
        max-height: calc(80vh - 0px);
    }
    .popupPage__block--footer_absolute.popupPage__block--body.popPage_block_ticket{
        max-height: calc(85vh - 100px);
    }
    .popupContent__title > h1 {
        font-size: 16px;
        line-height: 23px;
    }
    .popupContent__title > p {
        font-size: 12px;
        line-height: 17px;
    }
    .popupContent__form {
        flex-direction: column;
        gap: 7px;
    }
    .popupContent__form > .mfo_input_wrapper,
    .popupContent__form > .mfo_input_wrapper > input {
        width: 100%;
        margin-bottom: 0;
    }

    .popupPage__block--body > .radioGroup > .radio_item_wrapper {
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 18px;
    }

    .popupPage__block--body > .radioGroup > .radio_item_wrapper > .checkmark {
        width: 18px;
        height: 18px;
    }
    
    .popupContent__form > .mfo_input_wrapper:last-child > input {
        margin-bottom: 0;
    }
    .popupContent__imgCard > .img {
        width: 100%;
    }
    .popupContent__imgCard--introduce {
        padding: 13px 24px;
        gap: 25px;
    }
    .popupContent__imgCard--introduce > p {
        font-size: 12px;
    }
    .popupContent__imgCard--introduce > .title {
        font-size: 14px;
    }
    .popupPage .seven_day_try_wrapper{
        padding-bottom: 0;
    }
    #popupCollect.popupPage .popupPage__footer{       
        margin-bottom: 0px;
    }
    #popupDelall-hid.popupPage .popupPage__footer{      
        margin-bottom: 0px;
    }
    #identityCheck.popupPage .seven_day_try_wrapper{
        padding-bottom: 50px;
    }
    /* 優惠券 start */
    .ticketCard {
        width: 100%;
    }
    .ticketCard > .field {
        height: 84px;
    }
    .ticketCard > .field > .field__dotGroup {
        top: 2px;
        width: 12px;
    }
    .ticketCard > .field > .leftDot {
        left: -6px;
    }
    .ticketCard > .field > .rightDot {
        right: -6px;
    }
    .ticketCard > .field > .field__dotGroup > .field__dotGroup--dot {
        width: 12px;
        height: 13px;
        margin: 1.5px 0;
    }
    .ticketCard > .field > .field__ploygon {
        width: 60px;
        left: 8px;
    }
    .ticketCard__dollar {
        position: relative;
        width: 40px;
        height: 100%;
        font-size: 12px;
        line-height: 17px;
    }
    .ticketCard__dollar::after {
        width: 60px;
        right: -28px;
    }
    .ticketCard__content {
        width: calc(100% - 40px);
        gap: 4px;
    }
    .ticketCard__content--desc {
        font-size: 10px;
        line-height: 14px;
    }
    .ticketCard__content--title {
        font-size: 16px;
        line-height: 23px;
    }
    .ticketCard__content--deadline {
        padding: 3px 14px;
        font-size: 10px;
        line-height: 14px;
    }
    .ticketCard__footer {
        margin-top: 2px;
        font-size: 10px;
    }
    /* 優惠券 end */

    button.mfo.plan.secondary {
      width: 209px;
    }

    .popupPage__footer button {
        flex: 1;
    }
    .popupPage__footer, .installmentPopupFooter {
        margin-top: 20px;
    }

    .input_box_two .label {
        font-size: 14px;
    }

    button.mfo_button.popup.btn_style01,
    button.mfo_button.popup.btn_style02{
        height: 38px;    
    }

    .input_box_two .sub_item {
        width: calc(50% - 10px);
    }
    .popupPage__block--title.align_left_deco h3{
        font-size: 18px;
        color: #1B1B1B;
        display: block;
        text-align: center;

    }
    .popupPage__block--title.align_left_deco h3:before{
        background-color: transparent;
    }
    #popupMarketing .popupPage__block--title h3, #popupNotFinish .popupPage__block--title h3{
        font-size: 16px;
        line-height: 23px;
    }
    #popupMarketing .item_form_list, #popupNotFinish .item_form_list{
        flex-direction: column;
    }
    #popupMarketing .mfo_input_wrapper input, #popupNotFinish .mfo_input_wrapper input{
        width: 100%;
    }
    .popup_normal_text, #popupMarketing .marketing_title{
        font-size: 14px;
        line-height: 20px;
    }
    #popupMarketing .marketing_text{
        padding: 13px 20px 7px;
    }
    #popupMarketing .marketing_date{
        font-size: 12px;
        line-height: 17px;
    }
    #popupCertificate .popupPage__footer{
        position: absolute;
    }  
    .popMobileNofixedPos .popupPage__footer{
        position: absolute;
    }  
    .popMobileNofixedPos .popupPage__block--body {
        padding-bottom: 60px;
    }

    .two_btns{
        gap: 12px;
        margin-top: 10px !important;
    }
    .two_btns .mfo_button{
        width: 112px !important;
        height: 37px !important;
        flex: unset !important;
        line-height: 37px;
    }
    .two_btns .mfo_button.tertiary{
        width: 138px !important;
        height: 37px !important;
        flex: unset !important;
    }
    .process_pop{
        height: 100dvh; 
    }
    .process_pop_box.pop_number_choose {
        max-width: 100%;     
        max-height:100dvh;  
        height: 100dvh;         
        border-radius: 0;
        padding: 15px 0px 15px 0px;       
    }   
    .process_pop_box.pop_number_choose .cate_title{
        text-align: center;
        margin: 0 15px;
    }

    .process_pop_box.pop_number_choose .cate_title h2{
        font-size: 18px;
        color: #1b1b1b;
        font-weight: 700;
        padding-bottom: 8px;
    }

    .process_pop_box.pop_number_choose .cate_title h2:after {
        height: 0px;
    }

    .process_pop_box.pop_number_choose .process_pop_container {
        padding: 0px 10px 0px 20px;
        margin-right: 10px;
        /*max-height: calc(100dvh - 100px);
        height: calc(100dvh - 100px);*/
        max-height: calc(100dvh - 60px);
        height: calc(100dvh - 60px);
        margin-bottom: 0;
        padding-bottom: 60px;
        position: relative;
    }
    .process_pop_btn{
        position: fixed;
    }
    .process_pop.active .process_pop_btn{
        z-index: 20001;
    }
    .popupPage{
        height: 100dvh;
    }
    .popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body{
        max-height: calc(95dvh - 92px - 30px);
    }
    .popupPage .popupPage_filter{
        width: 100%;
        border-radius: 0;
        max-width: 100vw;
        max-height: 100dvh;        
        height: 100dvh;        
    }
    .popupPage .popupPage_filter .popupPage__block--body{
        /*max-height: calc(100vh - 92px);*/
        /*max-height: calc(100vh - 131px);*/
        max-height: calc(100dvh - 91px);
        height: calc(100dvh - 91px);
        display: block;
        padding-top: 0;
        overflow-y: auto;
        padding-right: 10px;
        margin-right: -10px;
    }
    .popupPage .popup_sort_fliter .filter_rule_wrapper{
        margin: 0 auto ;
        width: 80%;
        /*min-height: 72vh;*/
    }
    .popupPage .popup_sort_fliter .popupPage__block--title.align_left_deco.fix_wid{
        width: 100%;  
        margin: 0;    
    }
    .body_popup_ios .popupPage .popupPage_filter .popupPage__block--body,.body_Mobile_device .popupPage .popupPage_filter .popupPage__block--body{
        max-height: calc(100vh - 151px);
        height: calc(100vh - 151px);
    }
    .popupPage .popupPage_filter .popupPage__footer{
        margin-top: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;      
        height: fit-content;      
    }
    .popupPage .filter_rule_wrapper.mobile_add_min_hei{
        /*min-height: 65vh;*/
    }
    .giveawayPopup_content{
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0;
    } 
      
}
@media (max-width: 640px){    
    .popupPage .popupPage__block_big{
        width: 100%;
        max-width: 100%;        
        /*height: 100vh;*/
        border-radius:0;
        /*min-height: 100vh;*/
      
    }    
    .popupPage__block_notice.popupPage__block_big {
        border-radius: var(--roundCornerSmall);
        width: calc(100% - 20px);   
    }
    .popupPage__block_notice .popupPage__footer{
        margin-top: 0;
        padding-bottom: 0;
    }
    #popupCollect.popupPage .popupPage__block_big.popupCollect{
        width: 90%;
        border-radius: var(--roundCornerSmall);
      
    }
    #popupBonus.popupPage .popupPage__block_big{
        width: 90%;
        border-radius: var(--roundCornerSmall);
    }
    #popupBonus.popupPage .popupPage__block_big .popupPage__block--body{
        margin-top: 25px;
        padding-top: 0;
    }
    #popupCollect.popupPage .popupPage__block_big.popupCollect .popupPage__block--body{
        min-height: 80px;
    }
    #popupCollect.popupPage .popupPage__block_big.popupCollect .popupPage__block--body .privacy_rule{
        margin-top: 25px;
    }
    #popupCertificate.popupPage .popupPage__block_big{
        border-radius:var(--roundCornerSmall);
        max-width: 90%;
        width: 90%;
    }
    #popupInvoice.popupPage .popupPage__block_big{
        border-radius:var(--roundCornerSmall);
        max-width: 90%;
        width: 90%;
    }
    #popupMomoSearchTeach.popupPage .popupPage__block_big{        
        border-radius:var(--roundCornerSmall);     
        width: calc(100% - 20px);
    }
    .popupPage .momo_search_id_wrapper{
        max-width: 282px;
    }
    .popupPage .health_insurance_wrapper{
        max-width: 262px;
    }
    #popupHealthInsurance .popupPage__block--body{
        min-height: 280px;
    }
    #popupOccupation .popupPage__block--body{
        min-height: 490px;
    }
    #popupOccupation .popupPage__block--body .occupation_wrapper{
        margin-left: 0;
        margin-right: 0;
    }
    #popupCustomerAttributes .popupPage__block--body{
        min-height: 430px;
    }
    #popupCustomerAttributes .popupPage__block--body .customer_attributes_wrapper{
        margin-left: 0;
        margin-right: 0;
    }
    .popupPage .id_card_wrapper{
        max-width: 262px;
    }
    .popupPage .seven_day_try_wrapper{
        max-width: 262px;
    }
    .popupPage .familymart_wrapper{
        max-width: 262px;
    }
    .popupPage .free_prepayment_certificate_wrapper .table_div table{
        font-size: 12px;
    }    
    .popupPage .free_prepayment_certificate_wrapper .table_div table thead th:first-child{
        width: 45%;
    }
    .popupPage .free_prepayment_certificate_wrapper .table_div table tbody td{
        padding: 5px;
    }
    .popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper p{
        font-size: 14px;
        line-height: 20px;
    }
    .popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper p:last-child{
        margin-bottom: 0;
    }
    .popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper h4{
        font-size: 14px;
        line-height: 20px;
    }
    .popupPage .free_prepayment_certificate_wrapper.phone_number_notice_wrapper .table_div{
        margin-bottom: 20px;
    }
    .popupPage .free_prepayment_certificate_wrapper .table_div table thead th:nth-child(1){
        width: 22%;
    }
    .popupPage .free_prepayment_certificate_wrapper .table_div table thead th:nth-child(3){
        width: 22%;
    }
    .popupPage button.mfo_button.popup.btn_mobile_resize{
        width: 214px;   
        display: inline-block;
        margin: 0 auto;
        max-width: 214px;
    }
    .popupPage .free_prepayment_certificate_wrapper{
        padding-right: 5px;
    }  
    .popupPage .special_contact_wrapper{
        padding-right: 5px;
        padding-left: 1px;
    }
    .popupPage .filter_rule_wrapper{
        padding-right: 5px;
    }
    .popupPage .panel_container .panel_div .item .item_info .contract_div .contract_detail .twm-table-order tbody td.format{
        padding-left: 0;

    }
    .popupPage .popup_sort_fliter .filter_rule_wrapper{
        /*min-height: 68vh;*/
    }
    .popupPage .relieve_info{
        max-width: 100%;
        min-height: 350px;
        /*padding: 0 25px;*/
    }
    .popupPage .relieve_info ul li h4 span{
        display: block;
    }
    .popupPage .popupPage__block_small{
        width: calc(100% - 20px);
    }    
    .popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body{
        max-height: calc(100vh - 92px - 10px);
    }      
    #popupPlan.popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body{
        height: 100vh;
    }
    .popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body .panel_container .panel_div{
        max-height: calc(100vh - 92px - 120px  );
        margin-bottom: 30px;
        padding-bottom: 40px;
    }
    .process_pop_box.pop_number_choose .process_pop_container{
        /*max-height: calc(100vh - 120px);       */
    }
    .popupPage .popupPage_filter .popupPage__block--body{
        max-height: calc(100vh - 91px - 30px  );
        /*scrollbar-color: transparent transparent;*/
    }      
    .popupPage .popupPage_filter .popupPage__block--body::-webkit-scrollbar {
        /*background:transparent !important; */
    }
    .popupPage .popupPage_filter .popupPage__block--body::-webkit-scrollbar-track {
        box-shadow: none; 
        /*background:transparent !important;  */
    }  
    .popupPage .popupPage_filter .popupPage__block--body::-webkit-scrollbar-thumb {
        /*background:transparent !important;  */
    }
    .popupPage .panel_container .panel_div .item .item_info .remark p{
        width: 100%;
        max-height: fit-content;
    }
    #identityCheck.popupPage .radio_item_wrapper{
        padding-left: 20px !important;
    }  
    .popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols{
        display: block;
    } 
    .popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col01{
        width: 100%;
        text-align: center;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02{
        padding-left: 0;
        width: 100%;
    }
    .popupPage .popupPage__block--body .action.acton_confirm_bid .two_cols .col02 button{
        font-size: 14px;
        height: 37px;
        min-width: 100px;
    }
    .popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body.popupPage__block_bid{
        max-height: calc(100vh - 92px - 30px);
    }
    .popupPage .popupPage__block_big.popupPage__block_big_tab .popupPage__block--body.popupPage__block_bid .panel_container .panel_div {
        max-height: calc(100vh - 92px - 170px );
        min-height: calc(100vh - 92px - 170px );
        padding-bottom: 80px;       
        margin-bottom: 0;
    }
    .popupPage .popupPage__block--body .action.acton_confirm_bid.make_sure_confirm button{
        min-width: 154px;
        min-height: 34px;
    }
    #popupPreOrder .popupPage__block_big{
        width: 90%;
        border-radius: var(--roundCornerSmall);
    }
}
@media (max-width: 500px) {
    .input_box_two {
        flex-direction: column;
    }
    .input_box_two.item_form_list  .sub_item{
        width: 100% !important;
    }
    .input_box_two.item_form_list  .sub_item .mfo_input_wrapper{
        margin-bottom: 0;
    }

    .input_box_two .sub_item {
        width: 100%;
        margin: 5px 0;
    }   
    .popupPage__block_notice  .popupPage__footer .btn_style01,  .popupPage__block_notice  .popupPage__footer .btn_style02{
        margin: 0 3px;
        min-width: 130px;
    }
}
@media (max-width: 480px){
    .process_pop_box {
        padding: 15px 10px;
        top: 0;
        left: 0;
        transform: translate(0%,0%);
    }
    .process_pop_box.pop_number_choose .cate_title{
        margin: 0;
    }
    .popupPage__block--title.align_left_deco.fix_wid{
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
    .popupPage .filter_rule_wrapper{
        padding-right: 3px;
    }
    .popupPage .popupPage__block_big{
        padding: 15px 15px;
    }
    .popupPage .popupPage__block_big .popupPage__block--close{
        top: 20px;
    }
    .body_popup_ios .popupPage .popupPage_filter .popupPage__block--body,.body_Mobile_device .popupPage .popupPage_filter .popupPage__block--body  {
        max-height: calc(100vh - 150px);/**原170**/
        height: calc(100vh - 150px);/**原170**/
        min-height: calc(100vh - 150px);
        padding-bottom: 60px;
    }

    /**愛心碼查詢**/
    .heart-table td, .heart-table th{
        font-size: 12px;
        line-height: 17px;
    }
    .heart-table .row_2{
        max-width: 146px;
        padding: 20px 13px;
    }
    /**愛心碼查詢**/
    
    .popupPage .popupInsurance .popupPage__block--body{
        padding-top: 40px;
        min-height: 100px;
    }
}
@media (max-width: 450px){
    .mb_br{
        display: block;
    }
    
}
@media (max-width: 420px) {
    .ticketCard__dollar {
        width: 30px;
    }
    .ticketCard__content {
        width: calc(100% - 30px);
    }
}
@media (max-width: 376px) {
    /**愛心碼查詢**/
    
    .heart-table .row_3{
        padding: 8px 11px;
    }
    /**愛心碼查詢**/
}
@media (max-width: 374px) {
    .popupPage__block {
        width: 95%;
        height: auto;
        padding: 12px;
    }
    .popupPage__block--small {
        min-width: auto;
    }
    .popupPage__block--body {
        overflow-x: hidden;
    }
    /* 優惠券 start */
    .popupPage__block--body--ticket {
        padding: 27px 0px 27px 0px;
        gap: 10px;
        grid-template-columns: 1fr;
    }
    .ticketCard {
        width: 100%;
    }
    .ticketCard > .field {
        height: 84px;
    }
    .ticketCard > .field > .field__dotGroup {
        top: 2px;
        width: 12px;
    }
    .ticketCard > .field > .leftDot {
        left: -6px;
    }
    .ticketCard > .field > .rightDot {
        right: -6px;
    }
    .ticketCard > .field > .field__dotGroup > .field__dotGroup--dot {
        width: 12px;
        height: 13px;
        margin: 1.5px 0;
    }
    .ticketCard > .field > .field__ploygon {
        width: 60px;
        left: 8px;
    }
    .ticketCard__dollar {
        position: relative;
        width: 40px;
        height: 100%;
        font-size: 12px;
        line-height: 17px;
    }
    .ticketCard__dollar::after {
        width: 60px;
        right: -28px;
    }
    .ticketCard__content {
        width: calc(100% - 40px);
        gap: 4px;
    }
    .ticketCard__content--desc {
        font-size: 10px;
        line-height: 14px;
    }
    .ticketCard__content--title {
        font-size: 16px;
        line-height: 23px;
    }
    .ticketCard__content--deadline {
        padding: 3px 14px;
        font-size: 10px;
        line-height: 14px;
    }
    .ticketCard__footer {
        margin-top: 2px;
        font-size: 10px;
    }
    /* 優惠券 end */
}