@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');


@keyframes shake{0%{transform:translateY(-10px)}50%{transform:translateY(0)}to{transform:translateY(-10px)}}.section1__title{width:800px;height:400px;margin-top:-200px;margin-left:-400px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-title.png) no-repeat 50% 0;}.section1__date,.section1__title{position:absolute;top:50%;left:50%}.section1__date{width:307px;height:97px;margin-top:-49px;margin-left:-154px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-date.png) no-repeat 50% 0;margin-top:77px}.section1__scroll{width:54px;height:54px;margin-top:-27px;margin-left:-27px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-scroll.png) no-repeat 50% 0;margin-top:222px;animation:shake 2s infinite;cursor:pointer}.section1__btn,.section1__scroll{position:absolute;top:50%;left:50%}
.section1__title .stit{width:100%;height:100%;display:block;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-stitle.png) no-repeat 50% 0;position:absolute;top:0;left:0}
.section1__title .tit{width:100%;height:100%;display:block;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-title.png) no-repeat 50% 0;position:absolute;top:0;left:0;z-index:100}
.section1__title .tit:before{content:"";width:100%;height:100%;display:block;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-titlelight2.png) no-repeat 50% 0;position:absolute;top:0;left:0;z-index:101;animation:fade 3s ease-out infinite;}
.section1__title .tit:after{content:"";width:100%;height:100%;display:block;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-titlelight.png) no-repeat 50% 0;position:absolute;top:0;left:0;z-index:101;animation:fade 3.6s ease-out infinite;animation-delay:1.5s;}
.section1__title i{position:absolute;top:0;width:100%;height:100%;display:block;-webkit-mask: url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-titlemask.png) no-repeat center center / contain;mask: url(https://image.tw.ncsoft.com/aion/preview/versus/sec1/sec1-titlemask.png) no-repeat center center / contain;z-index:100}
i svg{position:absolute;top:0;left:0;display:block;width:100%;height:100%;mix-blend-mode:overlay;z-index:10;}
@keyframes fade{0%,100%{opacity:1;}50%{opacity:0;}}

.section2__title{position:absolute;left:50%;z-index:7}.section2__title{top:50%;width:789px;height:200px;margin-top:-100px;margin-left:-395px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-title.png) no-repeat 50% 0;margin-top:-350px}.section2__dimmed{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-dimmed-bg.png) no-repeat 50% 0;position:absolute;top:0;left:0;width:100%;height:100vh;background-size:cover;z-index:6}.section2__nav--arrow{position:absolute;top:50%;left:50%;width:77px;height:91px;margin-top:-46px;margin-left:-39px;z-index:6;cursor:pointer}.section2__nav--next{background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/arrow-right.png) no-repeat 50% 0;margin-left:498px;margin-top:-8px}.section2__nav--prev{background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/arrow-left.png) no-repeat 50% 0;margin-left:-581px;margin-top:-9px}.section2__tab-link{position:absolute;top:50%;left:50%;width:690px;height:161px;margin-top:-81px;margin-left:-345px;margin-top:103px;margin-left:-368px}.section2__tab-link--0{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-1.png) no-repeat 50% 0}.section2__tab-link--1{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-2.png) no-repeat 50% 0}.section2__tab-link--2{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-3.png) no-repeat 50% 0}.section2__tab-link--3{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-4.png) no-repeat 50% 0}.section2__tab-link--4{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-5.png) no-repeat 50% 0}.section2__tab-link--5{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-6.png) no-repeat 50% 0}.section2__tab-link--6{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-7.png) no-repeat 50% 0}.section2__tab-link--7{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-8.png) no-repeat 50% 0}.section2__tab-link--8{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-skill-9.png) no-repeat 50% 0}.section2 .promokit-page__sub-menu{position:absolute;top:50%;left:50%;width:787px;height:130px;margin-top:-65px;margin-left:-394px;text-align:left;text-indent:-9999em;white-space:nowrap;overflow:hidden;display:flex;margin-top:264px;overflow:visible}.section2 .promokit-page__sub-menu:after{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-tab-bg.png) no-repeat 50% 0;position:absolute;top:50%;left:50%;width:1055px;height:106px;margin-top:-53px;margin-left:-528px;display:block;content:"";margin-top:-61px}.section2 .promokit-page__sub-menu-link{position:relative;display:block;width:11.11111111%;z-index:2}.section2 .promokit-page__sub-menu-link:after,.section2 .promokit-page__sub-menu-link:before{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec2/sec2-tab-btn.png) no-repeat 50% 0;content:"";position:absolute;display:block;top:0;left:0;width:100%;height:130px;transition:.3s}.section2 .promokit-page__sub-menu-link:before{opacity:1;background-position-y:137%}.section2 .promokit-page__sub-menu-link:after{opacity:0;background-position-y:0}.section2 .promokit-page__sub-menu-link--active:before{opacity:0}.section2 .promokit-page__sub-menu-link--active:after{opacity:1}.section2 .promokit-page__sub-menu-link:hover:before{opacity:0}.section2 .promokit-page__sub-menu-link:hover:after{opacity:1}.section2 .promokit-page__sub-menu-link--0:after,.section2 .promokit-page__sub-menu-link--0:before{background-position-x:0}.section2 .promokit-page__sub-menu-link--1:after,.section2 .promokit-page__sub-menu-link--1:before{background-position-x:-92px}.section2 .promokit-page__sub-menu-link--2:after,.section2 .promokit-page__sub-menu-link--2:before{background-position-x:-179px}.section2 .promokit-page__sub-menu-link--3:after,.section2 .promokit-page__sub-menu-link--3:before{background-position-x:-265px}.section2 .promokit-page__sub-menu-link--4:after,.section2 .promokit-page__sub-menu-link--4:before{background-position-x:-352px}.section2 .promokit-page__sub-menu-link--5:after,.section2 .promokit-page__sub-menu-link--5:before{background-position-x:-440px}.section2 .promokit-page__sub-menu-link--6:after,.section2 .promokit-page__sub-menu-link--6:before{background-position-x:-528px}.section2 .promokit-page__sub-menu-link--7:after,.section2 .promokit-page__sub-menu-link--7:before{background-position-x:-616px}.section2 .promokit-page__sub-menu-link--8:after,.section2 .promokit-page__sub-menu-link--8:before{background-position-x:-704px}

.section3 .promokit-slide__button{width:77px;height:91px}.section3 .promokit-slide__button--prev{background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/arrow-left.png) no-repeat 50% 0;left:-93px;margin-top:-17px}.section3 .promokit-slide__button--next{background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/arrow-right.png) no-repeat 50% 0;right:-89px;margin-top:-17px}.section3 .promokit-slide__pagination{bottom:-6px}.section3 .promokit-slide__pagination-bullet{width:84px;height:4px;margin:0 6px;background-color:#2f1a11;border-radius:0}.section3 .promokit-slide__pagination-bullet--active{width:84px;background-color:#be9559}.section3__title{width:600px;height:200px;margin-top:-100px;margin-left:-300px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec3/sec3-title.png) no-repeat 50% 0;margin-top:-330px}.section3__slide,.section3__title{position:absolute;top:50%;left:50%}.section3__slide{width:1016px;height:435px;margin-top:-218px;margin-left:-508px;margin-top:-115px}.section3__slide--con{width:100%;height:100%}.section3__slide--1{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec3/sec3-card-1.png) no-repeat 50% 0}.section3__slide--2{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec3/sec3-card-2.png) no-repeat 50% 0}

.section4__title{position:absolute;top:50%;left:50%}.section4__title{width:700px;height:200px;margin-top:-100px;margin-left:-350px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec4/sec4-title.png) no-repeat 50% 0;margin-top:-330px}.section4__con--1{position:absolute;top:50%;left:50%;width:318px;height:216px;margin-top:-108px;margin-left:-159px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec4/sec4-con-1.png) no-repeat 50% 0;margin-top:-45px;margin-left:-320px}.section4__con--icon{position:absolute;top:50%;left:50%;width:74px;height:74px;margin-top:-37px;margin-left:-37px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec4/sec4-icon.png) no-repeat 50% 0;margin-top:34px;margin-left:-47px;transition:.5s;cursor:pointer}.section4__con--icon:hover{transform:rotate(1turn)}.section4__con--2{position:absolute;top:50%;left:50%;width:318px;height:216px;margin-top:-108px;margin-left:-159px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec4/sec4-con-2.png) no-repeat 50% 0;margin-top:-45px;margin-left:21px}.promokit-layer--sec4-layer .promokit-slide__button{width:77px;height:91px}.promokit-layer--sec4-layer .promokit-slide__button--prev{background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/arrow-left.png) no-repeat 50% 0;left:-93px}.promokit-layer--sec4-layer .promokit-slide__button--next{background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/arrow-right.png) no-repeat 50% 0;right:-89px;margin-top:-51px}.pswp__button--arrow--left{width:77px;height:91px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/arrow-left.png) no-repeat 50% 0;left:363px;margin-top:-17px}.pswp__button--arrow--left:before{background:none}.pswp__button--arrow--right{width:77px;height:91px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/arrow-right.png) no-repeat 50% 0;right:363px;margin-top:-17px}.pswp__button--arrow--right:before{background:none}

.section5__title{width:800px;height:200px;margin-top:-100px;margin-left:-400px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec5/sec5-title.png) no-repeat 50% 0;margin-top:-330px}.section5__date,.section5__title{position:absolute;top:50%;left:50%}.section5__date{width:490px;height:64px;margin-top:-32px;margin-left:-245px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec5/sec5-date.png) no-repeat 50% 0;margin-top:-130px;margin-left:-251px}.section5__con{position:absolute;top:50%;left:50%;width:1150px;height:450px;margin-top:-225px;margin-left:-575px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec5/sec5-mileage-bg.png) no-repeat 50% 0;margin-top:-104px;z-index:7}
.section6__con--1,.section6__con--2{position:absolute;top:50%;left:50%;width:1000px;height:400px;margin-top:-200px;margin-left:-500px;z-index:7}.section6__con--1{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec6/sec6-con-1.png) no-repeat 50% 0;margin-top:-440px}.section6__con--2{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec6/sec6-con-2.png) no-repeat 50% 0;margin-top:-50px}.section6__tips{position:absolute;top:50%;left:50%;width:1000px;height:30px;margin-top:-15px;margin-left:-500px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec6/sec6-tips.png) no-repeat 50% 0;margin-top:350px}

.section7__title{position:absolute;top:50%;left:50%;width:700px;height:100px;margin-top:-50px;margin-left:-350px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec7/sec7-title.png) no-repeat 50% 0;margin-top:-350px}.section7__con{position:absolute;top:50%;left:50%;width:1000px;height:700px;margin-top:-350px;margin-left:-500px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec7/sec7-con.png) no-repeat 50% 0;margin-top:-320px}.section7__con,.section7__tips{position:absolute;top:50%;left:50%}.section7__tips{width:220px;height:120px;margin-top:-60px;margin-left:110px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec7/sec7-tips.png) no-repeat 50% 0;margin-top:-200px;margin-left:340px}

.section8__title{position:absolute;top:50%;left:50%;width:696px;height:200px;margin-top:-100px;margin-left:-348px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec8/sec8-title.png) no-repeat 50% 0;margin-top:-340px}.section8__con--1,.section8__con--2{position:absolute;top:50%;left:50%;width:498px;height:340px;margin-top:-170px;margin-left:-249px;z-index:7}.section8__con--1{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec8/sec8-con-1.jpg) no-repeat 50% 0;margin-top:-125px;margin-left:-510px}.section8__con--2{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec8/sec8-con-2.jpg) no-repeat 50% 0;margin-top:-125px;margin-left:10px}.section8__play{position:absolute;top:50%;left:50%;width:265px;height:61px;margin-top:-31px;margin-left:-133px}.section8__play{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec8/sec8-btn.png) no-repeat 50% 0;margin-top:240px}

.section9__title{position:absolute;top:50%;left:50%;width:696px;height:200px;margin-top:-100px;margin-left:-348px;background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec9/sec9-title.png) no-repeat 50% 0;margin-top:-430px}.section9__con--1,.section9__con--2,.section9__con--3{position:absolute;top:50%;left:50%;width:1000px;height:220px;margin-top:-110px;margin-left:-500px}.section9__con--1{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec9/sec9-con-1.png) no-repeat 50% 0;margin-top:-270px}.section9__con--2{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec9/sec9-con-2.png) no-repeat 50% 0;margin-top:-50px}.section9__con--3{background:url(https://image.tw.ncsoft.com/aion/preview/versus/sec9/sec9-con-3.png) no-repeat 50% 0;margin-top:170px}


body{margin:0;padding:0;font-size:11px;font-family:'Noto Sans TC',sans-serif !important;line-height:1}button{outline:0;background:none;cursor:pointer}button,img{border:0}ol,ul{list-style:none}table{border-spacing:0}caption{height:0;overflow:hidden;font-size:0}a{color:#fff}a:hover{color:#ddd}

.promokit-layer--intro-movie .promokit-layer__close{display:none}.promokit-page-menu{width:240px;text-indent:-99999px;margin-left:0;left:66px}.promokit-page-menu ul{background-position-x:18px;box-sizing:border-box}.promokit-page-menu__item{width:100%;height:35px;position:relative;overflow:hidden}.promokit-page-menu__item a{display:block;width:100%;height:100%}.promokit-page-menu__item:after,.promokit-page-menu__item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://image.tw.ncsoft.com/aion/preview/versus/common/nav.png) no-repeat 0 0;z-index:1;transition:.6s}.promokit-page-menu__item:before{background-position-x:0;top:0}.promokit-page-menu__item:after{background-position-x:-240px;opacity:0;top:-50px}.promokit-page-menu__item:hover:after{opacity:1}.promokit-page-menu__item--0:after,.promokit-page-menu__item--0:before{background-position-y:12px}.promokit-page-menu__item--1:after,.promokit-page-menu__item--1:before{background-position-y:-24px}.promokit-page-menu__item--2:after,.promokit-page-menu__item--2:before{background-position-y:-59px}.promokit-page-menu__item--3:after,.promokit-page-menu__item--3:before{background-position-y:-94px}.promokit-page-menu__item--4:after,.promokit-page-menu__item--4:before{background-position-y:-129px}.promokit-page-menu__item--5:after,.promokit-page-menu__item--5:before{background-position-y:-163px}.promokit-page-menu__item--6:after,.promokit-page-menu__item--6:before{background-position-y:-199px}.promokit-page-menu__item--7:after,.promokit-page-menu__item--7:before{background-position-y:-235px}.promokit-page-menu__item--8:after,.promokit-page-menu__item--8:before{background-position-y:-271px}.promokit-page-menu__item--active:before{top:50px;opacity:0;transition:opacity 1s ease}.promokit-page-menu__item--active:after{top:0;transform:translateY(0);opacity:1}

.section-footer__copyright{display:none;}
.header-nav { position: absolute; top: 40px; z-index: 100; width: 100%; height: 70px; text-align: left; text-indent: -9999em; white-space: nowrap; display: block; }
.header-nav .logo { width: 186px; height: 55px; position: absolute; top: 10px; left: 20px; background: url("https://image.tw.ncsoft.com/aion/preview/versus/logo.png") no-repeat 0 0;}
.header-nav .title { width: 240px; height: 60px; position: absolute; top: 10px; left: 240px; background: url("https://image.tw.ncsoft.com/aion/preview/versus/title.png") no-repeat 0 0; display:none;}
.header-nav .fb { width: 32px; height: 32px; position: absolute; top: 20px; right: 245px; background: url("https://image.tw.ncsoft.com/aion/preview/versus/fb.png") no-repeat 0 0; background-size: cover;}
.header-nav .btn-home { width: 110px; height: 40px; position: absolute; top: 15px; right: 130px; background: url("https://image.tw.ncsoft.com/aion/preview/versus/btn_home.png") no-repeat 0 0;}
.header-nav .btn-update { width: 110px; height: 40px; position: absolute; top: 15px; right: 15px; background: url("https://image.tw.ncsoft.com/aion/preview/versus/btn_update.png") no-repeat 0 0;}

#footer{width:100%;height:60px;background-color:#0e171e;position: absolute;bottom:0;display:block;z-index:100;}
#footer .copyright{position:absolute;top:0.5rem;left:0;right:0;width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;}
#footer .copyright-company,#footer .copyright-studio{display:flex;align-items:center;font-size:10px;color:#fffffe;letter-spacing:-0.5px;}
#footer .copyright-company .copyright-logo{width:42px;height:23px;margin-right:0.5rem;background:url("https://image.tw.ncsoft.com/aion/preview/versus/bi-nc.png") no-repeat 50% 50%;background-size:contain;}
#footer .copyright-studio{text-indent:-9999em;white-space:nowrap;overflow:hidden;background-size:contain;display:flex;align-items:center;}
#footer .copyright-studio .grade-desc{font-size:10px;line-height:1.2;text-indent:0;text-align:right;font-weight:300;color:#ffffff;}
#footer .copyright-studio .grade-icon{width:32px;height:32px;background:url("https://image.tw.ncsoft.com/aion/preview/versus/15.png") no-repeat 50% 50%;background-size:contain;margin-left:0.5rem;}
#footer .copyright a{text-indent:-9999em;white-space:nowrap;overflow:hidden;display:block;height:100%;}