.loaded .e-header .cover .title p{opacity:1;-webkit-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1)}body{background:#101010;opacity:0}body.loaded{opacity:1}.e-skip,.hide{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-btn{display:block;font-size:0;text-indent:-9999em}.e-hidden{background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-blind,.e-header .bi a,.e-header .cover .sub-title p,.e-header .cover .title p,.e-header .cover .period{font-size:0;text-indent:-9999em}button{cursor:pointer}.e-container{position:relative;overflow:hidden;min-width:1280px;max-width:1920px;margin:0 auto;box-sizing:border-box}.e-wrap{position:absolute;width:1280px;height:100%;top:0;left:50%;transform:translateX(-50%);box-sizing:border-box;text-align:center}.e-footer{width:100%;height:68px;text-align:center;font-size:12px;color:rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.5)}.e-footer p{line-height:68px}.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.fixbtn{display:none;position:fixed;right:0;bottom:73px;z-index:10}.fixbtn .btn{overflow:hidden;display:block;width:66px;height:66px;background:url("images/btn_top.png") no-repeat;text-indent:-1000em;cursor:pointer;opacity:0;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.fixbtn .btn.show{opacity:1}.badge{position:absolute;right:48px;top:106px;z-index:5}.e-header{overflow:hidden;position:relative;z-index:10;width:100%;height:800px;box-sizing:border-box;background:url("images/bg_header.jpg") no-repeat 50% 0}.e-header::before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;opacity:0;background:url("images/bg_header2.jpg") 50% 0 no-repeat;animation:opacity_header .6s .5s ease-out 1 forwards,opacity_infinite 1.2s 1.1s ease-in-out infinite alternate}.e-header .bi{width:181px;height:89px;position:absolute;top:42px;left:48px;z-index:999}.e-header .bi a{display:block;width:100%;height:100%;background:url("images/bi.png") 50% 0 no-repeat}.e-header .util{overflow:hidden;position:absolute;z-index:5;font-size:0;top:42px;right:48px}.e-header .util input[type="checkbox"]+label,.e-header .util input[type="checkbox"]+span{display:block;cursor:pointer;position:relative;width:116px;height:48px}.e-header .util input[type="checkbox"]{position:absolute;visibility:hidden}.e-header .util input[type="checkbox"]:checked+label,.e-header .util input[type="checkbox"]:checked+span{background-position-y:100%}.e-header .util a,.e-header .util #closeToday,.e-header .util input[type="checkbox"]+label,.e-header .util input[type="checkbox"]+span{display:inline-block;overflow:hidden;background-image:url(images/img_util.png);background-repeat:no-repeat}.e-header .util a{width:48px;height:48px}.e-header .util a:hover{background-position-y:100%}.e-header .util .btn-red{background-position-x:-133px}.e-header .util .btn-blue{margin-left:4px;background-position-x:100%}.e-header .util .today input[type="checkbox"]+label{font-size:13px;color:#fff;margin-top:-8px;padding-left:16px;line-height:47px;letter-spacing:-0.05em;background-position-x:0}.e-header .cover{position:relative;width:1280px;height:100%;margin:auto}.e-header .cover .title{position:absolute;top:216px;left:4px}.e-header .cover .title p{opacity:0;background:url("images/title.png") no-repeat;width:802px;height:428px;-webkit-transform:translateY(90px);transform:translateY(90px);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.e-nav{width:100%;position:absolute;top:800px;left:0;z-index:15;background:url("images/bg_nav.jpg") no-repeat;box-shadow:0 8px 40px #17212b}.e-nav--fixed{position:fixed;top:0}.e-nav .navigation{position:relative;width:1200px;height:95px;margin:0 auto;display:flex;justify-content:center}.e-nav .navigation a{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;width:400px;cursor:pointer;background-image:url("images/btn_nav.jpg")}.e-nav .navigation a.nav1{background-position-x:0}.e-nav .navigation a.nav2{background-position-x:50%}.e-nav .navigation a.nav3{background-position-x:100%}.e-nav .navigation a:hover{background-position-y:50%}.e-nav .navigation a.current{background-position-y:100%}.btn-top{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0;z-index:10;position:absolute;right:97px;bottom:80px;width:101px;height:97px;background:url(images/btn_top.png) no-repeat}.btn-top.active{position:fixed;opacity:1}.btn-top:hover{background-position-y:100%}.e-float{display:none;position:fixed;z-index:11;bottom:7%;right:2.5%;opacity:0}.e-float .float a.part1{background-position:0 0}.e-float .float a.part2{height:90px;background-position:0 -158px}.e-float a.intro{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.e-event1{padding-top:95px}.e-event1 .cont1{position:relative;text-align:center;background:url("images/bg_event1_1.jpg") center no-repeat}.e-event1 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_1.jpg") 50% 0 no-repeat}.e-event1 .cont2{position:relative;text-align:center;background:url("images/bg_event1_2.jpg") center no-repeat}.e-event1 .cont2 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_2.jpg") 50% 0 no-repeat}.e-event1 .cont3{position:relative;text-align:center;background:url("images/bg_event1_3.jpg") center no-repeat}.e-event1 .cont3 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_3.jpg") 50% 0 no-repeat}.e-event1 .cont4{position:relative;text-align:center;background:url("images/bg_event1_4.jpg") center no-repeat}.e-event1 .cont4 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_4.jpg") 50% 0 no-repeat}.e-event1 .cont5{position:relative;text-align:center;background:url("images/bg_event1_5.jpg") center no-repeat}.e-event1 .cont5 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_5.jpg") 50% 0 no-repeat}.e-event1 .cont6{position:relative;text-align:center;background:url("images/bg_event1_6.jpg") center no-repeat}.e-event1 .cont6 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_6.jpg") 50% 0 no-repeat}.e-event1 .cont7{position:relative;text-align:center;background:url("images/bg_event1_7.jpg") center no-repeat}.e-event1 .cont7 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event1_7.jpg") 50% 0 no-repeat}.e-event1 .cont1{height:2166px}.e-event1 .cont2{height:1040px}.e-event1 .cont3{height:1164px}.e-event1 .cont4{height:976px}.e-event1 .cont5{height:1670px}.e-event1 .cont6{height:1670px}.e-event1 .cont7{height:1226px}.e-event2{padding-top:95px}.e-event2 .cont1{position:relative;text-align:center;background:url("images/bg_event2_1.jpg") 50% 0 no-repeat}.e-event2 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event2_1.jpg") 50% 0 no-repeat}.e-event2 .cont2{position:relative;text-align:center;background:url("images/bg_event2_2.jpg") 50% 0 no-repeat}.e-event2 .cont2 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event2_2.jpg") 50% 0 no-repeat}.e-event2 .cont3{position:relative;text-align:center;background:url("images/bg_event2_3.jpg") 50% 0 no-repeat}.e-event2 .cont3 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event2_3.jpg") 50% 0 no-repeat}.e-event2 .cont1{height:1045px}.e-event2 .cont2{height:3885px}.e-event2 .cont3{height:2231px}.e-event2 .cont1.no_character .server-info.__has-char{display:none}.e-event2 .cont1.no_character .server-info.__no-char{display:flex}.e-event2 .cont1.no_character .time-info{display:none}.e-event2 .cont1 .server-info{display:flex;align-items:center;justify-content:center;position:absolute;bottom:326px;left:50%;transform:translateX(-50%);width:1200px;font-size:28px;color:#fff;font-weight:600}.e-event2 .cont1 .server-info.__no-char{display:none}.e-event2 .cont1 .server-info .server,.e-event2 .cont1 .server-info .character,.e-event2 .cont1 .server-info .level{letter-spacing:-0.02em}.e-event2 .cont1 .server-info .slash{margin:0 5px}.e-event2 .cont1 .time-info{position:absolute;bottom:226px;left:50%;transform:translateX(-50%);width:1200px;margin-left:-6px;font-size:16px;font-weight:500;text-align:right;letter-spacing:-0.07em;color:#999}.e-event2 .reward-list{display:flex;justify-content:space-between;flex-wrap:wrap;width:1200px;margin:192px auto 0}.e-event2 .reward-list li{width:600px;display:flex;justify-content:center;align-items:flex-end}.e-event2 .reward-list .btn-reward{width:160px;height:42px;background:url("images/btn_reward.png") no-repeat}.e-event2 .reward-list .btn-reward:hover{background-position-y:100%}.e-event2 .reward-list:nth-of-type(2){margin-top:132px}.e-event2 .cont2 .reward-list:first-of-type li .btn-reward{margin-bottom:30px}.e-event2 .cont2 .reward-list:first-of-type li:nth-child(1),.e-event2 .cont2 .reward-list:first-of-type li:nth-child(2){height:326px}.e-event2 .cont2 .reward-list:first-of-type li:nth-child(1) .btn-reward,.e-event2 .cont2 .reward-list:first-of-type li:nth-child(2) .btn-reward{margin-bottom:20px}.e-event2 .cont2 .reward-list:first-of-type li:nth-child(3),.e-event2 .cont2 .reward-list:first-of-type li:nth-child(4){height:385px}.e-event2 .cont2 .reward-list:first-of-type li:nth-child(5),.e-event2 .cont2 .reward-list:first-of-type li:nth-child(6),.e-event2 .cont2 .reward-list:first-of-type li:nth-child(7){width:400px;height:384px}.e-event2 .cont2 .reward-list:nth-of-type(2) li{height:370px}.e-event2 .cont2 .reward-list:nth-of-type(2) li:nth-child(1) .btn-reward,.e-event2 .cont2 .reward-list:nth-of-type(2) li:nth-child(2) .btn-reward{margin-bottom:34px}.e-event2 .cont2 .reward-list:nth-of-type(2) li:nth-child(3) .btn-reward,.e-event2 .cont2 .reward-list:nth-of-type(2) li:nth-child(4) .btn-reward{margin-bottom:28px}.e-event2 .cont2 .reward-list:nth-of-type(2) li:nth-child(5) .btn-reward,.e-event2 .cont2 .reward-list:nth-of-type(2) li:nth-child(6) .btn-reward{margin-bottom:26px}.e-event2 .cont2 .reward-list:last-of-type{margin-top:132px}.e-event2 .cont2 .reward-list:last-of-type li{height:370px}.e-event2 .cont2 .reward-list:last-of-type li:nth-child(1) .btn-reward,.e-event2 .cont2 .reward-list:last-of-type li:nth-child(2) .btn-reward{margin-bottom:40px}.e-event2 .cont2 .reward-list:last-of-type li:nth-child(3) .btn-reward,.e-event2 .cont2 .reward-list:last-of-type li:nth-child(4) .btn-reward{margin-bottom:30px}.e-event2 .cont2 .reward-list:last-of-type li:nth-child(5) .btn-reward,.e-event2 .cont2 .reward-list:last-of-type li:nth-child(6) .btn-reward{margin-bottom:26px}.e-event2 .cont3 .reward-list{margin-top:130px}.e-event2 .cont3 .reward-list li{width:410px;height:391px;margin-bottom:60px}.e-event2 .cont3 .reward-list li:nth-child(3n+2){width:380px}.e-event2 .cont3 .reward-list li .btn-reward{margin-bottom:24px}.e-event2 .cont3 .reward-list li:nth-child(7),.e-event2 .cont3 .reward-list li:nth-child(8),.e-event2 .cont3 .reward-list li:nth-child(9){margin-bottom:52px}.e-event2 .cont3.dimmed{background-image:url("images/bg_event2_3_dimmed.jpg")}.e-event2 .cont3.dimmed .cont-wrap{background-image:url("images/bg_event2_3_dimmed.jpg")}.e-event2 .cont3.dimmed .reward-list{display:none}.e-event3{padding-top:95px}.e-event3 .cont1{position:relative;text-align:center;background:url("images/bg_event3_1.jpg") 50% 0 no-repeat}.e-event3 .cont1 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event3_1.jpg") 50% 0 no-repeat}.e-event3 .cont2{position:relative;text-align:center;background:url("images/bg_event3_2.jpg") 50% 0 no-repeat}.e-event3 .cont2 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event3_2.jpg") 50% 0 no-repeat}.e-event3 .cont3{position:relative;text-align:center;background:url("images/bg_event3_3.jpg") 50% 0 no-repeat}.e-event3 .cont3 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event3_3.jpg") 50% 0 no-repeat}.e-event3 .cont4{position:relative;text-align:center;background:url("images/bg_event3_4.jpg") 50% 0 no-repeat}.e-event3 .cont4 .cont-wrap{position:relative;width:1280px;height:100%;margin:auto;background:url("images/bg_event3_4.jpg") 50% 0 no-repeat}.e-event3 .cont1{height:1920px}.e-event3 .cont1 .btn-wrap{bottom:84px}.e-event3 .cont2{height:885px}.e-event3 .cont2 .btn-wrap{bottom:92px}.e-event3 .cont3{height:950px}.e-event3 .cont3 .btn-wrap{bottom:81px}.e-event3 .cont4{height:1056px}.e-event3 .cont4 .btn-wrap{bottom:198px}.e-event3 .btn-wrap{position:absolute;display:flex;justify-content:space-between;width:600px;left:50%;transform:translateX(-50%)}.e-event3 .btn-wrap a{width:286px;height:63px}.e-event3 .btn-wrap a.btn-red-shop{background:url("images/btn_red_shop.jpg") no-repeat}.e-event3 .btn-wrap a.btn-blue-shop{background:url("images/btn_blue_shop.jpg") no-repeat}.e-event3 .btn-wrap a:hover{background-position-y:100%}.shadow,.e-shadow{width:100%;height:100%;position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.6;filter:alpha(opacity=60);z-index:9998}.shadow.current,.e-shadow.current{display:block !important}@keyframes opacity_header{0%{opacity:0}100%{opacity:.6}}@keyframes opacity_infinite{0%{opacity:.6}100%{opacity:1}}