:root{--color-primary:#0059AF;--color-secondary:#9caf88;--color-success:#228b22;--color-error:red;--color-text:#75787b;--color-gray:grey;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:25px;--input-height:40px;--border-radius:100px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:17px;--font-size-xl:25px}.inform-payment-page{font-family:Noto Sans Thai,sans-serif;max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.inform-payment-page h3{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.title-select-block{position:relative;width:100%;margin-bottom:var(--spacing-lg)}.title-select-block ul{left:0;width:100%;top:var(--input-height)}.title-select-block .title-select-header{background-position:98%}.payment-datetime-block{position:relative;margin-bottom:var(--spacing-lg)}.payment-datetime-block input{background:0 0;position:relative;z-index:2}#orderIdList input[type=text],#paymentChannel input[type=text],input[type=button],input[type=file],input[type=number]{min-height:var(--input-height);max-height:var(--input-height);padding:var(--spacing-sm) var(--spacing-lg);width:100%;box-sizing:border-box;margin-bottom:var(--spacing-sm);border:1px solid #ddd}i{position:absolute;z-index:1}i.i-calendar{background:url(https://www.naiin.com/img/global/ic_calendar.svg) no-repeat;height:17px;right:20px;top:10px;width:15px}i.i-dropdown{background:url(https://www.naiin.com/img/global/ic_arrow_down.svg) no-repeat;background-size:28px;height:28px;right:10px;top:5px;width:28px}.payment-upload{margin-bottom:var(--spacing-lg)}.payment-upload p{color:var(--color-text);margin-bottom:var(--spacing-sm)}#btnPaymentFileInput{display:none}#btnPaymentBrowse,.btn-browse{background:#fff;border:1px solid var(--color-success)!important;border-radius:var(--border-radius);color:var(--color-success);font:200 var(--font-size-lg) Noto Sans Thai,sans-serif;text-align:center;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;display:inline-block;transition:all .3s ease}#btnPaymentBrowse:hover,.btn-browse:hover{background:var(--color-success);color:#fff}.transfer-bank-account{margin-bottom:var(--spacing-lg)}.transfer-bank-account h4{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-xl)}.default-form .transfer-bank-account .radio label{position:relative;padding-left:75px;display:flex;align-items:center;margin-bottom:var(--spacing-md)}.default-form .transfer-bank-account .radio label::before{top:10px}.default-form .transfer-bank-account .radio label::after{top:13px}.bank-icon{background-repeat:no-repeat;height:45px;left:15px;position:absolute;width:46px}.bank-icon.i-bkk{background-image:url(../img/bank/bank_bkk.png)}.bank-icon.i-scb{background-image:url(../img/bank/bank_scb.png)}.bank-icon.i-kbank{background-image:url(../img/bank/bank_kbank.png)}.bank-icon.i-kthai{background-image:url(../img/bank/bank_kthai.png)}.bank-icon.i-ksri{background-image:url(../img/bank/bank_ksri.png)}.bank-icon.i-tnc{background-image:url(../img/bank/bank_tnc.png)}.bank-icon.i-uob{background-image:url(../img/bank/bank_uob.png)}#paymentBankWrapper .checkbox label{display:inline-flex;align-items:center;padding-left:var(--spacing-lg)}#paymentBankWrapper .checkbox label::after{top:12px}.bank-radio{vertical-align:middle;margin-right:var(--spacing-sm)}.bank-logo-block{margin-right:var(--spacing-sm);display:inline-block}.bank-logo{width:30px;height:30px;display:inline-block;vertical-align:top}.bank-name{display:inline-block;vertical-align:top;font-weight:200}.bank-name-block{display:inline-block}.bank-padding-bottom{padding-bottom:var(--spacing-lg);margin-top:0;margin-bottom:0}.last-bank-margin-bottom{margin-bottom:var(--spacing-sm)}.notice{font-size:var(--font-size-sm);line-height:1.7em;color:var(--color-gray);display:block;margin:var(--spacing-sm) 0}.error-message,.success-message{font:500 var(--font-size-md) Noto Sans Thai,sans-serif;line-height:1.7em;margin:var(--spacing-sm) 0}.success-message{color:var(--color-success)}.error-message{color:var(--color-error)}.pm-label{margin:var(--spacing-sm) 0 0;display:block;font-weight:500}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}@media only screen and (max-width:1024px){#paymentBankWrapper{margin-top:var(--spacing-md)}#formPaymentInform input.input-form{float:none}}@media only screen and (max-width:768px){#paymentBankWrapper{margin-top:var(--spacing-md)}}@media (max-width:480px){#paymentBankWrapper .header-blue{font-size:var(--font-size-lg);line-height:1.7em}.bank-padding-bottom{margin-left:var(--spacing-lg)}.bank-name-block{width:85%}#paymentBankWrapper .bank-radio{position:absolute}}@media (max-width:320px){#paymentBankWrapper .header-blue{line-height:1.7em;font-size:15px}}