@font-face{font-family:BAAC17;src:url(/fonts/BAAC17Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/Kanit-Medium.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}#__next,body,html{min-height:100%;background-color:#fff}#__next{min-height:100vh}.slick-dots{bottom:-50px!important}.slick-dots li button:before{font-size:20px!important;color:#eb2227!important}.slick-dots li.slick-active button:before{opacity:1!important}.custom-menu{text-transform:uppercase;color:#000;transition:all .3s ease-in-out}.custom-menu:hover{color:#eb2227}.footer-icon{transition:all .3s ease-in-out}.footer-icon.facebook:hover{color:#4267b2}.footer-icon.twitter:hover{color:#1da1f2}.footer-icon.line:hover{color:#06c755}.footer-icon.instagram:hover{color:#eb2227}.image-container:hover .image-overlay{opacity:1}.image-overlay{position:absolute;opacity:0;transition:.1s ease}.chatbot-card{margin:auto;width:230px;transition:width 1s}.chatbot-card:hover{width:240px}.text-chatbot{left:0}.chatbot-card:hover .text-chatbot,.text-chatbot{transition-duration:1s;position:absolute;top:38px}.chatbot-card:hover .text-chatbot{left:-30px}.chatbot-card:hover .like{transform:translateY(-66px);transition-duration:1s;z-index:1}.chatbot-card .like{transition-duration:1s;position:absolute;left:90px;width:12%;top:50px;z-index:-1}.chatbot-card:hover .chat{transform:translateX(130px);transition-duration:1s;z-index:1}.chatbot-card .chat{position:absolute;left:25px;width:55%;top:50px;z-index:-1;transition-duration:1s}.chatbot-card:hover .like2{transform:translateX(150px);transition-duration:1s;z-index:0}.chatbot-card .like2{position:absolute;left:90px;width:20%;top:124px;z-index:-1;transition-duration:1s}.chatbot-card:hover .z-bot{transform:translateY(0);transition-duration:1s;z-index:0;display:block}.chatbot-card .z-bot{position:absolute;left:-20px;width:120%;bottom:130px;z-index:-1;transition-duration:1s;display:none}.chatbot-card:hover .z-notebook{transform:translateY(0);transition-duration:1s;z-index:1;display:block}.chatbot-card .z-notebook{position:absolute;width:80%;left:110px;bottom:145px;z-index:-1;transition-duration:1s;display:none}.chatbot-background{background-image:url(/img/chatbot/chatbot-zwiz-35.png);background-size:contain;height:375px;background-repeat:no-repeat}.chatbot-card:hover .chatbot-background{background-image:url(/img/chatbot/chatbot-zwiz-06.png)}.richmenu-background{background-image:url(/img/richmenu/richmenu-zwiz-36.png);background-size:contain;height:375px;background-repeat:no-repeat}.richmenu-card:hover .richmenu-background{background-image:url(/img/richmenu/richmenu-zwiz-12.png)}.richmenu-card{margin:auto;width:230px;transition:width 2s}.richmenu-card:hover{width:240px}.text-richmenu{transition-duration:1s;position:absolute;top:25px;left:0}.richmenu-card:hover .text-richmenu{position:absolute;transition-duration:1s;top:25px;left:-30px}.richmenu-card:hover .z-bot{transform:translateY(0);transition-duration:1s;z-index:0;display:block}.richmenu-card .z-bot{position:absolute;left:-15px;width:110%;bottom:190px;z-index:-1;transition-duration:1s;display:none}.richmenu-card:hover .richmenu-theme{transform:translateX(0) translateY(110px);transition-duration:1s;z-index:3;width:60%}.richmenu-card .richmenu-theme{position:absolute;left:15px;bottom:220px;z-index:-1;width:50%;transition-duration:1s}.richmenu-card:hover .richmenu-theme2{transform:translateX(30px) translateY(65px);transition-duration:1s;z-index:3}.richmenu-card .richmenu-theme2{position:absolute;left:10px;bottom:180px;z-index:-1;width:80%;transition-duration:1s}.richmenu-card:hover .richmenu-theme3{transform:translateX(70px) translateY(34px);transition-duration:1s;z-index:3;width:80%}.richmenu-card .richmenu-theme3{position:absolute;left:15px;bottom:190px;z-index:-1;width:80%;transition-duration:1s}.richmenu-card:hover .z-phone{transform:translateX(120px);transition-duration:1s;z-index:1}.richmenu-card .z-phone{position:absolute;left:90px;width:40%;top:40px;z-index:-1;transition-duration:1s}.booksi-card{margin:auto;width:230px;transition:width 1s}.booksi-card:hover{width:240px}.booksi-background{background-image:url(/img/booksi/booksi-zwiz-37.png);background-size:contain;height:375px;background-repeat:no-repeat}.booksi-card:hover .booksi-background{background-image:url(/img/booksi/booksi-zwiz-24.png)}.text-booksi{left:0}.booksi-card:hover .text-booksi,.text-booksi{transition-duration:1s;position:absolute;top:25px}.booksi-card:hover .text-booksi{left:-30px}.booksi-card:hover .z-bot{transform:translateY(0);transition-duration:1s;z-index:0;display:block}.booksi-card .z-bot{position:absolute;left:20px;width:80%;bottom:170px;z-index:-1;transition-duration:1s;display:none}.booksi-card:hover .z-table{transform:translateX(0);transition-duration:1s;z-index:1;display:block}.booksi-card .z-table{position:absolute;width:100%;left:5px;bottom:123px;z-index:-1;transition-duration:1s;display:none}.booksi-card:hover .booksi-bell{transform:translateX(10px);transition-duration:1s;z-index:2;display:block}.booksi-card .booksi-bell{position:absolute;left:25px;width:20%;bottom:185px;z-index:-1;display:none;transition-duration:1s}.booksi-card:hover .booksi-hand{transform:translateX(150px);transition-duration:1s;z-index:2;width:65%}.booksi-card .booksi-hand{position:absolute;right:120px;width:20%;bottom:180px;z-index:-1}.live-card{margin:auto;width:230px;transition:width 1s}.live-card:hover{width:240px}.live-background{background-image:url(/img/live/live-zwiz-38.png);background-size:contain;height:375px;background-repeat:no-repeat}.live-card:hover .live-background{background-image:url(/img/live/live-zwiz-32.png)}.text-live{left:0}.live-card:hover .text-live,.text-live{transition-duration:1s;position:absolute;top:25px}.live-card:hover .text-live{left:-30px}.live-card:hover .z-bot{z-index:0;display:block}.live-card .z-bot{position:absolute;left:20px;width:80%;bottom:190px;z-index:-1;display:none}.live-card:hover .live-chat{transform:translateY(200px);transition-duration:1s;z-index:2;left:0}.live-card .live-chat{position:absolute;left:50px;width:60%;top:40px;z-index:-1}.live-card:hover .live-chat2{transform:translateY(240px);transition-duration:1s;z-index:2;left:0}.live-card .live-chat2{position:absolute;left:50px;width:40%;top:40px;z-index:-1;transition-duration:1s}.live-card:hover .live-chat3{transform:translateY(285px);transition-duration:1s;z-index:2;left:0}.live-card .live-chat3{position:absolute;left:50px;width:40%;top:40px;z-index:-1;transition-duration:1s}.live-card:hover .live-hand{transform:translateX(120px) translateY(70px);transition-duration:1s;z-index:2;right:85px}.live-card .live-hand{position:absolute;right:35px;width:60%;bottom:230px;z-index:-1}.btn-product-start{cursor:pointer;text-align:center;z-index:4;position:inherit}.MuiAutocomplete-input,.MuiAutocomplete-listbox,label.MuiTypography-root{font-family:Kanit}.MuiFormHelperText-root{font-family:Kanit;margin-left:0}@keyframes z-fly{0%{transform:translateY(-20px)}50%{transform:translateY(0)}to{transform:translateY(-20px)}}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.animate-flicker{animation:flickerAnimation 3s infinite}.pyro>.after,.pyro>.before{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:-120px -218.66667px blue,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards}.pyro>.after{animation-delay:1.25s,1.25s,1.25s;animation-duration:1.25s,1.25s,6.25s}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}.hover:hover{cursor:pointer;filter:brightness(.8)}html{scroll-snap-type:y mandatory}section{display:block;justify-content:center;align-items:center;position:relative;scroll-snap-align:start;perspective:500px}section>div{background:var(--white);overflow:hidden}#indicator{position:absolute;top:0;left:20px;height:100vh;display:flex;flex-direction:column;justify-content:center}#indicator>div{background-color:#fff;width:10px;height:10px;border-radius:5px;margin:10px;cursor:pointer}#indicator>div.active{transform:scale(1.6)}.opacity-animate{animation:opacity 1s}@keyframes opacity{0%{opacity:0}to{opacity:1}}.swiper{width:100%;padding-top:50px;padding-bottom:50px}.swiper-slide img{display:block;width:100%}div[role=presentation][style*="opacity: 0"].MuiDialog-root.MuiModal-root{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.blinkingText{animation:blinker 1.5s linear infinite}