.common-form .wrap-col-form{margin-left:-40px}@media (max-width:767px){.common-form .wrap-col-form{margin-left:-20px}}.common-form .wrap-row-form{width:100%;display:flex}@media (max-width:767px){.common-form .wrap-row-form{flex-wrap:wrap;margin-left:-10px}.common-form .wrap-row-form.gap-40{column-gap:0}}.common-form .wrap-row-form.gap-40{column-gap:40px}.common-form .title-form-inner{margin-top:25px;margin-bottom:5px;font-size:16px;line-height:24px}@media (max-width:767px){.common-form .title-form-inner{margin-top:20px}}.common-form .inner-wrap-col-form{opacity:0;width:100%;max-height:0;margin-top:0;transition:all .3s}.common-form .col-form{width:100%;position:relative}.common-form .col-form .suggest-email{z-index:99;opacity:0;pointer-events:none;background-color:#fff;border-radius:6px;width:calc(100% - 40px);height:fit-content;max-height:300px;margin-top:5px;padding:18px 0;transition:all .4s;display:block;position:absolute;top:100%;overflow:auto;box-shadow:0 10px 40px #0000001a}.common-form .col-form .suggest-email.show{opacity:1;pointer-events:all;max-height:420px;top:calc(100% - 20px);overflow:auto}.common-form .col-form .suggest-email .suggest-item{color:#000;cursor:pointer;padding:8px 30px;font-size:16px;line-height:20px;transition:all .3s}.common-form .col-form .suggest-email .suggest-item:hover{color:#f47a21}@media (max-width:767px){.common-form .col-form .suggest-email{width:calc(100% - 20px)}}.common-form .col-form.half{width:50%}.common-form .col-form.full{width:100%}@media (max-width:767px){.common-form .col-form{padding-left:20px}.common-form .col-form.half{width:100%}}.common-form .col-form.check-box{margin-top:20px}.common-form .col-form.check-box2{margin-top:40px}.common-form .col-form.z9{z-index:9}.common-form .col-form.pad-dd{padding-bottom:20px}.common-form .col-form.disible-dd .input-type-dd{pointer-events:none;border-bottom:1px solid #939597}.common-form .col-form.disible-dd .input-type-dd.invalid{border-bottom-color:#e64340}.common-form .col-form.disible-dd .wrap-selected-txt .placeholder,.common-form .col-form.disible-dd .wrap-selected-txt .icon{color:#939597}.common-form .col-form .inner-dd .dropdown .wrap-selection{left:0;right:auto;transform:translate(0%);min-width:120px!important}.common-form .col-form .inner-dd .input-type-dd{padding-right:10px}.common-form .col-form .inner-dd .input-type-dd:after{content:"";background:#dcdcdc;width:1px;height:70%;position:absolute;bottom:0;right:0}.common-form .col-form.have-dd .input-type-text{padding-left:10px!important}.common-form .col-form.have-dd .placeholder{left:10px}.common-form .col-form.padbottom{padding-bottom:20px}.common-form .col-form.disible-inp input{pointer-events:none}.common-form .col-form.disible-inp .placeholder{color:#939597}.common-form .wrap-input-text{width:100%;height:auto;padding-bottom:20px;position:relative}.common-form .wrap-input-text .input-unit{color:#000;font-size:16px;position:absolute;top:20px;right:0}.common-form .wrap-input-text.check-box{padding-bottom:0}.common-form .wrap-input-text .ic{pointer-events:none;z-index:10;position:absolute;top:23.75px;right:0}.common-form .wrap-input-text.calendar.have-data .placeholder,.common-form .wrap-input-text.calendar.open .placeholder{font-size:13px;top:2px}.common-form .wrap-input-text.calendar .input-type-text{cursor:pointer!important}.common-form .wrap-input-text.calendar .react-datepicker__current-month,.common-form .wrap-input-text.calendar .react-datepicker-time__header,.common-form .wrap-input-text.calendar .react-datepicker-year-header{font-weight:400!important}.common-form .wrap-input-text.calendar .react-datepicker{font-family:inherit!important}.common-form .wrap-input-text.calendar .react-datepicker .react-datepicker__day-name,.common-form .wrap-input-text.calendar .react-datepicker .react-datepicker__day{width:35px}.common-form .wrap-input-text.calendar .react-datepicker .react-datepicker__day[aria-disabled=true]{pointer-events:none}.common-form .wrap-input-text.calendar .react-datepicker .react-datepicker__day:hover{background-color:#f47a211a}.common-form .wrap-input-text.calendar .react-datepicker .react-datepicker__day--selected{background-color:#f47a21!important}.common-form .wrap-input-text.calendar .react-datepicker .react-datepicker__navigation:hover :before{border-color:#f47a21}.common-form .wrap-input-text.calendar .react-datepicker .react-datepicker__navigation:before{transition:all .3s}.common-form .wrap-input-text.calendar.invalid .ic{color:#e64340}.common-form .wrap-input-text.calendar.invalid .valid-message.valid-message{padding-right:0;top:calc(100% + 25px)}.common-form .wrap-input-text.invalid .input-type-text{border-bottom:1px solid #e64340}.common-form .wrap-input-text.invalid .valid-message{height:fit-content;display:block;top:100%;right:0;transform:translateY(calc(-50% - 7px))}.common-form .input-type-dd,.common-form .wrap-dd-input{border-bottom:1px solid #000}.common-form .input-type-dd .placeholder,.common-form .wrap-dd-input .placeholder{color:#666}.common-form .input-type-dd.invalid,.common-form .wrap-dd-input.invalid{border-bottom:1px solid #e64340}.common-form .input-type-dd.invalid .wrap-selected-txt .icon,.common-form .wrap-dd-input.invalid .wrap-selected-txt .icon,.common-form .input-type-dd.invalid .ic,.common-form .wrap-dd-input.invalid .ic{color:#e64340}.common-form .input-type-dd.invalid .valid-message,.common-form .wrap-dd-input.invalid .valid-message{z-index:-1;height:fit-content;padding-right:0;display:block;top:calc(100% + 18px);right:0;transform:translateY(-50%)}.common-form .dropdown .select-dropdown .dropdown-item{color:#000;font-size:16px;line-height:20px}.common-form .input-type-dd{border-bottom:1px solid #000;height:50px;padding-top:18px}.common-form .input-type-dd.invalid .valid-message{display:block}.common-form .input-type-text{color:#000;height:50px;box-shadow:none;appearance:none;background-color:#0000;border:none;border-bottom:1px solid #000;outline:none;width:100%;padding:15px 0 0;font-size:16px;line-height:normal;display:block}.common-form .input-type-text:required{box-shadow:none}.common-form .input-type-text:focus~.placeholder,.common-form .input-type-text:valid~.placeholder,.common-form .input-type-text:disabled~.placeholder,.common-form .input-type-text.have-data~.placeholder{font-size:13px;top:2px}.common-form .input-type-text.email-have-data~.placeholder{font-size:12px;top:2px}.common-form .input-type-text.textarea{padding-top:20px;transition:all .2s;min-height:52px!important;max-height:150px!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;resize:none!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;outline:none!important;margin-top:0!important;margin-bottom:0!important}.common-form .placeholder{white-space:nowrap;color:#aaa2a2;cursor:text;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transfom;font-size:16px;transition:all .2s;position:absolute;top:18px;left:0}.common-form .valid-message{color:#e44746;white-space:nowrap;pointer-events:none;padding-left:10px;font-size:12px;line-height:18px;display:none;position:absolute;bottom:0}.common-form .input-type-checkbox-onoff{cursor:pointer;-webkit-border-radius:0;background-color:#b0b0b0;border-radius:16px;width:48px;height:32px;margin:0;transition:background-color .3s;position:relative;overflow:hidden}.common-form .input-type-checkbox-onoff:before{content:"";background-color:#fff;border-radius:16px;width:28px;height:28px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 2px #0003}@media (prefers-reduced-motion){.common-form .input-type-checkbox-onoff:before{transition:none}}.common-form .input-type-checkbox-onoff:after{content:"";opacity:0;background-color:#0000;border-bottom:2px solid #f47a21;border-right:2px solid #f47a21;width:5px;height:11px;margin-top:-7px;position:absolute;top:50%;right:120px;transform:rotate(45deg)}.common-form .input-type-checkbox-onoff:checked{background-color:#f47a21}.common-form .input-type-checkbox-onoff:checked:before{left:18px}.common-form .input-type-checkbox-onoff:checked:after{opacity:1;transition:all .3s;right:12px}.common-form .placeholder-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:14px}.common-form .wrap-input-checkbox{align-items:flex-start;width:fit-content;height:23px;margin-top:30px;position:relative}.common-form .wrap-input-checkbox.top10{margin-top:10px}.common-form .wrap-input-checkbox.top20{margin-top:20px}.common-form .wrap-input-checkbox{cursor:pointer;height:23px;position:relative}.common-form .wrap-input-checkbox.invalid .checking-box{border-color:#e44746}.common-form .input-type-checkbox{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute}.common-form .input-type-checkbox~.checking-text:not(.wrap-text-cc){white-space:nowrap}.common-form .input-type-checkbox~.checking-text.wrap-text-cc{white-space:normal;flex:1}.common-form .input-type-checkbox:hover~.checking-text{color:#000}.common-form .input-type-checkbox:checked~.checking-box{background-color:#000}.common-form .input-type-checkbox:checked~.checking-box .icon-checked{opacity:1}.common-form .checking-box{z-index:1;text-align:center;background-color:#0000;border:1px solid #000;border-radius:4px;width:22px;height:22px;transition:border .3s cubic-bezier(.06,.59,.35,.95),background-color .3s cubic-bezier(.06,.59,.35,.95);position:relative}.common-form .checking-box .icon-checked{letter-spacing:0;color:#fff;opacity:0;font-size:13px;line-height:20px;transition:opacity .3s;display:block}.common-form .checking-text{color:#000;margin-left:10px;font-size:14px;transition:color .3s;position:relative}.common-form .checking-text.extra{z-index:3;margin-left:5px}.common-form .checking-text .link{color:inherit;text-underline-offset:3px;z-index:3;opacity:1;text-decoration:underline;transition:opacity .3s;position:relative}.common-form .checking-text .link:hover{opacity:.5}.common-form .checking-text.read{margin-top:10px;margin-left:0}.common-form .checking-text.read .link{cursor:pointer}.common-form .wrap-input-radio{column-gap:30px;padding-top:15px}.common-form .wrap-input-radio .label-radio{cursor:pointer;letter-spacing:0;color:#000;-webkit-user-select:none;user-select:none;padding-left:30px;font-size:16px;line-height:20px;display:inline-block;position:relative}.common-form .wrap-input-radio .inp_checkmark{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:0}.common-form .wrap-input-radio .inp-radio:checked~.inp_checkmark{background-color:#000;border:1px solid #0000}.common-form .wrap-input-radio .inp_checkmark:after{content:"";display:none;position:absolute}.common-form .wrap-input-radio .inp-radio:checked~.inp_checkmark:after{display:block}.common-form .wrap-input-radio .inp_checkmark:after{background:#fff;border-radius:50%;width:8px;height:8px;top:5px;left:5px}.dropdown .wrap-selected-txt .customised{font-size:16px}.wrap-input-text.check-box{align-items:center;gap:10px;display:inline-flex;position:relative}.input-type-checkbox-onoff{opacity:0;width:1px;height:1px;position:absolute}.placeholder-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;color:#222;padding-left:62px;line-height:24px;display:inline-block;position:relative}.placeholder-checkbox:before{content:"";background:#e5e5e5;border-radius:24px;width:48px;height:32px;transition:background .2s,box-shadow .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.placeholder-checkbox:after{content:"";background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;transition:left .2s,color .2s;display:grid;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 1px 3px #00000026}.input-type-checkbox-onoff:focus+.placeholder-checkbox:before{box-shadow:0 0 0 3px #f2711c40}.input-type-checkbox-onoff:checked+.placeholder-checkbox:before{background:#ff6200}.input-type-checkbox-onoff:checked+.placeholder-checkbox:after{color:#ff6200;content:"";background:#fff url(/images/icon/check.svg) 50%/14px 14px no-repeat;left:18px}.placeholder-checkbox,.placeholder-checkbox:before,.placeholder-checkbox:after{-webkit-tap-highlight-color:transparent}.inner-wrap-col-form{opacity:0;width:100%;max-height:0;margin-top:0;transition:all .3s}.inner-wrap-col-form.show{opacity:1;max-height:300px;display:flex}.inner-wrap-col-form:not(.show){z-index:-1;position:relative;overflow:hidden}.inner-wrap-col-form.calendar{font-weight:400;font-family:BrutGrotesqueThai,sans-serif!important}.inner-wrap-col-form.calendar.show{z-index:8;position:relative}.inner-wrap-col-form.calendar .box-custom-carlendar .inner-carlendar .col-arrow{width:35px}.inner-wrap-col-form.calendar .box-custom-carlendar .inner-carlendar .col-text{flex:1}.inner-wrap-col-form.calendar .box-custom-carlendar .inner-carlendar .icarrow{cursor:pointer;padding:5px}.inner-wrap-col-form.calendar .box-custom-carlendar .inner-carlendar .icarrow[disabled]{display:none}.inner-wrap-col-form.calendar .box-custom-carlendar .carlendar-head{letter-spacing:-.16px;color:#000;font-size:16px;line-height:1.25}.inner-wrap-col-form.calendar .react-datepicker-wrapper{width:100%}.inner-wrap-col-form.calendar .react-datepicker-popper{z-index:2}.inner-wrap-col-form.calendar .react-datepicker-popper[data-placement^=bottom]{padding-top:2px;inset:0 auto auto 0}.inner-wrap-col-form.calendar .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{display:none}.inner-wrap-col-form.calendar .react-datepicker-popper[data-placement^=bottom]{inset:0 auto auto 0}.inner-wrap-col-form.calendar .react-datepicker-popper[data-placement^=top]{inset:0 auto auto 0!important;transform:translateY(50px)!important}.inner-wrap-col-form.calendar .react-datepicker{background:#fff;border:none;border-radius:6px;font-size:14px;box-shadow:0 10px 40px #0000001a}.inner-wrap-col-form.calendar .react-datepicker__header{background:0 0;border:none}.inner-wrap-col-form.calendar .react-datepicker__day-name,.inner-wrap-col-form.calendar .react-datepicker__day,.inner-wrap-col-form.calendar .react-datepicker__time-name{width:2rem;font-weight:400;font-family:BrutGrotesqueThai,sans-serif!important}.inner-wrap-col-form.calendar .react-datepicker{font-family:inherit!important}.inner-wrap-col-form.calendar .react-datepicker .react-datepicker__day-name,.inner-wrap-col-form.calendar .react-datepicker .react-datepicker__day{width:35px}.inner-wrap-col-form.calendar .react-datepicker .react-datepicker__day[aria-disabled=true]{pointer-events:none}.inner-wrap-col-form.calendar .react-datepicker .react-datepicker__day:hover{background-color:#f47a211a}.inner-wrap-col-form.calendar .react-datepicker .react-datepicker__day--selected{background-color:#f47a21!important}.inner-wrap-col-form.calendar .react-datepicker .react-datepicker__navigation:hover :before{border-color:#f47a21}.inner-wrap-col-form.calendar .react-datepicker .react-datepicker__navigation:before{transition:all .3s}