:root{--popScale:1}
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%;font-weight:400}
.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 jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to{-webkit-transform:scaleX(1);transform:scaleX(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 aniStar{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes aniStar{0%{-webkit-transform:scale(.3);transform:scale(.3);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
.mask{-webkit-mask-image:url(../images/mask/mask-down.png)}
.mist{-webkit-mask-image:url(../images/mask/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}
.sub-page .bg-prev.active{-webkit-mask-image:url(../images/mask/mask-transition.png);-webkit-animation:bossMask .5s steps(29) both;animation:bossMask .5s steps(29) both}
.profession-lists li{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
.profession-lists li:nth-of-type(2){-webkit-transform:translate(0,50px);transform:translate(0,50px)}
.ani{opacity:0;-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.ani-t,.ani-t-s{opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.ani-l,.ani-l-s{opacity:0;-webkit-transform:translate(-10px,0);transform:translate(-10px,0)}
.ani-r{opacity:0;-webkit-transform:translate(10px,0);transform:translate(10px,0)}
.ani-s{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.index-swiper .swiper-slide-main.active h2{-webkit-animation:jackInTheBox .8s .2s forwards;animation:jackInTheBox .8s .2s forwards}
.index-swiper .swiper-slide-main.active h2 span{-webkit-animation:aniStar 1s linear infinite alternate;animation:aniStar 1s linear infinite alternate}
.index-swiper .swiper-slide-main.active h2 span:nth-of-type(2){-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:2s;animation-duration:2s}
.index-swiper .swiper-slide-main.active .ani,.index-swiper .swiper-slide-main.active .ani-l,.index-swiper .swiper-slide-main.active .ani-r,.index-swiper .swiper-slide-main.active .ani-t{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 .sub-mod.show{z-index:20;opacity:1;-webkit-transform:scale(1);transform:scale(1);pointer-events:auto;-webkit-transition:all .5s;transition:all .5s}
.index-swiper .swiper-slide-main.active .sub-mod.show .ani-l-s,.index-swiper .swiper-slide-main.active .sub-mod.show .ani-t-s{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!important;transition-delay:.8s!important}
.index-swiper .swiper-slide-main.active .ani2{-webkit-transition-delay:1.1s!important;transition-delay:1.1s!important}
.index-swiper .swiper-slide-main.active .ani3{-webkit-transition-delay:1.4s!important;transition-delay:1.4s!important}
.index-swiper .swiper-slide-main.active .ani4{-webkit-transition-delay:1.6s!important;transition-delay:1.6s!important}
.index-swiper .swiper-slide-main.active .ani5{-webkit-transition-delay:2s!important;transition-delay:2s!important}
.index-swiper .swiper-slide-main.active .ani-s{opacity:1;-webkit-transform:scale(1);transform:scale(1);-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 .profession-lists li{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity .3s .3s,-webkit-transform .3s .3s;transition:opacity .3s .3s,-webkit-transform .3s .3s;transition:transform .3s .3s,opacity .3s .3s;transition:transform .3s .3s,opacity .3s .3s,-webkit-transform .3s .3s}
.index-swiper .swiper-slide-main.active .b-item,.index-swiper .swiper-slide-main.active .tab-pro a{pointer-events:auto}
.p-profession.show .ani,.p-profession.show .ani-l{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}
.p-profession.show .ani2{-webkit-transition-delay:.3s;transition-delay:.3s}
::-webkit-scrollbar{width:4px;height:5px;background:#99d4a4}
::-webkit-scrollbar-track{background-color:transparent}
::-webkit-scrollbar-thumb{background-color:#147939}

br{font-family:'Microsoft YaHei UI'}
/*.font-ys{font-family:YSXYH}
.font-syh-l{font-family:SourceHanSansCN-Light}
.font-syh-b{font-family:SourceHanSansCN-Bold}
.font-syh-r{font-family:SourceHanSansCN-Regular}
.font-syh-m{font-family:SourceHanSansCN-Medium}*/
.nor-ys{display:block;}
.nor-ys2{display:block;}
body,html{position:relative;width:100%;height:100%;overflow:hidden;font-family: "LXGW WenKai Mono TC", monospace;}
body{color:#fff1dd}
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}
.lists{text-align:center}
.lists .item{display:inline-block;vertical-align:top;position:relative}
.abs{position:absolute;z-index:10}
.in-m{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.full-bg{position:relative;z-index:20;width:100%;height:100%;margin:0 auto;overflow:hidden}
.sidebar-mod{z-index:55}
.sidebar-mod>a{right:0;background:url(../images/btn-sidebar.png) center/cover no-repeat;color:#e5ecc7;text-shadow:0 0 6px #004b2f;-webkit-animation:tada 1.5s infinite linear;animation:tada 1.5s infinite linear;text-align:center}
.sidebar-mod.show>a{-webkit-animation:none;animation:none}
.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-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;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 .3s;transition:all .3s}
nav a{pointer-events:auto}
nav .a-nav::after{opacity:0;-webkit-transform:translate(100%,0);transform:translate(100%,0)}
nav .a-home{background:url(../images/btn-home.png) center/cover no-repeat}
.tab-nav .a-nav{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:#f8f583;}
.tab-nav .a-nav span{display:block;position:relative;z-index:2;background-image:-webkit-linear-gradient(90deg,#fcfabc 30%,#f8f583 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 6px #004b2f)}
.tab-nav .a-nav::after,.tab-nav .a-nav::before{content:"";position:absolute;top:0;right:0;z-index:0;width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s}
.tab-nav .a-nav::before{background:url(../images/nav-a.png) center/cover no-repeat}
.tab-nav .a-nav::after{background:url(../images/nav-a-on.png) center/cover no-repeat}
.wrapper{position:relative;z-index:5;height:100%;margin:0 auto;padding:1px 0 0}
.wrapper h2{opacity:0;background:url(../images/slo.png) center/cover no-repeat}
.wrapper h2 span{position:absolute;background:url(../images/i-star.png) center/cover no-repeat}
.wrapper h2,.wrapper h3{position:absolute;font-size:0;pointer-events:none}
.logo{position:absolute;z-index:10;}
.logo img{ display: block; width:100%}
.p1 .wrapper h3{background:url(../images/tit-01.png) center/cover no-repeat}
.nor-tit{background-image:url(../images/font-mask.jpg);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(1px 0 0 #0b6b00) drop-shadow(-1px 0 0 #0b6b00) drop-shadow(0 1px 0 #0b6b00) drop-shadow(0 -1px 0 #0b6b00) drop-shadow(1px 0 0 #0b6b00) drop-shadow(-1px 0 0 #0b6b00) drop-shadow(0 2px 0 #0b6b00) drop-shadow(0 -2px 0 #0b6b00);color:#fcffd0}
.wel-lists{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:center}
.wel-lists li{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all .5s;transition:all .5s;cursor:pointer}
.wel-lists li h4{margin:0 auto;background:url(../images/tit-wel.png) center/cover no-repeat;color:#ffe07b}
.wel-lists li h4 span{background-image:-webkit-linear-gradient(90deg,#fff 30%,#ffe07b 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 1px #064f00) drop-shadow(0 0 3px #064f00);filter:drop-shadow(0 0 1px #064f00) drop-shadow(0 0 3px #064f00)}
.wel-lists li:first-of-type{position:absolute}
.wel-lists li:first-of-type h4{/*background:url(../images/tit-wel-01.png) center/cover no-repeat;*/color:#483500}
.wel-lists li:first-of-type h4 span{background-image:-webkit-linear-gradient(90deg,#a04a00 30%,#483500 70%);-webkit-filter:drop-shadow(1px 0 0 #fffceb) drop-shadow(-1px 0 0 #fffceb) drop-shadow(0 1px 0 #fffceb) drop-shadow(0 -1px 0 #fffceb) drop-shadow(1px 0 0 #fffceb) drop-shadow(-1px 0 0 #fffceb) drop-shadow(0 2px 0 #fffceb) drop-shadow(0 -2px 0 #fffceb)}
.wel-lists li:first-of-type{/*background:url(../images/wel-01.png) center/cover no-repeat*/}
.wel-lists li:nth-of-type(2){background:url(../images/wel-02.png) center/cover no-repeat}
.wel-lists li:nth-of-type(3){background:url(../images/wel-03.png) center/cover no-repeat}
.wel-lists li:nth-of-type(4){background:url(../images/wel-04.png) center/cover no-repeat}
.wel-lists li:nth-of-type(5){background:url(../images/wel-05.png) center/cover no-repeat}
.wel-lists li:nth-of-type(6){background:url(../images/wel-06.png) center/cover no-repeat}
.sub-page{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}
.sub-mod{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3)}
.p2{background:#343434}
.p2::after{content:"";position:absolute;top:0;left:0;z-index:7;width:100%;height:100%;pointer-events:none}
.p2 .btn-back{background:url(../images/btn-back.png) center/cover no-repeat;font-size:0}
.profession-lists{position:relative;z-index:6;width:100%;height:100%}
.profession-lists li{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%}
.profession-lists li::before{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s}
.profession-lists li a{position:relative;z-index:2;margin:0 auto;background:url(../images/btn-xzj.png) center/cover no-repeat;color:#ffe07b;letter-spacing:2px;text-indent:2px;-webkit-transition:all .5s;transition:all .5s}
.profession-lists li a span{background-image:-webkit-linear-gradient(90deg,#fff 30%,#ffe07b 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 1px #113555) drop-shadow(0 0 5px #113555);filter:drop-shadow(0 0 1px #113555) drop-shadow(0 0 5px #113555)}
.profession-lists li.ed a{-webkit-filter:brightness(0.5);filter:brightness(.5)}
.tab-pro{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background:url(../images/tab-pro-bg.png) center/cover no-repeat;pointer-events:none}
.tab-pro a{display:block;position:relative;font-size:0}
.tab-pro a span{position:relative;z-index:2;display:block;width:100%;height:100%;-webkit-transition:background .5s;transition:background .5s}
.tab-pro a::after,.tab-pro a::before{content:"";position:absolute;z-index:0;-webkit-transition:all .5s;transition:all .5s}
.tab-pro a::before{background:url(../images/tab-pro.png) center/cover no-repeat}
.tab-pro a::after{background:url(../images/tab-pro-on.png) center/cover no-repeat;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
.tab-pro a:first-of-type span{background:url(../images/tab-pro-1.png) center/cover no-repeat}
.tab-pro a:nth-of-type(2) span{background:url(../images/tab-pro-2.png) center/cover no-repeat}
.tab-pro a:nth-of-type(3) span{background:url(../images/tab-pro-3.png) center/cover no-repeat}
.tab-pro a:nth-of-type(4) span{background:url(../img/tab-pro-4.png) center/cover no-repeat}
.btn-intro{background:url(../images/btn-intro.png) center/cover no-repeat;color:#ffe07b}
.btn-intro span{width:1em;background-image:-webkit-linear-gradient(0deg,#ffe07b 20%,#fff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 1px #113555) drop-shadow(0 0 5px #113555);filter:drop-shadow(0 0 1px #113555) drop-shadow(0 0 5px #113555);line-height:1}
.main-cont{position:relative;padding:1px 0 0}
.side-tabs a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:url(../images/tab-skill.png) center/cover no-repeat;color:#f3f0cd}
.side-tabs a span{display:block;line-height:1.1}
.scroll-mod{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}
.scroll-bar{position:absolute;z-index:5;background:url(../images/scroll-bg.png) center/100% 100% no-repeat}
.scroll-bar .scroll-slider{position:absolute;top:0;left:0;width:100%;background:url(../images/scroll-slider.png) center/cover no-repeat;cursor:pointer}
.skill-detail{overflow:hidden;-webkit-mask-image:-webkit-linear-gradient(top,rgba(135,224,253,0) 0,#87e0fd 0,#000 95%,rgba(5,171,224,0))}
.skill-detail .skill-cont{position:relative;width:100%;height:100%;overflow:hidden}
.skill-item h4{position:relative;z-index:2;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;background:url(../images/tit-skill.png) center left/contain no-repeat;color:#fff;letter-spacing:2px;text-indent:2px;line-height:1}
.skill-item h4 strong{padding-right:6px;font-style:italic}
.skill-item h4 span{display:block}
.skill-item h5{background:url(../images/tit-skill-h5.png) center no-repeat;color:#fff}
.skill-item h4 strong,.skill-item h5 span{background-image:-webkit-linear-gradient(90deg,#fffaba 30%,#f5cb72 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ffcd69}
.skill-item:last-of-type{margin-bottom:0!important}
.sub-block{position:relative;z-index:1;width:100%;background:url(../images/skill-m.png) no-repeat;-webkit-filter:drop-shadow(0 0 2px #465e92)}
.sub-block::after,.sub-block::before{content:"";position:absolute;left:0;width:100%;pointer-events:none}
.sub-block::before{background:url(../images/skill-t.png) center/cover no-repeat}
.sub-block::after{background:url(../images/skill-b.png) center/cover no-repeat}
.sub-block p{text-indent:2em;text-align:justify}
.tab-awaken{position:relative;z-index:3}
.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:#c4c9d5;letter-spacing:2px;text-indent:2px}
.notice{position:relative;z-index:1;margin:0 auto;color:#fff;line-height:1.2;text-align:center}
.notice-01{background:url(../images/p1-notice.png) center/100% 100% no-repeat}
.notice-02 span{-webkit-filter:drop-shadow(1px 0 0 #418b00) drop-shadow(-1px 0 0 #418b00) drop-shadow(0 1px 0 #418b00) drop-shadow(0 -1px 0 #418b00) drop-shadow(1px 0 0 #418b00) drop-shadow(-1px 0 0 #418b00) drop-shadow(0 2px 0 #418b00) drop-shadow(0 -2px 0 #418b00)}
.p3 .wrapper .h3-01{background:url(../images/tit-03.png) center/cover no-repeat}
.p3 .wrapper .notice{background:url(../images/p3-notice.png) center/contain no-repeat}
.beast-cont{position:relative}
.beast-cont:hover{z-index:2}
.beast-cont>h4{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.beast-cont>h4 span{-webkit-filter:drop-shadow(0 -1px 1px #003907) drop-shadow(0 0 10px #38b664);filter:drop-shadow(0 -1px 1px #003907) drop-shadow(0 0 10px #38b664)}
.tit-h4{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;letter-spacing:.5px;text-indent:.5px}
.tit-h4 span{display:block;color:#ffe97d;background-image:-webkit-linear-gradient(90deg,#fffae0 30%,#ffe97d 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 9px #38b664);line-height:1}
.lineup-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;pointer-events:none}
.lineup-lists:hover{z-index:11}
.lineup-lists li{position:relative;z-index:0}
.lineup-lists li:hover{z-index:1}
.lineup-lists li .tit-h4-01{background:url(../images/tit-b-h4-01.png) center/cover no-repeat}
.lineup-lists li .tit-h4-02{background:url(../images/tit-b-h4-02.png) center/cover no-repeat}
.lineup-lists li:nth-of-type(3){width:100%}
.lineup-lists li:nth-of-type(3)>div{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.b-item{position:relative;z-index:0;margin:0 auto}
.b-item img{display:block;width:100%}
.b-item>h5{position:absolute;background:url(../images/tit-b-h5.png) center/100% 100% no-repeat}
.b-item>h5 span{display:block;width:1em;background-image:-webkit-linear-gradient(90deg,#4da428 30%,#19742b 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 10px #fdf9d5);color:#15702b;line-height:1}
.b-item:hover{z-index:1}
.b-item:hover .pop-tips{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s;transition:all .5s}
.pop-tips{position:absolute;z-index:5;background:url(../images/pop-tips.png) center/cover no-repeat;color:#d5e0b1;pointer-events:none;opacity:0;-webkit-transform:translate(-10px,0);transform:translate(-10px,0)}
.pop-tips h5{background:url(../images/tit-pop-tips.png) center/contain no-repeat;line-height:1.3}
.pop-tips h5 span{display:block;-webkit-filter:none;filter:none}
.pop-tips h6{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;background:url(../images/tit-pop-tips-h6.png) center/contain no-repeat;color:#277167}
.pop-tips h6 span{background-image:-webkit-linear-gradient(90deg,#003a03 30%,#277167 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 10px #fefcc6)}
.nor-p{text-indent:2em;text-align:justify}
.tab-system{color:#11642f;text-align:center}
.tab-system a{position:absolute;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-filter:drop-shadow(0 0 10px #fffdce)}
.tab-system a::before{content:"";position:absolute;left:0;bottom:0;width:100%;pointer-events:none}
.tab-system a span{position:relative;z-index:2;width:100%;background:url(../images/tab-sys-span.png) center/cover no-repeat}
.tab-system a span strong{background-image:-webkit-linear-gradient(90deg,#45a057 30%,#11642f 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 10px #fff);font-weight:400}
.tab-system a:first-of-type::before{background:url(../images/tab-sys-01.png) center/cover no-repeat}
.tab-system a:nth-of-type(2)::before{background:url(../images/tab-sys-02.png) center/cover no-repeat}
.tab-system a:nth-of-type(3)::before{background:url(../images/tab-sys-03.png) center/cover no-repeat}
.tab-system a:nth-of-type(4)::before{background:url(../images/tab-sys-04.png) center/cover no-repeat}
.tab-system a:nth-of-type(5)::before{background:url(../images/tab-sys-05.png) center/cover no-repeat}
.tab-system a:nth-of-type(6)::before{background:url(../images/tab-sys-06.png) center/cover no-repeat}
.tab-system a:nth-of-type(7)::before{background:url(../images/tab-sys-07.png) center/cover no-repeat}
.p-beast-system .wrapper h3{position:relative;background:url(../images/tit-03-01.png) center/cover no-repeat}
.sub-mod .tab-nav{position:relative;z-index:5}
.sub-mod .tab-nav .a-nav::after{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}
.sub-mod .tab-nav .a-back{background:url(../images/btn-back-02.png) center/cover no-repeat;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.beast-mod{position:relative;z-index:2}
.beast-mod>div{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;opacity:0;-webkit-transform:translate(0,10px);transform:translate(0,10px)}
.beast-mod>div.show{z-index:3;opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s;transition:all .5s}
.beast-pic{position:relative;z-index:1;background:url(../images/beast-pic.png) center/cover no-repeat}
.beast-pic::after{content:"";position:absolute;z-index:5;background:url(../images/beast-pic-border.png) center/cover no-repeat}
.beast-pic>div{position:relative;overflow:hidden}
.beast-pic>div img{display:block;position:relative;z-index:0;width:100%;height:100%}
.beast-pic>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 51px #c9ff4b}
.beast-pic a{background:url(../images/btn-guide.png) center/cover no-repeat;color:#066743}
.beast-sys-cont{position:absolute;z-index:5;color:#157c3b}
.beast-sys-cont h4{background:url(../images/tit-b-h4-03.png) center left/contain no-repeat}
.beast-sys-cont .h4-02{background:url(../images/tit-b-h4-04.png) center left/contain no-repeat}
.beast-sys-cont h5{background:url(../images/tit-b-h5-02.png) center bottom no-repeat}
.tit-h5{color:#147638}
.tit-h5 span{background-image:-webkit-linear-gradient(90deg,#22c85f 30%,#147638 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 9px #fff)}
.beast-item-lsbz .beast-pic{background:url(../images/beast-pic-02.png) center/cover no-repeat}
.beast-item-lsbz .beast-pic::after{display:none}
.beast-item-lsbz img{position:absolute}
.beast-other li{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;background:url(../images/beast-other.png) center/cover no-repeat;color:#157c3b}
.beast-other li h5{color:#147638;letter-spacing:1px;text-indent:1px}
.btn-guide{background:url(../images/btn-guide-02.png) center/cover no-repeat}
.btn-guide span{background-image:-webkit-linear-gradient(90deg,#09a265 30%,#066743 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#066743}
.p4 .wrapper .h3-01{background:url(../images/tit-04.png) center/cover no-repeat}
.nav-social{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.nav-social a{position:relative;color:#ffffef;text-align:center}
.nav-social a::after,.nav-social a::before{content:"";position:absolute;top:50%;left:50%;z-index:0;-webkit-transform:translate(-48%,-54%);transform:translate(-48%,-54%);-webkit-transition:all .5s;transition:all .5s;pointer-events:none}
.nav-social a::before{background:url(../images/tab-social.png) center/cover no-repeat}
.nav-social a::after{background:url(../images/tab-social-on.png) center/cover no-repeat;opacity:0;-webkit-transform:translate(-48%,-54%) scale(1.2);transform:translate(-48%,-54%) scale(1.2)}
.nav-social a span{position:relative;z-index:2;-webkit-filter:drop-shadow(0 0 5px #29ab33) drop-shadow(0 0 2px #0d3916)}
.p-social .wrapper h3{position:relative;background:url(../images/tit-04-01.png) center/cover no-repeat}
.p-social .wrapper .notice{background:url(../images/p4-notice.png) center/cover no-repeat}
.social-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.social-lists li{position:relative;background:url(../images/social-li-02.png) center/cover no-repeat;color:#157c3b}
.social-lists li a{background:url(../images/btn-guide-03.png) center/cover no-repeat}
.social-lists li>div{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.social-lists .li-01{background:url(../images/social-li.png) center/contain no-repeat}
.social-lists .li-01 img{position:absolute}
.social-shop img{position:absolute}
.p5 .wrapper h3{background:url(../images/tit-05.png) center/cover no-repeat}
.p5 .wrapper>p{-webkit-filter:drop-shadow(0 0 0 #248e32) drop-shadow(0 0 0 #248e32) drop-shadow(0 0 1px #248e32) drop-shadow(0 0 1px #248e32) drop-shadow(0 0 1px #248e32) drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #fff);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:mixed;line-height:2}
.p5 .wrapper .pop-btn{margin:0 auto}
.p5 .wrapper.zq h3{background:url(../images/tit-05-02.png) center/cover no-repeat}
.p5 .wrapper.zq>p{-webkit-writing-mode:initial;-ms-writing-mode:initial;writing-mode:initial}
.p5 .wrapper.zq>p br{display:none}
.tab-cloth{background:url(../images/tab-cloth-bg.png) center/cover no-repeat}
.tab-cloth a{position:relative;color:#fff;text-align:center;-webkit-transition:background .5s;transition:background .5s}
.tab-cloth a strong{position:absolute;-webkit-filter:drop-shadow(0 0 0 #097e6b) drop-shadow(-2px 0 0 #097e6b) drop-shadow(2px 0 0 #097e6b) drop-shadow(0 2px 0 #097e6b) drop-shadow(0 -2px 0 #097e6b) drop-shadow(0 0 7px #00380c);font-weight:400}
.tab-cloth a span,.tab-cloth a strong{background-image:-webkit-linear-gradient(90deg,#fffca3 30%,#fff 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tab-cloth a span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-filter:drop-shadow(0 0 2px #00380c)}
.tab-cloth a:first-of-type{background:url(../images/tab-cloth-01.png) center/cover no-repeat}
.tab-cloth a:nth-of-type(2){background:url(../images/tab-cloth-02.png) center/cover no-repeat}
.tab-cloth a:nth-of-type(3){background:url(../images/tab-cloth-03.png) center/cover no-repeat}
.p6 .wrapper h3{background:url(../images/tit-06.png) center/cover no-repeat}
.other-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.other-lists li{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:#2a7625;text-align:center;cursor:pointer}
.other-lists li div{position:relative;width:100%;height:100%;background:url(../images/other-li.png) center/cover no-repeat;-webkit-transition:background .5s;transition:background .5s}
.other-lists li div::after{content:"";position:absolute;background:url(../images/i-arrow.png) center/cover no-repeat;-webkit-transition:all .5s;transition:all .5s}
.other-lists li div h4{position:relative;color:#fcffd0}
.other-lists li div h4::after,.other-lists li div h4::before{content:"";display:block}
.other-lists li div h4::before{background:url(../images/i-other.png) center/cover no-repeat}
.other-lists li div h4::after{background:url(../images/i-other-02.png) center/cover no-repeat}
.other-lists li div h4 span{display:block;background-image:-webkit-linear-gradient(90deg,#fef079 30%,#fcffd0 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(1px 0 0 #0b6b00) drop-shadow(-1px 0 0 #0b6b00) drop-shadow(0 1px 0 #0b6b00) drop-shadow(0 -1px 0 #0b6b00) drop-shadow(1px 0 0 #0b6b00) drop-shadow(-1px 0 0 #0b6b00) drop-shadow(0 2px 0 #0b6b00) drop-shadow(0 -2px 0 #0b6b00)}
.other-lists li:nth-of-type(2n) div{background:url(../images/other-li-02.png) center/cover no-repeat}
.other-lists li:nth-of-type(2n) div::after{background:url(../images/i-arrow-02.png) center/cover no-repeat}
body{background-color:#000;font:18px/1.5 "LXGW WenKai Mono TC", monospace;}
body.dlq .public_top_full_bg{display:none}
.public_top_full_bg{position:fixed!important;top:0;left:0;width:100%}
.main-contain{position:absolute;width:0;height:0;left:50%;top:50%;z-index:50}
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))}
.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{top:244px;width:148px;height:86px;padding:0 0 17px 7px;font-size:16px}
.sidebar-mod>a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
nav{width:239px;padding:309px 0 0;background:url(../images/nav-bg.png) no-repeat}
nav .a-nav.on::after,nav .a-nav:hover::after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
nav .a-home{width:166px;height:100px;margin:-23px 2px 0 0}
nav .a-home:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.tab-nav .a-nav{width:205px;height:74px;margin:0 -34px -7px 0;padding:0 4px 8px 0;font-size:20px}
.tab-nav .a-nav.on,.tab-nav .a-nav:hover{color:#177439;}
.tab-nav .a-nav.on::before,.tab-nav .a-nav:hover::before{display:none}
.tab-nav .a-nav.on span,.tab-nav .a-nav:hover span{background-image:-webkit-linear-gradient(90deg,#24b555 30%,#177439 70%);-webkit-filter:drop-shadow(0 0 6px #9affb9)}
.wrapper{position:absolute;top:50%;left:50%;width:1400px;height:855px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wrapper h2{top:453px;left:68px;width:1290px;height:514px}
.wrapper h2 span{width:194px;height:194px}
.wrapper h2 span:first-of-type{top:36px;left:178px}
.wrapper h2 span:nth-of-type(2){top:41px;left:667px}
.wrapper h2 span:nth-of-type(3){top:31px;left:1005px}
.logo{top:6px;left:10px;width:240px}
.p0{background:url(../images/p0.jpg) center no-repeat}
.p1{background:url(../images/p1.jpg) center no-repeat}
.p1 .wrapper h3{top:-113px;right:-131px;width:600px;height:753px}
.notice-01{width:630px;height:41px;margin-top:-13px}
.wel-lists{padding:261px 0 0}
.wel-lists li{width:346px;height:285px;padding:183px 0 0}
.wel-lists li h4{width:226px;height:69px;margin-top:-9px;padding:0 0 10px;font-size:22px;letter-spacing:1px;text-indent:1px}
.wel-lists li h5{font-size:19px}
.wel-lists li:nth-child(1) { display:none; }
.wel-lists li:first-of-type{top:-52px;left:153px;width:468px;height:400px;padding:271px 0 0 3px}
.wel-lists li:first-of-type h4{width:267px;height:86px;margin-top:0;padding:0 0 11px;font-size:25px;letter-spacing:1.5px;text-indent:1.5px}
.wel-lists li:first-of-type:hover h4{background:url(../images/tit-wel-01-on.png) no-repeat}
.wel-lists li:nth-of-type(2){margin-left:-32px}
.wel-lists li:nth-of-type(3){margin:243px 0 0 -208px}
.wel-lists li:nth-of-type(4){margin:291px 0 0 -19px}
.wel-lists li:nth-of-type(5){margin:287px 0 0 -20px}
.wel-lists li:nth-of-type(6){margin:224px 0 0 -19px}
.wel-lists li:first-of-type:hover{background:url(../images/wel-01-on.png) no-repeat}
.wel-lists li:nth-of-type(2):hover{background:url(../images/wel-02-on.png) no-repeat}
.wel-lists li:nth-of-type(3):hover{background:url(../images/wel-03-on.png) no-repeat}
.wel-lists li:nth-of-type(4):hover{background:url(../images/wel-04-on.png) no-repeat}
.wel-lists li:nth-of-type(5):hover{background:url(../images/wel-05-on.png) no-repeat}
.wel-lists li:nth-of-type(6):hover{background:url(../images/wel-06-on.png) no-repeat}
.wel-lists li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.wel-lists li:hover h4{background:url(../images/tit-wel-on.png) no-repeat;color:#842f01}
.wel-lists li:hover h4 span{background-image:-webkit-linear-gradient(90deg,#842f01 30%,#842f01 70%);-webkit-filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}
.wel-lists li:hover h5{background-image:url(../images/font-mask-on.jpg)}
.sub-page .bg-prev{-webkit-mask-size:100% auto;mask-size:100% auto}
.p2::after{background:url(../images/p2-mask.png) center no-repeat}
.p2 .notice{padding:34px 69px 0;font-size:16px}
.p2 .btn-back{top:700px;left:557px;width:61px;height:61px}
.p2 .btn-back:hover{background:url(../images/btn-back-on.png) no-repeat}
.profession-lists li{width:702px;padding-top:833px}
.profession-lists li a{width:337px;height:115px;padding-top:9px;font-size:35px}
.profession-lists li a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.profession-lists li:first-of-type{padding-left:122px}
.profession-lists li:nth-of-type(2){width:761px;margin:0 -123px 0 -122px;padding-right:51px}
.profession-lists li:nth-of-type(3){padding-right:129px}
.profession-lists li:first-of-type::before{background:url(../images/pro-01.png) no-repeat}
.profession-lists li:first-of-type.on::before{background:url(../images/pro-01-on.png) no-repeat}
.profession-lists li:first-of-type.ed::before{background:url(../images/pro-01-ed.png) no-repeat}
.profession-lists li:nth-of-type(2)::before{background:url(../images/pro-02.png) no-repeat}
.profession-lists li:nth-of-type(2).on::before{background:url(../images/pro-02-on.png) no-repeat}
.profession-lists li:nth-of-type(2).ed::before{background:url(../images/pro-02-ed.png) no-repeat}
.profession-lists li:nth-of-type(3)::before{background:url(../images/pro-03.png) no-repeat}
.profession-lists li:nth-of-type(3).on::before{background:url(../images/pro-03-on.png) no-repeat}
.profession-lists li:nth-of-type(3).ed::before{background:url(../images/pro-03-ed.png) no-repeat}
.profession-bg span{background:url(../images/p2-0.jpg) center no-repeat}
.profession-bg span.b-1{background:url(../images/p2-1.jpg) center no-repeat}
.profession-bg span.b-2{background:url(../images/p2-2.jpg) center no-repeat}
.tab-pro{top:139px;left:16px;width:650px;height:650px;padding:403px 0 0 12px}
.tab-pro a{width:96px;height:96px}
.tab-pro a::after,.tab-pro a::before{top:-43px;left:-33px;width:162px;height:176px}
.tab-pro a.on::before,.tab-pro a:hover::before{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
.tab-pro a.on::after,.tab-pro a:hover::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.tab-pro a:first-of-type.on span,.tab-pro a:first-of-type:hover span{background:url(../images/tab-pro-1-on.png) no-repeat}
.tab-pro a:nth-of-type(2).on span,.tab-pro a:nth-of-type(2):hover span{background:url(../images/tab-pro-2-on.png) no-repeat}
.tab-pro a:nth-of-type(3).on span,.tab-pro a:nth-of-type(3):hover span{background:url(../images/tab-pro-3-on.png) no-repeat}
.tab-pro a:nth-of-type(4).on span,.tab-pro a:nth-of-type(4):hover span{background:url(../img/tab-pro-4-on.png) no-repeat}
.tab-pro a:nth-of-type(2){margin:122px 0 0 6px}
.tab-pro a:nth-of-type(3){margin:169px 0 0 74px}
.btn-intro{top:31px;left:364px;width:83px;height:280px;padding:9px 0 0 20px;font-size:22px}
.btn-intro:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.side-tabs{top:-10px;left:513px}
.side-tabs a{width:143px;height:131px;margin:0 0 8px;font-size:21px;letter-spacing:2px}
.side-tabs a.on,.side-tabs a:hover{background:url(../images/tab-skill-on.png) no-repeat;color:#401b18}
.side-tabs a.on span,.side-tabs a:hover span{line-height:1.2}
.scroll-bar{top:75px;right:-21px;width:80px;height:706px}
.scroll-bar .scroll-slider{height:67px}
.main-cont{padding:2px 0 0 669px}
.skill-detail{height:780px}
.skill-item{width:758px}
.skill-item h4{height:53px;margin:0 0 28px;padding:0 0 0 10px;font-size:25px}
.skill-item h4 strong{font-size:40px}
.skill-item h4 span{margin-left:-5px;padding:6px 0 0}
.skill-item h5{height:40px;margin:-20px 42px 0 0;font-size:35px;letter-spacing:7px;text-indent:7px}
.sub-block{margin:0 0 46px 10px;padding:0 80px 0 23px;background-size:758px 100%;line-height:23px}
.sub-block::before{height:66px;top:-66px}
.sub-block::after{height:48px;bottom:-48px}
.tab-awaken{margin:0 0 25px}
.tab-awaken a{width:206px;height:51px;margin:0 5px;font-size:28px}
.tab-awaken a.on,.tab-awaken a:hover{background:url(../images/tab-awaken-on.png) no-repeat;color:#ffe07b}
.tab-awaken a.on span,.tab-awaken a:hover span{background-image:-webkit-linear-gradient(90deg,#fff 30%,#ffe07b 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 1px 5px #113555)}
.p3{background:url(../images/p3.jpg) center no-repeat}
.p3 .wrapper .h3-01{top:9px;right:9px;width:292px;height:523px}
.p3 .wrapper .notice{width:672px;height:30px;margin:-92px 0 0 -50px}
.beast-cont{width:941px;height:961px;margin:-47px 0 0 265px;padding:86px 0 0;background:url(../images/beast-bg.png) no-repeat}
.beast-cont>h4{margin-left:37px;font-size:35px;letter-spacing:2px;text-indent:2px}
.lineup-lists{padding:44px 0 0 150px}
.lineup-lists li{margin:0 0 33px}
.lineup-lists li h4{width:299px;height:95px;padding:4px 0 0 78px;font-size:24px}
.lineup-lists li:nth-of-type(2) h4{margin:0 0 0 17px}
.lineup-lists li:nth-of-type(2)>div{margin:-17px 0 0 21px}
.lineup-lists li:nth-of-type(3)>div{margin:-30px 0 0 -120px;padding:0 250px}
.b-item-01{width:200px;margin-top:-19px}
.b-item-01>h5{top:10px;right:13px;width:34px;height:177px}
.b-item-02{width:144px;margin:0 0 0 4px}
.b-item-02>h5{top:-3px;right:15px;width:34px;height:150px}
.b-item-03{width:133px;margin:0 0 -18px}
.b-item-03>h5{top:5px;right:7px;width:34px;height:116px}
.pop-tips{top:-120px;left:90px;width:601px;height:423px;padding:34px 12px 0 0;font-size:14px}
.pop-tips h5{height:58px;margin:0 0 -7px;font-size:24px}
.pop-tips h6{width:157px;height:34px;margin:0 0 2px;padding:0 0 2px 38px;font-size:16px}
.pop-tips>div{padding:0 82px 0 72px}
.pop-tips>div p{margin-bottom:1px;padding-left:16px}
.tab-system{top:47px;left:-265px;font-size:22px}
.tab-system a{width:176px;height:188px;padding:132px 0 0}
.tab-system a::before{height:316px}
.tab-system a span{height:47px;padding:8px 0 0}
.tab-system a:first-of-type::before,.tab-system a:nth-of-type(3)::before{height:100%}
.tab-system a:first-of-type{top:535px;left:158px}
.tab-system a:nth-of-type(2){top:649px;left:943px}
.tab-system a:nth-of-type(3){top:630px;left:341px}
.tab-system a:nth-of-type(4){top:61px;left:90px}
.tab-system a:nth-of-type(5){top:362px;left:36px}
.tab-system a:nth-of-type(6){top:225px;left:203px}
.tab-system a:nth-of-type(7){top:498px;left:1098px}
.tab-system a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);-webkit-filter:drop-shadow(0 0 5px #fff)}
.p-beast-system{background:url(../images/p3-1.jpg) center no-repeat}
.p-beast-system .wrapper h3{width:500px;height:135px;margin:-8px auto 0}
.p-beast-system .wrapper .notice{width:853px;height:31px;margin:0 auto}
.sub-mod .tab-nav{margin:-17px 0 0 18px}
.sub-mod .tab-nav a{margin:0 -12px}
.sub-mod .tab-nav .a-nav.on::after,.sub-mod .tab-nav .a-nav:hover::after{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}
.sub-mod .tab-nav .a-back{width:127px;height:66px;margin-top:-5px}
.sub-mod .tab-nav .a-back:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.beast-mod{height:638px}
.beast-item{padding:42px 0 0 90px}
.beast-pic{width:854px;height:545px;padding:3px 0 0}
.beast-pic::after{top:-77px;left:-80px;width:947px;height:642px}
.beast-pic>div{width:812px;height:492px;border-radius:26px}
.beast-pic a{top:424px;left:50%;margin-left:-119px;width:238px;height:86px;padding:0 0 8px;font-size:22px}
.beast-pic a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.beast-sys-cont{top:-56px;left:871px;width:521px;height:700px;padding:134px 76px 90px 83px;background:url(../images/beast-cont.png) no-repeat;font-size:20px}
.beast-sys-cont>div{padding-right:20px}
.beast-sys-cont h4{height:40px;padding:0 0 8px 43px}
.beast-sys-cont h4~h4{margin-top:30px}
.beast-sys-cont .h4-02{height:42px}
.beast-sys-cont .h4-03{padding-bottom:6px;font-size:17px}
.beast-sys-cont h5{margin-bottom:20px;padding:12px 0 15px;font-size:43px}
.beast-sys-cont .p-t30{padding-top:20px}
.beast-item-lsbz{padding:9px 0 0 116px}
.beast-item-lsbz .beast-pic{width:765px;height:629px}
.beast-item-lsbz img:first-of-type{top:-55px;left:-54px}
.beast-item-lsbz img:nth-of-type(2){top:100px;left:249px}
.beast-item-lsbz a{top:419px;margin-left:-341px}
.beast-other{padding:14px 23px 0 0}
.beast-other li{width:383px;height:530px;padding:29px 40px 0 0}
.beast-other li h5{height:71px;padding:0 120px 28px 0;font-size:29px}
.beast-other li .h5-02{font-size:23px}
.beast-other li p{padding:0 40px 0 45px;font-size:19px}
.beast-other li a{bottom:49px;left:70px;width:211px;height:86px}
.btn-guide{padding-bottom:5px;font-size:24px}
.btn-guide:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.p4{background:url(../images/p4.jpg) center no-repeat}
.p4 .wrapper .h3-01{top:-94px;left:655px;width:841px;height:715px}
.nav-social{padding:463px 60px 0 758px}
.nav-social a{width:144px;height:144px;margin:0 25px 8px;font-size:26px;line-height:31px;letter-spacing:1px}
.nav-social a::after,.nav-social a::before{width:254px;height:254px}
.nav-social a:hover{color:#166b50}
.nav-social a:hover span{background-image:-webkit-linear-gradient(90deg,#73b400 30%,#166b50 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}
.nav-social a:hover::before{opacity:0;-webkit-transform:translate(-48%,-54%) scale(.8);transform:translate(-48%,-54%) scale(.8)}
.nav-social a:hover::after{opacity:1;-webkit-transform:translate(-48%,-54%) scale(1);transform:translate(-48%,-54%) scale(1)}
.nav-social a:nth-of-type(4){margin-left:-160px}
.p-social{background:url(../images/p4-1.jpg) center no-repeat}
.p-social .wrapper h3{width:508px;height:134px;margin:-14px auto 0}
.p-social .wrapper .notice{width:586px;height:38px}
.p-social .tab-nav{margin:-23px 0 0 80px}
.p-social .tab-nav a{margin:0 -7px}
.p-social .beast-mod{height:653px}
.p-social .beast-item{padding-top:55px}
.p-social .beast-sys-cont{top:-42px;left:872px}
.social-lists{margin:-32px 0 0 -3px}
.social-lists li{width:620px;height:324px;margin:0 0 11px -14px;font-size:20px}
.social-lists li h5{width:256px;height:80px;font-size:35px}
.social-lists li>div{height:170px;padding:0 64px 0 84px}
.social-lists li .div-02{height:110px}
.social-lists li .div-03{font-size:18px}
.social-lists li p{line-height:26px}
.social-lists li a{bottom:51px;left:216px;width:235px;height:85px}
.social-lists li:nth-of-type(2){margin-right:14px}
.social-lists .li-01{width:1110px;height:309px;margin-left:0}
.social-lists .li-01 h5{width:269px;height:89px}
.social-lists .li-01>div{height:120px;padding:0 410px 0 65px}
.social-lists .li-01 img{top:-51px;right:-172px}
.social-lists .li-01 a{bottom:15px;left:321px}
.social-lists .li-hb{margin-left:48px}
.social-lists .li-hb img{top:-103px;right:-119px}
.social-shop img{top:-20px;left:47px}
.social-shop .social-lists{width:620px;margin:-42px 0 0 636px}
.social-shop .social-lists li{margin:0 0 -13px -14px}
.p5 .wrapper{padding:754px 0 0}
.p5 .wrapper h3{top:-82px;right:-147px;width:574px;height:739px}
.p5 .wrapper>p{top:416px;right:192px;letter-spacing:1px}
.p5 .wrapper .pop-btn{width:321px;height:82px;padding:0 0 3px;font-size:24px}
.p5 .wrapper.zq{padding:734px 0 0 335px}
.p5 .wrapper.zq h3{top:-33px;right:65px;width:913px;height:269px}
.p5 .wrapper.zq>p{top:812px;right:292px}
.cloth-bg span{background:url(../images/p5.jpg) center no-repeat}
.cloth-bg span.b-1{background:url(../images/p5-1.jpg) center no-repeat}
.cloth-bg span.b-2{background:url(../images/p5-2.jpg) center no-repeat}
.tab-cloth{top:54px;left:-15px;width:691px;height:621px;padding:56px 0 0 42px}
.tab-cloth a{width:338px;height:163px;padding:12px 0 0 70px;font-size:28px}
.tab-cloth a strong{top:66px;left:52px}
.tab-cloth a span{ text-indent:4px}
.tab-cloth a:nth-of-type(2){width:310px;margin:4px 0 0 -42px}
.tab-cloth a:nth-of-type(3){width:324px;height:131px;margin:28px 0 0 15px;padding:0 45px 4px 80px}
.tab-cloth a.on,.tab-cloth a:hover{color:#005c2b}
.tab-cloth a.on strong,.tab-cloth a:hover strong{background-image:-webkit-linear-gradient(90deg,#006f34 30%,#006f34 70%)}
.tab-cloth a.on span,.tab-cloth a:hover span{background-image:-webkit-linear-gradient(90deg,#005c2b 30%,#59bd10 70%)}
.tab-cloth a.on span,.tab-cloth a.on strong,.tab-cloth a:hover span,.tab-cloth a:hover strong{-webkit-filter:drop-shadow(0 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 0 7px rgba(173,103,3,.6))}
.tab-cloth a:first-of-type.on,.tab-cloth a:first-of-type:hover{background:url(../images/tab-cloth-01-on.png) no-repeat}
.tab-cloth a:nth-of-type(2).on,.tab-cloth a:nth-of-type(2):hover{background:url(../images/tab-cloth-02-on.png) no-repeat}
.tab-cloth a:nth-of-type(3).on,.tab-cloth a:nth-of-type(3):hover{background:url(../images/tab-cloth-03-on.png) no-repeat}
.tab-cloth a:nth-of-type(4).on,.tab-cloth a:nth-of-type(4):hover{background:url(../img/tab-cloth-04-on.png) no-repeat}
.p6{background:url(../images/p6.jpg) center no-repeat}
.p6 .wrapper h3{top:-33px;left:391px;width:620px;height:210px}
.other-lists{padding:132px 0 48px}
.other-lists li{width:547px;height:187px;margin:0 0 -28px;font-size:20px}
.other-lists li div{padding:51px 58px 0 0}
.other-lists li div::after{top:-1px;left:362px;width:186px;height:186px}
.other-lists li div h4{padding:0 0 15px;font-size:30px}
.other-lists li div h4::before{width:31px;height:23px;margin:18px 30px 0 0}
.other-lists li div h4::after{width:56px;height:25px;margin:16px 0 0 18px}
.other-lists li div p{letter-spacing:-1px;text-indent:-1px}
.other-lists li:hover{color:#995701}
.other-lists li:hover div{background:url(../images/other-li-on.png) no-repeat}
.other-lists li:hover div::after{background:url(../images/i-arrow-on.png) no-repeat;-webkit-transform:translate(10px,0);transform:translate(10px,0)}
.other-lists li:hover h4{color:#613b13}
.other-lists li:hover h4 span{background-image:-webkit-linear-gradient(90deg,#613b13 30%,#94500d 70%);-webkit-filter:drop-shadow(1px 0 0 #ffffba) drop-shadow(-1px 0 0 #ffffba) drop-shadow(0 1px 0 #ffffba) drop-shadow(0 -1px 0 #ffffba) drop-shadow(1px 0 0 #ffffba) drop-shadow(-1px 0 0 #ffffba) drop-shadow(0 2px 0 #ffffba) drop-shadow(0 -2px 0 #ffffba) drop-shadow(0 2px 3px #a66d00)}
.other-lists li:hover h4::before{background:url(../images/i-other-on.png) no-repeat}
.other-lists li:hover h4::after{background:url(../images/i-other-02-on.png) no-repeat}
.other-lists li:nth-of-type(2n) div{padding:51px 0 0 58px}
.other-lists li:nth-of-type(2n) div::after{left:0}
.other-lists li:nth-of-type(2n):hover div{background:url(../images/other-li-02-on.png) no-repeat}
.other-lists li:nth-of-type(2n):hover div::after{background:url(../images/i-arrow-02-on.png) no-repeat;-webkit-transform:translate(-10px,0);transform:translate(-10px,0)}
.other-lists li:first-of-type,.other-lists li:nth-of-type(7){margin-left:36px}
.other-lists li:nth-of-type(2),.other-lists li:nth-of-type(8){margin-right:36px}
.other-lists li:nth-of-type(3),.other-lists li:nth-of-type(5){margin-left:-32px}
.other-lists li:nth-of-type(4),.other-lists li:nth-of-type(6){margin-right:-32px}
.pop-box{position:fixed;left:0;top:0;z-index:0;width:100%;height:100%;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;visibility:hidden;-webkit-transition:.6s allow-discrete;transition:.6s allow-discrete}
.pop-box.show{z-index:999;opacity:1;pointer-events:all;visibility:visible}
.pop-box.show .pop{-webkit-transform:translate3d(-50%,-50%,0) scale(var(--popScale));transform:translate3d(-50%,-50%,0) scale(var(--popScale))}
.pop{position:fixed;left:50%;top:50%;z-index:50;width:834px;height:618px;background:url(../images/pop-bg.png) center/cover no-repeat;-webkit-transition:.6s allow-discrete;transition:.6s allow-discrete;-webkit-transform:translate3d(-50%,100%,0) scale(0);transform:translate3d(-50%,100%,0) scale(0)}
.pop.middle{width:700px;height:519px}
.pop.middle .pop-cont{height:270px}
.pop.small{width:600px;height:445px}
.pop.small .pop-cont{height:190px}
.pop-close{position:absolute;top:7px;right:-60px;z-index:20;width:88px;height:88px;background:url(../images/pop-close.png) no-repeat;line-height:500px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}
.pop-close:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.pop-02{background:url(../images/pop-bg-02.png) center/cover no-repeat}
.pop-02 .pop-close{background:url(../images/pop-close-02.png) no-repeat}
.pop-02 .pop-title h3{background:url(../images/pop-title-02.png) center bottom no-repeat}
.pop-02 .pop-title h3 span{-webkit-filter:drop-shadow(1px 0 0 #1d5795) drop-shadow(-1px 0 0 #1d5795) drop-shadow(0 1px 0 #1d5795) drop-shadow(0 -1px 0 #1d5795) drop-shadow(1px 0 0 #1d5795) drop-shadow(-1px 0 0 #1d5795) drop-shadow(0 2px 0 #1d5795) drop-shadow(0 -2px 0 #1d5795)}
.pop-02 .pop-cont{color:#1d62a9}
.pop-cont{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:340px;padding:10px 130px;color:#326b2f;font-size:18px;line-height:32px}
.pop-cont p{text-indent:2em;text-align:justify}
.pop-cont .p-c{text-indent:0;text-align:center}
.pop-cont h4{height:42px;padding:0 0 5px 30px;background:url(../images/pop-tit-h4-02.png) no-repeat}
.pop-cont h4~h4{margin-top:10px}
.pop-cont .h4-02{background:url(../images/pop-tit-h4-03.png) no-repeat}
.pop-cont .scroll-mod{padding-right:10px}
.pop-cont .scroll-mod p{font-size:16px;line-height:25px}
.pop-title{padding:73px 0 0}
.pop-title h3{padding:0 0 29px;background:url(../images/pop-title.png) center bottom no-repeat;color:#fcffd0;font-size:30px;text-align:center;letter-spacing:1px;text-indent:1px}
.pop-title h3 span{display:block;}
.pop-btn{background:url(../images/pop-btn.png) center/cover no-repeat;width:371px;height:95px;padding:0 0 2px;color:#ffe07b;font-size:27px;letter-spacing:1px;text-indent:1px}
.pop-btn span{background-image:-webkit-linear-gradient(90deg,#fff 30%,#ffe07b 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 1px #064f00) drop-shadow(0 0 3px #064f00);filter:drop-shadow(0 0 1px #064f00) drop-shadow(0 0 3px #064f00)}
.pop-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}


/**/
.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; }

.lang { position:absolute; left: 250px; top:55px; z-index:10; }
.lang select { background:#006a18; color:#fff; font-size:14px; height:32px; line-height:32px; border:1px solid #c3ffd6; }


.p5 .wrapper>p { width:400px; }