.header{background:rgba(42,49,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,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUGCQwWCQkkDQsdCwsPCAkOEBUJBgcJDBAEBggDAwUTERYqDgw1Ghw1CxDGCyAqGRytDh8gGR0pEBYWFhsfFRhIDRW+Ch+kChu1Cx5RChQcERYVDRFxCheaChvYDSRgCxWLChk9CxFpDhlEHRpkJxycPSpTHht7ChhJJCLRDCE+IiHmQTjOWirgDiSgHCTBLCp4MCqLMB7FTzHUdzvUHiewQR7pFSmCDx3cGSbsoUfrhUS6Vy90Eh+KMzf8vlj1+uw7AAABlElEQVQozzWO2XLjIBBFQWKRkECAte+SJS/xbidxJZmZ//+sATu+L111Dn1pgBcmSqkoit7ewiiMFzFbYAqAESpWUbhcTdNqswlDpWJMH0JZPF3meT5vzI5aMIypBzB78I/97fs6/z1HKrbcCMaUqbl8/fve7XanzzSJLbdVLI6W0+3rdj29f8o/oxCavkQ4/ez3+3N4PNzDMRlFYrkVy/n6MZt/222umebrurKGMr3anS5hpEcp0gTjqpLdc0Mf349RVJYyzNPG1FdFYwUttRSrMma6Kbs0NS0USeARQLE+bDXD7F4wLdPOvAW5S3xAKW8l58UoS0z7PDMcZYFnRdU2tKJDPayTIpMcIJQj37eb0l5eu5QWdZPXwO1S/ynqbU/du71kyLLcgU3vWeEBKNIhSewTUDQiG7b8d8MrRNajh4CybUVPiLnKM8IbRV4QQAhC60MrIEKEGGri16noOTIZ2iyAxqCn8AjkHXchTGQHXTMhfAnTAqHLB9dxA9fEAb7nW04sd2wC/hjAnOz/ciOCV5z/F90llRIGg2IAAAAASUVORK5CYII=) no-repeat;height:24px;left:0;position:absolute;top:3px;width:24px}.header .logo .title{color:#fff;font-family:Spoqa Han Sans Neo;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:-174px -40px}.header .lnb__item a .icon--guide,.header .lnb__item a .icon--home{background-image:url(/images/sprite.25492.png);height:30px;width:30px}.header .lnb__item a .icon--guide{background-position:-174px 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.25492.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.25492.png);background-position:-40px -100px;height:30px;width:30px}.header .lnb__item a .icon--youtube{background-position:-160px -140px}.header .lnb__item a .icon--x,.header .lnb__item a .icon--youtube{background-image:url(/images/sprite.25492.png);height:30px;width:30px}.header .lnb__item a .icon--x{background-position:-120px -140px}.header .lnb__item a .icon--facebook{background-image:url(/images/sprite.25492.png);background-position:-120px -100px;height:30px;width:30px}.header .lnb__item a .icon--bahamut{background-position:-134px -40px}.header .lnb__item a .icon--bahamut,.header .lnb__item a .icon--cafe{background-image:url(/images/sprite.25492.png);height:30px;width:30px}.header .lnb__item a .icon--cafe{background-position:0 -100px}.header .lnb__item a .icon--news{background-position:-134px 0}.header .lnb__item a .icon--discord,.header .lnb__item a .icon--news{background-image:url(/images/sprite.25492.png);height:30px;width:30px}.header .lnb__item a .icon--discord{background-position:-80px -100px}.header .lnb__item a .icon--talk{background-position:-80px -140px}.header .lnb__item a .icon--price,.header .lnb__item a .icon--talk{background-image:url(/images/sprite.25492.png);height:30px;width:30px}.header .lnb__item a .icon--price{background-position:-174px -80px}.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(42,49,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;padding-top:5px;text-align:center}.account__msg p{color:hsla(0,0%,100%,.5);font-size:14px;padding-top:8px;text-align:center}.account__list{-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__item,.account__list{display:-webkit-box;display:-ms-flexbox;display:flex}.account__item{-webkit-box-pack:justify;-ms-flex-pack:justify;height:18px;justify-content:space-between;margin-bottom:3px}.account__item>.title{color:#82828f;font-size:14px;height:100%;width:58px}.account__item>.text{color:hsla(0,0%,100%,.85);font-size:14px;height:100%;width:181px}.account__item>.text em{color:#82828f;font-weight:400}.account__item--name{height:26px;margin:4px 0 9px}.account__item--name .text{font-family:Noto Sans TC,Spoqa Han Sans Neo,Noto Sans JP;font-size:16px;font-weight:700;padding-top:1px;width:200px}.account__item--smartstats{height:auto;padding-top:5px}.account__item--smartstats>.text{width:100%}.account__item--smartstats>.text button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:rgba(0,0,0,0);border:1px solid rgba(255,210,143,.5);border-radius:3px;height:32px;justify-content:center;-webkit-transition:background-color .3s;transition:background-color .3s;width:100%}.account__item--smartstats>.text button .icon{background-image:url(/images/sprite.25492.png);background-position:-136px -214px;display:block;height:20px;margin-right:5px;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;border-color:hsla(228,2%,53%,.4);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:18px}.account__btn-area button{vertical-align:top}.account__btn-area button.btn-profile-card{background-image:url(/images/sprite.25492.png);background-position:-214px -68px;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.25492.png);background-position:-214px -34px;height:24px;width:24px}.account__btn-area button.btn-profile-card:after{background-image:url(/images/sprite.25492.png);background-position:-214px 0;height:24px;width:24px}.account__btn-area button.btn-account-tooltip{background-image:url(/images/sprite.25492.png);background-position:-68px -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.25492.png);background-position:-34px -180px;height:24px;width:24px}.account__btn-area button.btn-account-tooltip:after{background-image:url(/images/sprite.25492.png);background-position:0 -180px;height:24px;width:24px}.account__btn-area .v-popper{display:inline-block}.v-popper__popper.tooltip-account{display:inline-block;left:-15px;position:relative}.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:10px;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(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:160px;overflow:hidden;position:relative;width:595px}.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.25492.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.25492.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(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:120px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .3s;transition:background-color .3s;width:290px}.board-summary>div{position:relative;top:0;-webkit-transition:top .3s;transition:top .3s}.board-summary:hover{background-color:rgba(54,64,71,.9)}.board-summary:hover>div{top:-4px}.board-summary:active{background-color:rgba(33,39,43,.9)}.board-summary:active>div{top:0}.board-summary__wrap{height:120px}.board-summary a{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;padding:20px;position:relative}.board-summary a .title{display:block}.board-summary a .title .category{color:rgba(255,56,40,.85);position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.board-summary a .title .text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:39.5px;text-overflow:ellipsis;word-break:break-all}.board-summary a .title .text>span{color:hsla(0,0%,100%,.85);font-size:14px;line-height:1.43}.board-summary a .title .text>span>strong{color:#ffd28f;font-weight:400}.board-summary a .title .icon--new{background-image:url(/images/sprite.25492.png);background-position:-248px -146px;display:inline-block;height:20px;margin-left:4px;position:relative;top:1px;vertical-align:top;width:14px}.board-summary a .info{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#82828f;font-size:14px;left:0;line-height:1.43;padding:0 20px 20px;position:absolute;width:100%}.board-summary a .info:after{clear:both;content:"";display:block}.board-summary a .info .category{float:left}.board-summary a .info .date{float:right}.board-summary a .info--ko .category{display:none}.board-summary a .info--ko .date{float:left}.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.25492.png);background-position:-214px -170px;height:24px;width:24px}.board-summary--error .error-title .icon--media{background-image:url(/images/sprite.25492.png);background-position:-34px -214px;height:24px;width:24px}.board-summary--error .error-title .icon--support{background-image:url(/images/sprite.25492.png);background-position:-102px -214px;height:24px;width:24px}.board-summary--error .error-title .icon--cafe{background-image:url(/images/sprite.25492.png);background-position:0 -214px;height:24px;width:24px}.board-summary--error .error-title .icon--shop{background-image:url(/images/sprite.25492.png);background-position:-68px -214px;height:24px;width:24px}.board-summary--error .error-text{bottom:20px;color:#82828f;font-size:14px;left:20px;position:absolute;width:250px}.banner-summary{background-color:rgba(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .3s;transition:background-color .3s}.banner-summary>div{position:relative;top:0;-webkit-transition:top .3s;transition:top .3s}.banner-summary:hover{background-color:rgba(54,64,71,.9)}.banner-summary:hover>div{top:-4px}.banner-summary:active{background-color:rgba(33,39,43,.9)}.banner-summary:active>div{top:0}
.board-summary{background-color:rgba(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:120px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:background-color .3s;transition:background-color .3s;width:290px}.board-summary>div{position:relative;top:0;-webkit-transition:top .3s;transition:top .3s}.board-summary:hover{background-color:rgba(54,64,71,.9)}.board-summary:hover>div{top:-4px}.board-summary:active{background-color:rgba(33,39,43,.9)}.board-summary:active>div{top:0}.board-summary__wrap{height:120px}.board-summary a{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;padding:20px;position:relative}.board-summary a .title{display:block}.board-summary a .title .category{color:rgba(255,56,40,.85);position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.board-summary a .title .text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:39.5px;text-overflow:ellipsis;word-break:break-all}.board-summary a .title .text>span{color:hsla(0,0%,100%,.85);font-size:14px;line-height:1.43}.board-summary a .title .text>span>strong{color:#ffd28f;font-weight:400}.board-summary a .title .icon--new{background-image:url(/images/sprite.25492.png);background-position:-248px -146px;display:inline-block;height:20px;margin-left:4px;position:relative;top:1px;vertical-align:top;width:14px}.board-summary a .info{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#82828f;font-size:14px;left:0;line-height:1.43;padding:0 20px 20px;position:absolute;width:100%}.board-summary a .info:after{clear:both;content:"";display:block}.board-summary a .info .category{float:left}.board-summary a .info .date{float:right}.board-summary a .info--ko .category{display:none}.board-summary a .info--ko .date{float:left}.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.25492.png);background-position:-214px -170px;height:24px;width:24px}.board-summary--error .error-title .icon--media{background-image:url(/images/sprite.25492.png);background-position:-34px -214px;height:24px;width:24px}.board-summary--error .error-title .icon--support{background-image:url(/images/sprite.25492.png);background-position:-102px -214px;height:24px;width:24px}.board-summary--error .error-title .icon--cafe{background-image:url(/images/sprite.25492.png);background-position:0 -214px;height:24px;width:24px}.board-summary--error .error-title .icon--shop{background-image:url(/images/sprite.25492.png);background-position:-68px -214px;height:24px;width:24px}.board-summary--error .error-text{bottom:20px;color:#82828f;font-size:14px;left:20px;position:absolute;width:250px}.banner-summary{background-color:rgba(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .3s;transition:background-color .3s}.banner-summary>div{position:relative;top:0;-webkit-transition:top .3s;transition:top .3s}.banner-summary:hover{background-color:rgba(54,64,71,.9)}.banner-summary:hover>div{top:-4px}.banner-summary:active{background-color:rgba(33,39,43,.9)}.banner-summary:active>div{top:0}
.game-guide{background-color:rgba(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px 20px 20px;position:relative;width:900px}.game-guide__title{color:#82828f;font-size:14px;height:20px;line-height:20px}.game-guide__slide{margin-top:10px;overflow:hidden;width:100%}.game-guide__slide .swiper-slide{height:240px;position:relative;width:160px}.game-guide__slide .swiper-slide a{display:block;height:100%;position:relative}.game-guide__slide .swiper-slide a img{height:auto;opacity:.5;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%}.game-guide__slide .swiper-slide a .title{bottom:0;color:hsla(0,0%,100%,.85);font-family:Spoqa Han Sans Neo;font-size:14px;font-weight:700;height:50px;left:0;position:absolute;text-align:center;text-transform:uppercase;-webkit-transition:color .3s;transition:color .3s;white-space:pre-line;width:100%;z-index:20}.game-guide__slide .swiper-slide a:after{background-color:rgba(0,0,0,.5);border:2px solid rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;width:100%;z-index:10}.game-guide__slide .swiper-slide a:hover .title{color:#fff}.game-guide__slide .swiper-slide a:hover img{opacity:1}.game-guide__slide .swiper-slide a:hover:after{background-color:rgba(0,0,0,0);border-color:#deb692}.game-guide__slide .swiper-slide:active a .title{color:hsla(0,0%,100%,.2)}.game-guide__slide .swiper-slide:active a:after{background-color:rgba(0,0,0,.7);border-color:rgba(0,0,0,0)}.game-guide__btn-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;right:20px;top:16px;width:54px}.game-guide__btn-area .btn-nav--prev{background-image:url(/images/sprite.25492.png);background-position:-214px -136px;height:24px;opacity:.8;-webkit-transition:opacity .3s;transition:opacity .3s;width:24px}.game-guide__btn-area .btn-nav--prev:hover{opacity:1}.game-guide__btn-area .btn-nav--prev:active{opacity:.4}.game-guide__btn-area .btn-nav--next{background-image:url(/images/sprite.25492.png);background-position:-214px -102px;height:24px;opacity:.8;-webkit-transition:opacity .3s;transition:opacity .3s;width:24px}.game-guide__btn-area .btn-nav--next:hover{opacity:1}.game-guide__btn-area .btn-nav--next:active{opacity:.4}
.media{background-color:rgba(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px 20px 20px;position:relative;width:900px}.media__title{color:#82828f;font-size:14px;height:20px;line-height:20px}.media__content{height:295px;margin-top:9px;padding-left:559px;position:relative}.media__selected{background-color:#000;height:301px;left:0;position:absolute;top:0;width:535px}.media__selected iframe{height:100%;width:100%}.media__list{height:301px;overflow-y:auto}.media__list::-webkit-scrollbar{height:10px;opacity:0;width:8px}.media__list::-webkit-scrollbar-thumb{background:hsla(0,0%,72%,.3);border-radius:4px}.media__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.media__list--scroll{-webkit-mask-position:left top;mask-position:left top}.media__list .item{margin-top:15px;position:relative}.media__list .item a{display:block;padding-left:172px;width:100%}.media__list .item a,.media__list .item a .thumb{-webkit-box-sizing:border-box;box-sizing:border-box;height:90px}.media__list .item a .thumb{border:2px solid rgba(0,0,0,0);left:0;overflow:hidden;position:absolute;top:0;-webkit-transition:border-color .3s;transition:border-color .3s;width:160px}.media__list .item a .thumb img{height:auto;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}.media__list .item a .thumb:before{background-color:#000;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%;z-index:10}.media__list .item a .title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:hsla(0,0%,100%,.85);font-size:14px;height:90px;line-height:22px;padding-right:7px;text-align:left;text-overflow:ellipsis;-webkit-transition:color .3s;transition:color .3s;word-break:break-all;word-break:break-word}.media__list .item a:active .thumb:before{opacity:.7}.media__list .item a:active .title{color:hsla(0,0%,100%,.2)}.media__list .item--new .title:before{background-image:url(/images/sprite.25492.png);background-position:-248px -146px;content:"";display:inline-block;height:20px;margin-right:4px;vertical-align:middle;width:14px}.media__list .item a:hover .thumb,.media__list .item--on a .thumb{border-color:#deb692}.media__list .item a:hover .title,.media__list .item--on a .title{color:#fff}.media__list .item:first-of-type{margin-top:0}
.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.25492.png);background-position:-170px -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.25492.png);background-position:-136px -180px;height:24px;width:24px}.modal--profile-card .modal__container .modal__header .btn-modal-close:after{background-image:url(/images/sprite.25492.png);background-position:-102px -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.25492.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.25492.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.25492.png);background-position:-90px 0;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 .char-list__item{color:hsla(0,0%,100%,.5);font-size:14px;margin-bottom:6px;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.25492.png);background-position:-248px -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;padding-bottom:1px}.modal--profile-card .modal__container .modal__content .form__select .char-list .char-list__item--on:after{background-image:url(/images/sprite.25492.png);background-position:-248px -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-awas.284b5.png) no-repeat;bottom:20px;height:89px;position:absolute;right:20px;width:70px}.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.85fd5.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:394px 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:0;position:absolute;top:30px}html .page--index .content .test-ip .country{display:-webkit-box;display:-ms-flexbox;display:flex}html .page--index .content .test-ip .country>strong{background-color:#ccc;color:#000;font-size:20px;font-weight:400;margin:0 5px 20px;padding:0 10px}html .page--index .content .test-ip .country>strong>span{color:#c4404b;font-weight:700}html .page--index .content .test-ip button{background-color:#ccc;color:#000;font-size:12px;margin:0 5px 20px;padding:5px}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 .board-summary{display:inline-block;margin-right:15px;vertical-align:top}html .page--index .section--board .section__content .board-summary:last-of-type{margin-right:0}html .page--index .section--board .section__content .banner-summary{border-radius:6px;display:inline-block;height:120px;overflow:hidden;position:relative;vertical-align:top;width:290px}html .page--index .section--board .section__content .banner-summary a{display:block;position:relative}html .page--index .section--board .section__content .banner-summary a:before{background-color:#000;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%;will-change:opacity,background-color}html .page--index .section--board .section__content .banner-summary a:hover:before{opacity:.08}html .page--index .section--board .section__content .banner-summary a:active:before{background-color:#000;opacity:.2}html .page--index .section--guide,html .page--index .section--media{margin-top:15px}html .page--index .section--info{padding-top:15px;width:900px}html .page--index .section--info .section__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}html .page--index .section--info .section__content .game-spec{background-color:rgba(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:212px;width:290px}html .page--index .section--info .section__content .game-spec__wrap{padding:20px}html .page--index .section--info .section__content .game-spec ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;height:20px;justify-content:space-between;padding-bottom:8px}html .page--index .section--info .section__content .game-spec ul li strong{color:#82828f;font-size:14px;font-weight:400;line-height:1.43}html .page--index .section--info .section__content .game-spec ul li span{color:hsla(0,0%,100%,.85);font-size:14px;line-height:1.43;text-align:right}html .page--index .section--info .section__content .game-spec ul li .icon{display:inline-block}html .page--index .section--info .section__content .game-spec ul li .icon--platform-aos{background-image:url(/images/sprite.25492.png);background-position:-248px 0;height:20px;width:20px}html .page--index .section--info .section__content .game-spec ul li .icon--platform-ios{background-image:url(/images/sprite.25492.png);background-position:-248px -30px;height:20px;width:20px}html .page--index .section--info .section__content .game-spec ul li .icon--platform-windows{background-image:url(/images/sprite.25492.png);background-position:-248px -60px;height:20px;width:20px}html .page--index .section--info .section__content .game-spec ul:last-of-type{padding-bottom:0}html .page--index .section--info .section__content .game-info{background-color:rgba(42,49,54,.9);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;height:210px;-webkit-transition:background-color .3s;transition:background-color .3s;width:595px}html .page--index .section--info .section__content .game-info>div{position:relative;top:0;-webkit-transition:top .3s;transition:top .3s}html .page--index .section--info .section__content .game-info:hover{background-color:rgba(54,64,71,.9)}html .page--index .section--info .section__content .game-info:hover>div{top:-4px}html .page--index .section--info .section__content .game-info:active{background-color:rgba(33,39,43,.9)}html .page--index .section--info .section__content .game-info:active>div{top:0}html .page--index .section--info .section__content .game-info__wrap{height:100%}html .page--index .section--info .section__content .game-info a{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;padding:20px;position:relative}html .page--index .section--info .section__content .game-info a>.text{color:hsla(0,0%,100%,.85);font-size:14px;height:135px;letter-spacing:-.4px;line-height:1.57;overflow-y:auto}html .page--index .section--info .section__content .game-info a .detail{bottom:20px;color:#82828f;font-size:14px;left:20px;line-height:1.43;position:absolute;-webkit-transition:color .3s;transition:color .3s}html .page--index .section--info .section__content .game-info a .detail .bu{padding-left:4px}html .page--index .section--info .section__content .game-info a .detail:active{color:#82828f}