@charset "utf-8"; /* MomDadFam V2.5 member light reset Loaded in after the old SomoonStory default/jc_custom/member skin stack. Purpose: remove leftover dark member-page panels and restore MomDadFam pastel readability. */ :root{ --mdf-v25-text:#46566b; --mdf-v25-strong:#29364a; --mdf-v25-muted:#6f7f95; --mdf-v25-line:#f2dbe6; --mdf-v25-blue-line:#dbeeff; --mdf-v25-pink:#e4a9c2; --mdf-v25-blue:#a9d6f5; --mdf-v25-card:#ffffff; --mdf-v25-soft-pink:#fff4f8; --mdf-v25-soft-blue:#f3faff; --mdf-v25-grad:linear-gradient(135deg,#f2a8c4 0%,#9fd5f7 100%); } /* shared member page base */ html body .register, html body .register *, html body #fregister, html body #fregister *, html body #find_info, html body #find_info *, html body #reg_result, html body #member_cert_refresh, html body #pw_reset { box-sizing:border-box !important; } html body .register, html body #fregister, html body #find_info, html body #reg_result, html body #member_cert_refresh, html body #pw_reset { color:var(--mdf-v25-text) !important; } /* register notice */ html body .jc_register_notice, html body .register #fregister > p, html body #fregister > p { height:auto !important; min-height:52px !important; line-height:1.55 !important; margin:0 0 18px !important; padding:16px 22px !important; text-align:left !important; color:var(--mdf-v25-text) !important; background:linear-gradient(135deg,#fff4f8 0%,#eef8ff 100%) !important; border:1px solid var(--mdf-v25-line) !important; border-radius:18px !important; box-shadow:0 14px 34px rgba(141,159,184,.10) !important; font-weight:800 !important; } html body .jc_register_notice:before, html body .register #fregister > p:before, html body #fregister > p:before, html body .jc_register_notice:after, html body .register #fregister > p:after, html body #fregister > p:after {display:none !important; content:none !important;} html body #fregister > p i {color:#aad8f6 !important; margin-right:7px !important;} /* register cards */ html body #fregister_term, html body #fregister_private, html body #fregister_chkall, html body #fregister section, html body .register #fregister_term, html body .register #fregister_private { background:var(--mdf-v25-card) !important; background-image:none !important; color:var(--mdf-v25-text) !important; border:1px solid var(--mdf-v25-line) !important; border-radius:18px !important; box-shadow:0 14px 34px rgba(141,159,184,.10) !important; overflow:hidden !important; } html body #fregister h2, html body .register h2, html body #fregister_term h2, html body #fregister_private h2 { background:linear-gradient(90deg,#fff4f8 0%,#f2f9ff 100%) !important; background-image:linear-gradient(90deg,#fff4f8 0%,#f2f9ff 100%) !important; color:var(--mdf-v25-strong) !important; border:0 !important; border-bottom:1px solid #f3ddea !important; box-shadow:none !important; padding:20px 24px !important; font-weight:900 !important; letter-spacing:-.02em !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] { display:block !important; width:100% !important; min-height:150px !important; background:#fff !important; background-image:none !important; color:#56667c !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:22px 24px !important; line-height:1.75 !important; } html body #fregister textarea::placeholder, html body .register textarea::placeholder {color:#98a8ba !important;} /* privacy table */ 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; background-image:none !important; color:var(--mdf-v25-text) !important; border-color:#edf1f6 !important; box-shadow:none !important; } html body #fregister_private th, html body .register th { background:#f6fbff !important; color:#3e4d62 !important; font-weight:900 !important; } html body #fregister_private td, html body .register td { background:#fff !important; color:#56667c !important; } /* agreement rows and checkboxes */ html body #fregister .fregister_agree, html body #fregister_term .fregister_agree, html body #fregister_private .fregister_agree, html body #fregister_chkall, html body #fregister_chkall.fregister_agree, html body .fregister_agree { position:relative !important; top:auto !important; right:auto !important; left:auto !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:48px !important; margin:0 !important; padding:12px 20px !important; background:#fff8fb !important; background-image:none !important; border:0 !important; border-top:1px solid #f3ddea !important; color:var(--mdf-v25-text) !important; box-shadow:none !important; text-align:left !important; } html body #fregister_chkall { border:1px solid var(--mdf-v25-line) !important; border-radius:14px !important; margin:0 0 16px !important; box-shadow:0 10px 24px rgba(141,159,184,.08) !important; } html body #fregister .fregister_agree label, html body #fregister_chkall label, html body .fregister_agree label, html body .fregister_agree input[type="checkbox"] + label { position:relative !important; display:inline-flex !important; align-items:center !important; min-height:22px !important; margin:0 !important; padding:0 !important; color:var(--mdf-v25-text) !important; font-size:13px !important; line-height:1.45 !important; font-weight:800 !important; cursor:pointer !important; } html body #fregister .fregister_agree label span, html body #fregister_chkall label span, html body .fregister_agree label span, html body .fregister_agree label .ss_agree_box { display:none !important; } html body #fregister .fregister_agree label b.sound_only, html body #fregister_chkall label .sound_only, html body .fregister_agree label b.sound_only, html body .fregister_agree label .sound_only { position:static !important; display:inline !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; clip:auto !important; clip-path:none !important; overflow:visible !important; border:0 !important; color:var(--mdf-v25-text) !important; font-size:13px !important; line-height:1.45 !important; font-weight:800 !important; } html body #fregister input[type="checkbox"], html body #fregister input[type="checkbox"].selec_chk, html body .fregister_agree input[type="checkbox"], html body .fregister_agree input[type="checkbox"].selec_chk, html body #fregister_chkall input[type="checkbox"] { position:static !important; top:auto !important; left:auto !important; right:auto !important; clip:auto !important; clip-path:none !important; -webkit-clip-path:none !important; display:inline-grid !important; place-content:center !important; flex:0 0 20px !important; width:20px !important; min-width:20px !important; max-width:20px !important; height:20px !important; min-height:20px !important; max-height:20px !important; margin:0 10px 0 0 !important; opacity:1 !important; appearance:none !important; -webkit-appearance:none !important; border:1px solid #c5d9ea !important; border-radius:6px !important; background:#fff !important; background-image:none !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.4) !important; cursor:pointer !important; vertical-align:middle !important; } html body #fregister input[type="checkbox"]:hover, html body .fregister_agree input[type="checkbox"]:hover {border-color:#d99cba !important;} html body #fregister input[type="checkbox"]:focus, html body .fregister_agree input[type="checkbox"]:focus { outline:2px solid rgba(169,216,245,.65) !important; outline-offset:2px !important; } html body #fregister input[type="checkbox"]:checked, html body .fregister_agree input[type="checkbox"]:checked { background:var(--mdf-v25-grad) !important; border-color:#d99cba !important; } html body #fregister input[type="checkbox"]:checked:before, html body .fregister_agree input[type="checkbox"]:checked:before { content:"✓" !important; display:block !important; color:#fff !important; font-size:14px !important; font-weight:900 !important; line-height:1 !important; transform:translateY(-1px) !important; } /* password lost / new window member pages */ html body #find_info, html body #find_info.new_win, html body #find_info .new_win_con, html body #find_info form, html body #find_info fieldset, html body #find_info #info_fs, html body #find_info .win_btn { background:#fff !important; background-image:none !important; color:var(--mdf-v25-text) !important; border-color:var(--mdf-v25-line) !important; box-shadow:none !important; } html body #find_info, html body #find_info.new_win { width:100% !important; max-width:1040px !important; margin:18px auto 0 !important; border:1px solid var(--mdf-v25-line) !important; border-radius:18px !important; box-shadow:0 18px 38px rgba(141,159,184,.12) !important; overflow:hidden !important; } html body #find_info .new_win_con {margin:0 !important;padding:18px !important;} html body #find_info h3 { display:block !important; margin:0 !important; padding:18px 22px !important; background:linear-gradient(90deg,#fff4f8 0%,#f2f9ff 100%) !important; color:var(--mdf-v25-strong) !important; border:0 !important; border-bottom:1px solid #f3ddea !important; font-size:1.08em !important; font-weight:900 !important; text-align:left !important; } html body #find_info #info_fs {margin:0 !important;padding:0 !important;border:0 !important;} html body #find_info #info_fs p, html body #find_info p { margin:0 0 12px !important; padding:14px 16px !important; background:#fff !important; color:var(--mdf-v25-text) !important; border:1px solid #edf1f6 !important; line-height:1.65 !important; text-align:left !important; } html body #find_info #mb_email, html body #find_info .frm_input, html body #find_info input[type="text"], html body #find_info input[type="email"], html body #find_info input[type="password"], html body #find_info #captcha_key { background:#fff !important; color:var(--mdf-v25-text) !important; border:1px solid #d9eaf8 !important; border-radius:10px !important; box-shadow:none !important; } html body #find_info #mb_email {width:100% !important;max-width:100% !important;height:42px !important;margin:0 0 12px !important;padding:0 12px !important;} html body #find_info #captcha { display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:8px !important; width:100% !important; margin:0 !important; padding:12px 0 0 !important; background:#fff !important; border:0 !important; color:var(--mdf-v25-muted) !important; } html body #find_info #captcha #captcha_img {background:#fff !important;border:1px solid #d9eaf8 !important;border-radius:8px !important;} html body #find_info #captcha #captcha_key {height:40px !important;border-radius:8px !important;} html body #find_info #captcha #captcha_info, html body #find_info #captcha #captcha_mp3_info {flex-basis:100% !important;color:#70839a !important;text-align:left !important;} html body #find_info #captcha #captcha_mp3, html body #find_info #captcha #captcha_reload {background:#f6fbff !important;border:1px solid #d9eaf8 !important;color:#536176 !important;border-radius:8px !important;} html body #find_info .win_btn { margin:16px -18px -18px !important; padding:18px !important; border-top:1px solid #f3ddea !important; text-align:center !important; } /* inputs shared on register form continuation */ 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:var(--mdf-v25-text) !important; border:1px solid #d9eaf8 !important; border-radius:10px !important; box-shadow:none !important; } /* member buttons */ html body #fregister .btn_confirm, html body .register .btn_confirm, html body #find_info .win_btn {background:transparent !important;} html body #fregister .btn_submit, html body .register .btn_confirm .btn_submit, html body #find_info .btn_submit, html body button.btn_submit, html body input.btn_submit { min-width:160px !important; min-height:44px !important; background:var(--mdf-v25-grad) !important; background-image:var(--mdf-v25-grad) !important; border:1px solid transparent !important; border-radius:999px !important; color:#fff !important; font-weight:900 !important; box-shadow:0 8px 18px rgba(222,164,192,.24) !important; } html body #fregister .btn_close, html body .register .btn_confirm .btn_close, html body .btn_close, html body .btn_cancel { min-height:44px !important; background:#f6fbff !important; background-image:none !important; border:1px solid #d9eaf8 !important; border-radius:999px !important; color:#64748b !important; font-weight:900 !important; box-shadow:none !important; } @media (max-width:760px){ html body #fregister h2, html body #fregister_term h2, html body #fregister_private h2 {padding:16px 18px !important;} html body #fregister textarea, html body #fregister_term textarea {padding:18px !important;} html body #fregister .fregister_agree, html body #fregister_chkall {padding:11px 16px !important;} html body #fregister input[type="checkbox"], html body .fregister_agree input[type="checkbox"] { flex-basis:19px !important;width:19px !important;min-width:19px !important;max-width:19px !important;height:19px !important;min-height:19px !important;max-height:19px !important; } }