/* 匯入共用會員欄位模組.css */
@import url("../style_member/style_member_form.css");

/* 匯入共用燈箱模組.css */
@import url("../../style_popup.css");






/* ==================================== */

.right_contentBg{
    background-color: unset;
    border-radius: 0px;
    color: unset;
    line-height: 0;
    padding: 0;

    box-shadow: none;
}

.registration_bg{
    margin: 0 auto;
    /* padding: 1.25rem 1.5625rem; */
    padding: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    max-width: 970px;
    /* box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%); */
    /* background: linear-gradient(90deg, #231F20 60%, #231F20 100%); */
    background-color: #fff;
    border-radius: clamp(0.4839rem, 0.7813vw, 0.9375rem);

    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.registration_bg .form_list input[type="text"], 
.registration_bg .form_list input[type="email"], 
.registration_bg .form_list input[type="tel"], 
.registration_bg .form_list input[type="date"], 
.registration_bg .form_list textarea {
    border-bottom-color: #333;
    color: #333;
}


.registration_bg .form_list select {
    font-size: inherit;
    line-height: 1.3;
    border-bottom-color: #fff;
    color: #fff;
    background-color: #fff;
    background: #fff0 url(../../../images/bottom_arrow_icon_w.svg) no-repeat;
    background-size: 0.8125rem;
    background-position: right;
    padding: 0.5rem 0rem 0.5rem 0.4375rem;
    padding-right: 1.125rem !important;  
    min-height: 2.625rem;  
}

.registration_bg .form_list  option{
    color: var(--dark_color);
}


.registration_bg .form_list .fL_tit {
    line-height: 1.2;
}


.registration_bg  .form_area {
    column-gap:0.7813vw;
    row-gap: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
    /* gap: 35px 15px; */
}

.registration_bg .form_list.fLType2 {
    width: calc((100% / 2) - (1 * 0.7813vw / 2)); /* 2欄平均寬度，扣除間距  1 × 0.7813vw / 2 */
}


.form_remark{
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
}






/* 單位名稱 */
.institution_info_show{
    display: grid;
    grid-template-columns: 12.5rem auto;
    gap: clamp(0.5484rem, 0.8854vw, 1.0625rem); /* 8.77px , 0.8854vw , 17.00px */
}
    .institution_info_show input.other::placeholder {
        color: rgba(255 255 255 / 80%);
    }







        /*同意條款*/
        .registration_bg .agreeToTerms {
            margin-top:clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
        }
            .registration_bg .agreeToTerms a {
                display: inline;
            }

            .registration_bg .agreeToTerms .item_Check_list {
                align-items: flex-start;
            }
            .registration_bg .agreeToTerms .item_Check_list .check-text {
                line-height: 1.1;
            }
                .registration_bg .agreeToTerms .item_Check_list .check-text ul{
                    margin: 0;
                    padding: 0;
                    list-style-type : none;
                    display: flex;
                    flex-direction: column;
                    gap:clamp(0.3226rem, 0.5208vw, 0.6250rem); /* 5.16px , 0.5208vw , 10.00px */
                    font-size: inherit;
                    line-height: inherit;
                }
                    .registration_bg .agreeToTerms .item_Check_list .check-text li{
                        margin: 0;
                        padding: 0;
                        list-style-type : none;
                        font-size: inherit;
                        line-height: inherit;
                    }

@media (max-width: 990px){

    .registration_bg{
        padding: clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
        
    }

    .form_remark{
        margin-bottom:clamp(1.1291rem, 1.8229vw, 2.1875rem); /* 18.07px , 1.8229vw , 35.00px */
    }

        .registration_bg  .form_area {
            column-gap:0;
        }

            .registration_bg .form_list.fLType2 {
                width: 100%;
            }



            /* 單位名稱 */
            .institution_info_show{
                display: flex;
                grid-template-columns: unset;
                flex-direction: column;
                /*gap: clamp(0.5484rem, 0.8854vw, 1.0625rem);*/ /* 8.77px , 0.8854vw , 17.00px */
            }

  


}



@media (max-width: 640px){


}

/* --- 確認頁資料顯示樣式 --- */
.registration_bg .form_list .fL_info.confirm_text {
    color: var(--primary_color);
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4); /* 加上淡淡的虛線底線增加質感 */
    width: 100%;
}

/* --- 確認頁雙按鈕排列 --- */
.registration_bg .btn_bottom_area.confirm_btns {
    display: flex;
    justify-content: center;
    gap: 20px; /* 兩個按鈕的間距 */
    margin-top: 30px;
}

/* 讓返回按鈕跟送出按鈕有顏色區隔 (非必要，可依您的整體視覺調整) */
.registration_bg .btn_bottom_area.confirm_btns button.back {
    /* background-color: transparent; */
    border: 1px solid #ffffff;
    color: #ffffff;
}

.registration_bg .btn_bottom_area.confirm_btns button.back:hover {
    opacity: 0.7;
    /* background-color: rgba(255, 255, 255, 0.15); */
}

.registration_bg .btn_bottom_area.confirm_btns button.submit {
    /* 這裡延用您原本 button 的預設樣式即可，通常是實心有顏色的 */
    border: 1px solid transparent; 
}


/* 讓複選項目垂直排列，並保持適當間距 */
.check_column_list {
    display: flex;
    flex-direction: column;
    gap: 15px; /* 每個選項的上下間距 */
    align-items: flex-start;
}

/* 複選框排版設定 */
.item_Check_list {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.item_Check_list .item_check {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.item_Check_list .check-text {
    font-size: 16px;
    color: #333;
    line-height: 1.4;
}

/* 強調晚餐名稱 */
.item_Check_list .check-text strong {
    /* color: var(--primary_color, #ff383c); */
}

/* ========================================= */
/* 表單確認頁面 (Confirm Page) 子清單樣式
/* ========================================= */

.confirm_sublist {
    font-size: .9375rem;      /* 字體稍微小一點點 */
    line-height: 1.6;
    padding-left: 1.25rem;
}

.confirm_sublist li {
    margin-bottom: 4px;   /* 每個選項之間的間距 */
}









.fL_info_fd{
    flex-direction: column;
    align-items: start;
}

.radio-text_area{
    display: flex;
    flex-direction: column;
    gap: .3125rem;
}

.radio-text_area .radio-text,
.radio-text_area .notes-text{
    line-height: 1;
}

/* ATM解說區塊----------------- */
.form_area{
    justify-content: start;
}


.atm_note_content {
    display: flex;
    flex-direction: column;
    gap: .3125rem;
}
.registration_bg .form_list .atm_note_content > input.item_radio[type="text"] {
    width: 100%;
    max-width: 12.5rem;
    border: 1px solid #aeaeae;
    border-radius: 3px;
}

.item_RadioCheckArea .item_Radio_list2{
    align-items: start;
}


span.notes-text{
    font-size: clamp(0.75rem, 0.617rem + 0.22vw, 0.875rem);
}

.text_area2{
    background-color: #e9e9e9;
    width: 100%;
    max-width: 30rem; /* 480 */
    padding: 0.625rem;
    border-radius: 3px;
}