@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";#nav{position:fixed;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2vw;z-index:99999}#nav>#logo{display:flex;align-items:center;transform:translateY(20%);cursor:pointer}#nav>#logo>img{width:15vw;object-fit:cover;transition:.1s ease-in-out}#nav>#logo:hover>img{scale:1.02}#nav>#logo:active>img{scale:1;transform:translateY(2px)}#nav>#user-form{color:#fff;font-size:2.5vh;font-weight:600;cursor:pointer;transition:.1s ease-in-out}#nav .login-form{display:flex;align-items:center}#nav .login-form>button{background:none;font-size:1.5vw;font-weight:600;color:#fff;border:none;outline:none;text-shadow:1px 2px 3px #00000067;cursor:pointer;transition:.1s ease}#nav .login-form>button:hover{transform:translateY(-1px)}#nav .login-form>button:active{transform:translateY(0)}#nav .logout-form{display:flex;gap:30px;align-items:center;filter:drop-shadow(1px 2px 2px #0000004b)}#nav .logout-form>p{font-size:1.1vw}#nav .logout-form>img{border-radius:50%;width:2.2vw;object-fit:cover;outline:solid .4vh #ffffff28}#nav .logout-form>#user-logout{opacity:.6;display:flex;align-items:center}#nav .logout-form>#user-logout:hover{opacity:1}#nav .logout-form>#user-logout>img{margin:auto;height:1.5vw}#nav .user-points{text-shadow:none;display:flex;align-items:center;gap:5px}#nav .user-points>img{opacity:.7}#nav .user-points>span{background-color:#ffffff2f;padding:0 10px;border-radius:5px}#nav #user-points{cursor:pointer;transition:.1s ease}#nav #user-points:hover{transform:translateY(-1px)}#nav #user-points:active{transform:translateY(0)}@media screen and (max-width: 1300px){#nav .logout-form>img{width:30px}#nav .logout-form>p{font-size:20px}#nav .logout-form>#user-logout>img{height:30px}}@media screen and (max-width: 800px){#nav{padding-top:2vw}#nav>#logo>img{width:90px}#nav .login-form>button{font-size:20px}#nav .logout-form{gap:15px}#nav .logout-form>img{width:30px}#nav .logout-form>p{font-size:15px}#nav .logout-form>.user-name{display:none}#nav .logout-form>#user-logout>img{height:25px}}.side{display:flex;align-items:center;justify-content:center;perspective:1000px;padding-right:5vw}.side-box-3d{width:70vw;display:flex;align-items:center;justify-content:center;transform:rotateY(-20deg);transform-style:preserve-3d}.side-box{width:33vw;height:18vw;margin:0 20px;overflow:hidden;border-radius:2vw;filter:drop-shadow(1px 2px 5px #00000069);position:relative}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease,transform .5s ease}.slide.active{opacity:1}.slide.prev{transform:translate(-80%) rotateY(20deg);opacity:0}.slide.next{transform:translate(80%) rotateY(-20deg);opacity:0}.side-box img{width:100%;height:100%;object-fit:cover;border-radius:2vw}.side-button{width:3.5vw;height:3.5vw;border-radius:100%;background-color:#ffffff3d;box-shadow:1px 2px 4px #00000059;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.1s ease-in-out;position:absolute;z-index:2;border:none}.side-button:hover{transform:translateY(-1px)}.side-button:active{transform:translateY(0)}#side-prev{left:0}#side-next{right:0}.side-button>img{height:65%;opacity:.2}@media screen and (max-width: 800px){.side-box-3d{width:100%}.side-box{width:60vw;height:30vw}.side-button{width:6vw;height:6vw}#side-prev{left:-5%}#side-next{right:-5%}}#content{position:relative;overflow:hidden;background:#474bff;background:-webkit-linear-gradient(0deg,#00000000,#ffffffa9,#ffffffa9,#ffffffa9,#00000000);background:linear-gradient(0deg,#0000,#ffffffa9,#ffffffa9,#ffffffa9,#0000);display:flex;align-items:center;flex-direction:column}#content .content-icon{position:absolute;height:15vw;z-index:0}#content .items-icon{height:2vw;margin-bottom:2vw}#content .content-icon:nth-of-type(1){left:0;bottom:50%;transform:translate(-25%)}#content .content-icon:nth-of-type(2){right:0;bottom:10%;transform:translate(30%)}#content .items-lists-box{width:90%;max-width:1300px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;margin-bottom:3vw}#content .items-lists{width:fit-content;gap:2vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:calc(1000px + 8.4vw);padding:.2vw}#content .items{width:100%;max-width:200px;aspect-ratio:1 / 1.3;display:flex;flex-direction:column;align-items:center;transition:.1s ease}#content .items:hover{transform:translateY(-2px)}#content .items>.items-card{width:100%;height:85%;min-height:85%;border-radius:12%;background-color:#fff;box-shadow:0 2px 5px #00000046;display:flex;flex-direction:column;align-items:center;padding:.6vw .6vw .4vw;transition:.1s ease}#content .items:hover>.items-card{box-shadow:0 4px 5px #00000046}#content .items>.items-card>.items-card-img-bg{border-radius:inherit;height:80%;min-height:80%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#1da5db,#0fb5f7);margin-bottom:auto}#content .items>.items-card>.items-card-img-bg>img{width:55%;object-fit:contain}#content .items>.items-card>.items-card-img-bg>span{width:60%;height:2%;max-height:4px;margin-top:15%;border-radius:50%;background-color:#00000018;box-shadow:0 0 5px #00000034}#content .items>.items-card>p{font-weight:500;color:#a8573e;width:90%;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#content .items>.items-card>.items-card-label{font-size:.9vw;margin-top:.3vw}#content .items>.items-card>.items-card-price{font-size:.7vw;font-weight:500}#content .items-increase{color:#fff;text-shadow:1px 1px 5px #00000046;font-size:1.1vw;font-weight:700;margin:0 auto;cursor:pointer;transition:.1s ease-in-out;margin-top:2vw}#content .items-increase:hover{transform:translateY(-1px);text-decoration:underline}#content .items-increase:active{transform:translateY(0)}#content .items-package-box{margin-bottom:3vw;display:grid;gap:2vw;grid-template-columns:repeat(3,1fr);padding:.2vw;z-index:1}#content .items-package-box .items{min-width:280px;max-width:280px;aspect-ratio:1 / 1.5;cursor:pointer}#content .items-package-box .items:active{transform:translateY(0)}#content .items-package-box .items>.items-card{width:100%;height:100%;border-radius:1.5vw;background-color:#fff;box-shadow:0 2px 5px #00000046;display:flex;flex-direction:column;align-items:center;padding:.8vw .8vw .5vw}#content .items-package-box .items>.items-card>.items-card-label{font-size:1vw}#content .items-package-box .items>.items-card>.items-card-price{font-size:.7vw}#content .items-package-box .items>.items-card>.items-card-img-bg{height:90%}#content .items-package-box .items>.items-card>.items-card-img-bg>img{height:35%}#content .items>.items-buy{margin-top:auto;width:70%;height:13%;border-radius:4rem;box-shadow:0 2px 5px #00000046;text-shadow:1px 2px 3px #00000046;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9vw;transform:translateY(20%);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQUAAABDCAIAAAAagocDAAAACXBIWXMAAC4jAAAuIwF4pT92AAAKTmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgMTE2LmNhODJhZTQsIDIwMjQvMDIvMjItMjE6NTg6NDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuNyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA2LTI0VDIzOjA4OjM0KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wNi0yNVQxMDoxMzo1MSswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNS0wNi0yNVQxMDoxMzo1MSswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDI2ZjZhZTEtMmY3Ni0yNzQwLWEyNmQtNDAzMzNlMGE3YzI2IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MjFkZTJiNzAtYTI1ZS03NzQxLWI5YzMtYjE1YzAzYWNiNzU0IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjgwM2I1ZDQtODQ3Mi01YzQzLThmMDUtZmQ4NTAzYjZhNmFmIj4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+eG1wLmRpZDo3ZDVjODU0Ni1jNjVmLTc4NGEtOTdjZi0zYTUyNDUyYzkzNzI8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiODAzYjVkNC04NDcyLTVjNDMtOGYwNS1mZDg1MDNiNmE2YWYiIHN0RXZ0OndoZW49IjIwMjUtMDYtMjRUMjM6MDg6MzQrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC43IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGltYWdlL3BuZyB0byBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkZGU0NDI0ZC05Zjg5LTM5NGUtOTU3Zi03Yjg3NmMwMDFmOGUiIHN0RXZ0OndoZW49IjIwMjUtMDYtMjVUMTA6MTM6NDcrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC43IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YmI0ZGRkM2QtMTFhYy0yNjQ4LTk2ODEtNDhiNzQ4N2RhMTdjIiBzdEV2dDp3aGVuPSIyMDI1LTA2LTI1VDEwOjEzOjUxKzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuNyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyNmY2YWUxLTJmNzYtMjc0MC1hMjZkLTQwMzMzZTBhN2MyNiIgc3RFdnQ6d2hlbj0iMjAyNS0wNi0yNVQxMDoxMzo1MSswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjcgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiYjRkZGQzZC0xMWFjLTI2NDgtOTY4MS00OGI3NDg3ZGExN2MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YjgwM2I1ZDQtODQ3Mi01YzQzLThmMDUtZmQ4NTAzYjZhNmFmIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjgwM2I1ZDQtODQ3Mi01YzQzLThmMDUtZmQ4NTAzYjZhNmFmIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0sxL6gAAAUBJREFUeJzt1cFx2zAQQFGsJyc3YZeRPtKL6nFZ7iBt5GDGH6SSs3R4b0YjklpA0OGP5u32uYC11lovjz4APJEfX2+/P3499hyPNMfruJmeft/+fZs+msvM9Xr256eFc3k4x9h5ci4bbmNzer5fzHFx/0VdbPvsnx77zGXVeeZYe17yPTnrdHve5GvpbAP7MWbu5q9H+vfA/bbbL/3Pb7w7z1prXt9/Lv8PsNMDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDRA8QPUD0ANEDZN5un48+AzwL/w+QP9cpBmHquXJCAAAAAElFTkSuQmCC);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;transition:.1s ease;cursor:pointer}#content .items:hover>.items-buy{box-shadow:0 4px 5px #00000046}#content .items>.items-buy:hover{scale:1.02}#content .items>.items-buy:active{scale:1;box-shadow:0 2px 5px #00000046}#content .items>.items-buy>img{height:45%;margin-right:5%}@media screen and (max-width: 1300px){#content .items-lists{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:calc(800px + 8.4vw)}#content .items>.items-card>.items-card-label{font-size:1.2vw}#content .items>.items-card>.items-card-price{font-size:.9vw}#content .items-package-box .items>.items-card>.items-card-label{font-size:1.7vw}#content .items-package-box .items>.items-card>.items-card-price{font-size:1.2vw}}@media screen and (max-width: 1020px){#content .items-lists{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:calc(480px + 8.4vw)}#content .items-icon{height:4vw;margin-bottom:4vw}#content .items>.items-card{padding:.8vw .8vw .4vw}#content .items-package-box{grid-template-columns:repeat(2,1fr)}#content .items-package-box .items{min-width:180px;max-width:180px}#content .items-package-box .items>.items-card{padding:1vw;border-radius:3vw}#content .items-package-box .items>.items-card>.items-card-label{font-size:1.8vw}#content .items-package-box .items>.items-card>.items-card-price{font-size:1.5vw}}@media screen and (max-width: 800px){#content .items-lists{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:calc(360px + 8.4vw)}#content .items-increase{font-size:1.5vw;margin-top:5vw}#content .items>.items-card>.items-card-label{font-size:2.2vw}#content .items>.items-card>.items-card-price{font-size:2vw}#content .items-package-box .items>.items-card>.items-card-label{font-size:3.2vw}#content .items-package-box .items>.items-card>.items-card-price{font-size:2.8vw}#content .items>.items-buy{font-size:1.5vw}}#footer{white-space:nowrap;margin:1vw auto .2vw;font-size:1.3vh;font-weight:600;color:#fff;text-shadow:1px 2px 5px #00000057;padding:.6vw 20vw;background:-webkit-linear-gradient(90deg,#00000000 0%,#ffffff3f 50%,#00000000 100%);background:linear-gradient(90deg,#0000,#ffffff3f,#0000)}#pay{position:fixed;top:50%;transform:translateY(-50%);z-index:999;right:0}.content-pay{width:27vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#50505044;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 30px;gap:15px;opacity:0;transform:translate(100%);transition:.15s ease-in-out}.content-pay.active{opacity:1;transform:translate(0)}.pay-header{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px #fff;padding:0 10px 10px;filter:drop-shadow(1px 2px 3px #00000080)}.pay-header>p{color:#fff;font-size:1vw;background-color:#50505044;padding:0 10px;border-radius:5px}.pay-header>button{border:none;outline:none;color:#fff;width:5vw;height:100%;border-radius:5px;background-color:#50505044;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.1s ease}.pay-header>button:hover{transform:translateY(-1px);background-color:#f004}.pay-header>button>img{height:70%}.pay-lists{width:100%;padding:0 10px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;filter:drop-shadow(1px 2px 2px #00000080);margin-top:20px}.pay-lists-title{padding:0 10px;border-radius:5px;font-weight:300;font-size:.8vw}.pay-lists-box{width:100%;margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:10px 0}.pay-count{width:100%;font-size:1.3vw;border-radius:5px;background-color:#50505044;text-align:center;cursor:pointer;text-shadow:1px 2px 3px #0000002d;white-space:nowrap}.pay-count.active,.pay-count:hover{background-color:#72727244;transform:translateY(-1px);scale:1.02}.pay-count.active{scale:1.04;outline:solid 1px #7bf3578e;background-color:#7bf3578e}.pay-count:active{scale:1;transform:translateY(0)}.pay-submit{width:50%;margin-top:20px;border-radius:5px;padding:5px 2% 5px 0;background-color:#50505044;text-align:center;text-shadow:1px 2px 3px #0000002d;transition:.1s ease;display:none;font-size:1.1vw;gap:10px;filter:brightness(.5)}.pay-submit.ready{filter:brightness(1)}.pay-submit.active{display:flex;align-items:center;justify-content:center;cursor:pointer}.pay-submit.ready:hover{background-color:#7bf3578e;box-shadow:0 0 10px #7bf3578e;transform:translateY(-1px)}.pay-submit.ready:active{transform:translateY(0)}.pay-submit>img{height:50%}.pay-qr{width:100%;margin-top:20px}.pay-qr-box{display:flex;flex-direction:column;align-items:center}.pay-qr-box>img{height:15vw;margin-bottom:20px}.pay-qr-box>p{color:#fff;text-shadow:1px 2px 3px #0000006c}.pay-qr-submit{margin:0 auto;margin-top:1vw;font-size:1.2vw;font-weight:500;color:#fff;background-color:#7bf3578e;box-shadow:0 0 10px #7bf3578e;padding:5px 2vw;border-radius:8px;border:none;outline:none;cursor:pointer;transition:.1s ease;box-shadow:1px 2px 5px #00000038}.pay-qr-submit:hover{transform:translateY(-1px);box-shadow:1px 4px 5px #00000038}.pay-qr-submit:active{transform:translateY(0);box-shadow:1px 2px 5px #00000038}.pay-loading{margin-top:1vw}.pay-loading>img{height:30px}.pay-qr-box>.pay-qr-note{margin-top:10px;font-size:.7vw;font-weight:300;color:#ffc505;text-shadow:1px 2px 2px #00000062}@media screen and (max-width: 1300px){.content-pay{width:100vw}.pay-header>p{font-size:20px}.pay-header>button{width:80px}.pay-lists-title{font-size:15px}.pay-count{font-size:20px;padding:5px 0}.pay-submit{font-size:20px}.pay-qr-box>img{height:250px;margin:30px 0}.pay-qr-submit{font-size:20px}}#buy{position:fixed;top:50%;transform:translateY(-50%);z-index:999;right:0}.content-buy{width:27vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#50505044;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 30px;gap:15px;opacity:0;transform:translate(100%);transition:.15s ease-in-out}.content-buy.active{opacity:1;transform:translate(0)}.buy-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px 10px;filter:drop-shadow(1px 2px 3px #00000080)}.buy-header>p{color:#fff;font-size:1vw;background-color:#50505044;padding:0 10px;border-radius:5px}.buy-header>button{border:none;outline:none;color:#fff;width:5vw;height:100%;border-radius:5px;background-color:#50505044;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.1s ease}.buy-header>button:hover{transform:translateY(-1px);background-color:#f004}.buy-header>button>img{height:70%}.buy-detail{width:100%;margin-top:30px;display:flex;align-items:center;flex-direction:column;gap:10px}.buy-detail-img-bg{position:relative;width:10vw;height:10vw;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:12%;background-color:#fff;box-shadow:0 2px 5px #00000046;margin-bottom:20px}.buy-detail-img-bg:before{width:95%;height:95%;border-radius:inherit;position:absolute;content:"";background:radial-gradient(circle,#1da5db,#0fb5f7);z-index:1}.buy-detail>.buy-detail-img-bg>img{height:128px;z-index:2;height:50%}.buy-detail>.buy-detail-img-bg>span{width:60%;height:2%;margin-top:15%;border-radius:50%;z-index:2;background-color:#00000018;box-shadow:0 0 5px #00000034}.buy-detail>p{font-size:1vw;color:#fff;text-shadow:1px 2px 2px #00000052}.buy-detail>p>span.over{color:red;margin:0 5px}.buy-detail>p>input{width:100px;font-size:1.2vw;text-align:center;background-color:#ffffff54;border:none;outline:none;border-radius:5px;color:#fff;text-shadow:1px 3px 2px #00000052;box-shadow:1px 2px 6px #00000085,-2px -3px 1px #0000003b inset;margin-left:15px;padding-bottom:2px}.buy-button-box{width:100%;display:flex;align-items:center;justify-content:center;gap:1vh;margin-top:1vw}.buy-cancel,.buy-submit{width:65%;margin-top:1vw;font-size:1.1vw;font-weight:500;color:#fff;padding:5px 0;border-radius:8px;border:none;outline:none;cursor:pointer;transition:.1s ease;background-color:#7bf3578e;box-shadow:1px 2px 5px #00000038}.buy-cancel:hover,.buy-submit:hover{transform:translateY(-1px);box-shadow:1px 4px 5px #00000038}.buy-cancel:active,.buy-submit:active{transform:translateY(0);box-shadow:1px 2px 5px #00000038}.buy-cancel{width:25%;background-color:#f357578e}.buy-loading{margin-top:1vw}.buy-loading>img{height:30px}.buy-package-list{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:2vh;margin-top:1vw;padding-bottom:2vh}.package-list-box{width:50%;max-width:300px;min-height:20vh;display:flex;align-items:center;justify-content:center}.package-list-box>img{width:100%;object-fit:cover;border-radius:.5vw;cursor:pointer}.package-list-btn{cursor:pointer;transition:.1s ease}.package-list-btn[data-type=prev]:hover:not(:active){transform:translate(-1px)}.package-list-btn[data-type=next]:hover:not(:active){transform:translate(1px)}.package-list-amount{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.package-list-amount>span{width:1vh;height:1vh;background-color:#ffffff54;border-radius:50%}.package-list-amount>span.active{background-color:#fff}@media screen and (max-width: 1300px){.content-buy{width:100vw}.buy-header>p{font-size:20px}.buy-header>button{width:80px}.buy-detail-img-bg{width:20vw;height:20vw}.buy-detail>p{font-size:20px}.buy-detail>p>input{font-size:20px}.buy-cancel,.buy-submit{font-size:15px}}.ep--arrow-left-bold:after{display:inline-block;vertical-align:-.125em;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fff' d='M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0'/%3E%3C/svg%3E")}.ep--arrow-right-bold:after{display:inline-block;transform:rotate(180deg);vertical-align:-.125em;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fff' d='M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0'/%3E%3C/svg%3E")}.package-list-btn span:after{width:2vh;height:2vh}#accumulated{display:flex;align-items:center;justify-content:center;margin-bottom:5vh}.accu-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:1vh}.accu-header{color:#fff;font-size:2vh}.accu-header>span{color:#15afec}@media screen and (max-width: 768px){.accu-header{font-size:1.5vh}}.accu-content{display:flex;align-items:center;padding-top:12vw}.accu-list{position:relative;display:flex;align-items:center;padding:0 5vw;gap:9.5vw;height:.6vw;background-color:#004479;border-radius:1vh}.accu-list-per{position:absolute;top:0;left:0;width:12%;height:100%;border-radius:1vh;background-color:#15afec}.accu-item{position:relative;width:1.1vw;height:1.1vw;border-radius:50%;background-color:#c4c4c4}.accu-item.active{background-color:#15afec;box-shadow:0 0 5px #15afec}.accu-item-content{position:absolute;top:0;left:50%;transform:translate(-50%,-115%);width:10vw;height:10vw;background-color:#fff;border-radius:1vw;opacity:.6;padding:.5vw;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 768px){.accu-content{padding-top:14vw}.accu-list{padding:0 6vw;gap:12vw}.accu-item-content{width:12vw;height:12vw}.accu-item{width:1.2vw;height:1.2vw}}@media screen and (max-width: 480px){.accu-content{padding-top:16vw}.accu-list{padding:0 7vw;gap:14vw;height:.8vw}.accu-item-content{width:14vw;height:14vw}.accu-item{width:1.8vw;height:1.8vw}}.accu-item-content.ready{cursor:pointer;opacity:1}.accu-item-content.submit{opacity:1}.accu-item-img{position:relative;width:100%;height:80%;background-color:#15afec;border-radius:inherit;display:flex;align-items:center;justify-content:center}.accu-item-img>img{height:80%;width:90%;object-fit:contain}.accu-item-img>span{position:absolute;z-index:2;top:10%;right:10%}.accu-item-img>span:after{width:1.5vw;height:1.5vw}.accu-item-label{width:100%;text-align:center;font-size:1vw;font-weight:600;color:#a8573e;margin-top:auto}@media screen and (max-width: 768px){.accu-item-label{font-size:1.5vw}}@media screen and (max-width: 480px){.accu-item-label{font-size:1.6vw}}.icon-park-twotone--success:after{display:inline-block;vertical-align:-.125em;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cmask id='ipTSuccess0'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.3'%3E%3Cpath fill='%23262626' d='m24 4l5.253 3.832l6.503-.012l1.997 6.188l5.268 3.812L41 24l2.021 6.18l-5.268 3.812l-1.997 6.188l-6.503-.012L24 44l-5.253-3.832l-6.503.012l-1.997-6.188l-5.268-3.812L7 24l-2.021-6.18l5.268-3.812l1.997-6.188l6.503.012z'/%3E%3Cpath d='m17 24l5 5l10-10'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='%236eff42' d='M0 0h48v48H0z' mask='url(%23ipTSuccess0)'/%3E%3C/svg%3E")}.accu-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.accu-loading>img{width:5vw}*{margin:0;padding:0;box-sizing:border-box;font-family:Kanit,sans-serif;font-weight:400;-webkit-user-select:none;user-select:none}body{background-image:url(/assets/main-bg-CPmlTK7q.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}html{height:100%}#main-layout{display:flex;flex-direction:column;background-image:url(/assets/main-bg-line-DhYkTLI4.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.detail-layout{display:flex;align-items:center;margin-top:15vw;padding-bottom:4vw}.detail-layout>div{width:50%}.detail{display:flex;align-items:center;justify-content:center;flex-direction:column}.detail>p{width:50%;white-space:nowrap;font-size:2.6vw;font-weight:600;color:#ebebeb;text-shadow:.5px 1px 5px #00000075}.detail>p>span{color:#fff;font-weight:600}.detail>#discord-join{width:23vw;height:4vw;background-color:#0000;background-image:url(/assets/button-join-Cg1s3CqV.png);background-position:center;background-size:100% 100%;border:none;outline:none;filter:drop-shadow(0 2px 5px #00000049);cursor:pointer;transition:.1s ease-in-out;margin-top:10px;margin-left:3vw}.detail>#discord-join:hover{transform:translateY(-2px);filter:drop-shadow(0 4px 5px #00000049)}.detail>#discord-join:active{transform:translateY(0);filter:drop-shadow(0 2px 5px #00000049)}.donate-layout{display:flex;align-items:center;justify-content:center;margin:0 auto;opacity:0;transition:opacity .5s ease,transform .5s ease;transform:translateY(2vw)}.donate-layout.show{opacity:1;transform:translateY(0)}.donate-layout>img{width:45vw;object-fit:cover}@media screen and (max-width: 1300px){.donate-layout{opacity:1;transform:translateY(0)}}@media screen and (max-width: 800px){.detail-layout{margin-top:25vw;flex-direction:column}.detail-layout>div{width:80%}.detail{margin-bottom:10vw;align-items:center}.detail>p{width:100%;font-size:6vw;text-align:center}.detail>#discord-join{width:50vw;height:8.5vw;margin:0 auto;margin-top:3vw}}.preview-box{position:fixed;width:100vw;height:100vh;background-color:#00000080;z-index:999999;display:flex;align-items:center;justify-content:center}.preview-box>img{height:650px;max-width:90vw;object-fit:contain}