.popup{position:fixed;top:50%;left:50%;width:50%;height:auto;min-width:320px;max-width:100%;max-height:100%;visibility:hidden;opacity:0;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.popup,.popup-overlay{z-index:0;-webkit-transform-style:flat;transform-style:flat;-webkit-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-webkit-transform .5s;-ms-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-ms-transform .5s;-o-transition:opacity .3s ease,left .5s,top .5s,transform .5s,-o-transform .5s;transition:opacity .3s ease,left .5s,top .5s,transform .5s,-webkit-transform .5s,-ms-transform .5s,-o-transform .5s}.popup-content{position:relative}.popup-overlay{position:fixed;visibility:hidden;opacity:0;top:-25%;left:0;width:100%;height:150%;background:#000000b3}.popup-show{visibility:visible;opacity:1;z-index:2000}.popup.effect-fade-scale{-webkit-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}.popup-show.effect-fade-scale{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.popup.effect-slide-left{left:20%}.popup.effect-slide-right{left:80%}.popup-show.effect-slide-right,.popup-show.effect-slide-left{left:50%}.popup.effect-slide-top{top:20%}.popup-show.effect-slide-top{top:50%}.popup.effect-newspaper{-webkit-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);-o-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg)}.popup-show.effect-newspaper{-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0)}.popup.effect-sticky{top:-100%}.popup-show.effect-sticky{top:0;margin-top:0!important}.popup{background-color:#f8f8f8;box-shadow:0 2px 2px #0000004d}.popup-content{padding:20px 40px 30px}#popup-video.popup{overflow:visible;background-color:#1b1b1b;box-shadow:0 1px 5px #000c}#popup-video.popup .popup-close{position:absolute;z-index:2;top:-30px;right:-40px;font-size:1.5em;color:#fff}#popup-video.popup .embed-container{position:relative;z-index:1;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}#popup-video.popup .embed-container iframe,#popup-video.popup .embed-container object,#popup-video.popup .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.popup-close{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.popup-close:before,.popup-close:after{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;background:#fff;border-radius:5px;margin-top:-6px}.popup-close:before{transform:rotate(45deg)}.popup-close:after{transform:rotate(-45deg)}*{text-decoration:none;list-style:none;outline:none;margin:0;padding:0}::-webkit-scrollbar{width:0px}.autoPage{width:100%;height:100%}html,body,.main{font-family:"Noto Serif TC",serif;position:relative;height:100%;background-color:#0d0707;color:#fff;padding-bottom:env(safe-area-inset-bottom)}a{width:100%;height:100%;color:#fff;cursor:pointer;text-align:center}a:hover,button:hover{filter:brightness(1.2);transition:.5s all}button{background:none;border:0}img{max-width:100%}.swiper-container{width:100%;height:100%;overflow:hidden}.swiper-slide-active{z-index:9}.swiper-container .swiper-wrapper .swiper-slide{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.swiper-container .swiper-wrapper .home.swiper-slide{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.swiper-container .swiper-wrapper .header,.swiper-container .swiper-wrapper .footer{height:240px}section{background-size:cover!important}.home{background:url(/images/prereg/home/bg.jpg) no-repeat center top}.event{background:url(/images/prereg/event/bg.jpg) no-repeat center top}.social{background:url(/images/prereg/social/bg.jpg) no-repeat center top}.class{background:url(/images/prereg/class/bg.jpg) no-repeat center top}.map{background:url(/images/prereg/map/bg.jpg) no-repeat center top}.features{background:url(/images/prereg/feature/bg.jpg) no-repeat center top}.slogan{margin-top:-2%}.home .bottom{display:flex;bottom:5%;position:absolute;align-items:center;justify-content:center;flex-direction:column}.btn_go{margin-bottom:20px;position:relative}.btn_light{top:-4px;mix-blend-mode:screen;position:absolute;pointer-events:none}.btn_device{display:flex;justify-content:center;align-items:center}.home .btn_device a img{margin:0 10px;filter:drop-shadow(0px 0px 5px #fff)}.nav_bg{display:none}.link{width:150px;text-align:center;display:flex;position:absolute;flex-direction:row;align-items:center;justify-content:space-evenly;top:20px;right:50px;z-index:9}.link a{width:40px;height:40px;display:block}.link_m{display:none}.nav{width:200px;height:100vh;background:linear-gradient(90deg,#000000bf 25%,#0000);padding-left:50px;display:flex;flex-direction:column;justify-content:center;right:auto!important;margin-left:-200px;position:absolute;z-index:9;transition:margin .5s}.nav:hover{margin-left:0}.nav:after{content:"";width:65px;height:65px;background:url(/images/prereg/nav_arrow.png?v1.0.1) no-repeat;right:-20px;position:absolute}.btn{width:200px;height:75px;cursor:pointer;transition:.5s all}.nav .swiper-pagination-bullet{width:auto;height:auto;margin:0 8px;background:none;opacity:1;padding:0;border:none}.nav .swiper-pagination-bullet-active:before{content:"";width:30px;height:40px;background:url(/images/prereg/btn_arrow.png) no-repeat;background-size:contain;left:-30px;position:absolute;animation:fadeInLeft .3s ease-in-out;animation-fill-mode:forwards}.nav .btn{width:132px;height:48px;position:relative;text-align:center;font-size:1.2em;font-weight:600;text-indent:-9999px;margin:10px 0!important;transition:all .1s ease;scale:.8;background-size:contain;border-radius:0}.nav .btn.btn01{width:72px;height:48px;background:url(/images/prereg/btn01.png?v1.0.2) no-repeat}.nav .btn.btn02{background:url(/images/prereg/btn02.png?v1.0.2) no-repeat}.nav .btn.btn03{background:url(/images/prereg/btn03.png?v1.0.2) no-repeat}.nav .btn.btn04{background:url(/images/prereg/btn04.png?v1.0.2) no-repeat}.nav .btn.btn05{background:url(/images/prereg/btn05.png?v1.0.2) no-repeat}.nav .btn.btn06{background:url(/images/prereg/btn06.png?v1.0.2) no-repeat}.nav .btn.swiper-pagination-bullet-active{width:150px;height:48px}.nav .btn.btn01.swiper-pagination-bullet-active{width:84px;height:48px;background:url(/images/prereg/btn01_on.png?v1.0.2) no-repeat}.nav .btn.btn02.swiper-pagination-bullet-active{background:url(/images/prereg/btn02_on.png?v1.0.2) no-repeat}.nav .btn.btn03.swiper-pagination-bullet-active{background:url(/images/prereg/btn03_on.png?v1.0.2) no-repeat}.nav .btn.btn04.swiper-pagination-bullet-active{background:url(/images/prereg/btn04_on.png?v1.0.2) no-repeat}.nav .btn.btn05.swiper-pagination-bullet-active{background:url(/images/prereg/btn05_on.png?v1.0.2) no-repeat}.nav .btn.btn06.swiper-pagination-bullet-active{background:url(/images/prereg/btn06_on.png?v1.0.2) no-repeat}.event_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.event .content{display:flex;justify-content:center;align-items:center;margin-top:-45px}.step02 .content{margin:-135px 0 -90px}.step01{margin-bottom:20px}.s_title{text-align:center}.form{font-size:1.25em;line-height:2;text-align:center;display:flex;flex-direction:column;align-items:center;margin-left:120px}.form select{font-size:22px;width:100px;height:54px;line-height:45px;padding-left:15px;margin-right:5px}.form input{width:310px;height:50px;font-size:23px;padding-left:20px}.form hr{width:200px;height:30px;display:block;border:none;background:url(/images/prereg/event/line.png) no-repeat center top;margin:10px auto}.step02 .btn_device{margin:10px auto}.iphone{margin:-15px 0 0 -170px;position:relative}.iphone_bg{left:0;position:absolute;z-index:-1}.event_text{margin:0 0 0 -60px}.device{display:flex;flex-direction:row;justify-content:space-around}.device input[type=checkbox]{display:none}.device input[type=checkbox]+label{font-size:24px;font-weight:600;width:150px;display:inline-block;color:#333;background-color:#fff;cursor:pointer;margin:0 10px}.device input[type=checkbox]:checked+label{background-color:#f3d42e}.enter_tel,.agree{display:flex;flex-direction:row;align-items:center;margin-top:20px}.agree input[type=checkbox]{width:24px;height:24px;margin-right:5px}.agree label{font-size:18px;opacity:.8}.agree a{color:#fff}.btn_ok{margin:20px 0 -20px;cursor:pointer}.btn_remark a{display:flex;flex-direction:row;align-items:center;color:#fff;line-height:25px;margin-top:10px;justify-content:center}.btn_remark a:active img{transform:none}.btn_remark:hover a{transform:scale(1.05)}.btn_remark img{margin-left:2px}.main_prize{width:340px;height:300px;background:url(/images/prereg/event/prize.png) no-repeat;right:-15%;bottom:-5%;position:absolute}#regions{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url(/images/prereg/down_arrow.png) no-repeat right;background-size:16px 16px;background-position:calc(100% - 10px) center;padding-right:20px;border:1px solid #212121;border-radius:3px;background-color:#fff;height:54px;width:100px;cursor:pointer}#regions::-ms-expand{display:none}.event_swiper{width:1200px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 auto;overflow:hidden}.event_info{margin:0 15px;position:relative}.btn_join{text-align:center;left:0;right:0;margin:auto;bottom:30px;position:absolute}.social_pagination{display:none}.class{overflow:hidden}.class .title{z-index:5}.shadow{position:absolute;width:100%;height:200px;bottom:0;left:0;background:linear-gradient(0deg,#000000d9 10%,#0000);z-index:2}.class_container{display:flex;width:100%;height:68vh}.class_container_m{display:none}.class .class_container .swiper-wrapper .swiper-slide{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;position:relative}.class_info{width:53%;z-index:2;position:relative}.class_title{font-size:75px;background:linear-gradient(-181deg,#fff 55%,#d2d5e3 65%,#7e828e,#9498a8 95%);color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;padding-left:.02rem;padding-right:.02rem;text-shadow:2px 1px 0px rgb(0 0 0 / 20%);margin-bottom:25px;position:relative}.class_title:before{content:"";width:440px;height:40px;background:url(/images/prereg/class/line.png) center bottom no-repeat;background-size:contain;left:0;bottom:-20px;position:absolute}.class_title:after{background:none;content:attr(data-text);left:0;top:0;z-index:-1;position:absolute;text-shadow:2px 2px 10px #000}.class_title span{font-size:45px}.class_title span:after{background:none;content:attr(data-text);left:148px;top:32px;z-index:-1;position:absolute;text-shadow:2px 2px 10px #000}.class_info p{font-size:21px;font-weight:500;text-shadow:2px 2px 5px #000}.video_box{width:327px;height:184px;margin-top:50px;padding:20px;background:#000000bf;display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column}.video_box:after{content:"";width:359px;height:213px;background:url(/images/prereg/class/detail-class-vid-frame.png) center bottom no-repeat;background-size:contain;top:5px;left:5px;position:absolute}.btn_play{width:138px;height:138px;position:absolute;z-index:3;scale:.9;transition:all .5s}.btn_play:hover{scale:1}.btn_play a{width:100%;height:100%;display:block}.btn_play:after{content:"";width:138px;height:138px;background:url(/images/prereg/class/media-play-back.png) center bottom no-repeat;background-size:contain;top:0;left:0;position:absolute;z-index:-1;pointer-events:none;transition:all .5s}.btn_play:hover:after{transform:rotate(20deg)}.class_visual{width:1659px;right:-50px;bottom:-520px;position:absolute}.class_thumbs{width:100%;max-width:1200px;display:flex;flex-direction:row;align-items:center;justify-content:center;left:0;right:0;bottom:0%;margin:auto;position:absolute;z-index:99;filter:drop-shadow(0px 0px 2px #000)}.class.visible .swiper-pagination{opacity:1;transform:translate(-50%,-50%);transition-delay:.45s}.class .swiper-pagination-bullet{width:160px;height:160px;display:block;margin:0 30px;position:relative;padding:0;border-radius:0;opacity:.5;background:none;outline:none;transition:opacity .15s;filter:drop-shadow(0px 0px 2px #000)}.class .swiper-pagination-bullet+.swiper-pagination-bullet{margin-top:.05rem}.class .swiper-pagination-bullet:before{content:"";display:block;padding-top:100%}.class .swiper-pagination-bullet .square,.class .swiper-pagination-bullet .square:before,.class .swiper-pagination-bullet .square:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.class .swiper-pagination-bullet .square{width:56%;height:56%;border:1px solid #474747;background:#30271a;opacity:0;transform:translate(-50%,-50%) rotate(-45deg);transition:transform .35s .15s,opacity .15s}.class .swiper-pagination-bullet .square:before,.class .swiper-pagination-bullet .square:after{content:"";display:block}.class .swiper-pagination-bullet .square:before{width:90%;height:90%;background:#1d160d}.class .swiper-pagination-bullet .square:after{width:100%;height:100%;background:url(/images/prereg/class/detail-class-ic-deco.jpg) no-repeat center / cover;transform:translate(-50%,-50%) rotate(0);transition:transform .35s .15s}.class .swiper-pagination-bullet.swiper-pagination-bullet-active .square{transform:translate(-50%,-50%) rotate(0);opacity:1}.class .swiper-pagination-bullet.swiper-pagination-bullet-active .square:after{transform:translate(-50%,-50%) rotate(-45deg)}.class .swiper-pagination-bullet .icon,.class .swiper-pagination-bullet .icon:before{position:absolute;width:100%;top:0;left:0;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}.class .swiper-pagination-bullet .icon:before,.class .swiper-pagination-bullet .icon:after{content:"";display:block;opacity:0;transition:opacity .25s ease-out}.class .swiper-pagination-bullet .icon:after{position:absolute;left:20.5%;top:19.5%;width:40%;height:40%;mix-blend-mode:color-dodge;mix-blend-mode:plus-lighter;transition:opacity .15s .2s ease-out;background:url(/images/prereg/class/detail-class-ic-light.png) no-repeat center / contain}.class .swiper-pagination-bullet:hover,.class .swiper-pagination-bullet.swiper-pagination-bullet-active,.class .swiper-pagination-bullet.swiper-pagination-bullet-active .icon:before,.class .swiper-pagination-bullet.swiper-pagination-bullet-active .icon:after{opacity:1}.class .swiper-pagination-bullet .icon.archer{background-image:url(/images/prereg/class/detail-class-ic-anniv1-archer-off.png)}.class .swiper-pagination-bullet .icon.archer:before{background-image:url(/images/prereg/class/detail-class-ic-anniv1-archer-on.png)}.class .swiper-pagination-bullet .icon.warrior{background-image:url(/images/prereg/class/detail-class-ic-anniv1-warrior-off.png)}.class .swiper-pagination-bullet .icon.warrior:before{background-image:url(/images/prereg/class/detail-class-ic-anniv1-warrior-on.png)}.class .swiper-pagination-bullet .icon.sorceress{background-image:url(/images/prereg/class/detail-class-ic-anniv1-sorceress-off.png)}.class .swiper-pagination-bullet .icon.sorceress:before{background-image:url(/images/prereg/class/detail-class-ic-anniv1-sorceress-on.png)}.class .swiper-pagination-bullet .icon.fighter{background-image:url(/images/prereg/class/detail-class-ic-anniv1-fighter-off.png)}.class .swiper-pagination-bullet .icon.fighter:before{background-image:url(/images/prereg/class/detail-class-ic-anniv1-fighter-on.png)}.class .swiper-pagination-bullet .icon.rogue{background-image:url(/images/prereg/class/detail-class-ic-anniv1-rogue-off.png)}.class .swiper-pagination-bullet .icon.rogue:before{background-image:url(/images/prereg/class/detail-class-ic-anniv1-rogue-on.png)}.class .swiper-pagination-bullet .icon.warlock{background-image:url(/images/prereg/class/detail-class-ic-anniv1-warlock-off.png)}.class .swiper-pagination-bullet .icon.warlock:before{background-image:url(/images/prereg/class/detail-class-ic-anniv1-warlock-on.png)}.map_container{width:1920px}.map_container_m{display:none}.map_container .swiper-container .swiper-wrapper .swiper-slide{width:100%}.map_info{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.map .shadow{z-index:0;height:340px;background:linear-gradient(0deg,#000 10%,#0000);pointer-events:none}.map .map_container_m .shadow_reverse{width:100%;height:240px;position:absolute;top:0;background:linear-gradient(180deg,#000 -20%,#0000 30%);z-index:2;pointer-events:none}.map_text{width:100%;text-align:center;bottom:20px;position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:flex-start}.map_text h4{font-size:48px;letter-spacing:2px;background:linear-gradient(-181deg,#fff 55%,#d2d5e3 65%,#7e828e,#9498a8 95%);color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;padding-left:.02rem;padding-right:.02rem;text-shadow:2px 1px 0px rgb(0 0 0 / 20%);position:relative}.map_text h4:after{background:none;content:attr(data-text);left:0;top:0;z-index:-1;position:absolute;text-shadow:2px 2px 10px #000}.map_text p{font-size:22px;font-weight:400;letter-spacing:1px;text-shadow:2px 2px 5px #000;opacity:.9}.map_container_m{width:100%;height:100%}.map_container_m .swiper-wrapper{display:flex}.map_container_m .swiper-slide{width:100%;height:100%;flex-shrink:0;background-size:cover;background-position:center;background-repeat:no-repeat}.map_container_m .map1{background:url(/images/prereg/map/map01.jpg) no-repeat center;width:100%;height:100%;background-size:cover}.map_container_m .map2{background:url(/images/prereg/map/map02.jpg) no-repeat center;width:100%;height:100%;background-size:cover}.map_container_m .map3{background:url(/images/prereg/map/map03.jpg) no-repeat center;width:100%;height:100%;background-size:cover}.map_container_m .map4{background:url(/images/prereg/map/map04.jpg) no-repeat center;width:100%;height:100%;background-size:cover}.map_container_m .map5{background:url(/images/prereg/map/map05.jpg) no-repeat center;width:100%;height:100%;background-size:cover}.map_container_m .map6{background:url(/images/prereg/map/map06.jpg) no-repeat center;width:100%;height:100%;background-size:cover}.map .map_pagination_m{bottom:3%!important}.map .map_bottom,.map .map_bottom_m{width:100%;position:absolute;display:flex;justify-content:space-around;bottom:42%;left:0;z-index:3}.map .map_bottom_m{justify-content:space-between}.map_bottom .prev-pc a,.map_bottom .next-pc a{display:inline-block}.map_bottom .prev-pc{margin-right:12%}.map_bottom .next-pc{margin-left:12%}.frame{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center}.frame_m{display:none;width:100%;height:100%}.frame_mo{width:100%;height:100%}.feature_container{width:912px;height:567px;position:absolute;overflow-x:hidden}.feature_container_m{width:100%;height:auto;position:absolute;overflow-x:hidden}.feature_pagination{text-align:center;bottom:-15px!important;position:absolute;z-index:9}.social_pagination,.map_pagination_m,.feature_pagination_m{text-align:center;position:absolute;z-index:9;bottom:0}.feature_pagination span.swiper-pagination-bullet,.feature_pagination_m span.swiper-pagination-bullet,.social_pagination span.swiper-pagination-bullet,.map_pagination_m span.swiper-pagination-bullet{width:30px;height:30px;background:url(/images/prereg/feature/bullet.png) no-repeat;opacity:.5;margin:0 10px!important}.feature_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,.feature_pagination_m span.swiper-pagination-bullet.swiper-pagination-bullet-active,.social_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,.map_pagination_m span.swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px;height:30px;background:url(/images/prereg/feature/bullet_on.png) no-repeat center top;opacity:1;transition:all .3s}.footer{background:#111}.footer_wrap{font-family:arial;font-size:13px;width:100%;max-width:1300px;margin:0 auto;display:flex;position:relative;flex-direction:row;justify-content:space-between}.company{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:.7}.logos{width:400px;display:flex;justify-content:space-between}.footer_link{margin:10px 0;opacity:.9}.copyright p{line-height:2;opacity:.7}.copyright a{color:#fff;margin-right:10px;text-decoration:underline}.copyright a:hover{opacity:.8}.grade{display:flex;flex-direction:row;align-items:center}.grade_text{width:400px}.grade_text li{list-style-type:none;margin-left:10px;padding-left:0;line-height:1.5;opacity:.7}.grade_text li:last-child{color:#fff;opacity:.9}.mask{width:100%;height:100%;top:0;left:0;background:#000c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;position:fixed;display:none}.pop{width:1330px;height:860px;background:url(/images/prereg/popup.png) center center;display:none;position:fixed;margin:0 auto;z-index:1000;color:#fff;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.pop#popMsg{max-width:1330px;width:100%;height:860px;background:url(/images/prereg/popup.png) center center no-repeat;color:#fff;position:fixed;font-size:16px;background-size:60%}.popContent{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.pop-small .popContent{scale:.6}#popMsg .content_wrap{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;position:relative}.popContent h2{width:100%;font-size:28px;text-align:center;padding:20px 0;font-weight:700;line-height:1}.content_wrap p{font-size:40px;font-weight:600;text-align:center;width:77%}.content_wrap p:after{content:"";width:100%;height:40%;display:block;background:url(https://www.eos-black.com/assets/img/layer-title-line.png) no-repeat center / 100%;scale:1.3;margin-top:20px}.pop-large .close{top:15px;right:20px;position:absolute;cursor:pointer}.pop-small .close{top:15px;right:20px;position:absolute;cursor:pointer;scale:1.5}.pop-large .close,.pop-small .close{width:40px;height:40px;z-index:10}button.ok{background:url(https://www.eos-black.com/assets/img/confirm-btn.jpg);padding:5px 20px;color:#fff;scale:2;cursor:pointer}.content_wrap{width:88%;height:500px;overflow:auto;font-size:1.2em;line-height:1.5;display:flex;flex-direction:column;align-items:center}.pop-small .content_wrap{width:100%}.content_wrap ul{padding-left:40px;padding-right:20px}.content_wrap li{list-style:decimal;list-style-type:decimal;margin:20px auto;font-weight:500}.close-text{display:none;color:#999;font-size:13px;text-align:center;margin-top:12px}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shine{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}@keyframes stamp{0%{opacity:0}10%{opacity:.5;transform-origin:50% 50%;transform:rotate(-2deg) scale(3);transition:all .3s cubic-bezier(.6,.04,.98,.335)}to{opacity:1;transform:rotate(-15deg) scale(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@media screen and (max-width:1400px){img{max-width:100%}.feature_bottom{width:100%}}@media screen and (max-width:1200px){.class_container{display:none}.class_container_m{display:flex;width:100%;height:400px;position:relative}}@media screen and (max-width:1024px){img{max-width:100%;max-height:100%}.nav{display:none}.nav_bg{display:none;width:100%;height:100%;top:0;left:0;background:#000c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute}.logo_m{width:45%;margin-top:5vh;text-align:center}.open_menu{top:0;left:0;background:#000000b3;display:inline-block;width:56px;height:49px;transform:rotate(0) scale(1);transition:.5s ease-in-out;z-index:9;position:fixed}.open_menu.close{background:none}span.menu_btn{display:block;position:relative;margin-top:13px;transform:scale(.5)}.open_menu .menu_btn span{display:block;position:absolute;height:5px;width:100%;background:linear-gradient(to right,#b4b4b400,#b4b4b4 35% 65%,#b4b4b400);opacity:1;left:0;transform:rotate(0);transition:.5s ease-in-out}.open_menu .menu_btn span:nth-child(1){top:0;transform-origin:left center}.open_menu .menu_btn span:nth-child(2){top:18px;transform-origin:left center}.open_menu .menu_btn span:nth-child(3){top:36px;transform-origin:left center}.open_menu.close .menu_btn span:nth-child(1){top:-3px;left:8px;transform:rotate(45deg)}.open_menu.close .menu_btn span:nth-child(2){width:0%;opacity:0}.open_menu.close .menu_btn span:nth-child(3){top:39px;left:8px;transform:rotate(-45deg)}.nav_bg.open{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#000c;z-index:8;animation:fadeIn .5s ease-in-out;animation-fill-mode:forwards}.nav.open{width:100%;height:60%;background:none;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:15vh 0 0;margin:0 auto}.nav:after,.nav .swiper-pagination-bullet-active:before{display:none}.link{display:none}.link_m{width:45%;display:flex;text-align:center;margin-top:60vh;position:relative}.link_m a{margin:5px}.main_wrap:before,.main_wrap:after{display:none}.col_left{width:130%;left:-1%;position:absolute}.col_right{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.slogan{text-align:center;width:90%;margin-bottom:50%}.btn_device{margin-bottom:5%;scale:1.3}.feathers{width:100%;height:auto;bottom:0}.char04{left:-28%;top:0;z-index:0}.event_wrap,.reward_wrap{width:100%;height:100%;display:flex;margin:0;z-index:3;flex-direction:column;justify-content:space-around}.character{background:url(/images/prereg/character/bg_m.jpg) no-repeat left top}.reward .title{margin-bottom:30%}.board,.campaign{transform:scale(.9)}.char05{left:-10%;right:0;top:-2%;transform:scale(1.1)}.reward_wrap h2{background:linear-gradient(90deg,#fff0,#fff9 25% 75%,#fff0);margin:-10px 0 -5px;padding:0 70px}.character .title,.character .title img,.reward .title,.reward .title img{filter:drop-shadow(0px 0px 7px #fff)}.features_wrap{display:none}.features .frame_m{display:flex;justify-content:center;position:relative}.features_wrap_m{width:85%;height:80vh;display:flex;position:relative;justify-content:center;align-items:center;opacity:0}.event_swiper{width:100%;height:650px}.social_pagination,.map_container{display:none}.map_container_m{display:flex!important;width:100%;height:85vh;flex-direction:column;justify-content:flex-start;top:0;position:absolute}.frame{display:none}.social .btn_join{bottom:10px}.class_visual{right:-530px;bottom:-600px;scale:.65}.class .title{position:absolute;top:30px}.class_thumbs_m{position:absolute;display:flex;bottom:-230px!important;z-index:2;left:18%!important}.class .class_info{width:75%}.map .title{position:absolute;z-index:3;top:120px}.footer_wrap{display:flex;flex-direction:column;align-items:center}.grade{scale:.8;margin-left:7%}.pop#popMsg{background:url(/images/prereg/popup_mo.png?v1.0.1) no-repeat center;background-size:contain;max-width:620px;height:760px;width:90%;height:auto;text-align:center}.pop-large{width:100%}.pop-large h2,.pop-large .content_wrap{font-size:2.5em}.map .map_pagination_m{bottom:-7%!important}}@media screen and (max-width:992px){.nav.open{padding:0}}@media screen and (max-width:820px){.home{background:url(/images/prereg/home/bg_m.jpg) no-repeat center top;background-size:contain!important}.col_left{display:none}.main_wrap{width:90%}.board{width:870px;height:662px;background:url(/images/prereg/event/board.png) no-repeat center top}.campaign{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:-1}.stage_m.on:after{width:110px;height:110px;top:0;left:215px}.popContent h2{width:80%;font-size:1.5em;padding:0}.popup{width:85%}.swiper-container .swiper-wrapper .header,.swiper-container .swiper-wrapper .footer{height:340px}.company{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:15px}.logos{width:400px;transform:scale(1.2);transform-origin:center}.copyright{text-align:center;margin:10px 0}.footer_link{margin:10px}.pop-large{font-size:2em;position:fixed;transform:translate(-50%,-50%)}.pop-large .close{top:0}.pop-small .close{scale:1;top:0}.class_thumbs_m{position:absolute;display:flex;bottom:-300px!important;left:0%!important;z-index:10;justify-content:center}.class .title{position:absolute;top:50px}.class .class_visual{right:-525px;bottom:-525px;scale:.7}.class .video_box{margin-top:0;margin-bottom:20px}.class .class_info{width:510px;top:60px;left:-65px}.class_info p{font-size:24px}.map .title{position:absolute;top:7%;z-index:10}.map .map_text{bottom:0;width:90%;height:240px}.map_text h4{font-size:65px;margin-bottom:10px}.map .map_text p{font-size:24px}.features{background:url(/images/prereg/feature/bg_mo.jpg) no-repeat center top;width:100%;height:1254px}.features .title{position:absolute;top:10%}.home .bottom{transform:scale(.9);bottom:0}.event .s_title{margin-bottom:30px}.step02 .content{margin:-135px 80px -90px}.nav.open{padding:0}.features .frame_m{top:0}}@media screen and (max-width:780px){.main_wrap{scale:.85!important}.step01{margin-top:0}.event .content{align-items:center;position:relative}.event .form{margin-left:0}.event .prize_img{scale:.7;position:relative;top:-40px}.home{background:url(/images/prereg/home/bg_m.jpg) no-repeat center top}}@media screen and (max-width:768px){.home{background:url(/images/prereg/home/bg_m.jpg) no-repeat center;background-size:cover!important}.event .prize_img{scale:1;top:0}.event_wrap{scale:.9}.features .title{top:5%}.features .frame_m{top:0}.class .class_info{width:510px;top:0;left:-100px;scale:.8}.class_thumbs_m{bottom:-200px!important;left:0%!important}.logo_m{margin-top:10vh}.grade_text{position:relative;left:5%}.class .class_visual{right:-575px;bottom:-600px;scale:.6}.map .map_pagination_m{left:0}.pop-large h2,.pop-large .content_wrap{font-size:1.3em}}@media screen and (max-width:720px){.logo_m{margin-top:10vh}.logo{width:90%}.slogan{width:100%;margin:5% 0 10%}.btn_register{scale:.9}.btn_device{margin:-8% 0 5%;scale:1}.event .title{margin:0}.step01{margin-bottom:0}.step01 .content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}.form{margin-left:0}.form input#tel{width:240px}.prize_img{scale:.7}.step02 .content{margin:-40px 0 0}.iphone{width:100%;left:135px}.event .btn_ok,.btn_device{margin:0}.event .btn_ok{position:absolute;top:375px}.home .btn_device{margin-bottom:30px}.step02{position:relative;bottom:70px}.pop-large{background:url(/images/prereg/popup_mo.png?v1.0.1) no-repeat center;background-size:contain;max-width:620px;max-height:760px;width:90%;height:auto}.social_pagination{display:block}.features .frame_m{top:5%}}@media screen and (max-width:540px){.pop-large,.pop-small{max-width:380px;height:auto}.nav.open{padding:0 0 10vh;margin:0 auto}.logo{margin:0}.logo_m{margin-top:5vh}.link_m{margin-top:65vh}.main_wrap{z-index:2}.swiper-container .swiper-wrapper .event.swiper-slide{height:100vh;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.board{width:100%;height:60vh;background:url(/images/prereg/event/board_m.png) no-repeat center top;background-size:contain;transform:scale(1);margin-top:30px}.form{font-size:1em;scale:.9;position:relative;top:-30px}.form select{width:120px}.agree label{font-size:.9em}.device input[type=checkbox]+label{font-size:24px;font-weight:600;width:150px;display:inline-block;color:#333;background-color:#fff;cursor:pointer;margin:0 7px}.reward_wrap{margin:0;display:flex;justify-content:space-around}.reward_wrap h2{font-size:1em}.campaign{width:100%;max-height:480px;background:url(/images/prereg/reward/box_bg_m.png) no-repeat center top;background-size:contain;transform:scale(.95);display:flex;flex-direction:column;justify-content:flex-start}.players{font-size:1em;margin-top:30px}.stage{width:28%;display:block;margin:3px}.stage.on:after,.stage_m.on:after{left:1%}.campaign .btn_device{scale:.7;display:flex;margin-top:-5px}.char05{top:0}.features_wrap_m{width:100%;height:70vh}.feature_bottom img{scale:.8}.logos{scale:.75}.pop-large .content_wrap{height:80%;width:75%}.grade{scale:.9}.home .bottom{transform:scale(.95)}.home .bottom .btn_device a{padding:0 5px}.home .btn_device a img{margin:0 auto}.home .btn_go{transform:scale(.8);margin-bottom:0}.event .prize_img{position:relative;top:-100px;scale:.6}.event .event_text{margin:15px 0 0 70px;scale:.75}.pop-large .close,.pop-small .close{scale:.85;display:none}.close-text{display:block}.social .swiper-wrapper{margin-bottom:50px}.social .btn_join{bottom:30px}.social .title{margin-top:20px}.class .class_visual{right:-620px;bottom:-595px;scale:.6}.class .class_info{width:510px;top:50px;left:-5px;scale:.6}.title{scale:1.2}.class_thumbs_m{bottom:-40%!important;left:0%!important}.map .map_text{width:530px;scale:.6;bottom:30px}.features .frame_mo{background:url(/images/prereg/feature/frame_mo.png) no-repeat center;background-size:contain;max-width:645px;max-height:930px;width:100%;height:auto;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.event .s_title{margin-bottom:0}.features .frame_m{scale:.85;transform-origin:center}.pop-large .popContent{justify-content:flex-start;font-size:12px;max-width:370px}.pop-small .popContent{scale:1}.class .swiper-pagination-bullet .square{width:4rem;height:4rem}.class .swiper-pagination-bullet .square:after{width:90%;height:90%}.class .swiper-pagination-bullet .icon:after{top:24.5%}.content_wrap p{font-size:16px}.social .event_info{margin-left:50px;margin-right:50px}button.ok{scale:1.5}.class01_m{margin-left:-3%}.class02_m{margin-left:-8%}.class03_m{margin-top:-10%;margin-left:-5%}.class04_m{margin-left:-6%}.pop-large h2{margin:30px 0 10px;width:100%}.pop-large .pop-title{display:flex;width:95%}.content_wrap p:after{scale:1}.features .feature_container_m{width:72%;margin-left:1.5%;margin-bottom:.8%}.features .feature_pagination_m{scale:1.15}}@media screen and (max-width:480px){.class .class_visual{scale:.5}.event .btn_ok{top:315px}.event_wrap{scale:1}.home{background:url(/images/prereg/home/bg_m.jpg) no-repeat center top;background-size:contain!important}}@media screen and (max-width:430px){.class .class_visual{right:-560px;bottom:-580px}.map .map_pagination_m{bottom:4%!important}.step02{bottom:70px}.event .prize_img{top:-90px}.pop-large .close,.pop-small .close{right:45px;top:0}.content_wrap p{font-size:16px}}@media screen and (max-width:420px){.event_wrap{scale:.95}.map .map_pagination_m{bottom:3%!important}.pop#popMsg .content_wrap{width:94%}}@media screen and (max-width:393px){.step02{bottom:60px}}@media screen and (max-width:390px){.nav{scale:.9}.footer.swiper-slide>div{scale:.8}.event .btn_ok{top:300px}.pop-large .content_wrap{height:75%}}@media screen and (max-width:375px){.event .btn_ok{top:290px}.class .class_visual{scale:.5}.features .frame_m{background-size:50%;top:0}.step02{bottom:60px}.pop-large .content_wrap{height:73%}.class01_m{margin-left:0}}@media screen and (max-width:375px)and (max-height:820px){.pop-small .close{top:0}}@media screen and (max-width:375px)and (max-height:700px){.pop-small .close{top:0}.pop-large .close{right:0;top:0}}@media screen and (max-width:360px){.pop-large .close{top:0}}@media screen and (max-width:360px)and (max-height:640px){.pop-large h2{padding:10px 0}}