html{position:relative;min-height:100%;font-size:14px}@media(min-width:768px){html{font-size:16px}}body{font-family:'Noto Sans Thai',sans-serif;font-weight:400;font-stretch:100%;margin-bottom:60px;height:100%}a{color:inherit;text-decoration:inherit}.container{width:100%;flex-direction:column;display:flex;position:relative;box-sizing:inherit;padding:0;overflow-y:auto}.wraper{width:100%;flex:1 1 auto;padding-top:8px;padding-bottom:8px;padding-left:12px;padding-right:12px;max-width:430px;margin-left:auto;margin-right:auto}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem white,0 0 0 .25rem #258cfb}.hiden{display:none}.app-border{position:relative}.app-border::before{content:'';position:absolute;inset:0;border-radius:20px;padding:5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.grid-container{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding:1px}.grid-box{display:flex;justify-content:center;align-items:center;justify-content:center;cursor:pointer;border-radius:20px;height:150px}.grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.grid-item span{letter-spacing:.15px;line-height:1.5;font-size:14px;font-weight:600}.grid-item-image{width:84px;height:84px}.grid-item-image img{object-fit:contain;height:100%;width:100%}