@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:1600px){:root{--screen-maxwidth:1600}}@media screen and (max-width:1440px){:root{--screen-maxwidth:1440}}@media screen and (max-width:1334px){:root{--screen-maxwidth:1334}}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}.part{background-repeat:no-repeat;background-position:50% 0;background-size:calc(1920 / var(--screen-maxwidth) * 100vw) auto;margin-top:-1px}.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}.part .bubble i{background-repeat:no-repeat;position:absolute;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale(1920 / var(--screen-maxwidth));transform:scale(1920 / var(--screen-maxwidth));opacity:0}.part .bubble .i0{background-image:url(/images/event/marmoris_suit/0.png);width:76px;height:228px}.part .bubble .i1{background-image:url(/images/event/marmoris_suit/1.png);width:63px;height:223px}.part .bubble .i2{background-image:url(/images/event/marmoris_suit/2.png);width:154px;height:268px}.part .bubble .i3{background-image:url(/images/event/marmoris_suit/3.png);width:262px;height:368px}.part .bubble0 i{bottom:calc(634 / var(--screen-maxwidth) * 100vw)}.part .bubble0 .i0{left:0}.part .bubble0 .i1{left:calc(20 / var(--screen-maxwidth) * 100vw)}.part .bubble1 i{bottom:calc(186 / var(--screen-maxwidth) * 100vw)}.part .bubble1 .i0{left:calc(70 / var(--screen-maxwidth) * 100vw)}.part .bubble1 .i1{left:calc(100 / var(--screen-maxwidth) * 100vw)}.part .bubble2 i{bottom:0}.part .bubble2 .i0{left:calc(406 / var(--screen-maxwidth) * 100vw)}.part .bubble2 .i1{left:calc(436 / var(--screen-maxwidth) * 100vw)}.part .bubble3 i{bottom:calc(284 / var(--screen-maxwidth) * 100vw)}.part .bubble3 .i0{left:calc(1223 / var(--screen-maxwidth) * 100vw)}.part .bubble3 .i1{left:calc(1253 / var(--screen-maxwidth) * 100vw)}.part .bubble4 i{bottom:calc(780 / var(--screen-maxwidth) * 100vw)}.part .bubble4 .i0{left:calc(1693 / var(--screen-maxwidth) * 100vw)}.part .bubble4 .i1{left:calc(1743 / var(--screen-maxwidth) * 100vw)}.part .bubble5 i{bottom:calc(160 / var(--screen-maxwidth) * 100vw)}.part .bubble5 .i0{left:calc(1814 / var(--screen-maxwidth) * 100vw)}.part .bubble5 .i1{left:calc(1844 / var(--screen-maxwidth) * 100vw)}.part .bubble6 i{bottom:0}.part .bubble6 .i0{left:calc(820 / var(--screen-maxwidth) * 100vw)}.part .bubble6 .i1{left:calc(850 / var(--screen-maxwidth) * 100vw)}.part .bubble7 .i2{left:calc(50 / var(--screen-maxwidth) * 100vw);bottom:calc(-40 / var(--screen-maxwidth) * 100vw)}.part .bubble7 .i3{left:calc(80 / var(--screen-maxwidth) * 100vw);bottom:calc(-100 / var(--screen-maxwidth) * 100vw)}.part .bubble8 .i2{left:calc(1670 / var(--screen-maxwidth) * 100vw);bottom:calc(-40 / var(--screen-maxwidth) * 100vw)}.part .bubble8 .i3{left:calc(1700 / var(--screen-maxwidth) * 100vw);bottom:calc(-100 / var(--screen-maxwidth) * 100vw)}.part1{background-image:url(/images/event/marmoris_suit/bg.jpg);background-size:calc(1920 / var(--screen-maxwidth) * 100vw) auto;background-position:50% calc(80 / var(--screen-maxwidth) * 100vw);height:calc(945 / var(--screen-maxwidth) * 100vw);margin-top:calc(-80 / var(--screen-maxwidth) * 100vw)}.part1 .inner:before{content:"";background:url(/images/event/marmoris_suit/kv-cover.png) no-repeat 100%/100%;width:100%;height:calc(868 / var(--screen-maxwidth) * 100vw);position:absolute;bottom:calc(-280 / var(--screen-maxwidth) * 100vw);left:0;z-index:5;pointer-events:none}.part1 .kv{width:100%;position:absolute;top:calc(80 / var(--screen-maxwidth) * 100vw);left:0}.part1 .kv video{width:100%;-o-object-fit:cover;object-fit:cover}.part1 .btn-music{background:url(/images/event/marmoris_suit/ico-music.png) no-repeat calc(-108 / var(--screen-maxwidth) * 100vw) calc(-10 / var(--screen-maxwidth) * 100vw)/calc(196 / var(--screen-maxwidth) * 100vw) auto;width:calc(78 / var(--screen-maxwidth) * 100vw);height:calc(78 / var(--screen-maxwidth) * 100vw);top:calc(87 / var(--screen-maxwidth) * 100vw);right:calc(40 / var(--screen-maxwidth) * 100vw)}.part1 .btn-music.playing{background-position:calc(-10 / var(--screen-maxwidth) * 100vw) calc(-10 / var(--screen-maxwidth) * 100vw)}.part1 .sloganwrap{background-image:url(/images/event/marmoris_suit/slogan-bg.png);width:calc(1135 / var(--screen-maxwidth) * 100vw);height:calc(306 / var(--screen-maxwidth) * 100vw);margin:calc(250 / var(--screen-maxwidth) * 100vw) auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:calc(80 / var(--screen-maxwidth) * 100vw);position:relative;z-index:5}.part1 .slogan{width:calc(860 / var(--screen-maxwidth) * 100vw);height:calc(113 / var(--screen-maxwidth) * 100vw);margin:0 auto;pointer-events:none}.part1 .dec{color:#FFF;font-size:calc(30 / var(--screen-maxwidth) * 100vw);line-height:1.2;text-align:center;text-shadow:0 calc(2 / var(--screen-maxwidth) * 100vw) 0 #37485c}.part1 .btn-vid{background-image:url(/images/event/marmoris_suit/ico-vid.png);width:calc(95 / var(--screen-maxwidth) * 100vw);height:calc(94 / var(--screen-maxwidth) * 100vw);top:calc(242 / var(--screen-maxwidth) * 100vw);left:50%;margin-left:calc(-47 / var(--screen-maxwidth) * 100vw);-webkit-animation:vid .8s linear alternate infinite;animation:vid .8s linear alternate infinite}.part1 .btns{width:100%;margin:calc(58 / var(--screen-maxwidth) * 100vw) auto 0;position:relative;z-index:5}.part1 .btns a{width:calc(337 / var(--screen-maxwidth) * 100vw);height:calc(107 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 calc(20 / var(--screen-maxwidth) * 100vw);padding-top:calc(8 / var(--screen-maxwidth) * 100vw);-webkit-transition:all .3s linear;transition:all .3s linear}.part1 .btns a .text{color:#FFF;font-size:calc(42 / var(--screen-maxwidth) * 100vw)}.part1 .btns a:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(1.5);filter:brightness(1.5)}.part1 .btns .btn-share{background-image:url(/images/event/marmoris_suit/btn-share.png);padding-left:calc(32 / var(--screen-maxwidth) * 100vw)}.part1 .btns .btn-go{background-image:url(/images/event/marmoris_suit/btn-go.png);padding-right:calc(32 / var(--screen-maxwidth) * 100vw)}.part1 .jt{background-image:url(/images/event/marmoris_suit/jt.png);width:calc(80 / var(--screen-maxwidth) * 100vw);height:calc(50 / var(--screen-maxwidth) * 100vw);left:50%;margin-left:calc(-40 / var(--screen-maxwidth) * 100vw);bottom:calc(100 / var(--screen-maxwidth) * 100vw);-webkit-animation:jt 1s linear alternate infinite;animation:jt 1s linear alternate infinite}.part2{background-image:url(/images/event/marmoris_suit/bg2.jpg);height:calc(1087 / var(--screen-maxwidth) * 100vw)}.part2 .mirro{background-image:url(/images/event/marmoris_suit/mirro.png);width:calc(453 / var(--screen-maxwidth) * 100vw);height:calc(563 / var(--screen-maxwidth) * 100vw);top:calc(145 / var(--screen-maxwidth) * 100vw);left:calc(1088 / var(--screen-maxwidth) * 100vw);pointer-events:none}.part2 .role{width:calc(1000 / var(--screen-maxwidth) * 100vw);height:calc(1000 / var(--screen-maxwidth) * 100vw);top:calc(-108 / var(--screen-maxwidth) * 100vw);left:calc(508 / var(--screen-maxwidth) * 100vw);overflow:hidden;-webkit-transform:scale(1.11);transform:scale(1.11);-webkit-transform-origin:0 0;transform-origin:0 0}.part2 .role .spritespin,.part2 .role .img,.part2 .role .spritespin-canvas{width:100% !important;height:100% !important;-o-object-fit:cover;object-fit:cover}.part2 .role img{top:0;left:0}.part2 .role-shadow{background-image:url(/images/event/marmoris_suit/role-shadow.png);width:calc(730 / var(--screen-maxwidth) * 100vw);height:calc(149 / var(--screen-maxwidth) * 100vw);top:calc(681 / var(--screen-maxwidth) * 100vw);left:calc(725 / var(--screen-maxwidth) * 100vw)}.part2 .role-rota{background-image:url(/images/event/marmoris_suit/role-jt.png);width:calc(594 / var(--screen-maxwidth) * 100vw);height:calc(73 / var(--screen-maxwidth) * 100vw);pointer-events:none;top:calc(670 / var(--screen-maxwidth) * 100vw);left:calc(736 / var(--screen-maxwidth) * 100vw);z-index:10}.part2 .piece{width:calc(444 / var(--screen-maxwidth) * 100vw);height:calc(585 / var(--screen-maxwidth) * 100vw);top:calc(84 / var(--screen-maxwidth) * 100vw);left:calc(388 / var(--screen-maxwidth) * 100vw);-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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.part2 .piece a{width:calc(280 / var(--screen-maxwidth) * 100vw);height:calc(139 / var(--screen-maxwidth) * 100vw);background:url(/images/event/marmoris_suit/piece-pic.png) no-repeat 100%/100%;-webkit-transition:all .3s linear;transition:all .3s linear}.part2 .piece a img{width:auto;height:calc(136 / var(--screen-maxwidth) * 100vw);margin:calc(3 / var(--screen-maxwidth) * 100vw) 0 0 calc(4 / var(--screen-maxwidth) * 100vw)}.part2 .piece a:nth-child(1){margin-left:calc(152 / var(--screen-maxwidth) * 100vw)}.part2 .piece a:nth-child(2){margin-left:calc(60 / var(--screen-maxwidth) * 100vw)}.part2 .piece a:nth-child(3){margin-left:calc(92 / var(--screen-maxwidth) * 100vw)}.part2 .piece a:nth-child(4){margin-left:0}.part2 .piece a.on,.part2 .piece a:hover{background-image:url(/images/event/marmoris_suit/piece-pic-on.png)}.part2 .tips{width:calc(270 / var(--screen-maxwidth) * 100vw);color:#FFF;font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:calc(36 / var(--screen-maxwidth) * 100vw);top:calc(704 / var(--screen-maxwidth) * 100vw);left:calc(407 / var(--screen-maxwidth) * 100vw);text-shadow:0 0 calc(10 / var(--screen-maxwidth) * 100vw) #161f31}.part2 .sm1,.part2 .sm2{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:jellyfish 2.5s ease-in-out infinite alternate;animation:jellyfish 2.5s ease-in-out infinite alternate}.part2 .sm1{background-image:url(/images/event/marmoris_suit/sm1.png);width:calc(354 / var(--screen-maxwidth) * 100vw);height:calc(433 / var(--screen-maxwidth) * 100vw);top:calc(15 / var(--screen-maxwidth) * 100vw);left:calc(116 / var(--screen-maxwidth) * 100vw)}.part2 .sm2{background-image:url(/images/event/marmoris_suit/sm2.png);width:calc(515 / var(--screen-maxwidth) * 100vw);height:calc(640 / var(--screen-maxwidth) * 100vw);top:calc(724 / var(--screen-maxwidth) * 100vw);right:calc(42 / var(--screen-maxwidth) * 100vw)}.part3{background-image:url(/images/event/marmoris_suit/bg3.jpg);height:calc(852 / var(--screen-maxwidth) * 100vw)}.part3 .btn-vid{background-image:url(/images/event/marmoris_suit/video-bg.png);width:calc(732 / var(--screen-maxwidth) * 100vw);height:calc(409 / var(--screen-maxwidth) * 100vw);top:calc(45 / var(--screen-maxwidth) * 100vw);left:calc(344 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(15 / var(--screen-maxwidth) * 100vw) calc(9 / var(--screen-maxwidth) * 100vw) calc(16 / var(--screen-maxwidth) * 100vw) calc(28 / var(--screen-maxwidth) * 100vw)}.part3 .videowrap{width:100%;height:100%;overflow:hidden;border-radius:calc(15 / var(--screen-maxwidth) * 100vw);position:relative}.part3 .videowrap img{height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:calc(15 / var(--screen-maxwidth) * 100vw)}.part3 .ico-vid{background-image:url(/images/event/marmoris_suit/btn-play.png);width:calc(89 / var(--screen-maxwidth) * 100vw);height:calc(88 / var(--screen-maxwidth) * 100vw);top:50%;left:50%;margin:calc(-44 / var(--screen-maxwidth) * 100vw) 0 0 calc(-44 / var(--screen-maxwidth) * 100vw);-webkit-animation:vid .8s linear alternate infinite;animation:vid .8s linear alternate infinite}.part3 .videowrap,.part3 .tcplayer,.part3 video{width:100%;height:100%;position:relative}.part3 .tips{width:calc(610 / var(--screen-maxwidth) * 100vw);color:#FFF;font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:calc(36 / var(--screen-maxwidth) * 100vw);top:calc(528 / var(--screen-maxwidth) * 100vw);left:calc(407 / var(--screen-maxwidth) * 100vw);text-shadow:0 0 calc(10 / var(--screen-maxwidth) * 100vw) #161f31}.part3 .slt{height:calc(566 / var(--screen-maxwidth) * 100vw);top:calc(-28 / var(--screen-maxwidth) * 100vw);left:calc(1107 / var(--screen-maxwidth) * 100vw);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.part3 .slt li{background:url(/images/event/marmoris_suit/slt-pic.png) no-repeat 100%/100%;width:calc(312 / var(--screen-maxwidth) * 100vw);height:calc(68 / var(--screen-maxwidth) * 100vw);position:relative;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}.part3 .slt li img{width:calc(133 / var(--screen-maxwidth) * 100vw);height:calc(85 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(-11 / var(--screen-maxwidth) * 100vw);left:calc(6 / var(--screen-maxwidth) * 100vw)}.part3 .slt li p{width:calc(124 / var(--screen-maxwidth) * 100vw);height:calc(62 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:calc(18 / var(--screen-maxwidth) * 100vw);line-height:calc(20 / var(--screen-maxwidth) * 100vw);position:absolute;top:0;left:calc(157 / var(--screen-maxwidth) * 100vw);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.part3 .slt li:nth-child(1){margin-left:calc(120 / var(--screen-maxwidth) * 100vw)}.part3 .slt li:nth-child(2){margin-left:calc(96 / var(--screen-maxwidth) * 100vw)}.part3 .slt li:nth-child(3){margin-left:calc(72 / var(--screen-maxwidth) * 100vw)}.part3 .slt li:nth-child(4){margin-left:calc(48 / var(--screen-maxwidth) * 100vw)}.part3 .slt li:nth-child(5){margin-left:calc(24 / var(--screen-maxwidth) * 100vw)}.part3 .slt li.on{background-image:url(/images/event/marmoris_suit/slt-pic-on.png);left:calc(40 / var(--screen-maxwidth) * 100vw)}.part3 .slt li:hover{background-image:url(/images/event/marmoris_suit/slt-pic-on.png)}@-webkit-keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.92);transform:scale(0.92)}}@keyframes vid{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.92);transform:scale(0.92)}}@-webkit-keyframes music{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes music{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes jellyfish{0%{-webkit-transform:translate(calc(0 / var(--screen-maxwidth) * 100vw), calc(0 / var(--screen-maxwidth) * 100vw));transform:translate(calc(0 / var(--screen-maxwidth) * 100vw), calc(0 / var(--screen-maxwidth) * 100vw));opacity:1}100%{-webkit-transform:translate(calc(-5 / var(--screen-maxwidth) * 100vw), calc(-10 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-5 / var(--screen-maxwidth) * 100vw), calc(-10 / var(--screen-maxwidth) * 100vw));opacity:.7}}@keyframes jellyfish{0%{-webkit-transform:translate(calc(0 / var(--screen-maxwidth) * 100vw), calc(0 / var(--screen-maxwidth) * 100vw));transform:translate(calc(0 / var(--screen-maxwidth) * 100vw), calc(0 / var(--screen-maxwidth) * 100vw));opacity:1}100%{-webkit-transform:translate(calc(-5 / var(--screen-maxwidth) * 100vw), calc(-10 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-5 / var(--screen-maxwidth) * 100vw), calc(-10 / var(--screen-maxwidth) * 100vw));opacity:.7}}@-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-repeat:no-repeat;background-size:100% 100%;display:none;outline:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(822 / var(--screen-maxwidth) * 100vw);height:calc(378 / var(--screen-maxwidth) * 100vw)}.pop .pop-clo{background:url(/images/event/marmoris_suit/close.png) no-repeat 50%/calc(58 / var(--screen-maxwidth) * 100vw) auto;width:calc(58 / var(--screen-maxwidth) * 100vw);height:calc(58 / var(--screen-maxwidth) * 100vw);top:calc(31 / var(--screen-maxwidth) * 100vw);right:calc(12 / var(--screen-maxwidth) * 100vw)}.pop.pop-video{width:100%;height:100%}.pop.pop-video .pop-clo{right:calc(30 / var(--screen-maxwidth) * 100vw);top:calc(30 / 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 .player-container-id-dimensions{width:100% !important;height:100% !important}.pop.pop-video .version-tip{display:none}.pop.pop-share{background-image:url(/images/event/marmoris_suit/pop-share-bg.png)}.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(227 / var(--screen-maxwidth) * 100vw);height:calc(194 / var(--screen-maxwidth) * 100vw);margin:0 calc(-12 / var(--screen-maxwidth) * 100vw)}.pop.pop-share .pop-share-pt a.btnShareFB{background-image:url(/images/event/marmoris_suit/ico-fb.png)}.pop.pop-share .pop-share-pt a.btnShareTW{background-image:url(/images/event/marmoris_suit/ico-twi.png)}.pop.pop-piece{background-image:url(/images/event/marmoris_suit/pop-piece-bg.png)}.pop.pop-piece .piece-img{width:calc(708 / var(--screen-maxwidth) * 100vw);height:calc(355 / var(--screen-maxwidth) * 100vw);top:calc(9 / var(--screen-maxwidth) * 100vw);left:calc(33 / var(--screen-maxwidth) * 100vw)}.pop.pop-piece .piece-dec{width:calc(570 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;color:#ccf2ff;font-size:calc(28 / var(--screen-maxwidth) * 100vw);line-height:calc(36 / var(--screen-maxwidth) * 100vw);font-style:italic;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;bottom:calc(30 / var(--screen-maxwidth) * 100vw);left:calc(78 / var(--screen-maxwidth) * 100vw);text-shadow:0 0 calc(8 / var(--screen-maxwidth) * 100vw) rgba(23, 68, 88, 0.51)}@font-face{font-family:'all2';src:url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf") format("truetype")}@font-face{font-family:'all';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")}.zh .wrap,.zh .pop{font-family:"Noto Sans SC",'Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.zh .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-zh.png)}.en .wrap,.en .pop{font-family:"all",Arial,Helvetica,sans-serif;letter-spacing:0}.en .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-en.png)}.en .pop.pop-piece .piece-dec{font-family:"all2";font-weight:bold}.ru .wrap,.ru .pop{font-family:"ru",Arial,Helvetica,sans-serif;letter-spacing:0}.ru .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-ru.png)}.ru .part3 .slt li p{padding-top:calc(5 / var(--screen-maxwidth) * 100vw);line-height:calc(19 / var(--screen-maxwidth) * 100vw)}.de .wrap,.de .pop{font-family:"all",Arial,Helvetica,sans-serif}.de .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-de.png)}.de .pop.pop-piece .piece-dec{font-family:"all2";font-weight:bold}.HK .wrap,.HK .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.HK .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-hk.png)}.TW .wrap,.TW .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.TW .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-tw.png)}.th .wrap,.th .pop{font-family:"th",Arial,Helvetica,sans-serif;letter-spacing:0}.th .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-th.png)}.th .part1 .dec{font-size:calc(30 / var(--screen-maxwidth) * 115vw)}.th .part1 .btns a .text{font-size:calc(42 / var(--screen-maxwidth) * 115vw)}.th .part2 .tips,.th .part3 .tips{font-size:calc(24 / var(--screen-maxwidth) * 115vw)}.th .part3 .slt li p{font-size:calc(18 / var(--screen-maxwidth) * 115vw)}.th .pop.pop-piece .piece-dec{font-size:calc(28 / var(--screen-maxwidth) * 115vw);line-height:calc(36 / var(--screen-maxwidth) * 115vw)}.vi .wrap,.vi .pop{font-family:"vi",Arial,Helvetica,sans-serif;letter-spacing:0}.vi .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-vi.png)}.id .wrap,.id .pop{font-family:"all",Arial,Helvetica,sans-serif}.id .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-id.png)}.id .pop.pop-piece .piece-dec{font-family:"all2";font-weight:bold}.pt .wrap,.pt .pop{font-family:"all",Arial,Helvetica,sans-serif}.pt .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-pt.png)}.pt .pop.pop-piece .piece-dec{font-family:"all2";font-weight:bold}.fr .wrap,.fr .pop{font-family:"all",Arial,Helvetica,sans-serif}.fr .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-fr.png)}.fr .pop.pop-piece .piece-dec{font-size:calc(24 / var(--screen-maxwidth) * 100vw)}.fr .pop.pop-piece .piece-dec{font-family:"all2";font-weight:bold}.es .wrap,.es .pop{font-family:"all",Arial,Helvetica,sans-serif}.es .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-es.png)}.es .pop.pop-piece .piece-dec{font-size:calc(24 / var(--screen-maxwidth) * 100vw)}.es .pop.pop-piece .piece-dec{font-family:"all2";font-weight:bold}.tr .wrap,.tr .pop{font-family:'tr',Arial,Helvetica,sans-serif;letter-spacing:0}.tr .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-tr.png)}.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/marmoris_suit/slogan-ar.png)}.ar .part1 .dec,.ar .part1 .btns,.ar .part2 .tips,.ar .part3 .tips,.ar .part3 .slt li p,.ar .pop.pop-piece .piece-dec{direction:rtl}.ar .part3 .slt li p{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.my .wrap,.my .pop{font-family:"all",Arial,Helvetica,sans-serif}.my .part1 .slogan{background-image:url(/images/event/marmoris_suit/slogan-my.png)}.my .pop.pop-piece .piece-dec{font-family:"all2";font-weight:bold}@media screen and (max-width:1600px){.part1 .btn-music{right:calc(200 / var(--screen-maxwidth) * 100vw)}}@media screen and (max-width:1440px){.part1 .btn-music{right:calc(280 / var(--screen-maxwidth) * 100vw)}}@media screen and (max-width:1334px){.part1 .btn-music{right:calc(333 / var(--screen-maxwidth) * 100vw)}}