@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}html,body,fieldset,img,iframe,abbr{border:0}li{list-style:none}textarea{overflow:auto;resize:none}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,strong,b{font-weight:700}a,a:hover{text-decoration:none;outline:0}body,textarea,button{color:#fff}html,body{width:100%;height:100%;min-width:1400px;margin:0 auto;padding:0;overflow-y:hidden;font-family:"Microsoft YaHei","Helvetica Neue",HelveticaNeue,HelveticasimSun,Helvetica,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:14px}i,em{font-style:normal}.hide{display:none}.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}.clearfix:after{clear:both;content:'\0020';display:block;visibility:hidden;height:0}.clearfix{zoom:1}.inline-box{display:inline-block;zoom:1}.pop{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;-o-transition:.75s all;-webkit-transition:.75s all;-moz-transition:.75s all;-ms-transition:.75s all;transition:.75s all;z-index:-1;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}.pop.on{z-index:1201;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.videomanybox{width:800px;height:450px;position:fixed;top:50%;left:50%;margin:-275px 0 0 -400px;z-index:1202;display:none}.videomanybox.on{display:block}.videomanybox .closeV{width:35px;height:34px;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/close_0f3520d.png) center no-repeat;position:absolute;top:5px;right:-50px;cursor:pointer;-o-transition:.75s all;-webkit-transition:.75s all;-moz-transition:.75s all;-ms-transition:.75s all;transition:.75s all}.videomanybox .closeV:hover{-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.footer{width:100%;color:#fff;position:absolute;left:0;bottom:0;z-index:99;background:#000;padding-top:10px;-o-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-o-transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s}.footer.show{-o-transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}.footer .copyRight_btn{padding-left:.15rem;font-size:.13rem;box-sizing:border-box;position:absolute;right:.47rem;top:-.7rem;line-height:.36rem;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/footer/copyright_bg_adb0682.png);background-size:100%;width:1.78rem;height:.36rem;color:#dac6b1;font-family:'Noto Sans SC'}.footer .copyRight_btn i{width:.16rem;height:.16rem;display:block;position:absolute;right:.15rem;top:50%;margin-top:-.08rem;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/footer/btn_arrow_ea99876.png);background-size:100%;-o-transition:transform .6s;-webkit-transition:transform .6s;-moz-transition:transform .6s;-ms-transition:transform .6s;transition:transform .6s}.footer .copyRight_btn.cur i{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.footer .footer_box{height:auto;padding-top:.2rem;box-sizing:border-box;padding-bottom:.1rem}.footer .footer_box .logos{display:flex;align-items:center;justify-content:space-around;width:4.5rem;margin:0 auto .24rem}.footer .footer_box .logos .logo1{width:1.4rem}.footer .footer_box .logos .logo2{width:.82rem}.footer .footer_box .logos .logo3{width:.53rem}.footer .footer_box p{margin-bottom:.17rem;text-align:center;font-family:'Noto Sans SC';line-height:.18rem;font-size:.12rem;color:#fff}.footer .footer_box p a{color:#fff;text-decoration:underline}.footer .footer_box .footer_mail{font-style:italic}.footer a{color:#fff}.footer #NIE-share{height:22px;text-align:center;margin-bottom:10px}.footer #NIE-share .NIE-share{height:22px}.footer #NIE-share .NIE-share .NIE-share-txt{height:22px;line-height:22px;font-size:12px;margin-right:6px;color:#fff}.footer #NIE-share .NIE-share .NIE-share-iconBtn a{color:#fff;height:22px;line-height:22px;width:auto;margin-right:12px}.footer #NIE-share .NIE-share .NIE-share-iconBtn a span{height:22px;font-size:22px;line-height:22px;margin-right:4px}.footer #NIE-share .NIE-share .NIE-share-iconBtn a em{font-size:12px;height:22px;line-height:22px}.footer #NIE-share .NIE-share .NIE-share-iconBtn a:hover{color:#bc9d59}.footer #NIE-share .NIE-share .NIE-share-iconBtn a.morebtn{margin-right:0}.footer #NIE-share .NIE-share1 .NIE-share-more{top:40px;right:25px}.footer #NIE-copyRight-corp{padding:0!important}.footer #NIE-copyRight,.footer #NIE-copyRight-corp{width:1180px!important;margin:0 auto;text-align:center!important}.footer #NIE-copyRight #ncp-l3,.footer #NIE-copyRight-corp #ncp-l3{width:100%;line-height:1.6em}.footer #NIE-copyRight .nie-copyright-new-inner{padding:0}.Layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);z-index:-1;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}.Layer.on{-webkit-opacity:.6;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60);z-index:10000}.video-pop{width:800px;height:510px;display:none;position:fixed;top:50%;left:50%;z-index:10001}.video-pop .btn-close{width:58px;height:58px;display:block;position:absolute;top:0;right:-68px;background:url(https://seasia.octopathsp.com/pc/gw/20231102150217/img/close_0f3520d.png) no-repeat;-o-transition:transform .4s ease-in-out;-webkit-transition:transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out;-ms-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}.video-pop .btn-close:hover{-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.video-pop .video-box{background:#fff;width:800px;height:450px}::-webkit-input-placeholder{color:#806551}:-moz-placeholder{color:#806551}::-moz-placeholder{color:#806551}:-ms-input-placeholder{color:#806551}@-webkit-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-moz-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-ms-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-o-keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@keyframes fade{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}@-webkit-keyframes scrollBtn{0%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}50%{-o-transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}}@-moz-keyframes scrollBtn{0%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}50%{-o-transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}}@-ms-keyframes scrollBtn{0%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}50%{-o-transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}}@-o-keyframes scrollBtn{0%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}50%{-o-transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes scrollBtn{0%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}50%{-o-transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}}