@charset "UTF-8";@media screen and (min-width:1921px){:root{--screen-maxwidth:1920}}@media screen and (max-width:1920px){:root{--screen-maxwidth:1920}}@media screen and (max-width:1700px){:root{--screen-maxwidth:1700}}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}em,strong{font-style:normal;display:inline}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-appearance:none}input,textarea,select{*font-size:100%}a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#fff}*{outline:0}img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.hide{width:0;height:0;overflow:hidden;display:block;visibility:hidden}.pa{position:absolute;z-index:5}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bs100{background-repeat:no-repeat;background-size:100% 100%}img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.pa{position:absolute;z-index:5}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.bs100{background-repeat:no-repeat;background-size:100% 100%}.upp{text-transform:uppercase}body{color:#fff;background-color:#000;width:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.bgm{width:0;height:0;position:absolute;top:0;left:0;opacity:0;pointer-events:none;z-index:-1}.wrap{width:100%;position:relative;overflow:hidden;padding-top:80px}.main{width:100%;position:relative;overflow:hidden}.part{background-repeat:no-repeat;background-position:50% 0;background-size:calc(1920 / var(--screen-maxwidth) * 100vw) auto;position:relative}.part .inner{width:calc(1920 / var(--screen-maxwidth) * 100vw);height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1px;position:relative}.line{width:100%;height:calc(156 / var(--screen-maxwidth) * 100vw);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;z-index:8}.line1{background-image:url(/images/event/Druvaen_X_Suit/line.png);top:calc(759 / var(--screen-maxwidth) * 100vw)}.line2{background-image:url(/images/event/Druvaen_X_Suit/line2.png);top:calc(1742 / var(--screen-maxwidth) * 100vw)}.part1{background-image:url(/images/event/Druvaen_X_Suit/bg1.jpg);height:calc(910 / var(--screen-maxwidth) * 100vw);margin-top:0;position:relative;-webkit-mask-image:url(/images/event/Druvaen_X_Suit/mask.png);mask-image:url(/images/event/Druvaen_X_Suit/mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;z-index:6}.part1 .kv{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}.part1 .kv canvas{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.part1 .btn-music{background:url(/images/event/Druvaen_X_Suit/ico-music.png) no-repeat calc(-10 / var(--screen-maxwidth) * 100vw) calc(-10 / var(--screen-maxwidth) * 100vw)/calc(194 / var(--screen-maxwidth) * 100vw) auto;width:calc(77 / var(--screen-maxwidth) * 100vw);height:calc(77 / var(--screen-maxwidth) * 100vw);top:calc(13 / var(--screen-maxwidth) * 100vw);right:calc(39 / var(--screen-maxwidth) * 100vw)}.part1 .btn-music.playing{background-position:calc(-107 / var(--screen-maxwidth) * 100vw) calc(-10 / var(--screen-maxwidth) * 100vw)}.part1 .kv-bd{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:calc(20 / var(--screen-maxwidth) * 100vw)}.part1 .sloganwrap{width:calc(1323 / var(--screen-maxwidth) * 100vw);height:calc(457 / var(--screen-maxwidth) * 100vw);margin:0 auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding-top:calc(36 / var(--screen-maxwidth) * 100vw);z-index:5}.part1 .sloganwrap:before{content:"";background:url(/images/event/Druvaen_X_Suit/slog-bg.png) no-repeat 100%/100%;width:calc(1323 / var(--screen-maxwidth) * 100vw);height:calc(457 / var(--screen-maxwidth) * 100vw);position:absolute;top:0;left:0}.part1 .slogan{margin:0 auto;pointer-events:none;position:relative}.part1 .dec{width:100%;color:#cececd;font-size:calc(23 / var(--screen-maxwidth) * 100vw);line-height:1;text-align:center;position:relative;padding-top:calc(10 / var(--screen-maxwidth) * 100vw)}.part1 .btn-vid{background-image:url(/images/event/Druvaen_X_Suit/ico-vid.png);width:calc(110 / var(--screen-maxwidth) * 100vw);height:calc(110 / var(--screen-maxwidth) * 100vw);top:calc(340 / var(--screen-maxwidth) * 100vw);left:50%;margin-left:calc(-60 / var(--screen-maxwidth) * 100vw);-webkit-animation:vid .8s linear alternate infinite;animation:vid .8s linear alternate infinite}.part1 .btns{width:100%;margin:calc(-10 / var(--screen-maxwidth) * 100vw) auto 0;position:relative;z-index:5}.part1 .btns a{width:calc(321 / var(--screen-maxwidth) * 100vw);height:calc(128 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin:0 calc(17 / var(--screen-maxwidth) * 100vw);background-repeat:no-repeat;background-size:100% 100%;padding-top:calc(14 / var(--screen-maxwidth) * 100vw)}.part1 .btns a .text{color:#fff4dd;font-size:calc(45 / var(--screen-maxwidth) * 100vw);line-height:1;position:relative;text-shadow:-1px 0 0 #18191a,0 -1px 0 #18191a,1px 0 0 #18191a,0 1px 0 #18191a}.part1 .btns .btn-go{background-image:url(/images/event/Druvaen_X_Suit/btn-go.png)}.part1 .btns .btn-share{background-image:url(/images/event/Druvaen_X_Suit/btn-share.png)}.part1 .jt{background-image:url(/images/event/Druvaen_X_Suit/jt.png);width:calc(80 / var(--screen-maxwidth) * 100vw);height:calc(50 / var(--screen-maxwidth) * 100vw);position:absolute;left:50%;margin-left:calc(-40 / var(--screen-maxwidth) * 100vw);bottom:calc(90 / var(--screen-maxwidth) * 100vw);z-index:5;-webkit-animation:jt 1s linear alternate infinite;animation:jt 1s linear alternate infinite}.part2{height:calc(1252 / var(--screen-maxwidth) * 100vw);-webkit-mask-image:url(/images/event/Druvaen_X_Suit/mask2.png);mask-image:url(/images/event/Druvaen_X_Suit/mask2.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;margin-top:calc(-268 / var(--screen-maxwidth) * 100vw);z-index:5}.part2 .part2img{width:100%;height:100%;position:absolute;left:0;top:0}.part2 .part2img img{width:100%;height:100%;position:absolute;left:0;top:0}.part2 .part2img img.active{z-index:2}.part2 .inner{z-index:3}.part2 .role{width:calc(1920 / var(--screen-maxwidth) * 100vw);height:calc(980 / var(--screen-maxwidth) * 100vw);position:absolute;top:0;left:50%;margin-left:calc(-960 / var(--screen-maxwidth) * 100vw);pointer-events:none}.part2 .role .spritespin,.part2 .role .img{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.part2 .role .spritespin{visibility:hidden}.part2 .role .img{top:0;left:0}.part2 .piece{display:none}.part2 .piece.active{display:block !important}.part2 .piece.inup li:nth-child(1) a{-webkit-animation:inup1 1.5s .1s ease-in-out alternate infinite;animation:inup1 1.5s .1s ease-in-out alternate infinite}.part2 .piece.inup li:nth-child(2) a{-webkit-animation:inup2 1.5s .4s ease-in-out alternate infinite;animation:inup2 1.5s .4s ease-in-out alternate infinite}.part2 .piece.inup li:nth-child(3) a{-webkit-animation:inup3 1.5s .2s ease-in-out alternate infinite;animation:inup3 1.5s .2s ease-in-out alternate infinite}.part2 .piece.inup li:nth-child(4) a{-webkit-animation:inup4 1.5s .5s ease-in-out alternate infinite;animation:inup4 1.5s .5s ease-in-out alternate infinite}.part2 .piece li{position:absolute;list-style:none}.part2 .piece li a:after{content:"";background:no-repeat 100% / 100%;position:absolute;top:47%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.part2 .piece li:nth-child(1){width:calc(381 / var(--screen-maxwidth) * 100vw);height:calc(273 / var(--screen-maxwidth) * 100vw);top:calc(385 / var(--screen-maxwidth) * 100vw);left:calc(275 / var(--screen-maxwidth) * 100vw)}.part2 .piece li:nth-child(1) a:after{background-image:url(/images/event/Druvaen_X_Suit/piece1-bg.png);width:calc(396 / var(--screen-maxwidth) * 100vw);height:calc(298 / var(--screen-maxwidth) * 100vw)}.part2 .piece li:nth-child(2){width:calc(390 / var(--screen-maxwidth) * 100vw);height:calc(268 / var(--screen-maxwidth) * 100vw);top:calc(682 / var(--screen-maxwidth) * 100vw);left:calc(301 / var(--screen-maxwidth) * 100vw)}.part2 .piece li:nth-child(2) a:after{background-image:url(/images/event/Druvaen_X_Suit/piece2-bg.png);width:calc(401 / var(--screen-maxwidth) * 100vw);height:calc(301 / var(--screen-maxwidth) * 100vw)}.part2 .piece li:nth-child(3){width:calc(381 / var(--screen-maxwidth) * 100vw);height:calc(277 / var(--screen-maxwidth) * 100vw);top:calc(384 / var(--screen-maxwidth) * 100vw);left:calc(1265 / var(--screen-maxwidth) * 100vw);-webkit-animation-delay:.2s;animation-delay:.2s}.part2 .piece li:nth-child(3) a:after{background-image:url(/images/event/Druvaen_X_Suit/piece3-bg.png);width:calc(396 / var(--screen-maxwidth) * 100vw);height:calc(298 / var(--screen-maxwidth) * 100vw)}.part2 .piece li:nth-child(4){width:calc(390 / var(--screen-maxwidth) * 100vw);height:calc(269 / var(--screen-maxwidth) * 100vw);top:calc(684 / var(--screen-maxwidth) * 100vw);left:calc(1230 / var(--screen-maxwidth) * 100vw);-webkit-animation-delay:.3s;animation-delay:.3s}.part2 .piece li:nth-child(4) a:after{background-image:url(/images/event/Druvaen_X_Suit/piece4-bg.png);width:calc(401 / var(--screen-maxwidth) * 100vw);height:calc(291 / var(--screen-maxwidth) * 100vw)}.part2 .piece li a{display:block;width:100%;height:100%}.part2 .swiper-line{width:calc(420 / var(--screen-maxwidth) * 100vw);height:calc(220 / var(--screen-maxwidth) * 100vw);top:calc(1000 / var(--screen-maxwidth) * 100vw);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.part2 .swiper-line:before{content:"";background:url(/images/event/Druvaen_X_Suit/ani-arr.png) no-repeat 100%/100%;width:calc(157 / var(--screen-maxwidth) * 100vw);height:calc(27 / var(--screen-maxwidth) * 100vw);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(-157 / var(--screen-maxwidth) * 100vw)}.part2 .swiper-line:after{content:"";background:url(/images/event/Druvaen_X_Suit/ani-arr.png) no-repeat 100%/100%;width:calc(157 / var(--screen-maxwidth) * 100vw);height:calc(27 / var(--screen-maxwidth) * 100vw);position:absolute;top:50%;-webkit-transform:translateY(-50%) scalex(-1);transform:translateY(-50%) scalex(-1);right:calc(-157 / var(--screen-maxwidth) * 100vw)}.part2 .anipart2{width:calc(400 / var(--screen-maxwidth) * 100vw);height:calc(230 / var(--screen-maxwidth) * 100vw);top:calc(1000 / var(--screen-maxwidth) * 100vw);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.part2 .anipart2 a{width:calc(127 / var(--screen-maxwidth) * 100vw);height:calc(107 / var(--screen-maxwidth) * 100vw);position:relative}.part2 .anipart2 a::after{content:"";background:url(/images/event/Druvaen_X_Suit/ani1-lig.png) no-repeat 100%/100%;width:calc(223 / var(--screen-maxwidth) * 100vw);height:calc(219 / var(--screen-maxwidth) * 100vw);position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.part2 .anipart2 a img{position:absolute;left:0;top:0;z-index:2;width:100%}.part2 .anipart2 a .lig{opacity:0}.part2 .anipart2 a.ani2::after{background-image:url(/images/event/Druvaen_X_Suit/ani2-lig.png)}.part2 .anipart2 a.ani3::after{background-image:url(/images/event/Druvaen_X_Suit/ani3-lig.png)}.part2 .anipart2 a.active .lig{opacity:1}.part2 .anipart2 a.active .bla{opacity:0}.part2 .anipart2 a.active::after{opacity:1}@-webkit-keyframes inup1{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@keyframes inup1{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@-webkit-keyframes inup2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@keyframes inup2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@-webkit-keyframes inup3{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@keyframes inup3{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@-webkit-keyframes inup4{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}@keyframes inup4{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(15 / var(--screen-maxwidth) * 100vw))}}.part3{background-image:url(/images/event/Druvaen_X_Suit/bg3.jpg);height:calc(930 / var(--screen-maxwidth) * 100vw);margin-top:calc(-80 / var(--screen-maxwidth) * 100vw)}.part3 .anipart3{width:calc(223 / var(--screen-maxwidth) * 100vw);height:calc(387 / var(--screen-maxwidth) * 100vw);top:48%;left:calc(146 / var(--screen-maxwidth) * 100vw);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.part3 .anipart3 a{width:calc(127 / var(--screen-maxwidth) * 100vw);height:calc(107 / var(--screen-maxwidth) * 100vw);position:relative}.part3 .anipart3 a::after{content:"";background:url(/images/event/Druvaen_X_Suit/ani1-lig.png) no-repeat 100%/100%;width:calc(223 / var(--screen-maxwidth) * 100vw);height:calc(219 / var(--screen-maxwidth) * 100vw);position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.part3 .anipart3 a img{position:absolute;left:0;top:0;z-index:2;width:100%}.part3 .anipart3 a .lig{opacity:0}.part3 .anipart3 a.ani2::after{background-image:url(/images/event/Druvaen_X_Suit/ani2-lig.png)}.part3 .anipart3 a.ani3::after{background-image:url(/images/event/Druvaen_X_Suit/ani3-lig.png)}.part3 .anipart3 a.active .lig{opacity:1}.part3 .anipart3 a.active .bla{opacity:0}.part3 .anipart3 a.active::after{opacity:1}.part3 .button-prev{background:url(/images/event/Druvaen_X_Suit/swi-arr.png) no-repeat 100%/100%;width:calc(69 / var(--screen-maxwidth) * 100vw);height:calc(94 / var(--screen-maxwidth) * 100vw);position:absolute;left:calc(225 / var(--screen-maxwidth) * 100vw);top:calc(148 / var(--screen-maxwidth) * 100vw);margin-top:0}.part3 .button-prev::after{content:""}.part3 .button-prev.gray{opacity:.5}.part3 .button-next{background:url(/images/event/Druvaen_X_Suit/swi-arr2.png) no-repeat 100%/100%;width:calc(69 / var(--screen-maxwidth) * 100vw);height:calc(94 / var(--screen-maxwidth) * 100vw);position:absolute;left:calc(225 / var(--screen-maxwidth) * 100vw);top:calc(646 / var(--screen-maxwidth) * 100vw);margin-top:0}.part3 .button-next::after{content:""}.part3 .button-next.gray{opacity:.5}.part3 .fmwrap{display:none}.part3 .fmwrap.active{display:block !important}.part3 .fm-tit{width:calc(1053 / var(--screen-maxwidth) * 100vw);margin:calc(130 / var(--screen-maxwidth) * 100vw) auto 0;font-size:calc(48 / var(--screen-maxwidth) * 100vw);line-height:1;color:#eccf9c;text-align:center}.part3 .btn-vid{width:calc(853 / var(--screen-maxwidth) * 100vw);height:calc(471 / var(--screen-maxwidth) * 100vw);margin:calc(35 / var(--screen-maxwidth) * 100vw) auto 0;position:relative;display:block}.part3 .btn-vid:before{content:"";width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:5;pointer-events:none}.part3 .btn-vid:after{content:"";background:url(/images/event/Druvaen_X_Suit/video-bg.png) no-repeat 100%/100%;width:calc(898 / var(--screen-maxwidth) * 100vw);height:calc(527 / var(--screen-maxwidth) * 100vw);position:absolute;top:47%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;pointer-events:none}.part3 .btn-vid img{height:100%;-webkit-mask-image:url(/images/event/Druvaen_X_Suit/fm-mask.png);mask-image:url(/images/event/Druvaen_X_Suit/fm-mask.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}.part3 .ico-vid{background-image:url(/images/event/Druvaen_X_Suit/btn-play.png);width:calc(114 / var(--screen-maxwidth) * 100vw);height:calc(114 / var(--screen-maxwidth) * 100vw);top:50%;left:50%;margin:calc(-57 / var(--screen-maxwidth) * 100vw) 0 0 calc(-57 / var(--screen-maxwidth) * 100vw)}.part3 .tcplayer,.part3 video{width:100%;height:100%;position:relative}.part3 .slt{height:calc(103 / var(--screen-maxwidth) * 100vw);margin-top:calc(41 / var(--screen-maxwidth) * 100vw);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.part3 .slt li{width:calc(189 / var(--screen-maxwidth) * 100vw);position:relative;margin:0 calc(12 / var(--screen-maxwidth) * 100vw);cursor:pointer}.part3 .slt li .img{width:calc(189 / var(--screen-maxwidth) * 100vw);height:calc(109 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.part3 .slt li .img img{height:100%}.part3 .slt li .img:before{content:"";background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;top:0;left:0;border-radius:calc(20 / var(--screen-maxwidth) * 100vw)}.part3 .slt li .img:after{content:"";background:url(/images/event/Druvaen_X_Suit/slt-pic.png) no-repeat 100%/100%;width:calc(218 / var(--screen-maxwidth) * 100vw);height:calc(128 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(-12 / var(--screen-maxwidth) * 100vw);left:calc(-10 / var(--screen-maxwidth) * 100vw)}.part3 .slt li p{color:#fff;font-size:calc(20 / var(--screen-maxwidth) * 100vw);line-height:calc(24 / var(--screen-maxwidth) * 100vw);text-align:center;padding-top:calc(16 / var(--screen-maxwidth) * 100vw)}.part3 .slt li.on .img:before,.part3 .slt li:hover .img:before{display:none}.part3 .slt li.on .img:after,.part3 .slt li:hover .img:after{background-image:url(/images/event/Druvaen_X_Suit/slt-pic-on.png)}@-webkit-keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes jt{0%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));opacity:.5}}@keyframes jt{0%{-webkit-filter:brightness(1.5);filter:brightness(1.5);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));transform:translateY(calc(10 / var(--screen-maxwidth) * 100vw));opacity:.5}}.pop_mask{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);z-index:299}.pop{background-image:url(/images/event/Druvaen_X_Suit/pop-comm-bg.png);background-repeat:no-repeat;background-size:100% 100%;display:none;outline:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1px;width:calc(824 / var(--screen-maxwidth) * 100vw);height:calc(460 / var(--screen-maxwidth) * 100vw);margin:calc(-230 / var(--screen-maxwidth) * 100vw) 0 0 calc(-412 / var(--screen-maxwidth) * 100vw)}.pop .pop-clo{background:url(/images/event/Druvaen_X_Suit/close.png) no-repeat 100%/100%;width:calc(54 / var(--screen-maxwidth) * 100vw);height:calc(55 / var(--screen-maxwidth) * 100vw);top:calc(30 / var(--screen-maxwidth) * 100vw);right:calc(-74 / var(--screen-maxwidth) * 100vw)}.pop.pop-video{background:0;width:calc(1300 / var(--screen-maxwidth) * 100vw);height:calc(600 / var(--screen-maxwidth) * 100vw);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;border:solid calc(5 / var(--screen-maxwidth) * 100vw) #b79966}.pop.pop-video .pop-clo{background:url(/images/event/Druvaen_X_Suit/close.png) no-repeat 100%/100%;width:calc(54 / var(--screen-maxwidth) * 100vw);height:calc(55 / var(--screen-maxwidth) * 100vw);right:calc(-85 / var(--screen-maxwidth) * 100vw);top:calc(-5 / var(--screen-maxwidth) * 100vw)}.pop.pop-video .pop-video-box{width:100%;height:100%}.pop.pop-video .playwrap{width:100%;height:100%}.pop.pop-video .playwrap .tcplayer,.pop.pop-video .playwrap video{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.pop.pop-video .version-tip{display:none}.pop.pop-share .pop-share-pt{height:100%}.pop.pop-share .pop-share-pt a{background-repeat:no-repeat;background-size:100% 100%;width:calc(211 / var(--screen-maxwidth) * 100vw);height:calc(150 / var(--screen-maxwidth) * 100vw);margin:0 calc(3 / var(--screen-maxwidth) * 100vw)}.pop.pop-share .pop-share-pt a.btnShareFB{background-image:url(/images/event/Druvaen_X_Suit/ico-fb.png)}.pop.pop-share .pop-share-pt a.btnShareTW{background-image:url(/images/event/Druvaen_X_Suit/ico-twi.png)}.pop.pop-piece .piece-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pop.pop-piece .piece-img{width:calc(353 / var(--screen-maxwidth) * 100vw);height:calc(228 / var(--screen-maxwidth) * 100vw);margin:calc(83 / var(--screen-maxwidth) * 100vw) auto 0;border-radius:calc(23 / var(--screen-maxwidth) * 100vw);position:relative}.pop.pop-piece .piece-img::after{content:"";background:url(/images/event/Druvaen_X_Suit/pie-bg.png) no-repeat 100%/100%;width:calc(384 / var(--screen-maxwidth) * 100vw);height:calc(235 / var(--screen-maxwidth) * 100vw);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop.pop-piece .piece-dec{padding:calc(18 / var(--screen-maxwidth) * 100vw) calc(80 / var(--screen-maxwidth) * 100vw) 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:calc(30 / var(--screen-maxwidth) * 100vw);line-height:calc(36 / var(--screen-maxwidth) * 100vw);text-align:center}@font-face{font-family:'all';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf") format("truetype")}@font-face{font-family:'all-bold';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/AgencyFB-Bold.ttf") format("truetype")}@font-face{font-family:'ru';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf") format("truetype")}@font-face{font-family:'th';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf") format("truetype")}@font-face{font-family:'vi';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf") format("truetype")}@font-face{font-family:'tr';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf") format("truetype")}@font-face{font-family:'ar';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf") format("truetype")}@font-face{font-family:'uz';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/uz.TTF") format("truetype")}@font-face{font-family:'mm';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/mm.ttf") format("truetype")}.zh .wrap,.zh .pop{font-family:"Noto Sans SC",'Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.zh .agb{font-weight:bold}.zh .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/zh.png);width:calc(529 / var(--screen-maxwidth) * 100vw);height:calc(80 / var(--screen-maxwidth) * 100vw)}.zh .pop.pop-piece .piece-dec{font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:calc(30 / var(--screen-maxwidth) * 100vw)}.zh .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.en .wrap,.en .pop{font-family:"all",Arial,Helvetica,sans-serif;letter-spacing:0}.en .agb{font-family:"all-bold"}.en .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/en.png);width:calc(512 / var(--screen-maxwidth) * 100vw);height:calc(77 / var(--screen-maxwidth) * 100vw)}.ru .wrap,.ru .pop{font-family:"ru",Arial,Helvetica,sans-serif;letter-spacing:0}.ru .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/ru.png);width:calc(539 / var(--screen-maxwidth) * 100vw);height:calc(66 / var(--screen-maxwidth) * 100vw)}.ru .part1 .dec{font-size:calc(23 / var(--screen-maxwidth) * 100vw)}.de .wrap,.de .pop{font-family:"all",Arial,Helvetica,sans-serif}.de .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/de.png);width:calc(521 / var(--screen-maxwidth) * 100vw);height:calc(77 / var(--screen-maxwidth) * 100vw)}.HK .wrap,.HK .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.HK .agb{font-weight:bold}.HK .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/hk.png);width:calc(530 / var(--screen-maxwidth) * 100vw);height:calc(80 / var(--screen-maxwidth) * 100vw)}.HK .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.HK .pop.pop-piece .piece-dec{font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:calc(30 / var(--screen-maxwidth) * 100vw)}.HK .part3 .slt li p{white-space:nowrap}.TW .wrap,.TW .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.TW .agb{font-weight:bold}.TW .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/tw.png);width:calc(530 / var(--screen-maxwidth) * 100vw);height:calc(80 / var(--screen-maxwidth) * 100vw)}.TW .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.TW .pop.pop-piece .piece-dec{font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:calc(30 / var(--screen-maxwidth) * 100vw)}.TW .part3 .slt li p{white-space:nowrap}.th .wrap,.th .pop{font-family:"th",Arial,Helvetica,sans-serif;letter-spacing:0}.th .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/th.png);width:calc(430 / var(--screen-maxwidth) * 100vw);height:calc(87 / var(--screen-maxwidth) * 100vw)}.th .part1 .dec{font-size:calc(30 / var(--screen-maxwidth) * 115vw)}.th .part1 .btns a .text{font-size:calc(34 / var(--screen-maxwidth) * 115vw)}.th .part3 .slt li p{font-size:calc(22 / var(--screen-maxwidth) * 115vw)}.th .pop.pop-piece .piece-dec{line-height:1}.vi .wrap,.vi .pop{font-family:"vi",Arial,Helvetica,sans-serif;letter-spacing:0}.vi .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/vi.png);width:calc(737 / var(--screen-maxwidth) * 100vw);height:calc(59 / var(--screen-maxwidth) * 100vw)}.id .wrap,.id .pop{font-family:"all",Arial,Helvetica,sans-serif}.id .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/id.png);width:calc(512 / var(--screen-maxwidth) * 100vw);height:calc(77 / var(--screen-maxwidth) * 100vw)}.pt .wrap,.pt .pop{font-family:"all",Arial,Helvetica,sans-serif}.pt .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/pt.png);width:calc(566 / var(--screen-maxwidth) * 100vw);height:calc(77 / var(--screen-maxwidth) * 100vw)}.pt .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 115vw)}.fr .wrap,.fr .pop{font-family:"all",Arial,Helvetica,sans-serif}.fr .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/fr.png);width:calc(512 / var(--screen-maxwidth) * 100vw);height:calc(77 / var(--screen-maxwidth) * 100vw)}.es .wrap,.es .pop{font-family:"all",Arial,Helvetica,sans-serif}.es .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/es.png);width:calc(567 / var(--screen-maxwidth) * 100vw);height:calc(67 / var(--screen-maxwidth) * 100vw)}.tr .wrap,.tr .pop{font-family:'tr',Arial,Helvetica,sans-serif;letter-spacing:0}.tr .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/tr.png);width:calc(438 / var(--screen-maxwidth) * 100vw);height:calc(67 / var(--screen-maxwidth) * 100vw)}.tr .upp{text-transform:inherit !important}.ar .wrap,.ar .pop{font-family:"ar",Arial,Helvetica,sans-serif;unicode-bidi:bidi-override;letter-spacing:0}.ar .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/ar.png);width:calc(500 / var(--screen-maxwidth) * 100vw);height:calc(85 / var(--screen-maxwidth) * 100vw)}.ar .part1 .dec,.ar .part1 .btns,.ar .part2 .tips,.ar .part3 .tips,.ar .part3 .slt li p,.ar .pop.pop-piece .piece-dec,.ar .part3 .fm-tit{direction:rtl}.my .wrap,.my .pop{font-family:"all",Arial,Helvetica,sans-serif}.my .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/ms.png);width:calc(493 / var(--screen-maxwidth) * 100vw);height:calc(74 / var(--screen-maxwidth) * 100vw)}.uz .wrap,.uz .pop{font-family:"uz",Arial,Helvetica,sans-serif}.uz .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/uz.png);width:calc(590 / var(--screen-maxwidth) * 100vw);height:calc(68 / var(--screen-maxwidth) * 100vw)}.uz .part1 .dec{font-size:calc(20 / var(--screen-maxwidth) * 115vw)}.ur .wrap,.ur .pop{font-family:"ar",Arial,Helvetica,sans-serif;unicode-bidi:bidi-override;letter-spacing:0}.ur .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/ur.png);width:calc(590 / var(--screen-maxwidth) * 100vw);height:calc(95 / var(--screen-maxwidth) * 100vw);margin-top:calc(-10 / var(--screen-maxwidth) * 100vw)}.ur .part1 .dec,.ur .part1 .btns,.ur .part2 .tips,.ur .part3 .tips,.ur .part3 .slt li p,.ur .pop.pop-piece .piece-dec,.ur .part3 .fm-tit{direction:rtl}.ur .pop.pop-piece .piece-dec{font-size:calc(26 / var(--screen-maxwidth) * 100vw)}.mm .wrap,.mm .pop{font-family:"mm",Arial,Helvetica,sans-serif;letter-spacing:0}.mm .part1 .slogan{background-image:url(/images/event/Druvaen_X_Suit/title/mm.png);width:calc(512 / var(--screen-maxwidth) * 100vw);height:calc(77 / var(--screen-maxwidth) * 100vw)}.mm .part1 .sloganwrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm .part1 .dec{width:70%;line-height:1.5;font-size:calc(20 / var(--screen-maxwidth) * 115vw);-webkit-transform:scale(0.9);transform:scale(0.9)}.mm .part1 .btns a .text{font-size:calc(34 / var(--screen-maxwidth) * 115vw)}.mm .part3 .slt li p{font-size:calc(18 / var(--screen-maxwidth) * 115vw);line-height:1.5}.mm .pop.pop-piece .piece-dec{font-size:calc(22 / var(--screen-maxwidth) * 100vw);line-height:calc(40 / var(--screen-maxwidth) * 100vw)}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.m .nav .language_list{padding-bottom:120px}