/* Member pages use the same neutral light palette as the ASEMTECH home page. */
body:has(#fregister),
body:has(#fregisterform),
body:has(.login-wrapper),
body:has(#find_info),
body:has(#reg_result){background:#F7F8FA!important;color:#3D4960!important}

body:has(#fregister) #pt-main,
body:has(#fregisterform) #pt-main,
body:has(.login-wrapper) #pt-main,
body:has(#find_info) #pt-main,
body:has(#reg_result) #pt-main{background-color:#F7F8FA!important;background-image:radial-gradient(at 20% 0%,rgba(0,200,150,.08) 0%,transparent 50%),radial-gradient(at 80% 100%,rgba(37,99,235,.06) 0%,transparent 50%)!important;background-size:auto!important}

body:has(#fregister) #pt-main::before,
body:has(#fregisterform) #pt-main::before,
body:has(.login-wrapper) #pt-main::before,
body:has(#find_info) #pt-main::before{border-bottom-color:#E4E7EC!important;color:#0A1428!important}

body:has(#fregister) #fregister#fregister#fregister,
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform,
body:has(.login-wrapper) .login-card.login-card,
body:has(#find_info) #find_info#find_info#find_info .new_win_con,
body:has(#reg_result) #reg_result#reg_result#reg_result{background:#FFFFFF!important;border-color:#E4E7EC!important;color:#3D4960!important;box-shadow:0 16px 48px rgba(10,20,40,.08)!important}

body:has(#fregisterform) #fregisterform#fregisterform#fregisterform #register_form#register_form#register_form{background:#FFFFFF!important;color:#3D4960!important}

body:has(#fregister) #fregister#fregister#fregister>p,
body:has(#fregister) #fregister#fregister#fregister section>h2,
body:has(#fregister) #fregister#fregister#fregister #fregister_chkall,
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform .register_form_inner>h2,
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform fieldset#captcha,
body:has(.login-wrapper) .login-card.login-card .login-header,
body:has(#find_info) #find_info#find_info#find_info h3{background:#EEF1F5!important;border-color:#E4E7EC!important;color:#0A1428!important}

body:has(#fregister) #fregister#fregister#fregister section,
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform .register_form_inner,
body:has(.login-wrapper) .login-card.login-card .login-body{background:#FFFFFF!important;border-color:#E4E7EC!important;color:#3D4960!important}

body:has(#fregister) #fregister#fregister#fregister :is(textarea,.fregister_terms>div,table,table th,table td),
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform :is(input.frm_input,select,textarea,#captcha_key),
body:has(.login-wrapper) .login-card.login-card input,
body:has(#find_info) #find_info#find_info#find_info :is(input,#captcha_key){background:#FAFBFC!important;border-color:#D0D5DD!important;color:#0A1428!important}

body:has(#fregister) #fregister#fregister#fregister table th{background:#EEF1F5!important;color:#0A1428!important}
body:has(#fregister) #fregister#fregister#fregister :is(table td,textarea),
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform :is(label,.frm_info,.form_element),
body:has(.login-wrapper) .login-card.login-card :is(label,.login-links,a),
body:has(#find_info) #find_info#find_info#find_info :is(p,label,#captcha_info){color:#3D4960!important}

body:has(#fregister) #fregister#fregister#fregister :is(h2,strong),
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform :is(h2,strong),
body:has(.login-wrapper) .login-card.login-card :is(h2,h3,strong),
body:has(#find_info) #find_info#find_info#find_info :is(h2,h3,strong){color:#0A1428!important}

body:has(#fregister) #fregister#fregister#fregister .fregister_agree label>span,
body:has(#fregister) #fregister#fregister#fregister #fregister_chkall label>span,
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform .chk_box label::before,
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform .selec_chk+label::before{background-color:#FFFFFF!important;border-color:#D0D5DD!important}

body:has(#fregister) #fregister#fregister#fregister .btn_confirm .btn_close,
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform .btn_confirm .btn_cancel,
body:has(.login-wrapper) .login-wrapper.login-wrapper .btn-home.btn-home{background:#EEF1F5!important;border-color:#D0D5DD!important;color:#0A1428!important}

body:has(#fregisterform) #captcha :is(#captcha_mp3,#captcha_reload),
body:has(#find_info) #captcha :is(#captcha_mp3,#captcha_reload){background-color:#EEF1F5!important;border-color:#D0D5DD!important}

/* Keep CAPTCHA actions as two distinct controls instead of tinting the whole row. */
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform fieldset#captcha#captcha#captcha{
  background:transparent!important;
  border-color:transparent!important;
}

body:has(#fregisterform) #captcha :is(#captcha_mp3,#captcha_reload),
body:has(#find_info) #captcha :is(#captcha_mp3,#captcha_reload){
  border-radius:10px!important;
  box-shadow:none!important;
}

/* This file loads last, so the checked state must also be declared here. */
body:has(#fregister) #fregister#fregister#fregister input.selec_chk:checked+label>span{
  position:relative!important;
  background:#00C896!important;
  border-color:#00C896!important;
}

body:has(#fregister) #fregister#fregister#fregister #fregister_chkall#fregister_chkall input#chk_all#chk_all:checked+label>span{
  background:#00C896!important;
  background-color:#00C896!important;
  border-color:#00C896!important;
}

/* Match the agreement rows: copy stays left and the control sits at the far right. */
body:has(#fregister) #fregister#fregister#fregister #fregister_chkall#fregister_chkall label[for="chk_all"]{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  margin:0!important;
}

body:has(#fregister) #fregister#fregister#fregister #fregister_chkall#fregister_chkall label[for="chk_all"]>span{
  position:relative!important;
  inset:auto!important;
  flex:0 0 24px!important;
  margin:0 0 0 20px!important;
}

body:has(#fregister) #fregister#fregister#fregister input.selec_chk:checked+label>span::after{
  content:"\2713"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#071A17!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1!important;
}

#fregisterform#fregisterform#fregisterform #captcha#captcha#captcha :is(#captcha_mp3#captcha_mp3#captcha_mp3,#captcha_reload#captcha_reload#captcha_reload),
#find_info#find_info#find_info #captcha#captcha#captcha :is(#captcha_mp3#captcha_mp3#captcha_mp3,#captcha_reload#captcha_reload#captcha_reload){background-color:#EEF1F5!important;border-color:#D0D5DD!important}

body:has(#fregister) #fregister#fregister#fregister .btn_submit,
body:has(#fregisterform) #fregisterform#fregisterform#fregisterform .btn_submit,
body:has(.login-wrapper) .login-wrapper.login-wrapper .btn-login,
body:has(#find_info) #find_info#find_info#find_info .btn_submit{background:#00C896!important;background-image:none!important;border-color:#00C896!important;color:#071A17!important}

/* Login auto-login checkbox follows the same mint member-control palette. */
body:has(.login-wrapper) .login-card.login-card .auto-login .checkbox-label .checkbox-box{
  position:relative!important;
  box-sizing:border-box!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  background:#FFFFFF!important;
  border-color:#D0D5DD!important;
  box-shadow:none!important;
}

body:has(.login-wrapper) .login-card.login-card .auto-login input#login_auto_login:checked+.checkbox-label .checkbox-box{
  background:#00C896!important;
  background-color:#00C896!important;
  border-color:#00C896!important;
  box-shadow:0 0 0 3px rgba(0,200,150,.16)!important;
}

body:has(.login-wrapper) .login-card.login-card .auto-login input#login_auto_login:checked+.checkbox-label .checkbox-box::after{
  content:"\2713"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#071A17!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1!important;
}

@media (max-width:600px){
  body:has(#fregister),
  body:has(#fregisterform),
  body:has(.login-wrapper),
  body:has(#find_info){overflow-x:hidden!important}

  body:has(#fregister) .register.register,
  body:has(#fregisterform) .register.register,
  body:has(.login-wrapper) .login-wrapper.login-wrapper,
  body:has(#find_info) #find_info#find_info#find_info{
    box-sizing:border-box!important;
    width:calc(100% - 24px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    left:auto!important;
    right:auto!important;
  }

  body:has(#fregister) #fregister#fregister#fregister,
  body:has(#fregisterform) #fregisterform#fregisterform#fregisterform,
  body:has(.login-wrapper) .login-card.login-card,
  body:has(#find_info) #find_info#find_info#find_info .new_win_con{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    border-radius:16px!important;
    left:auto!important;
    right:auto!important;
  }

  body:has(#fregister) #fregister#fregister#fregister,
  body:has(#fregisterform) #fregisterform#fregisterform#fregisterform{
    left:auto!important;
    right:auto!important;
  }

  body:has(#fregister) #fregister#fregister#fregister section,
  body:has(#fregisterform) #fregisterform#fregisterform#fregisterform .register_form_inner,
  body:has(.login-wrapper) .login-card.login-card .login-body,
  body:has(#find_info) #find_info#find_info#find_info .new_win_con{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  body:has(#fregister) #fregister#fregister#fregister :is(textarea,.fregister_terms>div,table),
  body:has(#fregisterform) #fregisterform#fregisterform#fregisterform :is(input.frm_input,select,textarea),
  body:has(.login-wrapper) .login-card.login-card input,
  body:has(#find_info) #find_info#find_info#find_info input{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body:has(#fregister) #fregister#fregister#fregister table{
    table-layout:fixed!important;
    font-size:11px!important;
    word-break:keep-all!important;
  }
  body:has(#fregister) #fregister#fregister#fregister table :is(th,td){padding:10px 6px!important}
  body:has(#fregister) #fregister#fregister#fregister #fregister_chkall{padding:16px 14px!important}
  body:has(#fregister) #fregister#fregister#fregister #fregister_chkall label[for="chk_all"]{font-size:13px!important}

  body:has(#fregisterform) #fregisterform#fregisterform#fregisterform fieldset#captcha#captcha#captcha{
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
    gap:8px!important;
    min-height:0!important;
    padding:14px 0!important;
  }
  body:has(#fregisterform) #fregisterform#fregisterform#fregisterform fieldset#captcha#captcha#captcha #captcha_img{
    grid-column:1/-1!important;
    width:160px!important;
    min-width:160px!important;
    max-width:100%!important;
    height:48px!important;
  }
  body:has(#fregisterform) #fregisterform#fregisterform#fregisterform fieldset#captcha#captcha#captcha #captcha_key{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body:has(#fregisterform) #captcha :is(#captcha_mp3,#captcha_reload){width:44px!important;min-width:44px!important;height:48px!important}

  body:has(#find_info) #find_info#find_info#find_info .new_win_con.new_win_con{margin:12px 0!important}
  body:has(#find_info) #find_info#find_info#find_info fieldset#captcha#captcha#captcha{
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
    gap:8px!important;
  }
  body:has(#find_info) #find_info#find_info#find_info fieldset#captcha#captcha#captcha #captcha_img{
    grid-column:1/-1!important;
    width:150px!important;
    max-width:100%!important;
  }
  body:has(#find_info) #find_info#find_info#find_info fieldset#captcha#captcha#captcha :is(#captcha_mp3,#captcha_reload){width:44px!important;min-width:44px!important}
  body:has(#find_info) #find_info#find_info#find_info .btn_submit.btn_submit{width:100%!important;max-width:220px!important}

  body:has(.login-wrapper) .login-wrapper.login-wrapper .btn-login{width:100%!important;min-height:48px!important}
  body:has(.login-wrapper) .login-card.login-card .login-links{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 14px!important}
}