.arrow p,.menu .sub-menu li a,body{font-family:averta,sans-serif}*{padding:0;margin:0;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}body,html{height:100%}.clearfix:after,.clearfix:before{content:'';display:table}.arrow:after,.coupon a:after,.coupon-tag:after,header.overlay:after,summary::after{content:""}.clearfix:after{clear:both}.clearfix{zoom:1}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}@font-face{font-family:averta;src:url(/static/font/Averta-Black.woff2) format('woff');font-weight:800;font-style:normal}@font-face{font-family:averta;src:url(/static/font/Averta-ExtraBold.woff2) format('woff');font-weight:700;font-style:normal}@font-face{font-family:averta;src:url(/static/font/Averta-Semibold.woff2) format('woff');font-weight:500;font-style:normal}@font-face{font-family:averta;src:url(/static/font/Averta-Bold.woff2) format('woff');font-weight:600;font-style:normal}@font-face{font-family:averta;src:url(/static/font/Averta-Regular.woff2) format('woff');font-weight:400;font-style:normal}body{background-color:#FED060;position:relative}header{display:flex;flex-direction:row;justify-content:space-between;width:auto;padding:40px 120px}header.overlay{height:80px;position:relative}header.overlay:after{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);display:block}.logo{display:inline-block;vertical-align:middle}.logo span{background:url(/static/img/logo.svg) center no-repeat;background-size:100%;display:block;height:46px;width:196px}.arrow,.arrow p,.menu,.sp-btn title{display:inline-block}.menu{background:#fff;padding:8px 20px;box-shadow:0 0 20px rgba(174,124,0,.5);border-radius:16px;height:fit-content}.menu .sub-menu{display:flex;gap:8px;height:100%}.menu .sub-menu li{padding:10px 16px;list-style:none;vertical-align:middle;line-height:24px}.menu .sub-menu li a{color:#0B203B;font-size:15px;font-weight:500}.nav-menu{display:none}section{display:table;margin:0 auto;width:1200px}section#home{display:flex;width:auto;padding:40px 120px;justify-content:space-between;align-items:center}section.popup{display:block;background:url(/static/img/bg.webp) top center no-repeat #fff;background-size:100%;width:100%;position:relative;min-height:calc(100% - 80px)}section .home-title{padding-bottom:30px}section .home-title h2{font-size:72px;font-weight:800;color:#fff;height:82px}section .home-banner a{display:flex}.item-shopee{grid-area:i1}.item-lazada{grid-area:i2}.item-youtube{grid-area:i3}.item-tiktok{grid-area:i4}.item-facebook{grid-area:i5}.item-instagram{grid-area:i6}.item-instagram-mb{grid-area:i7;display:none!important}section .home-banner{width:620px;display:grid;grid-template-areas:'i1 i2 i3 ' 'i1 i4 i4 ' 'i5 i6 i6 ';gap:10px}section .home-banner a img{width:100%}section .home-title h2:last-child{color:#664903}section .aboutme{padding:64px 0;display:block}section .aboutme p{font-size:60px;color:#fff;font-weight:700;width:840px;margin:0 auto;line-height:72px}section .aboutme p:nth-of-type(2){color:#664903}section .comic{margin:0 auto;text-align:center;padding:32px 0}section .event{position:relative;width:fit-content;margin:0 auto}section .event a{position:absolute;display:block;cursor:pointer}.accordion-wrapper{margin-bottom:2rem;box-shadow:var(--collapse-box-shadow);border:3px solid var(--collapse-line-color)}details{margin:0 auto;width:720px;border-bottom:1px solid #E9E9E9}details:last-child{border-bottom:0}summary{display:grid;grid-template-columns:1fr auto;align-items:center;cursor:pointer;list-style-type:none;padding:22px 0;font-size:18px;font-weight:500}summary::after{display:block;width:28px;height:28px;background:url(/static/img/ico-plus.svg) center center no-repeat;background-size:100%;transition:transform .26s;margin-left:30px}.details-info p{font-size:16px;padding-bottom:32px}details[open] summary::after{transform:rotate(45deg)}.content{width:560px;margin:0 auto;padding:46px 0}.content.promotion{width:640px;position:relative}.content h1{font-size:56px;font-weight:500;text-align:center;inline-size:max-content}.content h1 span{background:linear-gradient(112deg,#F83101 -10%,#FFB603 30%,#FFB603 70%,#F60B57 110%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content.promotion h1 span{background:linear-gradient(112deg,#F06546 -10%,#ED4E59 30%,#ED4E59 70%,#6C80BD 110%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content .ico-check{background:url(/static/img/icon-check.svg) center no-repeat;background-size:100%;display:inline-flex;height:64px;width:64px;vertical-align:-10px;margin-right:10px}.coupon ul,.support ul{flex-wrap:wrap;margin:0 auto}.content p{font-size:18px;font-weight:400;text-align:center}.support-btn{text-align:center}.support-btn.coupon-btn{display:none}.support-link{background:#FED060;color:#0B203B;padding:12px 22px;border-radius:100px}.coupon ul{display:flex;width:1130px;gap:24px;justify-content:center}.coupon title{display:inline;font-size:36px;font-weight:700;color:#0B203B}.coupon span{color:#0B203B;font-size:18px;font-weight:400}.coupon a{position:relative;display:flex;flex-direction:column;width:70%;height:100%;gap:26px}.coupon a:after{width:100%;height:1px;position:absolute;top:50%;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='2%2c 10' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e")}.coupon-tag{display:block;background:#FED060;background-size:100%;width:30%;border-radius:12px;border:2px solid #EBA807;padding:20px 36px;position:relative}.coupon-tag:after,.illus,.tag-animation{position:absolute}.coupon-tag:after{right:0;top:0;bottom:0;width:100px;border-radius:12px;background:url(/static/img/img-tag.svg) center center no-repeat;background-size:100%}.illus img,.tag-animation img{width:100%}.support ul{display:flex;width:580px;gap:24px;justify-content:center;align-items:center}.cta-fb{background:url(/static/img/cta-facebook.webp) center no-repeat}.cta-zalo{background:url(/static/img/cta-zalo.webp) center no-repeat}.cta-call{background:url(/static/img/cta-phone.webp) center no-repeat}.cta-mail{background:url(/static/img/cta-email.webp) center no-repeat}.sp-btn{background-size:100%;display:block;height:250px;width:260px}.sp-btn a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:30px 24px}.sp-btn span{color:#fff;font-size:20px}.sp-btn title{color:#fff;font-size:28px;font-weight:700;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgb(0 0 0 / 47%)}.arrow{position:fixed;bottom:40px;right:100px}.arrow p{font-size:24px;font-weight:400;color:#959595;position:relative;left:100px;bottom:10px}.arrow:after{background:url(/static/img/ico-arrow.svg) center no-repeat;background-size:100%;width:106px;height:84px;position:relative;display:block;margin-left:260px}.popup .close{position:absolute;top:-32px;right:120px}.popup .close i{background:url(/static/img/ico-close.svg) center no-repeat;background-size:100%;display:block;height:64px;width:64px}.popup footer{padding-top:64px;color:#6E6E73}.sale{position:fixed;bottom:30px;left:30px}.sale a img{background-size:100%;display:block;height:164px;width:164px;animation:animation-call 5s infinite}@keyframes animation-call{5%{transform:translateY(-40px) scale(1.1)}10%,20%,30%{transform:translateY(0)}15%{transform:translateY(-20px)}25%{transform:translateY(-10px)}}footer{padding:16px 0;display:flex;justify-content:center;width:100%}footer p{font-family:averta;font-weight:400;font-style:normal;font-size:16px;text-align:center}@media only screen and (max-width:1366px){header,section,section#home{padding:40px 64px}section .home-title h2{font-size:46px;height:46px}section .home-banner{width:400px}}@media only screen and (max-width:1024px){.home-title,section .home-banner{width:500px}section#home{flex-direction:column}.home-title{padding-bottom:36px}.sale{position:fixed;bottom:auto;left:auto;top:24px;right:24px}.menu{display:none}section{width:100%}section .aboutme p{width:100%;font-size:46px;line-height:52px}.nav-menu{display:block;position:fixed;bottom:0;left:0;right:0;width:100%;padding:10px 0;background:rgba(255,238,198,.92);backdrop-filter:blur(5px)}.nav-menu .sub-menu{display:flex;gap:0;width:100%;height:100%;justify-content:space-around}.nav-menu .sub-menu li{list-style:none;vertical-align:middle}.nav-menu .sub-menu li a{font-family:averta,sans-serif;color:#0B203B;font-size:15px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:4px}.nav-menu i{background-size:100%;display:block;height:24px;width:24px}.nav-menu .ico-home{background:url(/static/img/ico-home.svg) center no-repeat}.nav-menu .ico-aboutme{background:url(/static/img/ico-aboutme.svg) center no-repeat}.nav-menu .ico-promotion{background:url(/static/img/ico-promotion.svg) center no-repeat}.nav-menu .ico-policy{background:url(/static/img/ico-policy.svg) center no-repeat}.nav-menu .ico-contact{background:url(/static/img/ico-contact.svg) center no-repeat}.nav-menu .sub-menu title{display:inline;font-size:10px;font-weight:500}section .aboutme{padding:46px 0;display:block}.coupon ul,section .comic img{width:100%}.coupon-tag{width:48%;height:116px;padding:16px 24px}.coupon-tag:after{width:72px;height:112px}.coupon title{font-size:24px}.coupon span{font-size:16px}.coupon a{gap:18px}.coupon a:after{top:45%}section .illus{display:none}}@media only screen and (max-width:720px){header.overlay{height:50px}section,section#home{display:block;width:100%;padding:0 16px 80px;max-width:500px}section.popup{min-height:calc(100% - 50px)}header{display:flex;flex-direction:row;justify-content:space-between;width:auto;padding:16px 20px}.logo span{height:28px;width:120px}section .home-title{padding:32px 0}section .home-title h2{font-size:32px;height:32px}.item-instagram{display:none!important}.item-instagram-mb{display:flex!important}section .home-banner{width:100%;display:grid;grid-template-areas:'i1 i2' 'i1 i3' 'i4 i4' 'i5 i7';gap:10px}.arrow:after,.content p br,.tag-animation{display:none}section .aboutme{padding:36px 0}section .aboutme p{font-size:28px;width:auto;line-height:40px}.popup .close{right:16px;top:-20px}.popup .close i{height:40px;width:40px}.content,.content.promotion{width:100%;padding:32px 0}.content h1{font-size:24px;margin:16px auto}.content p{font-size:14px;padding:0 30px}.support ul{gap:8px;width:100%}.sp-btn{width:172px;height:166px}.coupon ul,details{width:100%}.sp-btn a{padding:18px 16px}.sp-btn span{font-size:13px}.sp-btn title{font-size:17px}.arrow p{font-size:16px;bottom:0;left:70px}.details-info p{font-size:14px}.coupon title,summary{font-size:16px}summary{font-weight:400}.support-link{font-size:12px}.coupon ul{gap:8px;justify-content:space-evenly}.coupon a{gap:10px;width:76%}.coupon span{font-size:12px}.coupon-tag:after{width:50px;height:auto}.coupon-tag{padding:11px 16px;width:48%;height:80px;position:relative;min-height:82px}.tag-animation{transform:scale(.5)}.support-btn.coupon-btn{display:block;margin-top:50px}.content .ico-check{height:32px;width:32px;vertical-align:-8px;margin-right:10px}.coupon a:after{top:40%}.popup footer{padding:0}.sale{top:16px;right:16px;bottom:auto;left:auto}.sale a img{height:86px;width:86px}footer{padding:0 0 30px;display:none}}