@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}}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}.part1{background-image:url(/images/event/Fiore_X-Suit/bg1.jpg);height:calc(900 / var(--screen-maxwidth) * 100vw);margin-top:calc(-125 / var(--screen-maxwidth) * 100vw);margin-top:0;overflow:hidden}.part1 .inner:before{content:"";background:url(/images/event/Fiore_X-Suit/kv-cover.png) no-repeat 100%/100%;width:100%;height:calc(152 / var(--screen-maxwidth) * 100vw);position:absolute;bottom:-1px;left:0;z-index:5;pointer-events:none}.part1 .kv{width:100%;position:absolute;top:0;left:0}.part1 .kv video{width:100%;-o-object-fit:cover;object-fit:cover}.part1 .btn-music{background:url(/images/event/Fiore_X-Suit/ico-music.png) no-repeat 0 0/calc(76 / var(--screen-maxwidth) * 100vw) auto;width:calc(76 / var(--screen-maxwidth) * 100vw);height:calc(73 / var(--screen-maxwidth) * 100vw);top:calc(24 / var(--screen-maxwidth) * 100vw);right:calc(40 / var(--screen-maxwidth) * 100vw)}.part1 .btn-music.playing{background-position:0 calc(-73 / var(--screen-maxwidth) * 100vw)}.part1 .sloganwrap{background-image:url(/images/event/Fiore_X-Suit/slogan-bg.png);width:calc(1326 / var(--screen-maxwidth) * 100vw);height:calc(365 / var(--screen-maxwidth) * 100vw);margin:calc(148 / var(--screen-maxwidth) * 100vw) auto 0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:calc(105 / var(--screen-maxwidth) * 100vw);position:relative;z-index:5}.part1 .slogan{width:calc(889 / var(--screen-maxwidth) * 100vw);height:calc(124 / var(--screen-maxwidth) * 100vw);margin:0 auto;pointer-events:none}.part1 .dec{color:#FFF;font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:1;text-align:center;text-shadow:0 0 calc(8 / var(--screen-maxwidth) * 100vw) rgba(0, 0, 0, 0.83), 0 0 calc(8 / var(--screen-maxwidth) * 100vw) rgba(0, 0, 0, 0.83)}.part1 .btn-vid{background-image:url(/images/event/Fiore_X-Suit/ico-vid.png);width:calc(83 / var(--screen-maxwidth) * 100vw);height:calc(83 / var(--screen-maxwidth) * 100vw);top:calc(273 / var(--screen-maxwidth) * 100vw);left:50%;margin-left:calc(-41 / 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(230 / var(--screen-maxwidth) * 100vw);height:calc(74 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin:0 calc(19 / var(--screen-maxwidth) * 100vw);-webkit-transition:all .3s linear;transition:all .3s linear}.part1 .btns a:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(1.5);filter:brightness(1.5)}.part1 .btns a .text{color:#201505;font-size:calc(34 / var(--screen-maxwidth) * 100vw);position:relative}.part1 .btns a:before{content:"";background-repeat:no-repeat;background-size:100% 100%;width:calc(267 / var(--screen-maxwidth) * 100vw);height:calc(128 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(-25 / var(--screen-maxwidth) * 100vw);left:calc(-19 / var(--screen-maxwidth) * 100vw)}.part1 .btns .btn-go:before{background-image:url(/images/event/Fiore_X-Suit/btn-go.png)}.part1 .btns .btn-go .text{background:-webkit-linear-gradient(#f0dbb9,#f0dbb9);-webkit-background-clip:text;-webkit-text-fill-color:#201505;-webkit-text-stroke:calc(4 / var(--screen-maxwidth) * 100vw) transparent}.part1 .btns .btn-share:before{background-image:url(/images/event/Fiore_X-Suit/btn-share.png)}.part1 .btns .btn-share .text{background:-webkit-linear-gradient(#7accb0,#7accb0);-webkit-background-clip:text;-webkit-text-fill-color:#201505;-webkit-text-stroke:calc(4 / var(--screen-maxwidth) * 100vw) transparent}.part1 .jt{background-image:url(/images/event/Fiore_X-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/Fiore_X-Suit/bg2.jpg);height:calc(900 / var(--screen-maxwidth) * 100vw)}.part2 .mirro{background-image:url(/images/event/Fiore_X-Suit/mirro.png);width:calc(404 / var(--screen-maxwidth) * 100vw);height:calc(694 / var(--screen-maxwidth) * 100vw);top:calc(65 / var(--screen-maxwidth) * 100vw);left:calc(912 / var(--screen-maxwidth) * 100vw);pointer-events:none}.part2 .role{width:calc(728 / var(--screen-maxwidth) * 100vw);height:calc(728 / var(--screen-maxwidth) * 100vw);top:calc(30 / var(--screen-maxwidth) * 100vw);left:calc(540 / var(--screen-maxwidth) * 100vw);overflow:hidden}.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 .spritespin{visibility:hidden}.part2 .role img{top:0;left:0}.part2 .role-rota{background-image:url(/images/event/Fiore_X-Suit/rota.png);width:calc(429 / var(--screen-maxwidth) * 100vw);height:calc(62 / var(--screen-maxwidth) * 100vw);top:calc(560 / var(--screen-maxwidth) * 100vw);left:calc(601 / var(--screen-maxwidth) * 100vw);pointer-events:none}.part2 .role-rota:after{content:"";background:url(/images/event/Fiore_X-Suit/role-shadow.png) no-repeat 100%/100%;width:calc(444 / var(--screen-maxwidth) * 100vw);height:calc(74 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(135 / var(--screen-maxwidth) * 100vw);left:calc(11 / var(--screen-maxwidth) * 100vw)}.part2 .piece a{position:absolute;-webkit-transition:all .3s linear;transition:all .3s linear}.part2 .piece a:hover{-webkit-filter:brightness(1.3);filter:brightness(1.3)}.part2 .piece a:nth-child(1){width:calc(386 / var(--screen-maxwidth) * 100vw);height:calc(248 / var(--screen-maxwidth) * 100vw);top:calc(137 / var(--screen-maxwidth) * 100vw);left:calc(261 / var(--screen-maxwidth) * 100vw)}.part2 .piece a:nth-child(2){width:calc(387 / var(--screen-maxwidth) * 100vw);height:calc(269 / var(--screen-maxwidth) * 100vw);top:calc(375 / var(--screen-maxwidth) * 100vw);left:calc(260 / var(--screen-maxwidth) * 100vw)}.part2 .piece a:nth-child(3){width:calc(386 / var(--screen-maxwidth) * 100vw);height:calc(248 / var(--screen-maxwidth) * 100vw);top:calc(137 / var(--screen-maxwidth) * 100vw);left:calc(1272 / var(--screen-maxwidth) * 100vw)}.part2 .piece a:nth-child(4){width:calc(387 / var(--screen-maxwidth) * 100vw);height:calc(269 / var(--screen-maxwidth) * 100vw);top:calc(386 / var(--screen-maxwidth) * 100vw);left:calc(1272 / var(--screen-maxwidth) * 100vw)}.part2 .leaf1{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf1.png);width:calc(90 / var(--screen-maxwidth) * 100vw);height:calc(52 / var(--screen-maxwidth) * 100vw);top:calc(20 / var(--screen-maxwidth) * 100vw);left:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:leaf1 4s ease infinite;animation:leaf1 4s ease infinite}@-webkit-keyframes leaf1{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(160 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));transform:translate(calc(160 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes leaf1{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(160 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));transform:translate(calc(160 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));opacity:0}}.part2 .leaf2{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf2.png);width:calc(121 / var(--screen-maxwidth) * 100vw);height:calc(45 / var(--screen-maxwidth) * 100vw);top:calc(-20 / var(--screen-maxwidth) * 100vw);left:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:leaf2 4s 2s ease infinite;animation:leaf2 4s 2s ease infinite}@-webkit-keyframes leaf2{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(100 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));transform:translate(calc(100 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes leaf2{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(100 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));transform:translate(calc(100 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));opacity:0}}.part2 .leaf3{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf3.png);width:calc(39 / var(--screen-maxwidth) * 100vw);height:calc(72 / var(--screen-maxwidth) * 100vw);top:calc(120 / var(--screen-maxwidth) * 100vw);left:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:leaf3 4s 1s ease infinite;animation:leaf3 4s 1s ease infinite}@-webkit-keyframes leaf3{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(130 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));transform:translate(calc(130 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes leaf3{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(130 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));transform:translate(calc(130 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));opacity:0}}.part2 .leaf4{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf4.png);width:calc(90 / var(--screen-maxwidth) * 100vw);height:calc(34 / var(--screen-maxwidth) * 100vw);right:calc(-20 / var(--screen-maxwidth) * 100vw);top:calc(20 / var(--screen-maxwidth) * 100vw);-webkit-animation:leaf4 4s .5s ease infinite;animation:leaf4 4s .5s ease infinite}@-webkit-keyframes leaf4{0%{-webkit-transform:translate(calc(-60 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-60 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-200 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-200 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes leaf4{0%{-webkit-transform:translate(calc(-60 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-60 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-200 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-200 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));opacity:0}}.part2 .leaf5{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf5.png);width:calc(16 / var(--screen-maxwidth) * 100vw);height:calc(42 / var(--screen-maxwidth) * 100vw);top:calc(-20 / var(--screen-maxwidth) * 100vw);right:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:leaf5 4s 2.5s ease infinite;animation:leaf5 4s 2.5s ease infinite}@-webkit-keyframes leaf5{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-230 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-230 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes leaf5{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-230 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-230 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));opacity:0}}.part2 .leaf6{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf6.png);width:calc(52 / var(--screen-maxwidth) * 100vw);height:calc(53 / var(--screen-maxwidth) * 100vw);top:calc(100 / var(--screen-maxwidth) * 100vw);right:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:leaf6 4s 1.5s ease infinite;animation:leaf6 4s 1.5s ease infinite}@-webkit-keyframes leaf6{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-260 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-260 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes leaf6{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-260 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-260 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));opacity:0}}.part3{background-image:url(/images/event/Fiore_X-Suit/bg3.jpg);height:calc(777 / var(--screen-maxwidth) * 100vw)}.part3 .btn-vid{width:calc(798 / var(--screen-maxwidth) * 100vw);height:calc(448 / var(--screen-maxwidth) * 100vw);margin:calc(89 / 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.4);position:absolute;top:0;left:0;z-index:5;pointer-events:none}.part3 .btn-vid:after{content:"";background:url(/images/event/Fiore_X-Suit/video-bg.png) no-repeat 100%/100%;width:calc(864 / var(--screen-maxwidth) * 100vw);height:calc(473 / var(--screen-maxwidth) * 100vw);position:absolute;top:calc(-12 / var(--screen-maxwidth) * 100vw);left:calc(-33 / var(--screen-maxwidth) * 100vw);z-index:5;pointer-events:none}.part3 .btn-vid img{height:100%}.part3 .ico-vid{background-image:url(/images/event/Fiore_X-Suit/btn-play.png);width:calc(168 / var(--screen-maxwidth) * 100vw);height:calc(153 / var(--screen-maxwidth) * 100vw);top:50%;left:50%;margin:calc(-76 / var(--screen-maxwidth) * 100vw) 0 0 calc(-84 / var(--screen-maxwidth) * 100vw);-webkit-animation:vid .8s linear alternate infinite;animation:vid .8s linear alternate infinite}.part3 .tcplayer,.part3 video{width:100%;height:100%;position:relative}.part3 .slt{height:auto;margin-top:calc(32 / var(--screen-maxwidth) * 100vw);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.part3 .slt li{width:calc(191 / var(--screen-maxwidth) * 100vw);position:relative;margin:0 calc(5 / var(--screen-maxwidth) * 100vw);cursor:pointer}.part3 .slt li .img{width:calc(191 / var(--screen-maxwidth) * 100vw);height:calc(123 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(7 / var(--screen-maxwidth) * 100vw) calc(6 / var(--screen-maxwidth) * 100vw) 0 calc(9 / var(--screen-maxwidth) * 100vw);position:relative}.part3 .slt li .img:before{content:"";width:calc(177 / var(--screen-maxwidth) * 100vw);height:calc(106 / var(--screen-maxwidth) * 100vw);background:rgba(0,0,0,0.5);position:absolute;top:calc(7 / var(--screen-maxwidth) * 100vw);left:calc(9 / var(--screen-maxwidth) * 100vw);border-radius:calc(30 / var(--screen-maxwidth) * 100vw) calc(20 / var(--screen-maxwidth) * 100vw)}.part3 .slt li .img:after{content:"";background:url(/images/event/Fiore_X-Suit/slt-pic.png) no-repeat 100%/100%;width:100%;height:100%;position:absolute;top:0;left:0}.part3 .slt li p{color:#136e56;font-size:calc(18 / var(--screen-maxwidth) * 100vw);line-height:calc(22 / var(--screen-maxwidth) * 100vw);text-align:center}.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/Fiore_X-Suit/slt-pic-on.png)}.part3 .leaf1{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf1.png);width:calc(90 / var(--screen-maxwidth) * 100vw);height:calc(52 / var(--screen-maxwidth) * 100vw);top:calc(20 / var(--screen-maxwidth) * 100vw);left:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:lf1 4s ease infinite;animation:lf1 4s ease infinite}@-webkit-keyframes lf1{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(160 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));transform:translate(calc(160 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes lf1{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(160 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));transform:translate(calc(160 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));opacity:0}}.part3 .leaf2{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf2.png);width:calc(121 / var(--screen-maxwidth) * 100vw);height:calc(45 / var(--screen-maxwidth) * 100vw);top:calc(60 / var(--screen-maxwidth) * 100vw);right:calc(-40 / var(--screen-maxwidth) * 100vw);-webkit-animation:lf4 4s ease infinite;animation:lf4 4s ease infinite}@-webkit-keyframes lf4{0%{-webkit-transform:translate(calc(-40 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-40 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-120 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-120 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes lf4{0%{-webkit-transform:translate(calc(-40 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-40 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-120 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-120 / var(--screen-maxwidth) * 100vw), calc(740 / var(--screen-maxwidth) * 100vw));opacity:0}}.part3 .leaf3{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf3.png);width:calc(39 / var(--screen-maxwidth) * 100vw);height:calc(72 / var(--screen-maxwidth) * 100vw);top:calc(120 / var(--screen-maxwidth) * 100vw);left:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:lf3 4s 1s ease infinite;animation:lf3 4s 1s ease infinite}@-webkit-keyframes lf3{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(130 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));transform:translate(calc(130 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes lf3{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(130 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));transform:translate(calc(130 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));opacity:0}}.part3 .leaf4{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf4.png);width:calc(90 / var(--screen-maxwidth) * 100vw);height:calc(34 / var(--screen-maxwidth) * 100vw);top:calc(20 / var(--screen-maxwidth) * 100vw);left:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:lf2 4s 2s ease infinite;animation:lf2 4s 2s ease infinite}@-webkit-keyframes lf2{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(200 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));transform:translate(calc(200 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes lf2{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(200 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));transform:translate(calc(200 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));opacity:0}}.part3 .leaf5{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf5.png);width:calc(16 / var(--screen-maxwidth) * 100vw);height:calc(42 / var(--screen-maxwidth) * 100vw);top:calc(60 / var(--screen-maxwidth) * 100vw);right:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:lf5 4s 2s ease infinite;animation:lf5 4s 2s ease infinite}@-webkit-keyframes lf5{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-100 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-100 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes lf5{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-100 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-100 / var(--screen-maxwidth) * 100vw), calc(700 / var(--screen-maxwidth) * 100vw));opacity:0}}.part3 .leaf6{background-image:url(/images/event/Fiore_X-Suit/leaf/leaf6.png);width:calc(52 / var(--screen-maxwidth) * 100vw);height:calc(53 / var(--screen-maxwidth) * 100vw);top:calc(100 / var(--screen-maxwidth) * 100vw);right:calc(-20 / var(--screen-maxwidth) * 100vw);-webkit-animation:lf6 4s 1s ease infinite;animation:lf6 4s 1s ease infinite}@-webkit-keyframes lf6{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-120 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-120 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));opacity:0}}@keyframes lf6{0%{-webkit-transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0);transform:translate(calc(-20 / var(--screen-maxwidth) * 100vw), 0)}70%{opacity:1}100%{-webkit-transform:translate(calc(-120 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));transform:translate(calc(-120 / var(--screen-maxwidth) * 100vw), calc(640 / var(--screen-maxwidth) * 100vw));opacity:0}}@-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 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}}@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}}@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;padding-top:1px;width:calc(804 / var(--screen-maxwidth) * 100vw);height:calc(448 / var(--screen-maxwidth) * 100vw)}.pop .pop-clo{background:url(/images/event/Fiore_X-Suit/close.png) no-repeat 50%/calc(54 / var(--screen-maxwidth) * 100vw) auto;width:calc(54 / var(--screen-maxwidth) * 100vw);height:calc(55 / var(--screen-maxwidth) * 100vw);top:calc(30 / var(--screen-maxwidth) * 100vw);right:calc(-4 / var(--screen-maxwidth) * 100vw);-webkit-transition:all .3s linear;transition:all .3s linear}.pop .pop-clo:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.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/Fiore_X-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(215 / var(--screen-maxwidth) * 100vw);height:calc(165 / var(--screen-maxwidth) * 100vw);margin:0 calc(-4 / var(--screen-maxwidth) * 100vw)}.pop.pop-share .pop-share-pt a.btnShareFB{background-image:url(/images/event/Fiore_X-Suit/ico-fb.png)}.pop.pop-share .pop-share-pt a.btnShareTW{background-image:url(/images/event/Fiore_X-Suit/ico-twi.png)}.pop.pop-piece{background-image:url(/images/event/Fiore_X-Suit/pop-piece-bg.png)}.pop.pop-piece .piece-img{width:calc(370 / var(--screen-maxwidth) * 100vw);height:calc(233 / var(--screen-maxwidth) * 100vw);margin:calc(55 / var(--screen-maxwidth) * 100vw) auto 0}.pop.pop-piece .piece-dec{padding:calc(30 / var(--screen-maxwidth) * 100vw) calc(96 / var(--screen-maxwidth) * 100vw) 0 calc(135 / var(--screen-maxwidth) * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;color:#FFF;font-size:calc(28 / var(--screen-maxwidth) * 100vw);line-height:1.2;text-align:center}@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/Fiore_X-Suit/title-zh.png)}.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 .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-en.png)}.en .pop.pop-piece .piece-dec{font-family:"all2"}.ru .wrap,.ru .pop{font-family:"ru",Arial,Helvetica,sans-serif;letter-spacing:0}.ru .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-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/Fiore_X-Suit/title-de.png)}.de .pop.pop-piece .piece-dec{font-family:"all2"}.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/Fiore_X-Suit/title-hk.png)}.HK .pop.pop-piece .piece-dec{font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:calc(30 / var(--screen-maxwidth) * 100vw)}.HK .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.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/Fiore_X-Suit/title-tw.png)}.TW .pop.pop-piece .piece-dec{font-size:calc(24 / var(--screen-maxwidth) * 100vw);line-height:calc(30 / var(--screen-maxwidth) * 100vw)}.TW .part1 .btns a .text{font-size:calc(30 / var(--screen-maxwidth) * 100vw)}.th .wrap,.th .pop{font-family:"th",Arial,Helvetica,sans-serif;letter-spacing:0}.th .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-th.png)}.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{font-size:calc(30 / var(--screen-maxwidth) * 115vw);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/Fiore_X-Suit/title-vi.png)}.id .wrap,.id .pop{font-family:"all",Arial,Helvetica,sans-serif}.id .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-id.png)}.id .pop.pop-piece .piece-dec{font-family:"all2"}.pt .wrap,.pt .pop{font-family:"all",Arial,Helvetica,sans-serif}.pt .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-pt.png)}.pt .pop.pop-piece .piece-dec{font-family:"all2"}.fr .wrap,.fr .pop{font-family:"all",Arial,Helvetica,sans-serif}.fr .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-fr.png)}.fr .pop.pop-piece .piece-dec{font-family:"all2"}.es .wrap,.es .pop{font-family:"all",Arial,Helvetica,sans-serif}.es .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-es.png)}.es .pop.pop-piece .piece-dec{font-family:"all2"}.tr .wrap,.tr .pop{font-family:'tr',Arial,Helvetica,sans-serif;letter-spacing:0}.tr .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-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/Fiore_X-Suit/title-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}.my .wrap,.my .pop{font-family:"all",Arial,Helvetica,sans-serif}.my .part1 .slogan{background-image:url(/images/event/Fiore_X-Suit/title-my.png)}.my .pop.pop-piece .piece-dec{font-family:"all2"}@media screen and (max-width:1600px){.part1 .btn-music{right:calc(200 / var(--screen-maxwidth) * 100vw)}}