blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
dl,ol,ul{list-style:none}
img{border:0}
table{border-spacing:0;border-collapse:collapse}
input,select,textarea{font:12px 'Microsoft YaHei',simsun,tahoma;outline:0}
a{text-decoration:none;color:#2f2f2f;outline:0}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
.clearfix:after{display:block;height:0;font-size:0;visibility:hidden;clear:both;content:''}
.clearfix{zoom:1}
.clear{clear:both}
.hidden{line-height:99999px;overflow:hidden}
.relative{position:relative}
.fl{float:left}
.fr{float:right}
.fz14{font-size:14px}
.mt20{margin-top:20px}
[v-cloak]{display:none}
*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
@-webkit-keyframes startMask{to{-webkit-mask-position:100% center;mask-position:100% center}
}
@keyframes startMask{to{-webkit-mask-position:100% center;mask-position:100% center}
}
@-webkit-keyframes bossMask{to{-webkit-mask-position:0 100%;mask-position:0 100%}
}
@keyframes bossMask{to{-webkit-mask-position:0 100%;mask-position:0 100%}
}
@-webkit-keyframes aniArrow{to{-webkit-transform:translate(2%,0);transform:translate(2%,0)}
}
@keyframes aniArrow{to{-webkit-transform:translate(2%,0);transform:translate(2%,0)}
}
@-webkit-keyframes aniArrowDown{to{-webkit-transform:translate(0,5px);transform:translate(0,5px)}
}
@keyframes aniArrowDown{to{-webkit-transform:translate(0,5px);transform:translate(0,5px)}
}
@-webkit-keyframes aniPop{from{opacity:0;-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}
to{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes aniPop{from{opacity:0;-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}
to{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.mask{-webkit-mask-image:url(../images/mask-down.png)}
.mist{-webkit-mask-image:url(../images/mask-up.png)}
.mask,.mist{-webkit-mask-size:4000% 100%;mask-size:4000% 100%;-webkit-animation:startMask .5s steps(39) both;animation:startMask .5s steps(39) both;z-index:10;opacity:1!important}
.ani,.dungeon-cont{opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.ani-l,.tab-dungeon{opacity:0;-webkit-transform:translate(-10px,0);transform:translate(-10px,0)}
.ani-r{opacity:0;-webkit-transform:translate(10px,0);transform:translate(10px,0)}
.skill-detail{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}
.sub-page .bg-prev.active{-webkit-mask-image:url(../images/mask-transition.png);-webkit-animation:bossMask .5s steps(29) both;animation:bossMask .5s steps(29) both}
.features-list-01 li{opacity:0;-webkit-transform:translate(-10px,0);transform:translate(-10px,0)}
.features-list-02 li{opacity:0;-webkit-transform:translate(10px,0);transform:translate(10px,0)}
.index-swiper .swiper-slide-main.swiper-slide-active .btn::after,.index-swiper .swiper-slide-main.swiper-slide-active .btn::before{pointer-events:auto}
.index-swiper .swiper-slide-main.swiper-slide-active .dungeon-page.show{pointer-events:auto}
.index-swiper .swiper-slide-main.swiper-slide-active .gender-toggle a{pointer-events:auto}
.index-swiper .swiper-slide-main.swiper-slide-active .features-list a{pointer-events:auto}
.index-swiper .swiper-slide-main.active h2{-webkit-animation:zoomInDown 1s;animation:zoomInDown 1s}
.index-swiper .swiper-slide-main.active .ani,.index-swiper .swiper-slide-main.active .ani-l,.index-swiper .swiper-slide-main.active .ani-r{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .5s .5s,-webkit-transform .5s .5s;transition:opacity .5s .5s,-webkit-transform .5s .5s;transition:transform .5s .5s,opacity .5s .5s;transition:transform .5s .5s,opacity .5s .5s,-webkit-transform .5s .5s}
.index-swiper .swiper-slide-main.active .ani1{-webkit-transition-delay:.8s;transition-delay:.8s}
.index-swiper .swiper-slide-main.active .ani2{-webkit-transition-delay:1.1s;transition-delay:1.1s}
.index-swiper .swiper-slide-main.active .ani4{-webkit-transition-delay:1.6s;transition-delay:1.6s}
.index-swiper .swiper-slide-main.active .ani5{-webkit-transition-delay:2s;transition-delay:2s}
.index-swiper .swiper-slide-main.active .p0-scroll-tip{-webkit-animation:aniArrowDown 1s infinite linear;animation:aniArrowDown 1s infinite linear}
.index-swiper .swiper-slide-main.active .side-tabs a{-webkit-transition:opacity .3s .8s,-webkit-transform .3s .8s;transition:opacity .3s .8s,-webkit-transform .3s .8s;transition:transform .3s .8s,opacity .3s .8s;transition:transform .3s .8s,opacity .3s .8s,-webkit-transform .3s .8s}
.index-swiper .swiper-slide-main.active .side-tabs a:nth-of-type(2){-webkit-transition-delay:.9s;transition-delay:.9s}
.index-swiper .swiper-slide-main.active .side-tabs a:nth-of-type(3){-webkit-transition-delay:1s;transition-delay:1s}
.index-swiper .swiper-slide-main.active .side-tabs a:nth-of-type(4){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.index-swiper .swiper-slide-main.active .side-tabs a:nth-of-type(5){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.index-swiper .swiper-slide-main.active .skill-detail{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .5s 1.2s,-webkit-transform .5s 1.2s;transition:opacity .5s 1.2s,-webkit-transform .5s 1.2s;transition:transform .5s 1.2s,opacity .5s 1.2s;transition:transform .5s 1.2s,opacity .5s 1.2s,-webkit-transform .5s 1.2s}
.index-swiper .swiper-slide-main.active .features-list li{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .5s .7s,-webkit-transform .5s .7s;transition:opacity .5s .7s,-webkit-transform .5s .7s;transition:transform .5s .7s,opacity .5s .7s;transition:transform .5s .7s,opacity .5s .7s,-webkit-transform .5s .7s}
.index-swiper .swiper-slide-main.active .features-list li:nth-of-type(2){-webkit-transition-delay:.9s;transition-delay:.9s}
.index-swiper .swiper-slide-main.active .features-list li:nth-of-type(3){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.index-swiper .swiper-slide-main.active .features-list li:nth-of-type(4){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.index-swiper .swiper-slide-main.active .features-list li:nth-of-type(5){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.dungeon-page.show .dungeon-cont,.dungeon-page.show .tab-dungeon{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s}
.dungeon-page.show .dungeon-cont{-webkit-transition-delay:.2s;transition-delay:.2s}
.dungeon-page.show .btn-back::before{-webkit-animation:aniArrow 1s infinite linear;animation:aniArrow 1s infinite linear}
.dungeon-cont-01 h4::after,.dungeon-cont-01 h4::before{opacity:0}
.dungeon-cont-01 h4::before{-webkit-transform:translate(50px,0);transform:translate(50px,0)}
.dungeon-cont-01 h4::after{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}
.dungeon-cont-01 .equip-hg,.dungeon-cont-01 .rew-lists,.dungeon-cont-01 h5{opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.dungeon-cont-01.active .equip-hg,.dungeon-cont-01.active .rew-lists,.dungeon-cont-01.active h4::after,.dungeon-cont-01.active h4::before,.dungeon-cont-01.active h5{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}
.dungeon-cont-01.active h5{-webkit-transition-delay:.3s;transition-delay:.3s}
.dungeon-cont-01.active h5:nth-of-type(2){-webkit-transition-delay:.6s;transition-delay:.6s}
.dungeon-cont-01.active .rew-lists{-webkit-transition-delay:.3s;transition-delay:.3s}
.dungeon-cont-01.active .equip-hg{-webkit-transition-delay:.6s;transition-delay:.6s}
::-webkit-scrollbar{background:url(../images/scroll-bg.png) center/100% 100% no-repeat}
::-webkit-scrollbar-track{background-color:transparent}
br{font-family:'Microsoft YaHei UI'}

body,html{position:relative;width:100%;height:100%;overflow:hidden}
body{color:#beae8f}
a.ed,a.on{cursor:default}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.p-main{position:relative;width:100%;height:100%;overflow:hidden}
.abs{position:absolute;z-index:10}
.in-m{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.scroll-mod{position:relative;overflow-x:hidden}
.full-bg{position:relative;z-index:20;margin:0 auto;overflow:hidden;background:#140e0e}
.wrapper{z-index:5;margin:0 auto;padding:1px 0 0;letter-spacing:1.4px;text-indent:1.4px}
.wrapper h2,.wrapper h3{font-size:0}
.wrapper h2{position:absolute;background:url(../images/slo-02.png) center/cover no-repeat}
.wrapper h3{position:relative;z-index:0}
.logo img{width:100%}
.sidebar-mod{z-index:55;letter-spacing:2px;text-indent:2px}
.sidebar-mod a{color:#fffaee}
.sidebar-mod a span{display:block;position:relative;z-index:2;-webkit-filter:drop-shadow(0 0 4px rgba(255,178,92,.53)) drop-shadow(0 0 6px rgba(255,178,92,.53)) drop-shadow(0 0 16px rgba(121,77,42,.78)) drop-shadow(0 0 16px #211815)}
.sidebar-mod>a{right:0;background:url(../images/nav-a-on.png) center/cover no-repeat;-webkit-animation:tada 1.5s infinite linear;animation:tada 1.5s infinite linear;-webkit-transform-origin:center right;transform-origin:center right}
.sidebar-mod>a::after{content:"";display:block;background:url(../images/i-arrow-nav.png) center/cover no-repeat;-webkit-transition:all .5s;transition:all .5s}
.sidebar-mod.show>a{background:0 0;-webkit-animation:none;animation:none}
.sidebar-mod.show>a::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.sidebar-mod.show nav{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;height:100%;pointer-events:none;opacity:0;-webkit-transform:translate(100%,0);transform:translate(100%,0);-webkit-transition:all .5s;transition:all .5s}
nav a{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#beab93;pointer-events:auto;text-align:center}
nav a span{/*-webkit-transform:scaleX(.8);transform:scaleX(.8)*/}
nav a::before{content:"";position:absolute;top:0;right:0;z-index:0;width:100%;height:100%;background:url(../images/nav-a-on.png) center/cover no-repeat;opacity:0;-webkit-transform:translate(100%,0);transform:translate(100%,0);-webkit-transition:all .5s;transition:all .5s}
.p0-scroll-tip{position:absolute;background:url(../images/scroll-tips.png) center/cover no-repeat;color:#fff7c1;text-align:center;text-shadow:0 0 10px rgba(237,185,59,.45),0 0 20px rgba(237,185,59,.45)}
.p1 .wrapper h3{background:url(../images/tit-01.png) center/cover no-repeat}
.p1 .wrapper .notice{letter-spacing:0;text-indent:0}
.header-bar{position:relative}
.play-btn{background:url(../images/btn-play-bg.png) center/cover no-repeat;pointer-events:none}
.play-btn::before{content:"";display:block;background:url(../images/btn-play.png) center/cover no-repeat;-webkit-transition:all .5s;transition:all .5s}
.main-content{position:relative;padding:1px 0 0}
.font-nor{display:block;/*-webkit-transform:scaleX(.8);transform:scaleX(.8);font-family:"Noto Serif TC", serif;*/}
.side-tabs{pointer-events:none}
.side-tabs a{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#a9876b}
.side-tabs a span,.side-tabs a strong{position:relative;z-index:0;line-height:1.2}
.side-tabs a strong{background-image:-webkit-linear-gradient(90deg,#a9876b 30%,#efb995 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 6px rgba(123,93,59,.53)) drop-shadow(0 0 6px rgba(123,93,59,.53)) drop-shadow(0 0 20px rgba(42,31,23,.78))}
.side-tabs a span{display:block;color:#bc8357;background-image:-webkit-linear-gradient(90deg,#bc8357 30%,#ffb164 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 10px #291e16)}
.side-tabs a::before{content:'';position:absolute;z-index:2}
.side-tabs a:first-of-type{background:url(../images/tab-skill-01.png) center/cover no-repeat}
.side-tabs a:nth-of-type(2){background:url(../images/tab-skill-02.png) center/cover no-repeat}
.side-tabs a:nth-of-type(3){background:url(../images/tab-skill-03.png) center/cover no-repeat}
.side-tabs a:nth-of-type(4){background:url(../images/tab-skill-04.png) center/cover no-repeat}
.side-tabs a:nth-of-type(5){background:url(../images/tab-skill-05.png) center/cover no-repeat}
.nor-tit{background-image:-webkit-linear-gradient(90deg,#ffdbac 30%,#fff0d8 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;text-indent:2px}
.nor-h5{background:url(../images/skill-h5.png) center top/contain no-repeat;text-align:center}
.nor-h5 span{-webkit-filter:drop-shadow(-5px 0 0 rgba(255,255,255,.05)) drop-shadow(0 0 4px rgba(255,178,92,.53)) drop-shadow(0 0 4px rgba(255,178,92,.53)) drop-shadow(0 0 20px rgba(122,77,42,.78))}
.skill-item h4{position:relative;z-index:5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;background:url(../images/skill-item-bg.png) 0 0 no-repeat;color:#fffaee}
.skill-item h4 strong{-webkit-transform-origin:0 0;transform-origin:0 0}
.skill-item h4 strong::after{content:"";position:absolute;background:url(../images/tit-dot.png) center/cover no-repeat}
.skill-item h4 strong span{-webkit-filter:drop-shadow(-8px -5px 0 rgba(255,255,255,.05)) drop-shadow(0 0 4px rgba(255,178,92,.53)) drop-shadow(0 0 4px rgba(255,178,92,.53)) drop-shadow(0 0 20px rgba(122,77,42,.78))}
.skill-item h4>span{letter-spacing:2px;text-indent:2px;text-shadow:0 0 6px rgba(255,178,92,.8),0 0 6px rgba(255,178,92,.8),0 0 6px rgba(255,178,92,.8),0 0 20px rgba(122,77,42,.78)}
.skill-item .sub-block a{display:block;margin:20px 0 0;color:#d58741;}
.skill-item p{text-indent:2em}
.skill-item p span{color:#ffd480}
.tab-awaken a{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:url(../images/tab-awaken.png) center/cover no-repeat;color:#ffd480}
.tab-awaken a span{background-image:-webkit-linear-gradient(90deg,#ffd480 30%,#ffefca 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 3px #6d3a12) drop-shadow(0 0 3px #6d3a12) drop-shadow(0 0 6px #6d3a12)}
.btn-strategy{pointer-events:none}
.btn-strategy::after,.btn-strategy::before{content:"";position:absolute}
.btn-strategy::before{background:url(../images/i-guide.png) center/cover no-repeat;-webkit-transition:all .5s;transition:all .5s}
.notice{color:#7e7064}
.notice-02{color:#af8764;text-align:center;text-shadow:0 0 5px #1f1c19,0 0 5px #1f1c19,0 0 10px #1f1c19,0 0 10px #1f1c19,0 0 16px #1f1c19}
.p2 .wrapper h3{background:url(../images/tit-02.png) center/cover no-repeat}
.info-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-transition:al .5s;transition:al .5s}
.info-card.hover li{-webkit-filter:brightness(0.5);filter:brightness(.5)}
.info-card li{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}
.info-card li>div{position:relative;width:100%;height:100%}
.info-card li .info-content{position:relative;z-index:2}
.info-card li .info-title{font-size:0}
.info-card li .info-desc{color:#ebd4a4;text-shadow:0 0 6px #3b1f0e;letter-spacing:.5px;text-indent:.5px;line-height:1.3}
.info-card li .go-btn{position:absolute;top:0;z-index:0;background:url(../images/btn-go.png) center/cover no-repeat;-webkit-transition:all .5s;transition:all .5s}
.info-card li:first-of-type .go-btn,.info-card li:nth-of-type(3) .go-btn{right:3px}
.info-card li:nth-of-type(2) .go-btn,.info-card li:nth-of-type(4) .go-btn{left:3px}
.info-card .fire-01{background:url(../images/fire-li-01.png) center/cover no-repeat}
.info-card .fire-02{background:url(../images/fire-li-02.png) center/cover no-repeat}
.info-card .fire-03{background:url(../images/fire-li-03.png) center/cover no-repeat}
.info-card .fire-04{background:url(../images/fire-li-04.png) center/cover no-repeat}
.desc-text{pointer-events:none;text-align:center}
.desc-text h4{background:url(../images/tit-fire.png) center/contain no-repeat;color:#efcf89;line-height:1}
.desc-text h4 span{background-image:-webkit-linear-gradient(90deg,#efcf89 30%,#fff2e3 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px;text-indent:4px}
.desc-text h4 strong{color:#cc7841;background-image:-webkit-linear-gradient(90deg,#cc7841 30%,#fde072 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;text-indent:1px}
.desc-text>p{color:#c29f7f}
.p3 .wrapper h3{background:url(../images/tit-03.png) center/cover no-repeat}
.sub-page{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}
.dungeon-select{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.dungeon-select>div{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;cursor:pointer}
.dungeon-select>div::before{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;opacity:0;-webkit-transition:all .5s;transition:all .5s;background:url(../images/select-fb-01.png) center/cover no-repeat}
.dungeon-select>div:nth-of-type(2)::before{background:url(../images/select-fb-02.png) center/cover no-repeat}
.dungeon-select>div:nth-of-type(2) .dungeon-desc{background:url(../images/tit-fb2.png) center/cover no-repeat}
.dungeon-select>div a{background:url(../images/btn-detail-02.png) center/cover no-repeat;letter-spacing:2px;text-indent:2px}
.dungeon-desc{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;font-size:0;background:url(../images/tit-fb1.png) center/cover no-repeat}
.dungeon-page{opacity:0;pointer-events:none}
.dungeon-page.show{z-index:6;opacity:1}
.dungeon-page::before{content:'';position:absolute;top:0;left:0;z-index:2;height:100%}
.btn-back span{position:relative;z-index:2;margin:0 7px 6px 0;color:#fad188;background-image:-webkit-linear-gradient(90deg,#fad188 30%,#fff3ce 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 2px rgba(150,103,36,.56)) drop-shadow(0 0 2px rgba(150,103,36,.56)) drop-shadow(0 0 3px #434153) drop-shadow(0 0 4px #434153)}
.btn-back::before{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:url(../images/btn-back.png) center/cover no-repeat}
.tab-dungeon::before{content:"";position:absolute;z-index:0;pointer-events:none}
.tab-dungeon.nor .tab-hg a{color:#9593c6}
.tab-dungeon.nor .tab-hg a i{background:url(../images/tab-fb-02-on.png) center/cover no-repeat}
.tab-dungeon.nor .tab-hg a span{background:url(../images/tab-fb-02.png) center no-repeat}
.tab-dungeon.nor .tab-hg a span strong{background-image:-webkit-linear-gradient(140deg,#d8c6d6 30%,#9593c6 100%);-webkit-filter:drop-shadow(0 0 6px #3f2b58) drop-shadow(0 0 20px #19171c)}
.tab-dungeon.nor .tab-hg a:first-of-type::before{background:url(../images/fb-01-02.png) center/cover no-repeat}
.tab-dungeon.nor .tab-hg a:nth-of-type(2)::before{background:url(../images/fb-02-02.png) center/cover no-repeat}
.tab-dungeon.nor .tab-hg a:nth-of-type(3)::before{background:url(../images/fb-03-02.png) center/cover no-repeat}
.tab-dungeon.nor .tab-hg a:nth-of-type(4)::before{background:url(../images/fb-04-02.png) center/cover no-repeat}
.tab-dungeon.nor .tab-hg a.on span strong{background-image:-webkit-linear-gradient(90deg,#fff7de 30%,#fff7de 60%);-webkit-filter:drop-shadow(0 0 4px #d0b6ff) drop-shadow(0 0 4px #d0b6ff) drop-shadow(0 0 20px rgba(114,90,206,.4)) drop-shadow(0 0 20px rgba(63,32,63,.76))}
.difficulty-switch{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.difficulty-switch a{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;color:#ffd389;text-align:center}
.difficulty-switch a span{position:relative;z-index:2;background-image:url(../images/font-mask.jpg);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.difficulty-switch a::after,.difficulty-switch a::before{content:'';position:absolute;z-index:0;pointer-events:none;-webkit-transition:all .5s;transition:all .5s}
.difficulty-switch a::before{background:url(../images/tab-diff.png) center/cover no-repeat;opacity:0}
.difficulty-switch a::after{background:url(../images/i-arrow.png) center/cover no-repeat}
.difficulty-switch a:nth-of-type(2){color:#7f7299}
.difficulty-switch a:nth-of-type(2) span{background-image:url(../images/font-mask2.jpg)}
.difficulty-switch a:nth-of-type(2)::before{background:url(../images/tab-diff-02.png) center/cover no-repeat}
.difficulty-switch a:nth-of-type(2)::after{background:url(../images/i-arrow-02.png) center/cover no-repeat}
.tab-hg{-webkit-transition:all .5s;transition:all .5s}
.tab-hg a{position:relative;color:#a98569;-webkit-transition:all .5s;transition:all .5s}
.tab-hg a span{position:relative;z-index:2;background:url(../images/tab-fb.png) center no-repeat;letter-spacing:0;text-indent:0}
.tab-hg a span strong{display:block;/*-webkit-transform:scaleX(.8);transform:scaleX(.8);*/background-image:-webkit-linear-gradient(140deg,#ddbb85 30%,#a98569 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 6px #58402b) drop-shadow(0 0 20px #1e1b2f);}
.tab-hg a i,.tab-hg a::after,.tab-hg a::before{position:absolute;z-index:1;left:0;width:100%;pointer-events:none}
.tab-hg a i{background:url(../images/tab-fb-on.png) center/cover no-repeat;opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}
.tab-hg a::after,.tab-hg a::before{content:"";-webkit-transition:all .5s;transition:all .5s}
.tab-hg a::after{opacity:0;-webkit-transform:scale(1.2) translateZ(0);transform:scale(1.2) translateZ(0)}
.tab-hg a:first-of-type::before{background:url(../images/fb-01.png) center/cover no-repeat}
.tab-hg a:first-of-type::after{background:url(../images/fb-01-on.png) center/cover no-repeat}
.tab-hg a:nth-of-type(2)::before{background:url(../images/fb-02.png) center/cover no-repeat}
.tab-hg a:nth-of-type(2)::after{background:url(../images/fb-02-on.png) center/cover no-repeat}
.tab-hg a:nth-of-type(3)::before{background:url(../images/fb-03.png) center/cover no-repeat}
.tab-hg a:nth-of-type(3)::after{background:url(../images/fb-03-on.png) center/cover no-repeat}
.tab-hg a:nth-of-type(4)::before{background:url(../images/fb-04.png) center/cover no-repeat}
.tab-hg a:nth-of-type(4)::after{background:url(../images/fb-04-on.png) center/cover no-repeat}
.tab-hg a.on{color:#fff7de}
.tab-hg a.on span strong{background-image:-webkit-linear-gradient(90deg,#fff7de 30%,#fff7de 60%);-webkit-filter:drop-shadow(0 0 4px #ffc27a) drop-shadow(0 0 20px rgba(215,143,41,.4)) drop-shadow(0 0 20px rgba(65,44,23,.76))}
.tab-hg a.on i{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all .5s;transition:all .5s}
.tab-hg a.on::before{-webkit-transform:scale(1.2) translateZ(0);transform:scale(1.2) translateZ(0);opacity:0}
.tab-hg a.on::after{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);opacity:1}
.dungeon-cont{position:relative}
.dungeon-cont h4{position:absolute;font-size:0}
.dungeon-cont h4::after,.dungeon-cont h4::before{content:"";position:absolute}
.dungeon-cont h4::before{background:url(../images/tit-hero.png) center/cover no-repeat}
.dungeon-cont h4::after{top:0;left:0;width:100%;height:100%}
.dungeon-cont h4.nor::before{background:url(../images/tit-nor.png) center/cover no-repeat}
.dungeon-cont .tit-fb-01::after{background:url(../images/tit-fb-01.png) center/cover no-repeat}
.dungeon-cont .tit-fb-02::after{background:url(../images/tit-fb-02.png) center/cover no-repeat}
.dungeon-cont .tit-fb-03::after{background:url(../images/tit-fb-03.png) center/cover no-repeat}
.dungeon-cont .tit-fb-04::after{background:url(../images/tit-fb-04.png) center/cover no-repeat}
.dungeon-cont h5{position:relative;z-index:2}
.dungeon-cont .notice{text-align:center}
.rew-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.rew-lists li{background:url(../images/rew-li.png) center top/contain no-repeat}
.rew-lists li img{display:block;-webkit-filter:drop-shadow(0 0 5px #06040c) drop-shadow(0 0 10px #06040c)}
.rew-lists li p{background:url(../images/tit-rew.png) center/contain no-repeat;text-align:center}
.rew-lists li p span{color:#c29f7f;background-image:-webkit-linear-gradient(90deg,#c29f7f 30%,#ffe6c3 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:0;text-indent:0}
.equip{position:relative;z-index:0;color:#c29f7f;text-align:center;line-height:1}
.equip p{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end;background-image:-webkit-linear-gradient(90deg,#c29f7f 30%,#ffd9bd 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.equip strong{display:block;color:#ffa93a;background-image:url(../images/font-mask-02.jpg);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 -1px .1px #fff1ca) drop-shadow(0 1px .1px #fff1ca) drop-shadow(-1px -1px .1px #fff1ca) drop-shadow(1px 1px .1px #fff1ca)}
.equip span{background-image:-webkit-linear-gradient(90deg,#c29f7f 30%,#ffd9bd 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.equip-hg{background:url(../images/equip-bg.png) center/cover no-repeat}
.dungeon-cont-02>div{color:#e2bfa3}
.dungeon-cont-02>div p{text-indent:2em}
.equip-ten{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:url(../images/equip-lists.png) center/cover no-repeat}
.equip-ten li h6{-webkit-filter:drop-shadow(0 0 6px #06040c)}
.equip-ten li strong{letter-spacing:0;text-indent:0}
.equip-ten li:first-of-type h6{color:#9588cb;background-image:-webkit-linear-gradient(90deg,#9588cb 30%,#c3bafc 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.equip-ten li:first-of-type strong{background-image:url(../images/font-mask-03.jpg)}
.equip-ten li:nth-of-type(2) h6{background-image:-webkit-linear-gradient(90deg,#c29f7f 30%,#ffd9bd 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.equip-ten li:nth-of-type(3) h6{color:#c96b50;background-image:-webkit-linear-gradient(90deg,#c96b50 30%,#ffc0af 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.equip-ten li:nth-of-type(3) strong{background-image:url(../images/font-mask-04.jpg)}
.p4 .wrapper h3{background:url(../images/tit-04.png) center/cover no-repeat}
.btn-detail{position:relative;z-index:2;color:#fffaee}
.btn-detail span{background-image:-webkit-linear-gradient(90deg,#ffd480 30%,#ffefca 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 2px #2d1400) drop-shadow(0 0 9px #2d1400)}
.card-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.card-list li{position:relative;z-index:1;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;-webkit-filter:drop-shadow(0 0 20px rgba(255,243,200,.53)) drop-shadow(0 0 20px rgba(255,243,200,.53)) drop-shadow(0 0 20px rgba(255,243,200,.53))}
.card-list li::before{content:'';position:absolute;top:0;z-index:0;height:100%;opacity:1;pointer-events:none;-webkit-transition:background .5s;transition:background .5s}
.card-list li h4{font-size:0}
.card-list li a{background:url(../images/btn-detail.png) center/cover no-repeat}
.card-list .card-01::before{background:url(../images/card-01.png) center/cover no-repeat}
.card-list .card-02::before{background:url(../images/card-02.png) center/cover no-repeat}
.card-list .card-03::before{background:url(../images/card-03.png) center/cover no-repeat}
.card-list .card-04::before{background:url(../images/card-04.png) center/cover no-repeat}
.card-list .card-05::before{background:url(../images/card-05.png) center/cover no-repeat}
.p5 .wrapper h3{background:url(../images/tit-05.png) center/cover no-repeat}
.sz-item{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;-webkit-transition:all 1s;transition:all 1s}
.sz-item.on>h4{cursor:default}
.sz-item.on .sz-cont{display:block}
.sz-item>h4{position:relative;z-index:2;font-size:0;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}
.sz-item .h4-01{background:url(../images/sz-li-01.png) center/cover no-repeat}
.sz-item .h4-02{background:url(../images/sz-li-02.png) center/cover no-repeat}
.sz-item .h4-03{background:url(../images/sz-li-03.png) center/cover no-repeat}
.sz-item .skill-item h4 strong::after{display:none}
.sz-cont{display:none;position:absolute;right:0;z-index:1;text-align:justify}
.sz-cont p{text-shadow:0 0 16px #33241d,0 0 16px #33241d}
.sz-cont .attention{color:#dca273}
.sz-cont .tab-awaken{position:absolute;left:0;z-index:5;width:100%;margin:0}
.sz-cont .tab-awaken a{-webkit-transition:all .5s;transition:all .5s}
.sz-cont .tab-awaken a.on{cursor:pointer}
.sz-cont .attention-02{position:absolute;left:0;width:100%;color:#201a15;text-align:center;text-shadow:0 0 8px #b7a487,0 0 8px #b7a487}
.sz-cont>div p a{color:#dca273;text-decoration:underline}
.sz-cont-01>div p{text-indent:2em}
.sz-cont-01>div p:first-of-type{padding-bottom:20px}
.p6 .wrapper h3{background:url(../images/tit-06.png) center/cover no-repeat}
.tab-wel{top:0;padding:1px 0 0}
.tab-wel a{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:url(../images/tab-wel.png) center/cover no-repeat;-webkit-transition:background .5s;transition:background .5s;line-height:1}
.tab-wel a strong{display:block;color:#ffeac1;background-image:-webkit-linear-gradient(90deg,#ffeac1 30%,#fffaee 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 8px #7f584f) drop-shadow(0 0 8px #7f584f);/*-webkit-transform:scaleX(.8);transform:scaleX(.8);*/}
.tab-wel a>span{color:#d8bfb0;/*background-image:-webkit-linear-gradient(90deg,#ffeac1 30%,#d8bfb0 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 20 #503c3a);*/letter-spacing:.5px;text-indent:.5px}
.tab-wel a::after,.tab-wel a::before{content:"";position:absolute}
.tab-wel a::after{top:0;left:0;height:100%}
.tab-wel a::before{background:url(../images/tab-wel-b.png) center/cover no-repeat;opacity:0;-webkit-transform:translate(50px,0);transform:translate(50px,0);pointer-events:none}
.tab-wel a:nth-of-type(4)::after{background:url(../images/i-wel-04.png) center/cover no-repeat}
.tab-wel a:nth-of-type(5)::after{background:url(../images/i-wel-05.png) center/cover no-repeat}
.tab-wel a:nth-of-type(6)::after{background:url(../images/i-wel-06.png) center/cover no-repeat}
.tab-wel a:nth-of-type(7)::after{background:url(../images/i-wel-07.png) center/cover no-repeat}
.tab-wel a:nth-of-type(2) strong,.tab-wel a:nth-of-type(3) strong{-webkit-filter:drop-shadow(0 0 5px #b86012) drop-shadow(0 0 8px #b86012)}
.tab-wel a:nth-of-type(2)>span,.tab-wel a:nth-of-type(3)>span{color:#e3b79e;/*background-image:-webkit-linear-gradient(90deg,#e3b79e 30%,#ffdab5 60%);-webkit-filter:drop-shadow(0 0 16px #694426)*/}
.tab-wel .a1{pointer-events:none}
.tab-wel .a1{background:url(../images/tab-wel-01.png) center/cover no-repeat}
.tab-wel .a2{background:url(../images/tab-wel-02.png) center/cover no-repeat}
.tab-wel .a3{background:url(../images/tab-wel-03.png) center/cover no-repeat}
.fashion-content{position:relative}
.gender-toggle{pointer-events:none}
.gender-toggle a{position:relative;color:#fffaee}
.gender-toggle a::after,.gender-toggle a::before{content:"";position:absolute;left:0;z-index:0;pointer-events:none;-webkit-transition:all .5s;transition:all .5s}
.gender-toggle a::before{background:url(../images/tab-gender.png) center/cover no-repeat}
.gender-toggle a::after{background:url(../images/tab-gender-on.png) center/cover no-repeat;opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.gender-toggle a span{position:relative;z-index:5;background-image:-webkit-linear-gradient(90deg,#ffeac1 30%,#fffaee 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 3px #b87f12)}
.fashion-desc a{margin:0 auto;background:url(../images/btn-guide-03.png) center/cover no-repeat;color:#fffaee}
.fashion-desc a span{background-image:-webkit-linear-gradient(90deg,#ffd480 30%,#ffefca 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:3px;text-indent:3px}
.fashion-desc .font-sysr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff3dc;text-shadow:0 0 10px #1f1c19,0 0 20px #1f1c19,0 0 20px #1f1c19}
.fashion-desc .font-sysr span{display:block;color:#e69750;margin-left:-7.4em;white-space:nowrap}
.p7 .wrapper h3{background:url(../images/tit-07.png) center/cover no-repeat}
.other-cont{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.features-list{position:relative;width:50%;pointer-events:none}
.features-list li{position:relative;color:#f5e5ac;text-align:center}
.features-list li .feature-content{position:relative;width:100%;height:100%;-webkit-transition:background .5s;transition:background .5s;background:url(../images/other-li.png) center/cover no-repeat}
.features-list li h4{font-size:0;-webkit-transition:all .5s;transition:all .5s}
.features-list li .badge-go{position:absolute;background:url(../images/i-go.png) center/cover no-repeat;-webkit-transition:all .5s;transition:all .5s}
.features-list li .feature-desc{letter-spacing:0;text-indent:0;text-shadow:0 0 3px #4e3b20,0 0 3px #4e3b20,0 0 3px #4e3b20,0 0 3px #4e3b20}
.features-list li a{position:absolute;z-index:5}
.features-list .li-06 .feature-content,.features-list .li-08 .feature-content,.features-list .li-09 .feature-content{background:url(../images/other-li-02.png) center/cover no-repeat}
.features-list .li-07 .feature-content{background:url(../images/other-li-04.png) center/cover no-repeat}
.features-list .li-10 .feature-content{background:url(../images/other-li-03.png) center/cover no-repeat}
.features-list .li-01 h4{background:url(../images/tit-o-01.png) no-repeat}
.features-list .li-02 h4{background:url(../images/tit-o-02.png) no-repeat}
.features-list .li-03 h4{background:url(../images/tit-o-03.png) no-repeat}
.features-list .li-04 h4{background:url(../images/tit-o-04.png) no-repeat}
.features-list .li-05 h4{background:url(../images/tit-o-05.png) no-repeat}
.features-list .li-06 h4{background:url(../images/tit-o-06.png) no-repeat}
.features-list .li-07 h4{background:url(../images/tit-o-07.png) no-repeat}
.features-list .li-08 h4{background:url(../images/tit-o-08.png) no-repeat}
.features-list .li-09 h4{background:url(../images/tit-o-09.png) no-repeat}
.features-list .li-10 h4{background:url(../images/tit-o-10.png) no-repeat}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-thumb{background:url(../images/scroll-bar.png) center/100% 100% no-repeat}
body{font:14px/1.5 "Microsoft Yahei"}
body.mobile .sidebar-mod>a{bottom:140px}
body.mobile nav{padding:120px 0 210px}
body.mobile nav a{margin-bottom:-30px}
.public_top_full_bg{position:fixed!important;top:0;left:0;width:100%}
a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
a.on:hover{-webkit-filter:brightness(1);filter:brightness(1)}
a.ed:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.full-bg{width:100%;height:100%}
.main-contain{position:absolute;left:50%;top:50%;z-index:10;width:0;height:0}
section{position:absolute;top:50%;left:50%;margin:-540px 0 0 -960px;width:1920px;max-width:1920px;height:1080px;overflow:hidden}
section.big{-webkit-mask-image:-webkit-linear-gradient(left,rgba(135,224,253,0) 0,#87e0fd 1%,#000 99%,rgba(5,171,224,0))}
.wrapper{position:absolute;top:50%;left:50%;width:1400px;height:855px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wrapper h2{top:496px;left:40px;width:1220px;height:288px}
.wrapper h3{width:820px;height:274px}
.logo{top:100px;left:200px;width:140px}
.sidebar-mod{position:fixed;top:50%;right:0;height:1080px;margin-top:-540px;-webkit-transform-origin:center right!important;transform-origin:center right!important}
.sidebar-mod a{width:232px;height:116px}
.sidebar-mod>a{bottom:130px;padding:0 0 8px 113px;font-size:16px}
.sidebar-mod>a::after{width:40px;height:47px;margin-left:-12px}
nav{width:232px;padding:100px 0 230px;background:url(../images/nav-bg.png) no-repeat}
nav>a{margin-bottom:-8px;padding:0 0 8px 86px;font-size:18px;line-height:22px}
nav>a.on::before,nav>a:hover::before{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.p0{background:url(../images/p0-1.jpg) center no-repeat}
.p0-scroll-tip{bottom:-45px;left:50%;margin-left:-126px;width:252px;height:68px;padding:2px 0 0;font-size:16px}
.p1 .wrapper h3,.p3 .wrapper h3,.p5 .wrapper h3,.p7 .wrapper h3{width:1145px;height:249px}
.p1{background:url(../images/p1.jpg) center no-repeat}
.p1 .wrapper h3{margin:-70px 0 0 114px}
.p1 .wrapper .notice{padding:35px 0 0 270px}
.play-btn{top:-21px;left:523px;width:510px;height:259px;padding:74px 0 0 281px}
.play-btn::before{width:182px;height:148px}
.play-btn:hover::before{-webkit-transform:scale(1.04);transform:scale(1.04)}
.side-tabs{top:-33px;left:-51px}
.side-tabs a{width:345px;height:209px;margin:0 0 -98px;padding:0 0 22px 84px}
.side-tabs a strong{font-size:28px}
.side-tabs a span{margin-bottom:5px;font-size:18px}
.side-tabs a::before{top:58px;left:40px;width:280px;height:76px}
.side-tabs a:nth-of-type(2),.side-tabs a:nth-of-type(4){margin-left:24px}
.side-tabs a:nth-of-type(3){margin-left:33px}
.side-tabs a:first-of-type.on,.side-tabs a:first-of-type:hover{background:url(../images/tab-skill-01-on.png) no-repeat;color:#fffaee}
.side-tabs a:first-of-type.on strong,.side-tabs a:first-of-type:hover strong{background-image:-webkit-linear-gradient(90deg,#fffaee 20%,#fffaee 50%);-webkit-filter:drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 20px rgba(159,107,41,.73))}
.side-tabs a:first-of-type.on span,.side-tabs a:first-of-type:hover span{color:#fee7ca;background-image:-webkit-linear-gradient(90deg,#fee7ca 20%,#fee7ca 50%);-webkit-filter:none}
.side-tabs a:nth-of-type(2).on,.side-tabs a:nth-of-type(2):hover{background:url(../images/tab-skill-02-on.png) no-repeat;color:#fffaee}
.side-tabs a:nth-of-type(2).on strong,.side-tabs a:nth-of-type(2):hover strong{background-image:-webkit-linear-gradient(90deg,#fffaee 20%,#fffaee 50%);-webkit-filter:drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 20px rgba(159,107,41,.73))}
.side-tabs a:nth-of-type(2).on span,.side-tabs a:nth-of-type(2):hover span{color:#fee7ca;background-image:-webkit-linear-gradient(90deg,#fee7ca 20%,#fee7ca 50%);-webkit-filter:none}
.side-tabs a:nth-of-type(3).on,.side-tabs a:nth-of-type(3):hover{background:url(../images/tab-skill-03-on.png) no-repeat;color:#fffaee}
.side-tabs a:nth-of-type(3).on strong,.side-tabs a:nth-of-type(3):hover strong{background-image:-webkit-linear-gradient(90deg,#fffaee 20%,#fffaee 50%);-webkit-filter:drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 20px rgba(159,107,41,.73))}
.side-tabs a:nth-of-type(3).on span,.side-tabs a:nth-of-type(3):hover span{color:#fee7ca;background-image:-webkit-linear-gradient(90deg,#fee7ca 20%,#fee7ca 50%);-webkit-filter:none}
.side-tabs a:nth-of-type(4).on,.side-tabs a:nth-of-type(4):hover{background:url(../images/tab-skill-04-on.png) no-repeat;color:#fffaee}
.side-tabs a:nth-of-type(4).on strong,.side-tabs a:nth-of-type(4):hover strong{background-image:-webkit-linear-gradient(90deg,#fffaee 20%,#fffaee 50%);-webkit-filter:drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 20px rgba(159,107,41,.73))}
.side-tabs a:nth-of-type(4).on span,.side-tabs a:nth-of-type(4):hover span{color:#fee7ca;background-image:-webkit-linear-gradient(90deg,#fee7ca 20%,#fee7ca 50%);-webkit-filter:none}
.side-tabs a:nth-of-type(5).on,.side-tabs a:nth-of-type(5):hover{background:url(../images/tab-skill-05-on.png) no-repeat;color:#fffaee}
.side-tabs a:nth-of-type(5).on strong,.side-tabs a:nth-of-type(5):hover strong{background-image:-webkit-linear-gradient(90deg,#fffaee 20%,#fffaee 50%);-webkit-filter:drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 6px rgba(255,195,127,.73)) drop-shadow(0 0 20px rgba(159,107,41,.73))}
.side-tabs a:nth-of-type(5).on span,.side-tabs a:nth-of-type(5):hover span{color:#fee7ca;background-image:-webkit-linear-gradient(90deg,#fee7ca 20%,#fee7ca 50%);-webkit-filter:none}
.skill-detail{height:630px;margin:-36px 455px 0 277px;padding:0 10px 0 0}
.nor-tit{font-size:28px}
.nor-h5{height:94px;padding:37px 0 0}
.skill-item{margin:0 0 24px}
.skill-item h4{padding:11px 0 0 85px}
.skill-item h4 strong::after{top:31px;right:-32px;width:16px;height:8px}
.skill-item h4>span{margin:0 0 3px 21px;font-size:19px}
.skill-item h5{margin-left:70px}
.skill-item h5 .nor-tit{font-size:22px}
.skill-item .nor-h5{height:77px;padding-top:32px}
.skill-item .sub-block{padding:10px 0 0 75px}
.skill-item .sub-block a:hover{text-decoration:underline}
.skill-item .skill-awaken{padding:0 0 24px 75px}
.skill-item:last-of-type .sub-block{padding-bottom:60px}
.skill-item:last-of-type .sub-block:nth-last-of-type(1){padding-bottom:0}
.tab-awaken{margin:-28px 0 -14px 66px}
.tab-awaken a{width:281px;height:114px;margin:0 -44px;font-size:19px}
.tab-awaken a.on,.tab-awaken a:hover{background:url(../images/tab-awaken-on.png) center/cover no-repeat;color:#fefdf3}
.tab-awaken a.on span,.tab-awaken a:hover span{background-image:-webkit-linear-gradient(90deg,#fdfac9 30%,#fefdf3 60%);-webkit-filter:drop-shadow(0 0 3px rgba(109,58,18,.44)) drop-shadow(0 0 3px rgba(109,58,18,.44)) drop-shadow(0 0 6px #b67a29)}
.btn-strategy{top:388px;left:981px;width:514px;height:355px;background:url(../images/btn-guide.png) no-repeat}
.btn-strategy::before{top:173px;left:364px;width:23px;height:32px}
.btn-strategy::after{top:135px;left:270px;width:120px;height:120px}
.btn-strategy:hover::before{-webkit-transform:translate(20%,0);transform:translate(20%,0)}
.p2{background:url(../images/p2.jpg) center no-repeat}
.p2 .wrapper h3{width:1146px;height:264px;margin:-90px 0 0 154px}
.info-card{width:1460px;padding:58px 0 0}
.info-card.hover li:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.info-card li{width:659px;height:259px}
.info-card li>div{padding:139px 0 0}
.info-card li .info-desc{font-size:18px}
.info-card li .go-btn{width:206px;height:212px}
.info-card li:first-of-type{margin:0 0 0 -76px}
.info-card li:first-of-type>div{padding-left:90px}
.info-card li:nth-of-type(2){margin:0 0 0 216px}
.info-card li:nth-of-type(2)>div{padding:125px 50px 0 0}
.info-card li:nth-of-type(2) .info-desc{font-size:16px}
.info-card li:nth-of-type(3),.info-card li:nth-of-type(4){margin:-38px 0 0 6px}
.info-card li:nth-of-type(3)>div{padding-right:16px}
.info-card li:nth-of-type(4){margin-left:50px}
.info-card li:nth-of-type(4)>div{padding-left:12px}
.info-card li:hover .go-btn{-webkit-transform:scale(1.04);transform:scale(1.04)}
.desc-text{margin:-105px 0 0}
.desc-text h4{height:164px;margin-bottom:5px;padding:52px 0 0;font-size:36px}
.desc-text h4 strong{font-size:60px}
.desc-text>p{letter-spacing:2.8px;text-indent:2.8px}
.p3{background:url(../images/p3.jpg) center no-repeat}
.p3 .wrapper h3{margin:-70px 0 0 176px}
.dungeon-select{margin:-122px 0 0 74px}
.dungeon-select>div{width:634px;height:790px;padding:606px 0 0 8px}
.dungeon-select>div:nth-of-type(2){margin:0 0 0 -27px}
.dungeon-select>div.on::before,.dungeon-select>div:hover::before{opacity:1}
.dungeon-select>div.on a,.dungeon-select>div:hover a{background:url(../images/btn-detail-02-on.png) no-repeat}
.dungeon-select>div a{width:585px;height:185px;padding:22px 0 0;font-size:24px}
.dungeon-page::before{width:1370px;background:url(../images/p3-cont-bg.png) no-repeat}
.dungeon-page .btn-strategy{top:525px;left:960px;width:508px;height:384px;background:url(../images/btn-guide-02.png) no-repeat}
.dungeon-page .btn-strategy::before{top:187px;left:346px;width:25px;height:35px}
.dungeon-page .btn-strategy::after{top:148px;left:248px}
.sub-page .bg-prev{-webkit-mask-size:100% auto;mask-size:100% auto}
.boss-bg span{background:url(../images/boss-01.jpg) center no-repeat}
.boss-bg span.b-1{background:url(../images/boss-02.jpg) center no-repeat}
.boss-bg span.b-2{background:url(../images/boss-03.jpg) center no-repeat}
.boss-bg span.b-3{background:url(../images/boss-04.jpg) center no-repeat}
.dungeon-page2{background:url(../images/p3-02.jpg) center no-repeat}
.btn-back{top:-8px;right:-21px;width:327px;height:107px;font-size:32px}
.tab-dungeon{top:40px;left:12px;width:196px;height:888px;padding:98px 0 0 30px}
.tab-dungeon::before{top:-54px;left:-155px;width:510px;height:969px;background:url(../images/tab-dungeon-bg.png) no-repeat}
.tab-dungeon.nor::before{background:url(../images/tab-dungeon-bg-02.png) no-repeat}
.tab-dungeon.nor .tab-hg{-webkit-transform:translate(65px,-5px);transform:translate(65px,-5px)}
.tab-dungeon.nor .tab-hg a{margin-bottom:22px}
.difficulty-switch a{width:80px;height:100px;font-size:35px;line-height:36px}
.difficulty-switch a::before{top:-54px;left:-81px;width:179px;height:181px}
.difficulty-switch a::after{top:42px;left:-57px;width:164px;height:127px;-webkit-transform-origin:97px 46px;transform-origin:97px 46px}
.difficulty-switch a:nth-of-type(2){margin:-29px 0 0 21px}
.difficulty-switch a:nth-of-type(2).on span,.difficulty-switch a:nth-of-type(2):hover span{background-image:url(../images/font-mask2-on.jpg);-webkit-filter:drop-shadow(0 0 8px rgba(117,54,184,.8))}
.difficulty-switch a:nth-of-type(2).on::after,.difficulty-switch a:nth-of-type(2):hover::after{background:url(../images/i-arrow-02-on.png) no-repeat}
.difficulty-switch a.on span,.difficulty-switch a:hover span{background-image:url(../images/font-mask-on.jpg);-webkit-filter:drop-shadow(0 0 8px rgba(187,142,54,.8))}
.difficulty-switch a.on::before,.difficulty-switch a:hover::before{opacity:1}
.difficulty-switch a.on::after,.difficulty-switch a:hover::after{background:url(../images/i-arrow-on.png) no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.tab-hg{margin:21px 0 0 -95px}
.tab-hg a{width:252px;height:110px;margin-bottom:13px;padding:60px 0 0 9px;font-size:24px}
.tab-hg a i,.tab-hg a::after,.tab-hg a::before{top:-17px;height:174px}
.tab-hg a:nth-of-type(2){margin-left:38px}
.tab-hg a:nth-of-type(3){margin-left:44px}
.tab-hg a:nth-of-type(4){margin-left:37px}
.dungeon-cont h4{top:-57px;left:77px;width:1145px;height:261px}
.dungeon-cont h4::before{top:72px;left:202px;width:279px;height:89px}
.dungeon-cont-01{padding:150px 231px 0 0}
.rew-lists{margin:0 0 -6px}
.rew-lists li{width:142px;min-height:216px;margin:0 6px;padding:78px 0 0}
.rew-lists li div{height:108px}
.rew-lists li div img{width:80px;height:80px}
.rew-lists li p{height:50px;margin-top:10px;padding:0 10px;font-size:20px;line-height:24px}
.equip-hg{width:832px;height:421px;margin:-118px 0 -57px 104px;padding:174px 0 0 351px;font-size:30px}
.equip-hg strong{padding:0 5px;font-size:50px}
.dungeon-cont-02{padding:0 476px 0 0}
.dungeon-cont-02>div{padding:0 150px 0 159px;margin:-5px 0 8px;line-height:24px}
.dungeon-cont-02 .rew-lists{margin:0 0 -17px}
.dungeon-cont-02 .rew-lists li{margin:0 12px}
.equip-ten{width:1004px;height:279px;margin:-47px 0 -19px -48px;padding:0 0 0 15px;font-size:24px}
.equip-ten li{width:210px;padding:49px 0 0}
.equip-ten li strong{padding:0 3px;font-size:35px}
.equip-ten li h6{margin-bottom:100px}
.p4{background:url(../images/p4.jpg) center no-repeat}
.p4 .wrapper h3{margin:-70px 0 0 635px}
.card-list{padding:32px 0 0;gap:14px}
.card-list li{width:240px;height:617px;padding:327px 2px 0}
.card-list li::before{left:-116px;width:464px}
.card-list li a{width:237px;height:152px;padding:21px 10px 0 0;font-size:20px}
.card-list li:nth-of-type(2),.card-list li:nth-of-type(4){margin:68px 0 0}
.card-list li:nth-of-type(3){margin:109px 0 0}
.card-list li:hover{z-index:2;-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.card-list li:hover a{background:url(../images/btn-detail-on.png) no-repeat}
.card-list li:hover a:hover{-webkit-filter:brightness(1);filter:brightness(1)}
.card-list .card-01:hover::before{background:url(../images/card-01-on.png) no-repeat}
.card-list .card-02:hover::before{background:url(../images/card-02-on.png) no-repeat}
.card-list .card-03:hover::before{background:url(../images/card-03-on.png) no-repeat}
.card-list .card-04:hover::before{background:url(../images/card-04-on.png) no-repeat}
.card-list .card-05:hover::before{background:url(../images/card-05-on.png) no-repeat}
.p5{background:url(../images/p5.jpg) center no-repeat}
.p5 .wrapper h3{margin:-65px 0 0 202px}
.sz-lists{margin:-232px 0 0}
.sz-item{width:197px;height:1015px;margin:0 -14px}
.sz-item.on{width:1186px;margin-right:-153px}
.sz-item.on .h4-01,.sz-item:hover .h4-01{background:url(../images/sz-li-01-on.png) no-repeat}
.sz-item.on .h4-02,.sz-item:hover .h4-02{background:url(../images/sz-li-02-on.png) no-repeat}
.sz-item.on .h4-03,.sz-item:hover .h4-03{background:url(../images/sz-li-03-on.png) no-repeat}
.sz-item>h4{width:197px;height:1015px}
.sz-cont{top:160px;width:1127px;height:792px;padding:103px 218px 0 118px;background:url(../images/sz-cont.png) no-repeat;font-size:16px}
.sz-cont>.attention{padding:16px 0 0;font-size:14px}
.sz-cont .tab-awaken{bottom:125px;padding-right:60px}
.sz-cont .tab-awaken a{width:323px;height:131px;font-size:22px}
.sz-cont .tab-awaken a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.sz-cont .attention-02{bottom:86px;padding:0 90px 0 0;font-size:14px}
.sz-cont h4{padding:11px 0 10px 82px}
.sz-cont h4~h4{margin-top:9px}
.sz-cont .sz-detail{padding:0 40px 0 75px;font-size:14px}
.sz-cont-01{padding:70px 218px 0 155px}
.rule-list{margin-top:-1px}
.rule-list li{line-height:26.5px}
.p6 .wrapper h3{margin:-70px 0 0 655px}
.fashion-bg span{background:url(../images/p6.jpg) center no-repeat}
.fashion-bg span.b-1{background:url(../images/p6-01.jpg) center no-repeat}
.fashion-bg span.b-2{background:url(../images/p6-02.jpg) center no-repeat}
.fashion-bg span.b-3{background:url(../images/p6-03.jpg) center no-repeat}
.fashion-bg.limit span{background:url(../images/p6-04.jpg) center no-repeat}
.fashion-bg.limit span.b-1{background:url(../images/p6-05.jpg) center no-repeat}
.fashion-bg.limit span.b-2{background:url(../images/p6-06.jpg) center no-repeat}
.fashion-bg.limit span.b-3{background:url(../images/p6-07.jpg) center no-repeat}
.tab-wel{left:39px}
.tab-wel a{width:403px;height:94px;margin:7px 0 0;padding:0 0 0 59px}
.tab-wel a>strong{margin:0 0 7px;font-size:27px}
.tab-wel a>span{font-size:18px}
.tab-wel a::before{top:-20px;left:-360px;width:524px;height:174px}
.tab-wel a::after{width:115px}
.tab-wel a:nth-of-type(2),.tab-wel a:nth-of-type(3){width:456px;height:104px;margin:0 0 -5px -14px;padding:3px 0 0 34px}
.tab-wel a:nth-of-type(2)::before,.tab-wel a:nth-of-type(3)::before{left:-347px}
.tab-wel a.on,.tab-wel a:hover{background:url(../images/tab-wel-on.png) no-repeat}
.tab-wel a.on strong,.tab-wel a:hover strong{color:#2e231a;background-image:-webkit-linear-gradient(90deg,#641f14 30%,#2e231a 60%);-webkit-filter:drop-shadow(0 0 3px #fff4a8) drop-shadow(0 0 5px #fff4a8) drop-shadow(0 0 5px #fff4a8)}
.tab-wel a.on>span,.tab-wel a:hover>span{color:#94471c;/*background-image:-webkit-linear-gradient(90deg,#94471c 30%,#5f1f00 60%);-webkit-filter:drop-shadow(0 0 3px #f7ea9c) drop-shadow(0 0 5px #f7ea9c);*/ }
.tab-wel a.on::before,.tab-wel a:hover::before{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s;transition:all .5s}
.tab-wel .a1{width:558px;height:294px;margin:-4px 0 -82px -83px}
.tab-wel .a1>span,.tab-wel .a1>strong{font-size:0}
.tab-wel .a1::before{top:77px;left:-278px}
.tab-wel .a1::after{top:80px;left:60px;width:500px;height:130px}
.tab-wel .a1.on,.tab-wel .a1:hover{background:url(../images/tab-wel-01-on.png) no-repeat}
.tab-wel .a2.on,.tab-wel .a2:hover{background:url(../images/tab-wel-02-on.png) no-repeat}
.tab-wel .a3.on,.tab-wel .a3:hover{background:url(../images/tab-wel-03-on.png) no-repeat}
.fashion-content{padding:440px 0 0 238px}
.gender-toggle{top:-155px;left:967px;width:606px;height:833px;padding:216px 0 0 225px;background:url(../images/gender-bg.png) no-repeat}
.gender-toggle a{width:115px;height:115px;font-size:24px}
.gender-toggle a::after,.gender-toggle a::before{top:-18px;width:161px;height:132px;-webkit-transform-origin:57px 74px;transform-origin:57px 74px}
.gender-toggle a:nth-of-type(2){margin:-24px 0 0 74px}
.gender-toggle a:nth-of-type(3){margin:-34px 0 0 -24px}
.gender-toggle a:nth-of-type(4){margin:-14px 0 0 56px}
.gender-toggle a.on,.gender-toggle a:hover{color:#47340d}
.gender-toggle a.on::before,.gender-toggle a:hover::before{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.gender-toggle a.on::after,.gender-toggle a:hover::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.gender-toggle a.on span,.gender-toggle a:hover span{background-image:-webkit-linear-gradient(90deg,#92411c 30%,#47340d 60%);-webkit-filter:drop-shadow(0 0 3px #ffe9bf)}
.fashion-desc a{width:422px;height:111px;font-size:27px}
.fashion-desc .font-sysr{margin:-12px 140px 0 364px;font-size:16px}
.p7{background:url(../images/p7.jpg) center no-repeat}
.p7 .wrapper h3{margin:-66px 0 0 150px}
.p7 .wrapper .notice-02{padding-top:200px}
.other-cont{margin-top:-215px}
.features-list li{width:1051px;height:464px;margin:0 0 -335px;font-size:15px}
.features-list li .feature-content{padding:199px 315px 0 395px}
.features-list li h4{height:63px;margin-left:5px}
.features-list li .badge-go,.features-list li a{top:178px;height:124px}
.features-list li .badge-go{left:584px;width:214px}
.features-list li a{left:370px;width:430px}
.features-list li:hover{color:#39271a}
.features-list li:hover .feature-content{background:url(../images/other-li-on.png) no-repeat}
.features-list li:hover .badge-go{background:url(../images/i-go-on.png) no-repeat;-webkit-transform:scale(1.05);transform:scale(1.05)}
.features-list li:hover .feature-desc{text-shadow:0 0 3px #ffe69a,0 0 3px #ffe69a}
.features-list .li-02{margin-left:-45px}
.features-list .li-03{margin-left:-14px}
.features-list .li-04{margin-left:41px}
.features-list .li-04 .feature-desc{margin-left:-50px}
.features-list .li-05{margin-left:128px}
.features-list .li-06,.features-list .li-07,.features-list .li-08,.features-list .li-09{width:830px;margin-left:308px}
.features-list .li-06 .feature-content,.features-list .li-07 .feature-content,.features-list .li-08 .feature-content,.features-list .li-09 .feature-content{padding:199px 320px 0 10px}
.features-list .li-06 h4,.features-list .li-07 h4,.features-list .li-08 h4,.features-list .li-09 h4{margin-left:85px}
.features-list .li-06 .badge-go,.features-list .li-07 .badge-go,.features-list .li-08 .badge-go,.features-list .li-09 .badge-go{left:296px}
.features-list .li-06 a,.features-list .li-07 a,.features-list .li-08 a,.features-list .li-09 a{left:75px}
.features-list .li-06:hover .feature-content,.features-list .li-07:hover .feature-content,.features-list .li-08:hover .feature-content,.features-list .li-09:hover .feature-content{background:url(../images/other-li-02-on.png) no-repeat}
.features-list .li-07{width:791px;margin-left:345px}
.features-list .li-07 .feature-content{padding-right:280px}
.features-list .li-07 .badge-go{left:276px}
.features-list .li-07:hover .feature-content{background:url(../images/other-li-04-on.png) no-repeat}
.features-list .li-08{margin-left:342px}
.features-list .li-09{margin-left:300px}
.features-list .li-10{width:920px;margin-left:179px}
.features-list .li-10 .feature-content{padding:199px 320px 0 10px}
.features-list .li-10 h4{margin-left:85px}
.features-list .li-10 .badge-go{left:355px}
.features-list .li-10 a{left:75px;width:490px}
.features-list .li-10:hover .feature-content{background:url(../images/other-li-03-on.png) no-repeat}
.features-list .li-10:hover h4{background:url(../images/tit-o-10-on.png) no-repeat}
.features-list .li-01:hover h4{background:url(../images/tit-o-01-on.png) no-repeat}
.features-list .li-02:hover h4{background:url(../images/tit-o-02-on.png) no-repeat}
.features-list .li-03:hover h4{background:url(../images/tit-o-03-on.png) no-repeat}
.features-list .li-04:hover h4{background:url(../images/tit-o-04-on.png) no-repeat}
.features-list .li-05:hover h4{background:url(../images/tit-o-05-on.png) no-repeat}
.features-list .li-06:hover h4{background:url(../images/tit-o-06-on.png) no-repeat}
.features-list .li-07:hover h4{background:url(../images/tit-o-07-on.png) no-repeat}
.features-list .li-08:hover h4{background:url(../images/tit-o-08-on.png) no-repeat}
.features-list .li-09:hover h4{background:url(../images/tit-o-09-on.png) no-repeat}
.features-list-01{margin-left:-316px}
.features-list-02{margin-left:138px}
.popup{display:none;position:fixed;left:0;top:0;z-index:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
.popup.show{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:999}
.popup.show .pop{-webkit-animation:aniPop .5s;animation:aniPop .5s}
.pop{position:relative;z-index:13;padding:1px 0 0;background:url(../images/pop-bg.png) center/100% 100% no-repeat}
.pop .popup-header{height:88px;margin-top:-10px;background:url(../images/tit-pop.png) center/contain no-repeat;font-size:36px}
.pop.middle .pop-btn-guide,.pop.small .pop-btn-guide{bottom:-93px;-webkit-transform:translate(-61%,0);transform:translate(-61%,0);width:786px;background:url(../images/btn-guide-05.png) center/cover no-repeat}
.pop.small{width:600px;height:430px}
.pop.small .close-btn{width:90px;height:90px}
.pop.small .popup-header{height:68px;margin-top:-40px;padding-top:30px}
.pop.small .popup-header .nor-tit{font-size:28px}
.pop.small .popup-content{margin:80px 80px 0}
.pop.small .pop-btn-guide{bottom:-110px}
.close-btn{top:30px;right:-38px;width:138px;height:138px;background:url(../images/pop-close.png) center/cover no-repeat;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.close-btn:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.popup-content{position:relative;margin:40px 140px 0 120px;font-size:16px;color:#beae8f;line-height:28px}
.popup-content h4{padding:20px 0 12px 65px;background:url(../images/tit-pop-h4.png) 0 0 no-repeat}
.popup-content h4 .nor-tit{font-size:20px}
.popup-content h4 strong::after{display:none}
.popup-content h4~h4{margin-top:10px}
.popup-content p{padding:0 20px}
.popup-content .p-img{text-indent:0}
.popup-content .p-img img{display:block;margin:0 auto 10px}
.popup-content a{color:#beae8f;text-decoration:underline}
.popup-content a.on{text-decoration:none}
.popup-content a:hover{text-decoration:none}
.popup-content .msg{height:200px}
.popup-content h5{position:absolute;top:517px;z-index:2;left:50%;margin-left:-224px;width:484px;height:83px;background:url(../images/tit-pop-fire.png) center/cover no-repeat;color:#fffddc;font-size:30px;letter-spacing:2px;text-indent:2px}
.popup-content h5 span{background-image:-webkit-linear-gradient(90deg,#f4cd65 30%,#fffddc 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 6px #c7622a)}
.fire-swiper{z-index:1;width:985px;height:565px;margin:0 0 0 -63px;-webkit-mask-image:url(../images/fire-mask.png);-webkit-mask-size:100% 100%}
.fire-swiper img{display:block;width:100%;height:100%}
.fire-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;z-index:2;top:550px;right:120px}
.fire-pagination span{position:relative;width:23px;height:23px;margin:0 10px;background:url(../images/dot.png) center/cover no-repeat;opacity:1}
.fire-pagination span::before{content:"";display:block;width:100%;height:100%;background:url(../images/dot-on.png) center/cover no-repeat;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;transition:all .5s}
.fire-pagination span.swiper-pagination-bullet-active::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.pop-btn-guide{bottom:-80px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:941px;height:244px;background:url(../images/btn-guide-04.png) center/cover no-repeat}
.pop{width:1096px;height:784px}
.pop.middle{width:800px;height:572px}
.pop.middle .close-btn{width:100px;height:100px}
.pop.middle .popup-header{margin-top:-30px}
.pop.middle .popup-content{margin:40px 110px 0 90px}
.pop .popup-header .nor-tit{font-size:35px}
.popup-content{max-height:555px}
.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#000;z-index:9997}
.mod-orient-layer-content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}
.mod-orient-layer-icon-orient{background-image:url(../images/icon-orient.png);display:inline-block;width:134px;height:218px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out;background-size:134px}
.mod-orient-layer-desc{margin-top:20px;font-size:50px;color:#fff}
@-webkit-keyframes rotation{10%,100%,90%{-webkit-transform:rotate(90deg)}
50%,60%{-webkit-transform:rotate(0)}
}
@keyframes rotation{10%,100%,90%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
50%,60%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@media screen and (orientation:portrait){#orientLayer{display:block}
}

/*20260128*/
.tab-wel { display:flex; align-items:flex-start; justify-content: center; height:100%; flex-direction:column; }
.tab-wel a.a6, .tab-wel a.a1 { display:none; }
.logo { width:240px; }
.lang { position:absolute; left: 440px; top:150px; z-index:10; }
.lang select { background:#573e22; color:#fff; font-size:14px; height:32px; line-height:32px; border:1px solid #e5b254; }
* { font-family: "Noto Serif TC", serif;  font-weight: bold;} 


/*lang*/
body[data-lang="cn"] .tab-wel a strong { -webkit-transform: scaleX(.8); transform: scaleX(.8); }
.tab-wel a:nth-of-type(2)>span, .tab-wel a:nth-of-type(3)>span { color: #ffeac1}
.tab-wel a.on>span, .tab-wel a:hover>span { color:#2e231a }
.skill-item.popup-content { height:500px; }
.middle .skill-item.popup-content { height:320px; }
.small .skill-item.popup-content { height:200px; }


/**/
.footer{max-height:0;width:100%;position:fixed;left:0;bottom:0;z-index:1000;background:#000;transition:all .3s linear;color:#fff;text-align:center;font-size:14px}
.footer .footer-wrapper{ width: 1000px; margin: 0 auto; height:auto;padding:0}
#footerBtn{position:absolute;right:10px;top:-40px;width:220px;height:40px;line-height:40px;text-align:center;background:#000;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-size:14px;text-decoration:none;border-bottom:none;display: flex; align-items: center; justify-content: center;}
#footerBtn i { display: block; width:0; height:0; border:5px solid transparent; border-top-color:#fff; margin-left:5px; margin-top:6px; }
.footer.footer-show{height:auto;max-height:200px;padding:20px 0}
.footer.footer-show #footerBtn i { border-top-color:transparent; border-bottom-color:#fff; margin-top:-6px; }

.footer .social a { display: inline-block; *display: inline; *zoom: 1; width: 48px; height: 48px; background: url(https://www.eudemons.com/en/images/pic.png) no-repeat 0 0; text-indent: -999em; vertical-align: middle; margin: 0 5px; }
.footer .social a.fb { background-position: -291px -326px; }
.footer .social a.yt { background-position: -359px -326px; }
.footer .copyright { padding-top: 5px; }
.footer .copyright a { color: #fff; text-indent: 0; background: none; width: auto; height: auto; margin: 0 5px; vertical-align: middle; }
.footer .copyright a:hover { text-decoration: underline; }

/*ht*/
@keyframes scale-pulse{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}
.ht-box { position:absolute; left:10px; top:50%; z-index:12; width:142px; margin-top:-74px; }
.ht-box:before { content: ""; display: block; width: 59px; height:89px; background:url(../images/ht/phone.png) no-repeat 0 0; margin:0 auto; animation:scale-pulse 1.5s ease-in-out infinite; }
.ht-box:after { content:""; display:block; width:142px; height:59px; background:url(../images/ht/txt-cn.png) no-repeat center top; }