@import url("https://fonts.googleapis.com/css?family=Kanit:300,400,500,600,700&display=swap&subset=thai");*{padding:0;margin:0;outline:none;font-family:'Kanit', sans-serif;font-weight:300}*,:after,:before{box-sizing:border-box}html,body{background:#F6F8FA;height:100%;width:100%;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#212223}h1{font-weight:300}input,select,textarea{height:36px;padding:2px 12px;width:100%;border:1px solid #CED4DA;box-shadow:0px 1px 10px rgba(142,153,175,0.2);border-radius:5px;font-size:16px}textarea{padding:8px 12px;height:120px}select{background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;background-size:8px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{width:100%;border-radius:4px;background:#002F6C;height:42px;padding:2px 12px;margin:12px 0;text-align:center;font-size:18px}.btn-secondary{color:#fff}[readonly]{background:#F3F3F3}[disabled]{background:#F3F3F3;color:#aaa;border:none}[v-cloak]>*{display:none}[v-cloak]::before{content:"loading…"}.text-danger{color:#c60;margin-bottom:6px}#app{max-width:460px;margin:0 auto;padding:0 16px;height:100%}.Loading-Section{display:flex;justify-items:center;align-items:center;background:#F6F8FA;width:100%;min-height:100%}.Loading-Section>.loading{width:100%;text-align:center}.Index-Section{position:relative;display:flex;justify-items:center;align-items:center;min-height:100%}.Index-Section>.logo{width:100%;position:absolute;top:42px;text-align:center}.Index-Section>.logo>img{margin:0 auto;width:162px;max-width:100%}.Index-Section>.sch-input{flex:1;text-align:center}.Index-Section>.sch-input>label{color:#002F6C;font-size:18px;margin-bottom:12px;display:block}.Index-Section .cl-form{height:50px;width:100%;background:#FFFFFF;box-shadow:0px 1px 10px rgba(142,153,175,0.2);border-radius:5px;display:flex}.Index-Section .cl-form input{border:none;background:#fff;padding:2px 12px;border-radius:5px;font-size:18px;height:50px;box-shadow:none}.Index-Section .cl-form>span{flex:1}.Index-Section .cl-form>.btn-sch{font-size:24px;padding:2px 12px;display:flex;align-items:center}.Detail-Section{display:flex;flex-direction:column;min-height:100%}.Detail-Section>.header{margin-top:20px;margin-bottom:20px;display:flex;justify-items:center;align-items:center}.Detail-Section>.header .h-icon{font-size:24px;margin-right:12px}.Detail-Section>.header .h-word{flex:1;font-size:21px;color:#002F6C}.Detail-Section>.header .h-logo>img{height:28px}.Detail-Section>.details{flex:1}.Detail-Section>.footer{padding:6px 0 12px 0}.form-control{margin-bottom:22px}.form-control>label{display:block;margin-bottom:4px}.Status-Section{display:flex;flex-direction:column;min-height:100%}.Status-Section>.detail{display:flex;align-items:center;flex:1;text-align:center}.Status-Section>.detail .detail-status img{max-width:60%;margin-bottom:12px}.Status-Section>.detail .detail-status h1{font-size:24px;margin-bottom:22px;color:#002F6C}.Status-Section>.detail .detail-status p{color:#9C9C9C}.Status-Section>.footer{padding:6px 0 12px 0}