body.psCustomerRegister{margin:0;background:#faf9f7;font-family:Sarabun,Tahoma,sans-serif;color:#172033}.cr-page .cl-story h2{font-size:36px}.cr-page .cl-form-panel{padding-top:26px;padding-bottom:26px}.cr-hint{color:#98a2b3;font-size:12px;margin:8px 0 18px}.cr-page .cl-art{min-height:330px}
@media(max-width:767px){
.cr-page,.cr-page *{box-sizing:border-box}.cr-page{display:block;padding:20px 16px 30px}.cr-page .cl-crumb{display:flex;gap:10px;font-size:12px;align-items:center;margin-bottom:18px;color:#f26300}.cl-crumb a{color:#667085;text-decoration:none}.cl-crumb i{font-size:10px}.cr-page .cl-card{background:white;border:1px solid #e8eaee;border-radius:18px;overflow:hidden}.cr-page .cl-story{display:none}.cr-page .cl-form-panel{padding:24px 20px}.cr-page h1{font-size:25px;margin:0}.cr-page .cl-sub{font-size:13px;color:#7b8494;margin:8px 0 20px}.cr-page .cl-social{display:grid;gap:10px}.cr-page .cl-social a{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;border:1px solid #d0d5dd;border-radius:10px;text-decoration:none;color:#172033;font-size:14px;font-weight:600}.cr-page .cl-social .cl-line{background:#06c755;border-color:#06c755;color:white}.cl-google svg{width:24px;height:24px}.cl-line i{font-size:24px}.cl-divider{display:flex;align-items:center;gap:10px;font-size:12px;color:#98a2b3;margin:20px 0}.cl-divider:before,.cl-divider:after{content:"";flex:1;height:1px;background:#e8eaee}.cl-form label{display:block;font-size:14px;font-weight:600;margin:15px 0 7px}.cl-input{display:flex;align-items:center;gap:10px;height:48px;padding:0 12px;border:1px solid #d0d5dd;border-radius:10px}.cl-input>i{color:#98a2b3;font-size:20px}.cl-input input{width:100%;min-width:0;border:0;outline:0;background:none;font:16px Sarabun,sans-serif}.cl-input:focus-within{border-color:#ff6500;box-shadow:0 0 0 3px #fff0e5}.cl-input button{border:0;background:none;color:#667085;font-size:20px;padding:6px}.cl-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:50px;border:0;border-radius:10px;background:#ff6500;color:white;font:700 16px Sarabun,sans-serif}.cl-register{text-align:center;font-size:14px;color:#667085;margin:20px 0}.cl-register a,.cl-back{color:#f26300;text-decoration:none}.cl-back{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.cl-alert{display:flex;align-items:center;gap:10px;font-size:13px;padding:12px;border-radius:10px;margin-bottom:16px}.cl-error{background:#fff0f0;color:#b42318}.cl-note{background:#fff3e5;color:#f26300}.cl-note small{display:block}
}
@media(min-width:768px) and (max-width:1100px){.cr-page .cl-story h2{font-size:30px}}