#body-load{z-index:99999;background-color:#191b24;justify-content:center;align-items:center;width:100%;height:100vh;animation:1.5s forwards body-load-effect;display:flex;position:fixed;top:0;bottom:0;right:0}#body-load .bl-logo{color:#fff3;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:min(1200px,100vw - 48px);padding:0 24px;font-size:clamp(1.5em,4vw,3em);font-weight:600;line-height:1.4;animation:1.5s forwards logo-load;display:flex}#body-load .bl-logo img{width:60%;max-width:360px;height:auto;display:block}@keyframes body-load-effect{0%{opacity:1;z-index:99999}75%{opacity:1;z-index:99999}to{opacity:0;z-index:-100}}@keyframes logo-load{0%{transform:scale(1.05)}60%{opacity:1;transform:scale(1)}80%{opacity:0;transform:scale(.6)}to{opacity:0}}.vn-flag{width:30px;height:20px;position:absolute;top:-5px;left:20px}.vn-flag span{background-image:url(/images/event_304/vn-flag.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:flex}.event-gpmn .event-content{background-color:#fedaa8;border-radius:1rem;align-items:center;gap:4rem;width:100%;height:350px;margin-top:1rem;display:flex;position:relative}.hero{z-index:3;background-image:url(/images/event_304/hero.webp);background-position:50%;background-size:cover;flex-shrink:0;width:350px;height:350px;position:relative}.hero-behind{border-radius:1rem 0 0 1rem;width:600px;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.hero-behind:before{content:"";opacity:.5;z-index:2;background-image:url(/images/event_304/behind-hero.webp);background-position:top;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:-120px}.hero .flag{background-image:url(/images/event_304/vn-flag-full.gif);background-position:50%;background-size:cover;width:203px;height:180px;position:absolute;top:-30px;left:48px;transform:rotate(-23deg)}.gpmn-text{z-index:3;flex-direction:column;flex-shrink:0;gap:1.5rem;display:flex;position:relative}.gpmn-text img{width:auto;height:200px}.gpmn-text .btn{box-shadow:0 10px 10px #0002;opacity:1!important}.grid-3x2{z-index:3;flex-grow:1;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 2rem;display:grid;position:relative}.grid-3x2 .h-item{align-items:stretch}.grid-3x2 .h-item .v-thumbnail{border:2px solid #fff;box-shadow:0 5px 5px #0003}.grid-3x2 .h-item .info{flex-direction:column;justify-content:space-between;padding:1rem 0;display:flex}.grid-3x2 .h-item .item-title a{font-size:1.1em;font-weight:500;color:#000!important}.grid-3x2 .h-item .btn-outline{gap:.5rem;color:#362814!important;border-color:#362814!important;font-size:.9em!important}.grid-3x2 .h-item .btn-outline i{color:#fd2400!important}.gpmn-more{border-radius:0 1rem 1rem 0;flex-shrink:0;width:80px;height:100%;position:relative;overflow:hidden}.gpmn-more .more-button{color:#fff;background-color:#c9221a;justify-content:center;align-items:center;gap:1rem;font-size:1em;display:flex;position:absolute;inset:0}.gpmn-more .more-button i{font-size:24px}.gpmn-more .more-button span{display:none}.gpmn-topic .topic-background{background-image:url(/images/event_304/gpmn-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.gpmn-topic-head{gap:4rem;margin-bottom:3rem}.gpmn-topic-head .row-header .category-name{font-size:2.4em;line-height:1.5}.gpmn-topic-head .flex-shink-0 .object-fit{width:300px;height:380px;position:relative;overflow:hidden;transform:rotate(-5deg)}.tank-wrap{transform-origin:bottom;flex-direction:column;justify-content:flex-end;align-items:center;width:600px;height:450px;margin-top:-150px;margin-bottom:1rem;display:flex;position:relative;transform:scale(.75)}.tank-wrap .vn-sun{width:500px;height:360px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 40% 60%,#0000 100%);mask-image:linear-gradient(0deg,#0000 0,#000 40% 60%,#0000 100%)}.tank-wrap .vn-sun img{object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%!important;max-width:none!important}.tank-simu{z-index:2;background-image:url(/images/event_304/tank.webp);background-size:cover;width:600px;height:200px;animation:2s linear tank-simu;display:flex;position:relative;overflow:hidden}.tank-simu .wheels{justify-content:space-between;align-items:center;width:270px;height:58px;display:flex;position:absolute;bottom:0;left:166px}.tank-simu .wheels span{background-image:url(/images/event_304/wheel.webp);background-size:cover;flex-shrink:0;width:45px;height:45px;animation:2s linear infinite wheel-spin}.tank-simu .wheels span:nth-child(4){margin-right:1rem}.fence,.fence2{z-index:3;opacity:0;background-image:url(/images/event_304/fence.webp);background-size:cover;width:240px;height:180px;animation:1.8s linear .3s fence;position:absolute;bottom:0;left:100%}.fence2{background-image:url(/images/event_304/fence2.webp);animation-delay:.6s}.tank-simu .ground{z-index:3;background-image:url(/images/event_304/ground.webp);background-size:cover;width:1200px;height:50px;animation:12s linear ground;position:absolute;bottom:0;left:100%}.tank-wrap .gate,.tank-wrap .gate2{z-index:4;opacity:0;background-color:#191b24;width:30px;height:200px;animation:2s linear .3s gate;position:absolute;bottom:-20px;left:0}.tank-wrap .gate2{z-index:1;width:23px;animation-delay:.5s}#gpmn-body-load{z-index:99999;background-color:#191b24;justify-content:center;align-items:center;width:100%;height:100vh;animation:2.75s forwards gpmn-body-load-effect;display:flex;position:fixed;top:0;bottom:0;right:0}#gpmn-body-load .bl-logo{color:#ffffff60;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:830px;padding:0 15px;font-size:2.5em;font-weight:600;line-height:1.4;animation:2s forwards gpmn-logo-load;display:flex}#gpmn-body-load .bl-logo img{width:60%;max-width:360px;height:auto}body.gpmn-base-load{width:100%;height:100vh;animation:1s 2s forwards gpmn-base-load;overflow:hidden}@keyframes gpmn-body-load-effect{0%{opacity:1;z-index:1000}80%{opacity:1;z-index:1000}to{opacity:0;z-index:-100}}@keyframes gpmn-base-load{0%{opacity:0}to{opacity:1;overflow:unset;height:auto}}@keyframes tank-simu{0%{transform:rotate(0)}30%{transform:rotate(0)}45%{transform:rotate(-5deg)}60%{transform:rotate(3deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes fence{0%{opacity:1;bottom:0;left:100%;transform:rotate(-15deg)}to{opacity:1;bottom:-150px;left:0;transform:rotate(50deg)}}@keyframes gate{0%{opacity:1;left:100%}75%{opacity:1;left:25%}to{opacity:0;left:0}}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gpmn-logo-load{0%{opacity:0}40%{opacity:1}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}@media screen and (max-width:1740px){.grid-3x2{grid-template-columns:repeat(2,1fr);padding-left:2rem;padding-right:0}.grid-3x2 .h-item:nth-child(n+5){display:none}.event-gpmn .event-content{gap:2rem}.gpmn-more{width:60px}}@media screen and (max-width:1359px){.gpmn-text img{height:160px}.grid-3x2{column-gap:1rem;padding:0 1rem 0 2rem}.grid-3x2 .h-item .info{padding:.25rem 0}.grid-3x2 .h-item .item-title a{font-size:1em}.grid-3x2 .h-item .v-thumb-m{width:60px}.grid-3x2 .h-item .btn-outline{font-size:12px}.hero-behind{width:500px}.hero{width:300px;height:300px}.hero .flag{width:143px;height:120px;top:-10px;left:40px}.event-gpmn .event-content{gap:0;height:300px}}@media screen and (max-width:1120px){.event-gpmn .event-content{flex-direction:column;align-items:flex-start;height:auto}.gpmn-text{position:absolute;top:40px;left:50%}.grid-3x2{background-color:#fee6c0;width:100%;padding:2rem}.gpmn-more{z-index:2;border-radius:0 0 1rem 1rem;width:100%;height:60px;position:relative}.gpmn-more .more-button i{font-size:1em}.gpmn-more .more-button span{display:block}.hero-behind{width:100%}.hero-behind:before{width:60%;height:50%;left:0}}@media screen and (min-width:720px) and (max-width:1120px){.grid-3x2{grid-template-columns:repeat(3,1fr)}.grid-3x2 .h-item:nth-child(n+5){display:flex}}@media screen and (max-width:799px){.gpmn-topic-head{gap:1.5rem!important}.gpmn-topic-head .row-header .category-name{font-size:2.4em;line-height:1.5}.gpmn-topic-head .flex-shink-0 .object-fit{width:160px;height:200px;transform:none!important}#gpmn-body-load{font-size:10px}.tank-wrap{margin-top:-220px;transform:scale(.5)}}@media screen and (max-width:640px){.grid-3x2{gap:1rem;padding:1.5rem}.gpmn-text{gap:1rem;top:20px;left:180px;right:auto}.gpmn-text img{width:175px;height:auto}.gpmn-text .btn{min-height:40px;padding:.3rem .75rem;font-size:13px}.hero{width:200px;height:200px}.hero .flag{width:103px;height:90px;top:-13px;left:26px}.hero-behind:before{opacity:.3;border-radius:1rem 1rem 0 0;width:100%;height:200px}.gpmn-topic-head{flex-direction:column;align-items:center}}@media screen and (max-width:479px){.grid-3x2{grid-template-columns:repeat(1,1fr);padding:1rem}.grid-3x2 .h-item .v-thumb-m{width:40px}.grid-3x2 .h-item .v-thumbnail{border-radius:6px;padding-bottom:140%}.grid-3x2 .h-item .info{flex-direction:row;align-items:center;gap:1rem}.grid-3x2 .h-item .info .item-title{margin-bottom:0!important}.grid-3x2 .h-item:nth-child(n+4){display:none}.gpmn-text{align-items:flex-end;left:auto;right:1rem}.gpmn-text .btn{justify-content:center!important;width:40px!important;height:40px!important;padding:0!important}.gpmn-text .btn span{display:none}}