@charset "utf-8";
/* MomDadFam V2.4
   1) Remove the actual pastel underline/divider directly under home-section titles.
   2) Restore member/register/password-lost pages from old dark SomoonStory styling to MomDadFam pastel styling.
*/

:root {
    --mdf-bg:#f7fbff;
    --mdf-surface:#ffffff;
    --mdf-soft-pink:#fff4f8;
    --mdf-soft-blue:#f1f9ff;
    --mdf-line:#f2dbe6;
    --mdf-line-blue:#dbeeff;
    --mdf-text:#475569;
    --mdf-muted:#75849a;
    --mdf-pink:#dea4c0;
    --mdf-blue:#a9d6f5;
    --mdf-grad:linear-gradient(135deg,#f3a8c4 0%,#9fd5f7 100%);
}

/* -------------------------------------------------------------------------
   A. Home-content title underlines / divider residue
   The visible line is drawn by mixed default/jc/custom/latest rules.  Kill
   every direct title/body divider in the center home cards, but keep card
   outer borders intact.
   ------------------------------------------------------------------------- */
html body .jc_center_col .jc_feature_box > .jc_box_head,
html body .jc_center_col .jc_gallery_box > .jc_box_head,
html body .jc_center_col .jc_best_rank_box > .jc_box_head,
html body .jc_center_col .jc_notice_box > .jc_box_head {
    border:0 !important;
    border-top:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    border-left:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    background:#fff !important;
    background-image:none !important;
}
html body .jc_center_col .jc_feature_box > .jc_box_head h3,
html body .jc_center_col .jc_gallery_box > .jc_box_head h3,
html body .jc_center_col .jc_best_rank_box > .jc_box_head h3,
html body .jc_center_col .jc_notice_box > .jc_box_head h3 {
    border:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    text-decoration:none !important;
    background:transparent !important;
    background-image:none !important;
    padding-bottom:0 !important;
}
html body .jc_center_col .jc_box_head h3::before,
html body .jc_center_col .jc_box_head h3::after,
html body .jc_center_col .jc_box_head::before,
html body .jc_center_col .jc_box_head::after {
    content:none !important;
    display:none !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
html body .jc_center_col .jc_feature_box > .jc_box_head + *,
html body .jc_center_col .jc_gallery_box > .jc_box_head + *,
html body .jc_center_col .jc_best_rank_box > .jc_box_head + *,
html body .jc_center_col .jc_notice_box > .jc_box_head + * {
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
}
html body .jc_center_col .jc_feature_box .jc_empty,
html body .jc_center_col .jc_gallery_box .jc_empty,
html body .jc_center_col .jc_notice_box .jc_empty,
html body .jc_center_col .jc_best_rank_box .jc_empty,
html body .jc_center_col .jc_notice_box .mdf_notice_empty,
html body .jc_center_col .jc_latest_list,
html body .jc_center_col .jc_gallery_latest,
html body .jc_center_col .jc_feature_grid,
html body .jc_center_col .jc_best_rank_list,
html body .jc_center_col .jc_best_rank_list li,
html body .jc_center_col .jc_best_rank_list li a,
html body .jc_center_col .lat,
html body .jc_center_col .lat ul,
html body .jc_center_col .lat li,
html body .jc_center_col .empty_li,
html body .jc_center_col .empty_table,
html body .jc_center_col .empty_list {
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
}

/* -------------------------------------------------------------------------
   B. Member / register / password-lost pages pastel reset
   Previous SomoonStory member skin appended dark-mode rules with !important.
   These selectors are loaded last and intentionally stronger.
   ------------------------------------------------------------------------- */
html body {
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 42%,#fff9fc 100%) !important;
    color:var(--mdf-text) !important;
}
html body .register,
html body #fregister,
html body #find_info,
html body #reg_result,
html body #member_cert_refresh,
html body #pw_reset,
html body #mb_login,
html body .new_win,
html body .new_win_con {
    color:var(--mdf-text) !important;
}

/* Register top notice */
html body #fregister > p,
html body .register #fregister > p {
    height:auto !important;
    min-height:54px !important;
    line-height:1.45 !important;
    padding:16px 22px !important;
    margin:0 0 16px !important;
    text-align:left !important;
    color:#536176 !important;
    background:linear-gradient(135deg,#fff3f8 0%,#eef8ff 100%) !important;
    border:1px solid var(--mdf-line) !important;
    border-radius:18px !important;
    box-shadow:0 12px 28px rgba(141,159,184,.10) !important;
    font-weight:700 !important;
}
html body #fregister > p::before,
html body .register #fregister > p::before { display:none !important; content:none !important; }
html body #fregister > p i { color:#a8d6f6 !important; margin-right:6px !important; }

/* Register cards */
html body #fregister_term,
html body #fregister_private,
html body #fregister_chkall,
html body #fregister section,
html body #fregister .fregister_terms,
html body #fregister .jc_register_card,
html body .register #fregister_term,
html body .register #fregister_private {
    background:#fff !important;
    color:var(--mdf-text) !important;
    border:1px solid var(--mdf-line) !important;
    border-radius:18px !important;
    box-shadow:0 12px 28px rgba(141,159,184,.10) !important;
    overflow:hidden !important;
}
html body #fregister h2,
html body #fregister_term h2,
html body #fregister_private h2,
html body .register h2 {
    background:linear-gradient(90deg,#fff4f8 0%,#f2f9ff 100%) !important;
    color:#536176 !important;
    border:0 !important;
    border-bottom:1px solid #f4dfeb !important;
    box-shadow:none !important;
    padding:20px 24px !important;
    font-weight:800 !important;
}
html body #fregister textarea,
html body #fregister_term textarea,
html body #fregister textarea[readonly],
html body .register #fregister textarea,
html body .register textarea[readonly] {
    background:#fff !important;
    color:#5f6e83 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:22px 24px !important;
    line-height:1.7 !important;
}
html body #fregister_private > div,
html body #fregister_private .fregister_terms div,
html body #fregister .fregister_terms div,
html body #fregister_private table,
html body #fregister_private thead,
html body #fregister_private tbody,
html body #fregister_private tr,
html body #fregister_private th,
html body #fregister_private td,
html body .register table,
html body .register th,
html body .register td {
    background:#fff !important;
    color:#536176 !important;
    border-color:#edf1f6 !important;
}
html body #fregister_private th,
html body .register th {
    background:#f7fbff !important;
    color:#46556a !important;
    font-weight:800 !important;
}
html body #fregister_private td,
html body .register td {
    background:#fff !important;
    color:#536176 !important;
}
html body #fregister_chkall,
html body #fregister .fregister_agree,
html body .fregister_agree {
    background:#fff8fb !important;
    color:#536176 !important;
    border-color:#f2dbe6 !important;
    box-shadow:none !important;
}
html body #fregister_chkall label,
html body #fregister .fregister_agree label,
html body .fregister_agree label,
html body .fregister_agree input[type="checkbox"] + label {
    color:#536176 !important;
    font-weight:700 !important;
}
html body .fregister_agree input[type="checkbox"] + label span,
html body #fregister .fregister_agree input[type="checkbox"] + label span,
html body #fregister_chkall input[type="checkbox"] + label span,
html body .chk_box input[type="checkbox"] + label span {
    background:#fff !important;
    border:1px solid #c9d9e9 !important;
    border-radius:6px !important;
    box-shadow:none !important;
}
html body .fregister_agree input[type="checkbox"]:checked + label span,
html body #fregister .fregister_agree input[type="checkbox"]:checked + label span,
html body #fregister_chkall input[type="checkbox"]:checked + label span,
html body .chk_box input[type="checkbox"]:checked + label span {
    background-color:#dfa8c2 !important;
    border-color:#d793b5 !important;
}

/* Password lost / generic new window member page */
html body #find_info,
html body #find_info .new_win_con {
    background:#fff !important;
    color:var(--mdf-text) !important;
    border:1px solid var(--mdf-line) !important;
    border-radius:18px !important;
    box-shadow:0 18px 38px rgba(141,159,184,.12) !important;
    overflow:hidden !important;
}
html body #find_info h3 {
    background:linear-gradient(90deg,#fff4f8 0%,#f2f9ff 100%) !important;
    color:#536176 !important;
    border:0 !important;
    border-bottom:1px solid #f4dfeb !important;
    padding:18px 22px !important;
    font-weight:800 !important;
}
html body #find_info #info_fs,
html body #find_info fieldset,
html body #find_info p {
    background:#fff !important;
    color:#536176 !important;
    border-color:#edf1f6 !important;
}
html body #find_info #mb_email,
html body #find_info .frm_input,
html body .register .frm_input,
html body .register .full_input,
html body .register select,
html body .register input[type="text"],
html body .register input[type="password"],
html body .register input[type="email"] {
    background:#fff !important;
    color:#536176 !important;
    border:1px solid #d9eaf8 !important;
    border-radius:10px !important;
    box-shadow:none !important;
}
html body #find_info #mb_email::placeholder,
html body .register .frm_input::placeholder,
html body .register .full_input::placeholder {
    color:#9aa9ba !important;
}

/* Captcha block in password-lost/register pages */
html body #captcha {
    background:#fff !important;
    color:#536176 !important;
    border:0 !important;
}
html body #captcha #captcha_img {
    background:#fff !important;
    border:1px solid #d9eaf8 !important;
    border-radius:8px !important;
}
html body #captcha #captcha_key {
    background:#fff !important;
    color:#536176 !important;
    border:1px solid #d9eaf8 !important;
    border-radius:10px !important;
    box-shadow:none !important;
}
html body #captcha #captcha_info,
html body #captcha #captcha_mp3_info {
    color:#70839a !important;
}
html body #captcha #captcha_mp3,
html body #captcha #captcha_reload {
    background:#f6fbff !important;
    border:1px solid #d9eaf8 !important;
    color:#536176 !important;
    border-radius:8px !important;
}

/* Buttons */
html body .btn_submit,
html body button.btn_submit,
html body input.btn_submit,
html body #find_info .btn_submit,
html body #fregister .btn_submit,
html body .register .btn_confirm .btn_submit {
    background:var(--mdf-grad) !important;
    border:1px solid transparent !important;
    color:#fff !important;
    border-radius:999px !important;
    box-shadow:0 8px 18px rgba(222,164,192,.22) !important;
    font-weight:800 !important;
}
html body .btn_close,
html body .btn_cancel,
html body #fregister .btn_close,
html body .register .btn_confirm .btn_close {
    background:#f6fbff !important;
    border:1px solid #d9eaf8 !important;
    color:#64748b !important;
    border-radius:999px !important;
    box-shadow:none !important;
    font-weight:800 !important;
}
html body #fregister .btn_confirm,
html body .register .btn_confirm,
html body #find_info .win_btn {
    background:transparent !important;
}

/* Soften generic member links and table wrappers */
html body .register a,
html body #find_info a,
html body #reg_result a,
html body #member_cert_refresh a {
    color:#cf6e9b !important;
}
