@charset "UTF-8";:root{--screen-width:1920;--screen-maxwidth:100vw}@media screen and (min-width:1921px){:root{--screen-maxwidth:100vw}}@media screen and (max-width:1920px){:root{--screen-maxwidth:1920px}}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%}html,body{color:#fff;background-color:#000;width:100%;height:100%;overflow:hidden}html,body{color:#fff;width:100%;height:100%;overflow:hidden}body{font-family:"all"}.wrap,.main-swiper{width:100%;height:100%;position:relative}.swiper-slide,.part{height:calc(1334 / 1920 * 100vw)}.part{background-repeat:no-repeat;background-position:center;background-size:calc(1920 / 1920 * 100vw) auto;overflow:hidden}.part .inner{width:calc(1920 / 1920 * 100vw);height:calc(1334 / 1920 * 100vw);position:absolute;top:50%;left:50%;z-index:5;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:calc(2 / 1920 * 100vw)}.part .bot{width:100%;top:calc(976 / 1920 * 100vw);left:0;z-index:9}.part .text{color:#e2f8ff;font-size:calc(24 / 1920 * 100vw);font-weight:bold;line-height:calc(36 / 1920 * 100vw);text-align:center;text-transform:uppercase;-webkit-text-stroke:2px #000;position:relative}.part .text:before{content:attr(data-text);position:absolute;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0;background-image:-webkit-gradient(linear,left top,left bottom,from(#e2f8ff),to(#e2f8ff));background-image:linear-gradient(to bottom,#e2f8ff,#e2f8ff)}.part .arrow{background-image:url(/images/event/stygianliege_suit/ico_down.png);width:calc(80 / 1920 * 100vw);height:calc(50 / 1920 * 100vw);margin:0 auto;position:relative;-webkit-animation:arrow 1s linear infinite alternate;animation:arrow 1s linear infinite alternate}@-webkit-keyframes arrow{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(6 / 1920 * 100vw));transform:translateY(calc(6 / 1920 * 100vw))}}@keyframes arrow{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(calc(6 / 1920 * 100vw));transform:translateY(calc(6 / 1920 * 100vw))}}.part1{background-image:url(/images/event/stygianliege_suit/home/00000.jpg);background-size:cover}.part1 .kv{position:absolute;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.part1 .kv .spritespin,.part1 .kv img{min-width:100vw !important;min-height:100vh !important;-o-object-fit:cover;object-fit:cover}.part1 .kv img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.part1 .slogbox{width:100%;top:calc(467 / 1920 * 100vw);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.part1 .slog-in{-webkit-transform:scale(1.3);transform:scale(1.3)}.part1 .slogan-box{background-image:url(/images/event/stygianliege_suit/slogan_bg.png);width:calc(948 / 1920 * 100vw);height:calc(313 / 1920 * 100vw);margin:0 auto;position:relative}.part1 .slogan-box .slogan{width:calc(820 / 1920 * 100vw);height:calc(165 / 1920 * 100vw);top:calc(50 / 1920 * 100vw);left:50%;margin-left:calc(-404 / 1920 * 100vw);pointer-events:none}.part1 .slogan-box .dec{color:#d4dfe1;font-size:calc(28 / 1920 * 100vw);line-height:calc(38 / 1920 * 100vw);text-align:center;padding-top:calc(160 / 1920 * 100vw)}.part1 .slogan-box .btn-vid{background-image:url(/images/event/stygianliege_suit/ico_vid.png);width:calc(139 / 1920 * 100vw);height:calc(94 / 1920 * 100vw);top:calc(203 / 1920 * 100vw);left:50%;margin-left:calc(-70 / 1920 * 100vw);-webkit-animation:vid .8s linear alternate infinite;animation:vid .8s linear alternate infinite}@-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)}}.part1 .btns{width:100%;margin:calc(22 / 1920 * 100vw) auto 0;position:relative}.part1 .btns a{width:calc(312 / 1920 * 100vw);height:calc(83 / 1920 * 100vw);margin:0 calc(3 / 1920 * 100vw)}.part1 .btns a .data-text{color:#ebeaea;font-size:calc(36 / 1920 * 100vw);line-height:1;text-transform:uppercase;text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000;-webkit-transition:all .3s linear;transition:all .3s linear}.part1 .btns a:hover .data-text{-webkit-transform:scale(1.1);transform:scale(1.1)}.part1 .btns .btn-share{background-image:url(/images/event/stygianliege_suit/btn_share.png)}.part1 .btns .btn-go{background-image:url(/images/event/stygianliege_suit/btn_go.png)}.part2{background-image:url(/images/event/stygianliege_suit/bg2.jpg)}.part2 .inner{margin-top:calc(-30 / 1920 * 100vw)}.part2 .role-change{background:url(/images/event/stygianliege_suit/btn_change.png) no-repeat 100%/100%;width:calc(145 / 1920 * 100vw);height:calc(57 / 1920 * 100vw);top:calc(373 / 1920 * 100vw);left:calc(1295 / 1920 * 100vw);z-index:9}.part2 .role-change li{background:url(/images/event/stygianliege_suit/tx_bg.png) no-repeat 100%/100%;width:calc(115 / 1920 * 100vw);height:calc(95 / 1920 * 100vw);position:absolute;top:calc(-17 / 1920 * 100vw);-webkit-transition:all .3s linear;transition:all .3s linear}.part2 .role-change li img{position:absolute;top:0;left:0}.part2 .role-change li:nth-child(1) img:nth-child(2){visibility:visible}.part2 .role-change li:nth-child(1) img:nth-child(1){visibility:hidden}.part2 .role-change li:nth-child(2) img:nth-child(2){visibility:hidden}.part2 .role-change li:nth-child(2) img:nth-child(1){visibility:visible}.part2 .role-change .nv{left:calc(-86 / 1920 * 100vw)}.part2 .role-change .nan{left:calc(106 / 1920 * 100vw)}.part2 .role-change.change li:nth-child(1) img:nth-child(2){visibility:hidden}.part2 .role-change.change li:nth-child(1) img:nth-child(1){visibility:visible}.part2 .role-change.change li:nth-child(2) img:nth-child(2){visibility:visible}.part2 .role-change.change li:nth-child(2) img:nth-child(1){visibility:hidden}.part2 .role-change.change .nv{left:calc(106 / 1920 * 100vw)}.part2 .role-change.change .nan{left:calc(-86 / 1920 * 100vw)}.part2 .role-change .btn-change{width:200%;height:100%;top:0;left:-50%}.part2 .piece-tab a{position:absolute;-webkit-transition:all .3s linear;transition:all .3s linear}.part2 .piece-tab a:nth-child(1){width:calc(245 / 1920 * 100vw);height:calc(238 / 1920 * 100vw);top:calc(483 / 1920 * 100vw);left:calc(405 / 1920 * 100vw)}.part2 .piece-tab a:nth-child(2){width:calc(246 / 1920 * 100vw);height:calc(207 / 1920 * 100vw);top:calc(683 / 1920 * 100vw);left:calc(405 / 1920 * 100vw)}.part2 .piece-tab a:nth-child(3){width:calc(245 / 1920 * 100vw);height:calc(238 / 1920 * 100vw);top:calc(483 / 1920 * 100vw);left:calc(1269 / 1920 * 100vw)}.part2 .piece-tab a:nth-child(4){width:calc(246 / 1920 * 100vw);height:calc(205 / 1920 * 100vw);top:calc(683 / 1920 * 100vw);left:calc(1269 / 1920 * 100vw)}.part2 .piece-tab a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.part2 .mirrol{background-image:url(/images/event/stygianliege_suit/mirro.png?11);width:calc(968 / 1920 * 100vw);height:calc(766 / 1920 * 100vw);top:calc(452 / 1920 * 100vw);left:calc(346 / 1920 * 100vw);pointer-events:none}.part2 .stone{background-image:url(/images/event/stygianliege_suit/stone.png);width:calc(261 / 1920 * 100vw);height:calc(66 / 1920 * 100vw);top:calc(951 / 1920 * 100vw);left:calc(962 / 1920 * 100vw)}.part2 .role-style{position:relative;width:100%;height:100%;z-index:6}.part2 .role{height:calc(819 / 1920 * 100vw);top:calc(245 / 1920 * 100vw);pointer-events:none;overflow:hidden}.part2 .role .spritespin{width:100% !important;height:100% !important;pointer-events:auto}.part2 .role img{width:100%;height:100%;top:0;left:0;pointer-events:none}.part2 .role.man{width:calc(615 / 1920 * 100vw);left:calc(628 / 1920 * 100vw)}.part2 .role.woman{width:calc(580 / 1920 * 100vw);left:calc(642 / 1920 * 100vw)}.part3{background-image:url(/images/event/stygianliege_suit/bg3.jpg)}.part3 .inner{padding-bottom:calc(60 / 1920 * 100vw);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:calc(-30 / 1920 * 100vw)}.part3 .vid-slt{-webkit-transform:scale(1.1);transform:scale(1.1)}.part3 .btn-vid{width:calc(738 / 1920 * 100vw);height:calc(415 / 1920 * 100vw);display:block;position:relative;margin:calc(399 / 1920 * 100vw) auto 0}.part3 .btn-vid:before{content:"";background:url(/images/event/stygianliege_suit/vid_pic.png) no-repeat 100%/100%;width:calc(773 / 1920 * 100vw);height:calc(454 / 1920 * 100vw);position:absolute;top:calc(-20 / 1920 * 100vw);left:calc(-16 / 1920 * 100vw);z-index:5;pointer-events:none}.part3 .btn-vid .ico-vid{background-image:url(/images/event/stygianliege_suit/btn_play.png);width:calc(96 / 1920 * 100vw);height:calc(96 / 1920 * 100vw);position:absolute;top:50%;left:50%;margin:calc(-48 / 1920 * 100vw) 0 0 calc(-48 / 1920 * 100vw);-webkit-animation:vid 1s linear alternate infinite;animation:vid 1s linear alternate infinite}.part3 .videowrap,.part3 .tcplayer,.part3 video{width:100%;height:100%;position:relative}.part3 .slt{width:100%;margin:calc(24 / 1920 * 100vw) auto 0}.part3 .slt li{width:calc(149 / 1920 * 100vw);height:calc(85 / 1920 * 100vw);margin:0 calc(8 / 1920 * 100vw);position:relative;cursor:pointer}.part3 .slt li:after{content:"";background:url(/images/event/stygianliege_suit/slt_gray.png) no-repeat 100%/100%;width:calc(153 / 1920 * 100vw);height:calc(89 / 1920 * 100vw);position:absolute;top:calc(-2 / 1920 * 100vw);left:calc(-2 / 1920 * 100vw)}.part3 .slt li img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.part3 .slt li p{width:100%;height:100%;color:#FFF;text-align:center;padding-top:calc(7 / 1920 * 100vw);font-size:calc(20 / 1920 * 100vw);line-height:calc(24 / 1920 * 100vw);text-transform:uppercase;position:relative;text-shadow:-1px 0 0 #000,0 -1px 0 #000,1px 0 0 #000,0 1px 0 #000}.part3 .slt li.on:after{background-image:url(/images/event/stygianliege_suit/slt_on.png)}.part3 .slt li.on img{-webkit-filter:grayscale(0);filter:grayscale(0)}.part3 .bot{top:calc(1006 / 1920 * 100vw)}.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}.pop .pop-clo{background:url(/images/event/stygianliege_suit/close.png) no-repeat 100%/100%;width:calc(61 / 1920 * 100vw);height:calc(61 / 1920 * 100vw);right:calc(-80 / 1920 * 100vw);top:0}.pop.pop-video{width:100%;height:100%}.pop.pop-video .pop-clo{right:calc(30 / 1920 * 100vw);top:calc(30 / 1920 * 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/stygianliege_suit/pop-share-bg.png);width:calc(761 / 1920 * 100vw);height:calc(438 / 1920 * 100vw)}.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(187 / 1920 * 100vw);height:calc(187 / 1920 * 100vw);margin:0 calc(4 / 1920 * 100vw)}.pop.pop-share .pop-share-pt a.btnShareFB{background-image:url(/images/event/stygianliege_suit/ico-fb.png)}.pop.pop-share .pop-share-pt a.btnShareTW{background-image:url(/images/event/stygianliege_suit/ico-twi.png)}.pop.pop-piece{width:calc(828 / 1920 * 100vw);height:calc(442 / 1920 * 100vw);padding:calc(13 / 1920 * 100vw) 0 0 calc(170 / 1920 * 100vw)}.pop.pop-piece .pop-clo{top:calc(32 / 1920 * 100vw);right:calc(8 / 1920 * 100vw)}.pop.pop-piece .piece-min{width:calc(340 / 1920 * 100vw);height:calc(442 / 1920 * 100vw);top:0;left:0}.pop.pop-piece .piece-dec{width:calc(442 / 1920 * 100vw);-webkit-box-sizing:border-box;box-sizing:border-box;color:#FFF;font-size:calc(22 / 1920 * 100vw);min-height:calc(60 / 1920 * 100vw);line-height:calc(30 / 1920 * 100vw);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;bottom:calc(60 / 1920 * 100vw);left:calc(325 / 1920 * 100vw)}@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:'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-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-zh.png)}.en .wrap,.en .pop{font-family:"all",Arial,Helvetica,sans-serif;letter-spacing:0}.en .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-en.png)}.ru .wrap,.ru .pop{font-family:"ru",Arial,Helvetica,sans-serif;letter-spacing:0}.ru .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-ru.png)}.de .wrap,.de .pop{font-family:"all",Arial,Helvetica,sans-serif}.de .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-de.png)}.HK .wrap,.HK .pop{font-family:'Noto Sans TC','Microsoft JhengHei','PingFangTC-Regular',sans-serif;letter-spacing:0}.HK .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_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-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-tw.png)}.th .wrap,.th .pop{font-family:"th",Arial,Helvetica,sans-serif;letter-spacing:0}.th .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-th.png);top:calc(42 / 1920 * 100vw)}.th .part1 .slogan-box .dec{font-size:calc(34 / 1920 * 100vw)}.th .part1 .btns a .data-text{font-size:calc(42 / 1920 * 100vw)}.th .part3 .slt li p{font-size:calc(26 / 1920 * 100vw)}.th .part .text{font-size:calc(30 / 1920 * 100vw)}.th .pop.pop-piece .piece-dec{font-size:calc(30 / 1920 * 100vw);line-height:1}.vi .wrap,.vi .pop{font-family:"vi",Arial,Helvetica,sans-serif;letter-spacing:0}.vi .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-vi.png)}.id .wrap,.id .pop{font-family:"all",Arial,Helvetica,sans-serif}.id .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-id.png)}.pt .wrap,.pt .pop{font-family:"all",Arial,Helvetica,sans-serif}.pt .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-pt.png)}.fr .wrap,.fr .pop{font-family:"all",Arial,Helvetica,sans-serif}.fr .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-fr.png)}.es .wrap,.es .pop{font-family:"all",Arial,Helvetica,sans-serif}.es .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-es.png)}.tr .wrap,.tr .pop{font-family:'tr',Arial,Helvetica,sans-serif;letter-spacing:0}.tr .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-tr.png)}.tr .part3 .slt li p,.tr .part .text,.tr .part1 .btns a .data-text{text-transform:inherit;font-weight:normal}.ar .wrap,.ar .pop{font-family:"ar",Arial,Helvetica,sans-serif;unicode-bidi:bidi-override;direction:rtl;letter-spacing:0}.ar .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-ar.png)}.ar .wrap{direction:ltr}.ar .part{direction:rtl}.my .wrap,.my .pop{font-family:"all",Arial,Helvetica,sans-serif}.my .part1 .slogan-box .slogan{background-image:url(/images/event/stygianliege_suit/slogan-my.png)}