:root{--color-success:#228b22;--color-error:red;--color-gray:grey;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--input-height:45px;--border-radius:100px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:17px}#formPaymentInform input[type=number],#orderIdList input[type=text],#paymentChannel input[type=text]{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}.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:background-color .3s,color .3s}.btn-browse:hover{background:var(--color-success);color:#fff}#paymentBankWrapper .checkbox label{display:inline-flex;align-items:center;padding-left:var(--spacing-lg)}#paymentBankWrapper .checkbox label::after{top:12px}.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 (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%}}@media (max-width:320px){#paymentBankWrapper .header-blue{line-height:1.7em;font-size:15px}}