@charset "UTF-8";.dp-button-fixed-wrapper{bottom:0;z-index:10;padding:.85714rem;background-color:#fff;box-sizing:border-box;box-shadow:0 0 6px 0 rgba(0,0,0,.06);position:fixed;width:100%;max-width:600px;min-width:320px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.dp-button{width:100%;text-align:center;font-size:1rem;line-height:1;padding:.71429rem .35714rem;box-sizing:border-box;border-radius:2px;border:1px solid #bdbdbd;outline:none;background-color:transparent}.dp-button:active{background-color:#ddd}.dp-button.primary{background-color:#ee4d2d;padding:.78571rem 0;color:#fff;border:none}.dp-button.primary:active{background-color:#fd3d01}.dp-button.ghost{border-color:#ee4d2d;color:#ee4d2d}.dp-button.fixed{position:fixed;bottom:0;left:0;right:0;margin:.42857rem .85714rem;width:calc(100% - 1.71429rem);box-sizing:border-box;box-shadow:0 0 6px 0 rgba(0,0,0,.06)}.dp-button:disabled,.dp-button:disabled:hover{background-color:#e8e8e8;color:#bdbdbd}.dp-field{display:flex;align-items:center;justify-content:space-between;height:auto;overflow:hidden;position:relative;background-color:#fff;font-size:1rem;padding:1.14286rem .85714rem}.dp-field-column{flex-direction:column;align-items:flex-start}.dp-field-column .dp-field-value{text-align:left}.dp-field-icon{width:1.57143rem;height:1.57143rem;margin-right:.57143rem}.dp-field-label{flex:1;color:#212121}.dp-field-value{flex:1;text-align:right;word-wrap:normal;word-break:normal}.dp-field-arrow{padding-right:1.71429rem}.dp-field-arrow:before{content:"";top:50%;right:.85714rem;transform:translateY(-50%) rotate(-45deg);position:absolute;display:inline-block;width:.57143rem;height:.57143rem;border-right:1px solid #757575;border-bottom:1px solid #757575}.dp-field-bottomLine{border-bottom:1px solid #e8e8e8}.dp-field-placeholder{color:#bdbdbd}.dp-flex{text-align:left;overflow:hidden;display:flex;align-items:center}.dp-flex.dp-flex-dir-row{flex-direction:row}.dp-flex.dp-flex-dir-row-reverse{flex-direction:row-reverse}.dp-flex.dp-flex-dir-column{flex-direction:column}.dp-flex.dp-flex-dir-column .dp-flex-item{margin-left:0}.dp-flex.dp-flex-dir-column-reverse{flex-direction:column-reverse}.dp-flex.dp-flex-dir-column-reverse .dp-flex-item{margin-left:0}.dp-flex.dp-flex-nowrap{flex-wrap:nowrap}.dp-flex.dp-flex-wrap{flex-wrap:wrap}.dp-flex.dp-flex-wrap-reverse{flex-wrap:wrap-reverse}.dp-flex.dp-flex-justify-start{justify-content:flex-start}.dp-flex.dp-flex-justify-end{justify-content:flex-end}.dp-flex.dp-flex-justify-center{justify-content:center}.dp-flex.dp-flex-justify-between{justify-content:space-between}.dp-flex.dp-flex-justify-around{justify-content:space-around}.dp-flex.dp-flex-align-start{align-items:flex-start}.dp-flex.dp-flex-align-end{align-items:flex-end}.dp-flex.dp-flex-align-center{align-items:center}.dp-flex.dp-flex-align-stretch{align-items:stretch}.dp-flex.dp-flex-align-baseline{align-items:baseline}.dp-flex.dp-flex-align-content-start{align-content:flex-start}.dp-flex.dp-flex-align-content-end{align-items:flex-end}.dp-flex.dp-flex-align-content-center{align-items:center}.dp-flex.dp-flex-align-content-between{align-items:stretch}.dp-flex.dp-flex-align-content-around,.dp-flex.dp-flex-align-content-stretch{align-items:baseline}.dp-flex .dp-flex-item{box-sizing:border-box;flex:1}.dp-flex .dp-flex-item:first-child{margin-left:0}.dp-grid-item{position:relative}.dp-grid-item:before{width:100%;height:1px;transform-origin:50% 100%;content:"";position:absolute;background-color:#e8e8e8;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0}@media (min-resolution:2dppx){.dp-grid-item:before{transform:scaleY(.5)}}@media (min-resolution:3dppx){.dp-grid-item:before{transform:scaleY(.33)}}.dp-grid-item:not(:last-child):after{width:1px;height:100%;transform-origin:100% 50%;content:"";position:absolute;background-color:#e8e8e8;display:block;z-index:1;top:0;right:0;bottom:auto;left:auto}@media (min-resolution:2dppx){.dp-grid-item:not(:last-child):after{transform:scaleX(.5)}}@media (min-resolution:3dppx){.dp-grid-item:not(:last-child):after{transform:scaleX(.33)}}.dp-tabs{display:flex;align-items:center;background-color:#fff;font-size:1rem;z-index:1}.dp-tab,.dp-tabs{height:3.14286rem;position:relative}.dp-tab{flex:1;list-style:none;text-align:center;line-height:3.14286rem;border-bottom:1px solid rgba(0,0,0,.09);box-sizing:border-box}.dp-tab.active{border-bottom:2px solid #ee4d2d}.dp-calendar-weekpanel{background:#fff;display:flex;flex-shrink:0;padding:0 2px;border-bottom:1px solid #ccc}.dp-calendar-weekpanel .cell{height:24px;display:flex;width:14.28571429%;justify-content:center;align-items:center}.dp-calendar-month{background-color:#fff}.dp-calendar-month .title{text-align:center;padding:10px 0}.dp-calendar-month .row{display:flex}.dp-calendar-month .cell{display:flex;justify-content:center;align-items:stretch;width:14.28571429%;padding:2px 0}.dp-calendar-month .cell.disable .date-wrapper .date{color:#aaa}.dp-calendar-month .cell .left,.dp-calendar-month .cell .right{flex:1;display:inline-block}.dp-calendar-month .cell.date-selected .date-wrapper,.dp-calendar-month .cell.date-selected .left,.dp-calendar-month .cell.date-selected .right{background-color:#ffedef}.dp-calendar-month .cell.selected-single .left,.dp-calendar-month .cell.selected-single .right{background-color:transparent}.dp-calendar-month .cell.selected-single .date-wrapper{background-color:#ee4d2d;border-radius:1px}.dp-calendar-month .cell.selected-single .date-wrapper .date{color:#fff}.dp-calendar-month .cell.selected-start .left{background-color:transparent}.dp-calendar-month .cell.selected-start .date-wrapper{background-color:#ee4d2d;border-radius:1px}.dp-calendar-month .cell.selected-start .date-wrapper .date{color:#fff}.dp-calendar-month .cell.selected-end .right{background-color:transparent}.dp-calendar-month .cell.selected-end .date-wrapper{background-color:#ee4d2d;border-radius:1px}.dp-calendar-month .cell.selected-end .date-wrapper .date{color:#fff}.dp-calendar-month .date-wrapper{display:flex;width:40px;height:40px;justify-content:center;align-items:center;flex-direction:column}.dp-calendar-month .date-wrapper .date{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:100%;line-height:1}.dp-calendar-month .date-wrapper .holiday{color:#ee4d2d}.dp-calendar-month .date-wrapper .left,.dp-calendar-month .date-wrapper .right{border:none;width:100%;height:100%}.dp-calendar-month .info{height:15px;width:100%;font-size:12px;color:#fff;white-space:nowrap;text-align:center}.dp-calendar-datepicker{display:flex;flex-direction:column;padding-bottom:2.85714rem}.dp-calendar{height:100%;display:flex;flex-direction:column}.dp-calendar-holidayList{background-color:#fff;padding:0 1.42857rem}.dp-calendar-holidayList .holidayItem{font-size:.71429rem;display:flex}.dp-calendar-holidayList .holidayItem:not(:last-child){margin-bottom:.28571rem}.dp-calendar-holidayList .holidayItem .date{display:inline-block;width:3.57143rem;color:#ee4d2d}.dp-calendar-holidayList .holidayItem .name{display:inline-block;max-width:21.42857rem;color:#757575;flex:1}.dp-drawer{z-index:10000;position:fixed;background-color:#fff;width:100%;max-width:600px;top:100vh}.dp-drawer-enter{transform:translateY(-100%);transition:all .35s ease-out}.dp-drawer-leave{transform:translateY(0);transition:all .25s ease-in}.dp-drawer-overlay{position:fixed;z-index:9999;background-color:rgba(0,0,0,.4);top:0;bottom:0;left:0;right:0}.dp-drawer-overlay-enter{transition:all .35s ease-out}.dp-drawer-overlay-leave{transition:all .25s ease-in}.dp-picker{display:block;position:relative;overflow:hidden;width:100%;height:18.57143rem;flex:1;text-align:center;background-color:#fff}.dp-picker-mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-image:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.3)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.3));background-position:top,bottom;background-size:100% 50%;background-repeat:no-repeat}.dp-picker-indicator{box-sizing:border-box;width:100%;position:absolute;height:34px;left:0;z-index:3;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.dp-picker-content{position:absolute;left:0;top:0;width:100%;z-index:1}.dp-picker-item{height:2.42857rem;line-height:2.42857rem}.dp-multipicker{display:flex;align-items:center;height:300px}.card-box{position:relative;padding:0;margin:.71429rem 0 0;background-color:#fff;text-align:left;text-transform:capitalize}.spacer-box{margin:.85714rem;border-radius:.28571rem}.card-header{display:flex;position:relative;padding-left:.85714rem;color:#212121;text-transform:capitalize;min-height:3.42857rem;align-items:center}.card-header:before{width:100%;height:1px;transform-origin:50% 100%;content:"";position:absolute;background-color:#e8e8e8;display:block;z-index:1;top:auto;right:auto;bottom:0;left:0}@media (min-resolution:2dppx){.card-header:before{transform:scaleY(.5)}}@media (min-resolution:3dppx){.card-header:before{transform:scaleY(.33)}}.card-header .card-header__title{padding-top:1rem;padding-bottom:1rem;line-height:1.14286rem;vertical-align:middle;font-size:1rem;font-weight:700}.card-header .card-header__icon-info{display:inline-block;height:1.42857rem;width:1.42857rem;padding-top:.85714rem;padding-bottom:.85714rem;margin-right:.42857rem}.card-content{display:flex;margin-left:.85714rem}.card-detail{display:flex;flex-direction:column;justify-content:space-between;width:100%;padding-top:.57143rem;padding-bottom:1rem;background-color:#fff;line-height:1rem}.card-detail .card-detail__info{margin-top:.42857rem;font-size:.85714rem;color:rgba(0,0,0,.65);text-transform:none}.card-detail .card-detail__info:first-of-type{margin-top:0}html{font-size:14px;min-width:320px;max-width:600px;margin:0 auto;background-color:#f5f5f5;color:#212121}body,html{min-height:100vh;-webkit-overflow-scrolling:touch}body.fixed{position:fixed;width:100%;max-width:600px}@media only screen and (min-width:320px){html{font-size:11.94667px}}@media only screen and (min-width:360px){html{font-size:13.44px}}@media only screen and (min-width:375px){html{font-size:14px}}@media only screen and (min-width:412px){html{font-size:15.38133px}}@media only screen and (min-width:414px){html{font-size:15.456px}}@media only screen and (min-width:480px){html{font-size:17.92px}}@media only screen and (min-width:540px){html{font-size:20.16px}}@media only screen and (min-width:600px){html{font-size:22.4px}}a,body,button,div,h1,h2,h3,h4,input,li,p,span,ul{font-family:Roboto,Noto Sans SC，Noto Sans TC，Noto Sans,sans-serif;margin:0;padding:0;line-height:1.2;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a:lang(th-TH),body:lang(th-TH),button:lang(th-TH),div:lang(th-TH),h1:lang(th-TH),h2:lang(th-TH),h3:lang(th-TH),h4:lang(th-TH),input:lang(th-TH),li:lang(th-TH),p:lang(th-TH),span:lang(th-TH),ul:lang(th-TH){line-height:1.5}input{outline:none;border:none}input::placeholder{color:#bdbdbd}p{word-wrap:normal;word-break:normal}a{text-decoration:none;color:inherit}button{appearance:none;background:transparent;border:0}button:focus{outline:none}.pay_now_btn,button{user-select:none}ol,ul{list-style:none}:root{--safe-area-inset-top-offset:44px;--native-return-arrow-offset:4px}

/* ! the img need to be refactored!*/