@import url(https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&family=Barlow+Semi+Condensed: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);html,body{font-family:"Barlow Semi Condensed","Anuphan"!important;color:#000}select,input,textarea{font-family:"Barlow Semi Condensed","Anuphan"!important}.gg2 .color-checkbox{width:100%;height:auto}.gg2 .color-checkbox .fa-circle-check{top:20px;left:20px}.color-checkbox{width:100%;height:auto;border-radius:0;cursor:pointer;display:inline-block;border:2px solid transparent;position:relative}.scooterImage{position:absolute;bottom:30px;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 0.5s ease-in-out;z-index:1}.scooterImage.active{opacity:1;z-index:2}.options img{opacity:.3;transition:opacity 0.3s}.options.selected img{opacity:1;transition:opacity 0.3s}.options:hover img{opacity:1;transition:opacity 0.3s}.clblack{color:#000}.color-checkbox .fa-circle-check{position:absolute;top:50%;left:5%;transform:translate(-50%,-50%);display:none;pointer-events:none;width:24px;height:24px}.color-checkbox.checked .fa-circle-check{display:block}input[type="checkbox"]{display:none}.fs14{font-size:14px}.fs18{font-size:18px}.bximg{width:auto;height:620px;max-height:620px}.bxcvimg{width:auto;height:620px;max-height:620px;margin:0 auto}.boxapcv{bottom:160px}.boxap{bottom:0}.bximgshd{width:100%;max-width:750px}@keyframes breathing{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.bximgpanther{opacity:0;transition:opacity 1s ease}.bximgpanther.opacity-high{opacity:.8}.bximgpanther.opacity-low{opacity:0;animation:breathing 4s ease-in-out infinite}#scooterImage{opacity:1;transform:translateY(0);transition:opacity 0.3s ease}#scooterImage.fade-out{opacity:0;transition:opacity 0.1s ease}#scooterImageCanvas{opacity:1;transform:translateY(0);transition:opacity 0.3s ease}#scooterImageCanvas.fade-out{opacity:0;transition:opacity 0.1s ease}.boxxcustom{width:100%;min-width:400px;max-width:400px;background:#fff;overflow-y:auto;position:relative}.hv{height:calc(100vh - 70px)}.logo{width:150px}.boxprice{position:sticky;bottom:0;padding:20px 20px;background:#fff;color:#000;border-radius:50px 50px 0 0;box-shadow:0 -5px 20px -5px rgb(0 0 0 / 25%)}.btnorder{background:red}.btnorder:hover{background:#cd0000}.btnsave{background:#484848}.btnsave:hover{background:#343434}.boxmotor{position:relative;z-index:1;height:100%;background-position:center!important;background-size:cover!important}.boxmotorcv{position:relative;z-index:1;height:100%}#visualizer{width:100%;height:40px;display:block;background:#222}.fs10{font-size:10px}.fsprice{font-size:36px}.bg-option{position:relative;display:inline-block;cursor:pointer}.bg-option input[type="checkbox"]{display:none}.bg-option .bgs{object-fit:cover;border:2px solid transparent;border-radius:6px;transition:0.3s;width:100px;height:60px}.bg-option .icon-check{position:absolute;top:5px;right:5px;font-size:20px;color:#FFF;display:none;width:24px;height:24px}.bg-option input[type="checkbox"]:checked~.icon-check{display:block}.boxtop{position:sticky;top:0;padding:10px;z-index:2;background:#fff}.fstopicboxsum{font-size:15px}.fsboxsum{font-size:14px}.barads{width:auto}.boxsum{width:100%;max-width:680px;aspect-ratio:1 / 1;margin:0 auto;position:relative;overflow:hidden}.boxmotorsum{position:relative;width:100%;height:100%;background-position:center;background-size:cover}.boxmotorsum>.position-absolute{position:absolute}.boxapsum{left:50%;transform:translateX(-50%);top:22%;width:80%}.boxtxtsum{width:45%}.bxsumimg{width:55%;height:auto;display:block;object-fit:contain;margin-left:25%}@media only screen and (max-width:1600px){.bximg{width:auto;height:450px;max-height:450px}.boxap{bottom:120px}.logo{width:100px}}@media only screen and (max-height:767px){.bximg{width:auto;height:450px;max-height:450px}.boxmotor{background-position:center 70%!important}}@media only screen and (max-height:540px){.bximg{width:auto;height:300px;max-height:300px}}@media only screen and (max-width:1400px){.fstopicboxsum{font-size:12px}.fsboxsum{font-size:11px}}@media only screen and (max-width:1200px){.fstopicboxsum{font-size:10px}.fsboxsum{font-size:9px}}@media only screen and (max-width:992px){.boxtop{position:static;top:0;padding:10px;z-index:2;background:#fff}.barads{width:100%}.scooterImage{top:18%}.fstopicboxsum{font-size:14px}.fsboxsum{font-size:13px}.boxxcustom{margin-top:300px}.boxmodel{min-height:300px;position:fixed;z-index:2;background:#d5d4d2;height:300px!important}.logo{width:100px}.boxxcustom{width:100%;min-width:100%;max-width:100%;height:100%;overflow-y:initial}.hv{height:auto}.bximg{width:auto;height:220px;max-height:220px}.bximgshd{width:100%;max-width:300px}.boxap{bottom:-50px}.boxmotor{position:fixed;z-index:1;height:300px;max-width:430px;background-position:bottom center!important;background-size:cover!important}.btnorder{font-size:15px}.btnsave{font-size:15px}}@media only screen and (max-width:767px){.fstopicboxsum{font-size:11px}.fsboxsum{font-size:10px}}@media only screen and (max-width:430px){.fstopicboxsum{font-size:8px}.fsboxsum{font-size:7px}}