.header{background:rgba(35,42,54,.75);border-radius:6px;height:40px;left:0;min-width:428px;position:absolute;top:38px;z-index:100}.header header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px 20px}.header .logo{margin-right:20px;padding-left:34px;position:relative}.header .logo .icon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAARVBMVEUnJyeHaUlyWkGPcE5ZSTlNQDRCOC8kJCQsKCY3MCp7ZUyhglzPvZ6tjGNkUkCbelWmkXTArZCBblqjgFW1mnexoomYh2+OMCDLAAAAw0lEQVQoz6VRW5LDMAiLDRjwO07S+x+1jmf62MY7/SifEgghluWXIsdT3K03meFSY2yTEW6xHhGvTF4P9HGlD0byUYn5wkje66kiPu70B6+3oc7SYnoxalM4cdXe09aKD9yHgizibFYRafuexz2MBYyKI2+MJRWCDXQsYAzJKrNQ97U4KOYRTWeCPfW7goPg9emYHWx2jDvTW94u4W7sFCAo+BGkmuSVzAXvDCRrtnwNnilsxcssd0wwf6HgP68dd3yvOwTiB3xKHOI7AAAAAElFTkSuQmCC) no-repeat;height:24px;left:0;position:absolute;top:3px;width:24px}.header .logo .title{color:#fff;font-size:14px;line-height:30px}.header .lnb__item{display:inline-block;height:30px;margin-right:14px;width:30px}.header .lnb__item a{display:block;height:100%;position:relative}.header .lnb__item a .icon{display:inline-block;opacity:.8;-webkit-transition:opacity .2s;transition:opacity .2s}.header .lnb__item a .icon--home{background-position:-176px -40px}.header .lnb__item a .icon--guide,.header .lnb__item a .icon--home{background-image:url(/images/sprite.fdcd1.png);height:30px;width:30px}.header .lnb__item a .icon--guide{background-position:-176px 0}.header .lnb__item a .icon--shop{background-position:0 -140px}.header .lnb__item a .icon--shop,.header .lnb__item a .icon--support{background-image:url(/images/sprite.fdcd1.png);height:30px;width:30px}.header .lnb__item a .icon--support{background-position:-40px -140px}.header .lnb__item a .icon--coupon{background-image:url(/images/sprite.fdcd1.png);background-position:-40px -100px;height:30px;width:30px}.header .lnb__item a .icon--youtube{background-position:-120px -140px}.header .lnb__item a .icon--x,.header .lnb__item a .icon--youtube{background-image:url(/images/sprite.fdcd1.png);height:30px;width:30px}.header .lnb__item a .icon--x{background-position:-80px -140px}.header .lnb__item a .icon--facebook{background-image:url(/images/sprite.fdcd1.png);background-position:-120px -100px;height:30px;width:30px}.header .lnb__item a .icon--bahamut{background-image:url(/images/sprite.fdcd1.png);background-position:-136px 0;height:30px;width:30px}.header .lnb__item a .icon--discord{background-image:url(/images/sprite.fdcd1.png);background-position:-80px -100px;height:30px;width:30px}.header .lnb__item a:hover .icon{opacity:1}.header .lnb__item a:active .icon{opacity:.4}.header .lnb__item a.link-not-ready .icon{opacity:.4!important}.header .lnb__item:last-of-type{margin-right:0}.v-popper__popper.tooltip-header .v-popper__arrow-container{display:none}.v-popper__popper.tooltip-header .v-popper__inner{background:#24272b;border:1px solid #46484d;border-radius:4px;color:#fff;font-size:13px;overflow:visible;padding:10px}.v-popper__popper.tooltip-header .v-popper__inner:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAMAAAD6Ou7DAAAAPFBMVEVHcExFR01FSE1FSU5GSE1ISFBGSE5AQEVFSE0wMzlFR0xISEpFR05GRkkkJys+QEUpLC8fISUwMjVGSE1B2AT/AAAADnRSTlMA75+QgCDfEHCPz2DPUEEuXkkAAAA9SURBVAgdPcGJEYAgDATAU4EAaj777xUyOOwi0P0Sfrm4l4zlUTPthHApT35iSmIcJAFVlBep+Hg70HhrA41aA3ps6oB1AAAAAElFTkSuQmCC) no-repeat;content:"";height:8px;left:50%;margin-left:-6px;position:absolute;top:-8px;width:12px}
.account{background:rgba(35,42,54,.9);border-radius:6px;height:160px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:290px}.account__msg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;height:160px;justify-content:center;padding:0 20px}.account__msg strong{color:hsla(0,0%,100%,.85);display:block;font-size:14px;font-weight:400;padding-top:5px;text-align:center}.account__msg p{color:hsla(0,0%,100%,.5);font-size:14px;line-height:20px;padding:8px 0 6px;text-align:center}.account__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px}.account__item,.account__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.account__item{margin-bottom:6px}.account__item .title{color:#82828f;font-size:14px;height:100%;width:64px}.account__item .text{color:hsla(0,0%,100%,.85);font-size:14px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:186px}.account__item .text em{color:#82828f;font-weight:400}.account__item--name{margin-bottom:5px}.account__item--name .text{font-size:18px;font-weight:700;padding:4px 0 11px;width:200px}.account__item--smartstats{height:auto;padding-top:5px}.account__item--smartstats .text{width:100%}.account__item--smartstats .text button{background-color:rgba(0,0,0,0);border:1px solid rgba(255,210,143,.5);border-radius:3px;height:32px;-webkit-transition:background-color .3s;transition:background-color .3s;width:100%}.account__item--smartstats .text button .icon{background-image:url(/images/sprite.fdcd1.png);background-position:-136px -214px;display:inline-block;height:20px;margin-right:5px;vertical-align:top;width:21px}.account__item--smartstats .text button .text{color:#ffd28f;font-size:13px}.account__item--smartstats .text button:hover{background-color:hsla(0,0%,73%,.4)}.account__item--smartstats .text button:active{background-color:rgba(58,58,58,.5)}.account__item--smartstats .text button:disabled{background-color:rgba(0,0,0,0)!important;cursor:default}.account__item--smartstats .text button:disabled .text{color:hsla(0,0%,100%,.2);font-size:12px}.account__item:last-of-type{margin-bottom:0}.account__btn-area{position:absolute;right:20px;top:22px}.account__btn-area button{vertical-align:top}.account__btn-area button.btn-profile-card{background-image:url(/images/sprite.fdcd1.png);background-position:-216px -34px;height:24px;position:relative;width:24px}.account__btn-area button.btn-profile-card:after,.account__btn-area button.btn-profile-card:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%}.account__btn-area button.btn-profile-card:active:after,.account__btn-area button.btn-profile-card:hover:before{opacity:1}.account__btn-area button.btn-profile-card:before{background-image:url(/images/sprite.fdcd1.png);background-position:-216px 0;height:24px;width:24px}.account__btn-area button.btn-profile-card:after{background-image:url(/images/sprite.fdcd1.png);background-position:-170px -180px;height:24px;width:24px}.account__btn-area button.btn-account-tooltip{background-image:url(/images/sprite.fdcd1.png);background-position:-34px -180px;display:inline-block;height:24px;margin-left:4px;position:relative;vertical-align:top;width:24px}.account__btn-area button.btn-account-tooltip:after,.account__btn-area button.btn-account-tooltip:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%}.account__btn-area button.btn-account-tooltip:active:after,.account__btn-area button.btn-account-tooltip:hover:before{opacity:1}.account__btn-area button.btn-account-tooltip:before{background-image:url(/images/sprite.fdcd1.png);background-position:0 -180px;height:24px;width:24px}.account__btn-area button.btn-account-tooltip:after{background-image:url(/images/sprite.fdcd1.png);background-position:-160px -140px;height:24px;width:24px}.account__btn-area .v-popper{display:inline-block}.v-popper__popper.tooltip-account{display:inline-block;left:-17px;position:relative;top:-1px}.v-popper__popper.tooltip-account .v-popper__inner{background-color:rgba(0,0,0,0);border:none;-webkit-box-shadow:none;box-shadow:none}.v-popper__popper.tooltip-account .v-popper__arrow-container{display:none}.v-popper__popper.tooltip-account .account__info{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1px 1px 7px;position:relative}.v-popper__popper.tooltip-account .account__info:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAMAAAD6Ou7DAAAAOVBMVEVHcExGSU5GR01ESExESE1ASEhGSE1AS0tESEswMzhFR0xGSEtGSU5HSk0kJys/QkYnKS0gIiYuMTQrGgT9AAAADnRSTlMA74+gfyDfEG+Qz1/PTzYUMPgAAAA/SURBVAgdPcEHEoAgDATAU0rAcin/f6ygjLvo/HVsxsUUTY0v0wZk5eSaMaRw0mPHJFe424FPqRG1YJH7FAwP3wYDhvXNYekAAAAASUVORK5CYII=) no-repeat;bottom:0;content:"";height:8px;left:26px;position:absolute;width:12px}.v-popper__popper.tooltip-account .account__info ul{background-color:#24272b;border:1px solid #46484d;border-radius:4px;padding:9px;position:relative}.v-popper__popper.tooltip-account .account__info ul li{color:#cbcccd;font-size:13px;line-height:1.69;padding-left:10px;position:relative;text-align:left;white-space:nowrap}.v-popper__popper.tooltip-account .account__info ul li .bu{left:0;position:absolute;top:0}.v-popper__popper.tooltip-account.open .tooltip-name{height:auto;opacity:1;overflow:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.v-popper__popper.tooltip-account.open .btn-account-tooltip:before{opacity:0!important}.v-popper__popper.tooltip-account.open .btn-account-tooltip:after{opacity:1}html[lang=ja] .account__item--guild .text em{font-size:12px}
.banner-promotion{background-color:rgba(35,42,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:160px;overflow:hidden;position:relative;width:595px}.banner-promotion .basic-banner__link{background:#fff;display:block;height:100%;position:relative;width:100%}.banner-promotion .basic-banner__link:after{background-color:#fff;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s,background-color .3s;transition:opacity .3s,background-color .3s;width:100%}.banner-promotion .basic-banner__link:hover:after{opacity:.08}.banner-promotion .swiper-slide{position:relative}.banner-promotion .swiper-slide a{display:block;position:relative}.banner-promotion .swiper-slide a:after{background-color:#fff;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s,background-color .3s;transition:opacity .3s,background-color .3s;width:100%}.banner-promotion .swiper-slide a:hover:after{opacity:.08}.banner-promotion .swiper-slide a:active:after{background-color:#000;opacity:.08}.banner-promotion .swiper-slide .msg{-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:14px;left:0;overflow:hidden;padding:0 20px;position:absolute;text-overflow:ellipsis;top:20px;white-space:nowrap;width:100%;word-break:keep-all}.banner-promotion .swiper-slide .msg strong{font-weight:700}.banner-promotion .swiper-slide img{border-radius:6px}.banner-promotion__pagination{background-color:rgba(19,19,20,.7);border-radius:4px 0 4px 0;bottom:0;height:24px;position:absolute;right:0;text-align:center;width:92px;z-index:10}.banner-promotion__pagination .index{color:#929292;font-size:13px;line-height:24px}.banner-promotion__pagination .index .current{color:#fff}.banner-promotion__pagination .btn-nav{position:absolute;top:2px}.banner-promotion__pagination .btn-nav--prev{background-image:url(/images/sprite.fdcd1.png);background-position:-197px -214px;height:20px;left:8px;opacity:.8;-webkit-transition:opacity .3s;transition:opacity .3s;width:20px}.banner-promotion__pagination .btn-nav--prev:hover{opacity:1}.banner-promotion__pagination .btn-nav--prev:active{opacity:.4}.banner-promotion__pagination .btn-nav--next{background-image:url(/images/sprite.fdcd1.png);background-position:-167px -214px;height:20px;opacity:.8;right:8px;-webkit-transition:opacity .3s;transition:opacity .3s;width:20px}.banner-promotion__pagination .btn-nav--next:hover{opacity:1}.banner-promotion__pagination .btn-nav--next:active{opacity:.4}
.board-summary{background-color:rgba(35,42,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:160px;padding:20px;position:relative;width:595px}.board-summary__title{color:#82828f;font-size:14px;height:20px;line-height:20px}.board-summary__wrap{padding-top:10px}.board-summary__item{padding:6px 0 4px;position:relative}.board-summary__item a{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px;font-weight:400;height:100%;line-height:20px;opacity:.85;-webkit-transition:opacity .3s;transition:opacity .3s}.board-summary__item a:hover{opacity:1;text-decoration:underline}.board-summary__item a:active{opacity:.4;text-decoration:underline}.board-summary__item .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.board-summary__item .title .text{display:block;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-summary__item .title .text .category{margin-right:7px;text-transform:capitalize}.board-summary__item .title .icon--new{background-image:url(/images/sprite.fdcd1.png);background-position:-250px -146px;display:block;height:20px;margin-left:4px;width:14px}.board-summary .more__link{color:#82828f;font-size:14px;line-height:20px;position:absolute;right:20px;top:20px}.board-summary--error{-webkit-transition:background-color .3s;transition:background-color .3s;width:290px}.board-summary--error>div{position:relative;top:0;-webkit-transition:top .3s;transition:top .3s}.board-summary--error:hover{background-color:rgba(49,58,74,.9)}.board-summary--error:hover>div{top:-4px}.board-summary--error:active{background-color:rgba(49,58,74,.4)}.board-summary--error:active>div{top:0}.board-summary--error .board-summary__wrap{height:100%;padding-top:0}.board-summary--error .board-summary__wrap>a{display:block;height:100%}.board-summary--error .error-title{color:hsla(0,0%,100%,.85);display:block;font-size:14px;font-weight:400;line-height:24px}.board-summary--error .error-title .icon{display:inline-block;margin-right:6px;vertical-align:top}.board-summary--error .error-title .icon--about{background-image:url(/images/sprite.fdcd1.png);background-position:0 -214px;height:24px;width:24px}.board-summary--error .error-title .icon--shop{background-image:url(/images/sprite.fdcd1.png);background-position:-34px -214px;height:24px;width:24px}.board-summary--error .error-title .icon--support{background-image:url(/images/sprite.fdcd1.png);background-position:-68px -214px;height:24px;width:24px}.board-summary--error .error-text{bottom:0;color:#82828f;font-size:14px;left:0;line-height:20px;position:absolute}
.board-summary{background-color:rgba(35,42,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:160px;padding:20px;position:relative;width:595px}.board-summary__title{color:#82828f;font-size:14px;height:20px;line-height:20px}.board-summary__wrap{padding-top:10px}.board-summary__item{padding:6px 0 4px;position:relative}.board-summary__item a{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px;font-weight:400;height:100%;line-height:20px;opacity:.85;-webkit-transition:opacity .3s;transition:opacity .3s}.board-summary__item a:hover{opacity:1;text-decoration:underline}.board-summary__item a:active{opacity:.4;text-decoration:underline}.board-summary__item .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.board-summary__item .title .text{display:block;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-summary__item .title .text .category{margin-right:7px;text-transform:capitalize}.board-summary__item .title .icon--new{background-image:url(/images/sprite.fdcd1.png);background-position:-250px -146px;display:block;height:20px;margin-left:4px;width:14px}.board-summary .more__link{color:#82828f;font-size:14px;line-height:20px;position:absolute;right:20px;top:20px}.board-summary--error{-webkit-transition:background-color .3s;transition:background-color .3s;width:290px}.board-summary--error>div{position:relative;top:0;-webkit-transition:top .3s;transition:top .3s}.board-summary--error:hover{background-color:rgba(49,58,74,.9)}.board-summary--error:hover>div{top:-4px}.board-summary--error:active{background-color:rgba(49,58,74,.4)}.board-summary--error:active>div{top:0}.board-summary--error .board-summary__wrap{height:100%;padding-top:0}.board-summary--error .board-summary__wrap>a{display:block;height:100%}.board-summary--error .error-title{color:hsla(0,0%,100%,.85);display:block;font-size:14px;font-weight:400;line-height:24px}.board-summary--error .error-title .icon{display:inline-block;margin-right:6px;vertical-align:top}.board-summary--error .error-title .icon--about{background-image:url(/images/sprite.fdcd1.png);background-position:0 -214px;height:24px;width:24px}.board-summary--error .error-title .icon--shop{background-image:url(/images/sprite.fdcd1.png);background-position:-34px -214px;height:24px;width:24px}.board-summary--error .error-title .icon--support{background-image:url(/images/sprite.fdcd1.png);background-position:-68px -214px;height:24px;width:24px}.board-summary--error .error-text{bottom:0;color:#82828f;font-size:14px;left:0;line-height:20px;position:absolute}
.banner-summary{background-color:rgba(35,42,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:160px;overflow:hidden;position:relative;width:290px}.banner-summary a{display:block;position:relative}.banner-summary a:before{background-color:#000;content:"";height:100%;left:0;opacity:.08;position:absolute;top:0;-webkit-transition:opacity .3s,background-color .3s;transition:opacity .3s,background-color .3s;width:100%;will-change:opacity,background-color}.banner-summary a:hover:before{opacity:0}.banner-summary a:active:before{background-color:#000;opacity:.2}
.media{background-color:rgba(35,42,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;position:relative;width:900px}.media__title{color:#82828f;font-size:14px;height:20px;line-height:20px}.media__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:10px;position:relative}.media__selected{background-color:#000;height:240px;width:426px}.media__selected iframe{height:100%;width:100%}.media__list{height:240px;overflow:hidden;width:420px}.media__list .swiper-wrapper{height:240px}.media__list .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;height:116px;width:206px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.media__list .swiper-slide>a{cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.media__list .swiper-slide>a .img{background-position:50% 50%;background-size:cover;height:100%;width:100%}.media__list .swiper-slide>a .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:rgba(0,0,0,.65);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;height:100%;justify-content:center;left:0;padding:0 12px;position:absolute;top:100%;-webkit-transition:top .3s;transition:top .3s;width:100%}.media__list .swiper-slide>a .title>strong{color:#fff;display:block;font-size:14px;font-weight:400;line-height:1.43;opacity:.85;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.media__list .swiper-slide>a .title .icon{background-image:url(/images/sprite.fdcd1.png);background-position:-90px 0;height:36px;margin-bottom:8px;width:36px}.media__list .swiper-slide>a:hover .title{top:0}.media__list .swiper-slide>a:after{border:2px solid #deb692;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.media__list .swiper-slide--on a:after{opacity:1;-webkit-transition:.3s;transition:.3s}.media .video-arrow__btn{height:47px;opacity:.8;position:absolute;top:-24px;-webkit-transition:opacity .3s;transition:opacity .3s;width:44px;z-index:20}.media .video-arrow__btn:hover{opacity:1}.media .video-arrow__btn:active{opacity:.4}.media .video-arrow__btn .skip{display:block;margin:0 auto}.media .video-arrow__btn--prev{right:24px}.media .video-arrow__btn--prev,.media .video-arrow__btn--prev .skip{background-image:url(/images/sprite.fdcd1.png);background-position:-216px -170px;height:24px;width:24px}.media .video-arrow__btn--next{right:-6px}.media .video-arrow__btn--next,.media .video-arrow__btn--next .skip{background-image:url(/images/sprite.fdcd1.png);background-position:-216px -136px;height:24px;width:24px}.media .video-arrow__btn:hover .skip{opacity:1}.media .video-arrow__btn.swiper-button-disabled{cursor:default;opacity:.2}
.summary-spec{background-color:rgba(35,42,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:216px;overflow:hidden;padding:20px;position:relative;width:290px}.summary-spec .game-spec__wrap{height:100%;position:relative;width:100%}.summary-spec .game-spec__wrap--qr .game-qr,.summary-spec .game-spec__wrap--spec .game-spec{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition:.3s;transition:.3s;z-index:1}.summary-spec .game-qr,.summary-spec .game-spec{height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px);width:100%}.summary-spec ul li{padding-bottom:8px;position:relative}.summary-spec ul li strong{color:#82828f;font-size:14px;font-weight:400;left:0;line-height:1.43;position:absolute;top:0;width:100%}.summary-spec ul li span{color:hsla(0,0%,100%,.85);display:block;font-size:14px;line-height:1.43;text-align:right;width:100%}.summary-spec ul li .icon{display:inline-block;margin-left:4px}.summary-spec ul li .icon--platform-aos{background-image:url(/images/sprite.fdcd1.png);background-position:-250px 0;height:20px;width:20px}.summary-spec ul li .icon--platform-ios{background-image:url(/images/sprite.fdcd1.png);background-position:-250px -30px;height:20px;width:20px}.summary-spec ul li .icon--platform-windows{background-image:url(/images/sprite.fdcd1.png);background-position:-250px -60px;height:20px;width:20px}.summary-spec .game-down__link{border:1px solid hsla(228,2%,53%,.4);border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:32px;margin-top:-1px;-webkit-transition:.3s;transition:.3s;width:250px}.summary-spec .game-down__link>span{color:#fff;display:block;font-size:14px;line-height:30px;opacity:.8;text-align:center}.summary-spec .game-down__link:hover{background:hsla(0,0%,73%,.2)}.summary-spec .game-down__link:active{background:rgba(58,58,58,.5)}.summary-spec .game-qr .qr-title{color:#fff;display:block;font-size:14px;font-weight:400;line-height:1.43;margin-top:1px;opacity:.5;text-align:center}.summary-spec .game-qr .qr-wrap{height:110px;margin:0 auto;padding:6px 0 7px;width:110px}.summary-spec .game-qr .qr-wrap>img{display:block;width:100%}.summary-spec .game-qr .game-back__link{border:1px solid hsla(228,2%,53%,.4);border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:32px;-webkit-transition:.3s;transition:.3s;width:250px}.summary-spec .game-qr .game-back__link>span{background-image:url(/images/sprite.fdcd1.png);background-position:-102px -214px;display:block;height:24px;margin:3px auto;width:24px}.summary-spec .game-qr .game-back__link:hover{background:hsla(0,0%,73%,.2)}.summary-spec .game-qr .game-back__link:active{background:rgba(58,58,58,.5)}
.summary-intro{background-color:rgba(35,42,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:216px;overflow:hidden;position:relative;-webkit-transition:background-color .3s;transition:background-color .3s;width:595px}.summary-intro>div{position:relative;top:0;-webkit-transition:top .3s;transition:top .3s}.summary-intro:hover{background-color:rgba(49,58,74,.9)}.summary-intro:hover>div{top:-4px}.summary-intro:active{background-color:rgba(49,58,74,.4)}.summary-intro:active>div{top:0}.summary-intro .game-intro{height:100%}.summary-intro .game-intro__link{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;padding:20px;position:relative}.summary-intro .game-intro__link>.text{color:hsla(0,0%,100%,.85);font-size:14px;height:135px;letter-spacing:-.4px;line-height:1.57;overflow-y:auto}.summary-intro .game-intro__link .detail{bottom:20px;color:#82828f;font-size:14px;left:20px;line-height:1.43;position:absolute;-webkit-transition:color .3s;transition:color .3s}.summary-intro .game-intro__link .detail .bu{padding-left:4px}.summary-intro .game-intro__link .detail:active{color:#82828f}
.footer{font-size:14px;opacity:.4;padding-top:85px;text-align:center}.footer,.footer a{color:#82828f}
.modal--profile-card .modal__container{background-color:#2f3339;border-radius:8px;height:620px;overflow:hidden;width:920px}.modal--profile-card .modal__container .modal__header{background-color:#3c4149;height:60px;position:relative}.modal--profile-card .modal__container .modal__header h3{color:hsla(0,0%,100%,.7);font-size:20px;line-height:60px;text-align:center}.modal--profile-card .modal__container .modal__header .btn-modal-close{background-image:url(/images/sprite.fdcd1.png);background-position:-136px -180px;height:24px;position:relative;position:absolute;right:8px;top:8px;width:24px}.modal--profile-card .modal__container .modal__header .btn-modal-close:after,.modal--profile-card .modal__container .modal__header .btn-modal-close:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%}.modal--profile-card .modal__container .modal__header .btn-modal-close:active:after,.modal--profile-card .modal__container .modal__header .btn-modal-close:hover:before{opacity:1}.modal--profile-card .modal__container .modal__header .btn-modal-close:before{background-image:url(/images/sprite.fdcd1.png);background-position:-102px -180px;height:24px;width:24px}.modal--profile-card .modal__container .modal__header .btn-modal-close:after{background-image:url(/images/sprite.fdcd1.png);background-position:-68px -180px;height:24px;width:24px}.modal--profile-card .modal__container .modal__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding-bottom:30px;position:relative;width:860px}.modal--profile-card .modal__container .modal__content .title h4{color:hsla(0,0%,100%,.5);font-size:14px}.modal--profile-card .modal__container .modal__content .info{color:hsla(0,0%,100%,.5);font-size:14px;padding-top:20px;white-space:pre-line;width:100%}.modal--profile-card .modal__container .modal__content .form{padding-top:20px;width:460px}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list{background-color:#212429;border-radius:4px;height:70px;margin-top:8px;overflow:hidden;padding:10px 39px;position:relative}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list__wrap{height:70px;margin:0 auto;opacity:0;overflow:hidden;-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;width:382px}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list__wrap--on{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .profile-image-item{position:relative}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .profile-image-item .thumb{background-color:rgba(58,58,58,.5);cursor:pointer;display:inline-block;height:70px;overflow:hidden;position:relative;width:70px}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .profile-image-item .thumb img{height:auto;width:100%}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .profile-image-item .thumb:after{background-color:#fff;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .profile-image-item .thumb:hover:after{opacity:.2}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .profile-image-item .thumb:before{border:2px solid #deb692;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .profile-image-item--on .thumb:before{opacity:1}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .btn-area{opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .btn-area .btn-nav{opacity:.8;position:absolute;top:0;-webkit-transition:opacity .3s;transition:opacity .3s}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .btn-area .btn-nav:hover{opacity:1}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .btn-area .btn-nav:active{opacity:.4}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .btn-area .btn-nav--prev{background-image:url(/images/sprite.fdcd1.png);background-position:-45px 0;height:90px;left:0;width:35px}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .btn-area .btn-nav--next{background-image:url(/images/sprite.fdcd1.png);background-position:0 0;height:90px;right:0;width:35px}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .btn-area .btn-nav.swiper-button-disabled{cursor:default;opacity:.2!important}.modal--profile-card .modal__container .modal__content .form__image .profile-image-list .btn-area--on{opacity:1}.modal--profile-card .modal__container .modal__content .form__select{margin-top:24px;position:relative}.modal--profile-card .modal__container .modal__content .form__select .title{height:32px}.modal--profile-card .modal__container .modal__content .form__select .title h4{line-height:32px}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu{border:1px solid hsla(228,2%,53%,.4);border-radius:3px;min-height:30px;position:absolute;right:0;top:0;width:180px}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu__overlay{display:none}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu button{background-color:#2f3339;border-radius:3px;color:#fff;font-size:14px;height:30px;padding:0 36px 0 14px;position:relative;text-align:left;-webkit-transition:background-color .3s;transition:background-color .3s;width:100%}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu button:after{background-image:url(/images/sprite.fdcd1.png);background-position:-90px -46px;content:"";height:30px;position:absolute;right:0;top:0;width:34px}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu button:disabled{background-color:#2f3339!important;border:1px solid hsla(228,2%,53%,.4);cursor:default;opacity:.2}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu button:hover{background-color:hsla(0,0%,73%,.2)}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu button:active{background-color:#24272b}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu__container{background-color:rgba(0,0,0,0);border:none;left:0;min-width:auto;position:absolute;top:36px;width:100%}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu__body{background-color:#2f3339;border:1px solid hsla(228,2%,53%,.4);border-radius:3px;overflow:hidden}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu__body button{height:40px}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu__body button:after{display:none}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu--active .v-dropdown-menu__trigger button{background-color:#24272b!important}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu .default-enter-active{-webkit-transition-duration:.1s!important;transition-duration:.1s!important}.modal--profile-card .modal__container .modal__content .form__select .title .v-dropdown-menu .default-leave-active{-webkit-transition-duration:0s!important;transition-duration:0s!important}.modal--profile-card .modal__container .modal__content .form__select .char-list{background-color:#212429;border-radius:4px;height:252px;margin-top:8px;overflow:auto;padding:11px 20px}.modal--profile-card .modal__container .modal__content .form__select .char-list::-webkit-scrollbar{height:10px;opacity:0;width:8px}.modal--profile-card .modal__container .modal__content .form__select .char-list::-webkit-scrollbar-thumb{background:hsla(0,0%,72%,.3);border-radius:4px}.modal--profile-card .modal__container .modal__content .form__select .char-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.modal--profile-card .modal__container .modal__content .form__select .char-list .char-list__item{height:40px;margin-bottom:4px;padding:2px 0 5px 30px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal--profile-card .modal__container .modal__content .form__select .char-list .char-list__item:after{background-image:url(/images/sprite.fdcd1.png);background-position:-250px -118px;content:"";height:18px;left:0;margin-top:-9px;position:absolute;top:50%;width:18px}.modal--profile-card .modal__container .modal__content .form__select .char-list .char-list__item .name{color:hsla(0,0%,100%,.85);display:block;font-size:14px;font-weight:700;height:20px;line-height:20px;padding:1px 0}.modal--profile-card .modal__container .modal__content .form__select .char-list .char-list__item .server{color:hsla(0,0%,100%,.5);display:block;font-size:14px;line-height:18px}.modal--profile-card .modal__container .modal__content .form__select .char-list .char-list__item--on:after{background-image:url(/images/sprite.fdcd1.png);background-position:-250px -90px;height:18px;width:18px}.modal--profile-card .modal__container .modal__content .form__select .char-list .char-list__item:last-of-type{margin-bottom:0}.modal--profile-card .modal__container .modal__content .preview{padding-top:20px;width:360px}.modal--profile-card .modal__container .modal__content .preview .title{padding-bottom:10px}.modal--profile-card .modal__container .modal__content .preview .card{background-color:#212429;height:360px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:360px}.modal--profile-card .modal__container .modal__content .preview .card .bg{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.modal--profile-card .modal__container .modal__content .preview .card .bg:before{background:url(/images/bg-card.fbe80.png) no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.modal--profile-card .modal__container .modal__content .preview .card .bg--on{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.modal--profile-card .modal__container .modal__content .preview .card .logo{background:url(/images/logo-odin.e09e0.png) no-repeat;bottom:20px;height:55px;position:absolute;right:20px;width:120px}.modal--profile-card .modal__container .modal__content .preview .card .info{bottom:20px;left:20px;position:absolute}.modal--profile-card .modal__container .modal__content .preview .card .info .info__item{color:hsla(0,0%,100%,.7);font-size:14px;padding-bottom:1px}.modal--profile-card .modal__container .modal__content .preview .card .info .info__item--lv,.modal--profile-card .modal__container .modal__content .preview .card .info .info__item--name{color:#fff;font-size:18px;font-weight:700}.modal--profile-card .modal__container .modal__content .preview .card .info .info__item--name{padding-bottom:0}.modal--profile-card .modal__container .modal__content .preview .card .info .info__item--lv{padding-bottom:5px}.modal--profile-card .modal__container .modal__content .preview .card .info .info__item:last-of-type{padding-bottom:0}.modal--profile-card .modal__container .modal__content .preview .btn-area{padding-top:26px}.modal--profile-card .modal__container .modal__content .preview .btn-area .btn-download{background-color:#4c5768;border-radius:4px;display:block;height:42px;opacity:.8;position:relative;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%}.modal--profile-card .modal__container .modal__content .preview .btn-area .btn-download:hover{opacity:1}.modal--profile-card .modal__container .modal__content .preview .btn-area .btn-download:active{opacity:.4}.modal--profile-card .modal__container .modal__content .preview .btn-area .btn-download .text{color:#fff;font-size:15px;height:100%;left:0;line-height:42px;position:absolute;text-align:center;top:0;width:100%}.modal--profile-card .modal__container .modal__content .preview .btn-area .btn-download--hide{cursor:default}.modal--profile-card .modal__container .modal__content .preview .btn-area .btn-download--hide,.modal--profile-card .modal__container .modal__content .preview .btn-area .btn-download--hide:active,.modal--profile-card .modal__container .modal__content .preview .btn-area .btn-download--hide:hover{opacity:.2}
html .page--index .page__bg{background:url(/images/bg-page.3b954.jpg) top no-repeat;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}html .page--index .page__bg .bg{background-position:top;background-repeat:no-repeat;background-size:100% auto;height:100%;left:50%;min-width:1920px;position:absolute;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%}html .page--index .page__bg .video{height:100%;left:0;position:absolute;top:0;width:100%;will-change:opacity filter;z-index:10}html .page--index .page__bg .video video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}html .page--index .page__bg .video:before{background-color:rgba(0,0,0,.3);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}html .page--index .page__bg .video.page-bg-video-enter-from{-webkit-filter:blur(20px);filter:blur(20px);opacity:0}html .page--index .page__bg .video.page-bg-video-enter-to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transition:opacity .5s .2s,-webkit-filter .4s linear;transition:opacity .5s .2s,-webkit-filter .4s linear;transition:opacity .5s .2s,filter .4s linear;transition:opacity .5s .2s,filter .4s linear,-webkit-filter .4s linear}html .page--index .page__bg .video.page-bg-video-leave-from{-webkit-filter:blur(0);filter:blur(0);opacity:1}html .page--index .page__bg .video.page-bg-video-leave-to{-webkit-filter:blur(20px);filter:blur(20px);opacity:0;-webkit-transition:opacity .5s .2s,-webkit-filter .4s linear;transition:opacity .5s .2s,-webkit-filter .4s linear;transition:opacity .5s .2s,filter .4s linear;transition:opacity .5s .2s,filter .4s linear,-webkit-filter .4s linear}html .page--index .container{height:100vh;margin:0 auto;padding-top:86px;width:1198px;z-index:10}html .page--index .container,html .page--index .content{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}html .page--index .content{height:100%;-webkit-mask-image:linear-gradient(0deg,transparent,#000),linear-gradient(270deg,transparent 17px,#000 0);mask-image:linear-gradient(0deg,transparent,#000),linear-gradient(270deg,transparent 17px,#000 0);-webkit-mask-position:left bottom;mask-position:left bottom;-webkit-mask-size:100% 20000px;mask-size:100% 20000px;overflow-y:auto;padding:204px 0 28px;-webkit-transition:-webkit-mask-position .3s;transition:-webkit-mask-position .3s;transition:mask-position .3s;transition:mask-position .3s,-webkit-mask-position .3s;width:920px}html .page--index .content::-webkit-scrollbar{height:10px;opacity:0;width:8px}html .page--index .content::-webkit-scrollbar-thumb{background:hsla(0,0%,72%,.3);border-radius:4px}html .page--index .content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}html .page--index .content--scroll{-webkit-mask-position:left top;mask-position:left top}html .page--index .content .test-ip{left:180px;position:absolute;top:100px}html .page--index .content .test-ip input{background-color:#fff;border:0;color:#000;font-size:12px;height:30px;padding:0 5px;width:170px}html .page--index .content .test-ip button{background-color:#ccc;color:#000;font-size:12px;margin:0 5px;padding:5px}html .page--index .section{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:15px;width:900px}html .page--index .section,html .page--index .section--main .section__content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}html .page--index .section--main .section__content .quick-banner{height:160px;left:0;position:absolute;top:-175px;width:160px}html .page--index .section--main .section__content .quick-banner a{display:block;height:160px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;will-change:transform}html .page--index .section--main .section__content .quick-banner a img{height:auto;width:100%}html .page--index .section--main .section__content .quick-banner a:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}html .page--index .section--main .section__content .quick-banner a:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}html .page--index .section--main .section__content .banner-promotion{margin-left:15px}html .page--index .section--board{clear:both;padding-top:15px}html .page--index .section--board .section__content{display:-webkit-box;display:-ms-flexbox;display:flex}html .page--index .section--board .section__content .board-summary{margin-right:15px}html .page--index .section--board .section__content .board-summary:last-of-type{margin-right:0}html .page--index .section--info{padding-top:15px;width:900px}