#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.mainh1[data-v-4a2a6f54]{margin-top:5%}.vuertual-numeric-keyboard[data-v-4d5c88ce]{display:grid;grid-template-columns:auto auto auto;grid-gap:10px}.vuertual-numeric-keyboard .btn[data-v-4d5c88ce]{font-weight:700}.btn-keyboard[data-v-4d5c88ce]{background-color:#80b6ff;color:#fff}.container{max-width:900px}.form-control{text-align:center}.active{box-shadow:0 0 15px 15px #ed4f00}.choose-box{width:700px;padding:15px;font:700 2rem/50px kanit;border:15px solid #ed5900;animation:button_box_move;animation-duration:.8s}@keyframes button_box_move{0%{padding:0;font:700 0/50px kanit}to{padding:15px;font:700 2rem/50px kanit}}.choose-package{position:relative;left:22%}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-cancel{width:100%;display:block;text-align:center}.btn-cancel button{width:150px;font:700 1.3rem kanit;margin-top:10px;border:none;color:#fff;padding:5px;border-radius:5px;margin-right:20px;background:#760800}.headbill{display:inline-block;width:100%;font:700 .9rem"kanit"}table{font:700 1.2rem"kanit";border-collapse:collapse;width:90%}td,th{border:1px solid #ddd;padding:8px;text-align:center}tr:nth-child(2n){background-color:#ddd}h1{font:700 2rem"kanit"}.content-show-c{height:740px;overflow-y:scroll}.headtext-wp{margin-top:40px}.center{margin-left:auto;margin-right:auto;margin-top:30px}.bottom-show{width:60%;display:inline-block;position:absolute;left:0;bottom:0;margin-bottom:40px;margin-right:50px;text-align:right}.bottom-show h1{font-size:2rem}.bottom-show h1 span{color:#ed4f00}.scanqr img{width:85%}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#ed4f00 transparent transparent transparent}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}.btn-delete{width:150px;font:700 1.3rem kanit;margin-top:3px;background:#ed4f00;border:none;color:#fff;padding:5px;border-radius:5px;margin-right:20px}.btn-buyproduct{background:#00a500}.btn-buyproduct,.btn-topup{margin-top:10px;width:80%;height:27%;display:inline-block;color:#fff;border:none;padding:10px;border-radius:5px;font:700 3rem kanit}.btn-topup{background:#0084ff}.btn-topupday{margin-top:10px;width:80%;height:27%;display:inline-block;background:#e20bbe;color:#fff;border:none;padding:10px;border-radius:5px;font:700 3rem kanit}.credit-money{font:700 2rem kanit}.alert{font:700 1.3rem kanit;color:#000}.alert-text-wrap{width:100%;display:block;text-align:center}.alert-text-wrap .alert-text{width:700px;background:#ed4f00;color:#fff;margin-top:10px;font:700 1.3rem/50px kanit;display:inline-block}.cart-box-wrap{display:block;overflow-y:scroll;overflow-x:hidden;height:650px}.button-move{animation:button_function_move;animation-duration:.8s}@keyframes button_function_move{0%{width:0;font:700 0 kanit}to{width:80%;font:700 3rem kanit}}