/* =========================================================
   2026 光田醫院 × 遠見 趨勢論壇
   Registration + Attention Skin
   ========================================================= */


/* =========================================================
   01. 隱藏原生報名資訊
   ========================================================= */

/* 「報名資訊」標題 */
#section_apply_col .border-txt {
    display: none !important;
}

/* 活動日期／活動型態／活動地點／Google Map */
#section_apply_col .activity-info_card {
    display: none !important;
}

/* 報名時間／報名方式 */
#section_apply_col .activity-info_h3 {
    display: none !important;
}

/* 報名時間／報名方式的說明文字 */
#section_apply_col .activity-info_h3 + p {
    display: none !important;
}


/* =========================================================
   02. 原生報名區塊
   ========================================================= */

#section_apply_col {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    scroll-margin-top: 90px !important;
}

#section_apply_col > .activity-info_sec {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   03. 報名表主體
   ========================================================= */

#form.form-sec {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 960px !important;

    margin: 0 auto !important;

    padding: 38px 40px 32px !important;

    background: #f4f8f6 !important;

    border: 0 !important;
    border-radius: 18px !important;

    box-shadow: none !important;
}


/* =========================================================
   04. 報名表標題
   ========================================================= */

#form .form-sec_title {
    margin: 0 0 6px 0 !important;

    color: #478673 !important;

    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    text-align: center !important;
}


/* 必填提示 */
#form .form-sec_note {
    margin: 0 0 28px 0 !important;

    color: #777 !important;

    font-size: 14px !important;
    line-height: 1.7 !important;

    text-align: center !important;
}


/* =========================================================
   05. 表單欄位
   ========================================================= */

#form .form-grp {
    box-sizing: border-box !important;
    width: 100% !important;
}

#form .form-grp_item {
    box-sizing: border-box !important;

    margin-bottom: 22px !important;
}


/* =========================================================
   06. 欄位名稱
   ========================================================= */

#form .form-grp_label_title {
    display: block !important;

    margin-bottom: 8px !important;

    color: #333 !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}


/* 必填星號 */
#form .form-grp_span {
    margin-right: 4px !important;

    color: #478673 !important;
}


/* =========================================================
   07. Input / Select
   ========================================================= */

#form .form-grp_input {
    box-sizing: border-box !important;

    width: 100% !important;
    min-height: 48px !important;

    padding: 10px 14px !important;

    color: #333 !important;

    font-size: 16px !important;
    line-height: 1.5 !important;

    background: #fff !important;

    border: 1px solid #d7e4df !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* Focus */
#form .form-grp_input:focus {
    outline: none !important;

    border-color: #478673 !important;

    box-shadow:
        0 0 0 3px rgba(71, 134, 115, .12) !important;
}


/* Select */
#form select.form-grp_input {
    cursor: pointer !important;

    background-color: #fff !important;
}


/* =========================================================
   08. 送出按鈕
   ========================================================= */

#form .center {
    text-align: center !important;
}


/*
   使用 inline-flex + 固定高度
   避免「送出報名」中文字垂直偏下
*/
#form .btn.sty-blue {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    width: auto !important;
    min-width: 180px !important;
    height: 46px !important;

    margin: 16px auto 10px !important;

    padding: 0 42px !important;

    color: #fff !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    background: #478673 !important;

    border: 0 !important;
    border-radius: 30px !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition:
        opacity .2s ease,
        transform .2s ease !important;
}

#form .btn.sty-blue:hover {
    opacity: .88 !important;
}


/* =========================================================
   09. 隱私權文字
   ========================================================= */

#form .form_labelmark {
    display: block !important;

    margin-top: 6px !important;
}

#form .form_radiotitle {
    margin: 0 !important;

    color: #777 !important;

    font-size: 13px !important;
    line-height: 1.7 !important;
}

#form .form_link {
    color: #478673 !important;

    text-decoration: underline !important;
}


/* =========================================================
   10. 報名表｜手機版
   ========================================================= */

@media screen and (max-width: 639px) {

    #section_apply_col {
        scroll-margin-top: 75px !important;
    }

    #form.form-sec {
        width: 100% !important;

        margin: 0 auto !important;

        padding: 28px 18px 26px !important;

        border-radius: 14px !important;
    }

    #form .form-sec_title {
        font-size: 23px !important;
    }

    #form .form-sec_note {
        margin-bottom: 22px !important;
    }


    /* 原生雙欄 → 手機單欄 */
    #form .form-grp_item.w6 {
        float: none !important;

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 18px !important;
    }

    #form .form-grp_input {
        min-height: 48px !important;

        font-size: 16px !important;
    }


    /* 手機送出按鈕 */
    #form .btn.sty-blue {
        min-width: 170px !important;
        height: 44px !important;

        margin-top: 14px !important;

        padding: 0 36px !important;

        line-height: 1 !important;
    }
}
/* =========================================================
   11. 活動須知
   ========================================================= */

#section_attentions {
    box-sizing: border-box !important;

    margin-top: 45px !important;
    margin-bottom: 0 !important;

    scroll-margin-top: 90px !important;
}


/* 清除原站內層樣式 */
#section_attentions > .activity-info_sec {
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   12. 活動須知標題
   ========================================================= */

/* 活動須知 */
#section_attentions .border-txt {
    margin: 0 !important;
    padding: 0 !important;

    color: #99CED4 !important;

    font-family: "Noto Sans TC", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    text-align: center !important;
    border: 0 !important;
}

/* -Notice- */
#section_attentions .border-txt::before {
    content: "-Notice-" !important;

    display: block !important;
    margin: 0 0 6px 0 !important;

    color: #99CED4 !important;

    font-family: "Noto Sans TC", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* 隱藏原生「注意事項」 */
#section_attentions .activity-info_h3 {
    display: none !important;
}


/* =========================================================
   13. 活動須知卡片
   ========================================================= */

#section_attentions ul {
    box-sizing: border-box !important;

    width: 100% !important;

    /* 關鍵：對齊原生報名表實際桌機寬度 */
    max-width: 800px !important;

    margin: 28px auto 0 !important;
    padding: 30px 40px !important;

    background: #f4f8f6 !important;

    border: 0 !important;
    border-radius: 18px !important;

    list-style: none !important;
}


/* =========================================================
   14. 活動須知項目
   ========================================================= */

#section_attentions .list-group_li {
    position: relative !important;

    margin: 0 0 8px 0 !important;
    padding: 0 0 0 20px !important;

    list-style: none !important;
}

#section_attentions .list-group_li:last-child {
    margin-bottom: 0 !important;
}


/* 清除原生項目符號 */
#section_attentions .list-group_li::marker {
    content: none !important;
}

#section_attentions .list-group_li::before,
#section_attentions .list-group_li::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   15. 活動須知文字
   ========================================================= */

#section_attentions .list-group_p {
    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #555 !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
}


/* 綠色圓點 */
#section_attentions .list-group_p::before {
    content: "" !important;

    position: absolute !important;

    left: -18px !important;
    top: .78em !important;

    width: 6px !important;
    height: 6px !important;

    background: #478673 !important;

    border-radius: 50% !important;
}


/* =========================================================
   16. 活動須知｜手機版
   ========================================================= */

@media screen and (max-width: 639px) {

    #section_attentions {
        margin-top: 35px !important;

        scroll-margin-top: 75px !important;
    }

    #section_attentions .border-txt {
        font-size: 23px !important;
    }

    #section_attentions ul {
        width: 100% !important;
        max-width: 800px !important;

        margin-top: 22px !important;
        padding: 24px 18px !important;

        border-radius: 14px !important;
    }

    #section_attentions .list-group_li {
        margin-bottom: 8px !important;
        padding-left: 20px !important;
    }

    #section_attentions .list-group_p {
        font-size: 16px !important;
        line-height: 1.9 !important;
    }

    #section_attentions .list-group_p::before {
        left: -16px !important;

        width: 5px !important;
        height: 5px !important;
    }
}