html{position:relative;height:100%;width:100%;font-size:62.5px;background-color:#000}body{width:100%;height:auto;padding:0;position:relative;margin:0 auto;background-color:#fff;min-width:320px}.content{width:100%;height:auto;position:relative}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:NotoSerifTCBold,serif}.noto-sans tc-fgofont{font-family:"Noto Sans TC",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.noto-serif sc-extralight{font-family:"Noto Serif SC",serif;font-weight:200;font-style:normal}ul{list-style:none}button{border:none;outline:0;background-color:transparent}body,html{margin:0 auto;background:0 0}a{width:100%;height:100%;transition:.3s;display:block}a:focus{outline:0!important;outline:0 auto -webkit-focus-ring-color}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.mid{left:0;right:0;margin:0 auto}.h4,.h5,.h6,h2,h3,h4,h5,h6{font-size:unset;margin:0}img{width:100%;position:relative}.right{right:0}.left{left:0}.top{top:0}.bottom{bottom:0}.col-md-12{padding:0}.btn-down,.btn-down2{width:14%;height:6%;bottom:.2%;left:0;right:0;margin:0 auto;position:absolute;z-index:10;background-image:url(../img/scroll.c4d0701f.png);background-position:center;background-repeat:no-repeat;background-size:contain;-webkit-animation:gotoNextBtn 1.5s infinite ease-in-out;-moz-animation:gotoNextBtn 1.5s infinite ease-in-out;-ms-animation:gotoNextBtn 1.5s infinite ease-in-out;animation:gotoNextBtn 1.5s infinite ease-in-out}.btn-ham{width:9rem;height:9rem;position:absolute;top:4%;right:5%;background:url(../img/mb/btn_ham.c14cf219.png) no-repeat center;background-size:contain;z-index:1}.fgo-logo{width:17%;height:auto;position:absolute;top:6%;left:7%;z-index:1}.footer{position:relative;display:block;z-index:3;width:100%;background-color:#24201f;padding-top:16%}.copyright{width:26%;height:22%;position:absolute;right:2%;bottom:1%;background:url(../img/copyright.aa598ba2.png) center center no-repeat;background-size:contain;margin:auto 0}.footer-img{position:absolute;left:0;top:0;bottom:0;margin:auto 0;width:75%;height:100%;background:url(../img/mb/footer_img.54aac938.png) left center no-repeat;background-size:contain}@-webkit-keyframes gotoNextBtn{0%,30%{opacity:0;-webkit-transform:translate(0,0)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,1px)}}@-moz-keyframes gotoNextBtn{0%,30%{opacity:0;-moz-transform:translate(0,0)}60%{opacity:1;-moz-transform:translate(0,0)}10%{opacity:0;-moz-transform:translate(0,1px)}}@-ms-keyframes gotoNextBtn{0%,30%{opacity:0;-ms-transform:translate(0,0)}60%{opacity:1;-ms-transform:translate(0,0)}10%{opacity:0;-ms-transform:translate(0,1px)}}@keyframes gotoNextBtn{0%,30%{opacity:0;transform:translate(0,0)}60%{opacity:1;transform:translate(0,0)}10%{opacity:0;transform:translate(0,1px)}}@-webkit-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}100%{opacity:1}}@-moz-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}100%{opacity:1}}@-ms-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}100%{opacity:1}}@keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}100%{opacity:1}}.carousel-inner{width:100%;height:100%;position:relative;z-index:3}.item{width:100%;height:100%;text-align:center}.arrow{width:68%;height:11%;position:absolute;top:43%;bottom:0;margin:auto;-webkit-animation:arrowBtn 3s infinite ease-in-out;-moz-animation:arrowBtn 3s infinite ease-in-out;-ms-animation:arrowBtn 3s infinite ease-in-out;animation:arrowBtn 3s infinite ease-in-out;z-index:10}.carousel-fade .carousel-control{z-index:2}a.carousel-control.right.arrow-right{width:13%;height:15%;position:absolute;display:block;opacity:1;background:0 0;top:36%;right:-3%;z-index:5}a.carousel-control.left.arrow-left{width:13%;height:15%;position:absolute;display:block;opacity:1;background:0 0;top:36%;left:-3%;z-index:5}.carousel-indicators li{width:23px;height:23px;margin:0 2%;border-radius:0;border:none}.carousel-indicators .active{width:23px;height:23px;margin:0 2%}.modal-header{position:relative;display:block;min-height:55px;padding:0}.modal-header>.btn-close,.modal-header>.btn-close-st{position:relative;width:13%;height:auto;opacity:1!important;outline:0!important;outline:0!important;margin:0 auto}#btnGame .modal-header>.btn-close{width:9rem;height:9rem;position:relative;top:0;left:42%;margin:0 auto 3%;min-width:45px;opacity:1!important;outline:0!important;outline:0!important;background:url(../img/mb/btn_close.4c073688.png) center center no-repeat;background-size:contain}.btn-close-white{position:relative;display:block;z-index:2;top:0;left:42%;margin:0 auto;width:55px;height:55px;opacity:1!important;outline:0!important;outline:0!important;background:url(../img/close-btn.png) center center no-repeat;background-size:contain}#btnGame .img-responsive{width:58%}.modal{background-color:rgba(0,0,0,.8);overflow:auto;overflow-y:scroll}.modal-backdrop.in{opacity:.9}.modal-header{border-bottom:1px solid transparent}.modal-content{width:100%;height:100%;background-color:transparent;border:transparent;-webkit-box-shadow:transparent!important;box-shadow:0 0 0 #000!important}.modal-body{position:relative;text-align:center;padding:1%;width:100%;height:100%;left:0;right:0;margin:0 auto}.thumbnail{background-color:transparent;border:none;box-shadow:none}#btnGame .thumbnail a{position:relative;display:block;margin-bottom:6%}.modal-dialog{width:auto;height:auto}.arrow-img::-ms-expand{display:none}.arrow-img:focus{box-shadow:0 0 5px 2px #467bf4}.carousel-fade .carousel-inner .item{transition-property:opacity}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item{opacity:0}.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{left:0;transform:translate3d(0,0,0)}.thumbnail.video_thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%}.thumbnail.video_thumbnail iframe{position:absolute;top:0;left:0;width:100%;height:100%}.btnj-download-box{width:100%;position:relative;margin-top:9%}.btnj-act-box{width:100%;position:relative;margin-top:9%}.scroll-box::-webkit-scrollbar{width:12px;height:1px}.scroll-box::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ffe2b0}.scroll-box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#322117;box-shadow:none}.overy::-webkit-scrollbar{width:12px;height:1px}.overy::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ffe2b0}.overy::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#322117;box-shadow:none}.btnj-dl-all{width:59.4%;height:17.5%;position:absolute;top:62%}.btnj-dl-box{width:39%;position:absolute;right:47%}.btnj-dl-box2{width:39%;position:absolute;left:55%}.btnj-dl-box button{width:100%;position:relative;display:inline-block;margin:6% auto}.btnj-dl-box button a{width:100%;height:100%;position:relative}.cover-end,.cover-un{width:100%;height:100%;position:absolute;top:0;right:0}.cover-un{background:url(../img/mb/picj1_un.8ce33ed2.png) no-repeat center;background-size:cover}.cover-end{background:url(../img/mb/picj1_end.20e4d711.png) no-repeat center;background-size:cover}@media screen and (max-width:820px){#btnGame .modal-header>.btn-close,.btn-ham{top:4%;right:6%}}@media screen and (max-width:820px) and (min-height:1180px){.footer{height:13%}}@media screen and (max-width:768px){#btnGame .modal-header>.btn-close,.btn-ham{top:2%;right:3%}}@media screen and (min-height:1024px) and (max-width:768px){.footer{height:15%}}@media screen and (max-width:680px){#btnGame .img-responsive{width:90%}.btnj-download-box{width:84%}}@media screen and (max-width:580px){.footer{max-height:120px}}@media screen and (max-width:480px){#btnGame .modal-header>.btn-close,.btn-ham{width:11rem;height:11rem}.footer{height:13%}#btnGame .modal-header>.btn-close,.btn-ham{top:2%;right:4%}}@media screen and (max-width:450px){.modal-header>.btn-close,.modal-header>.btn-close-st{width:13%}}@media screen and (min-height:709px) and (max-width:450px){.footer{height:13%}}@media screen and (min-height:714px) and (max-width:450px){.footer{height:11%}}@media screen and (min-height:736px) and (max-width:450px){.footer{height:11%}}@media screen and (min-height:896px) and (max-width:428px){.footer{height:12%}.fgo-logo{width:31%;top:1%}}@media screen and (min-height:926px) and (max-width:428px){.footer{height:10%}}@media screen and (min-height:731px) and (max-width:411px){.footer{height:12%}}@media screen and (min-height:823px) and (max-width:411px){.footer{height:10%}}@media screen and (min-height:844px) and (max-width:395px){.footer{height:10%}}@media screen and (max-width:375px){.jump-box .modal-content{width:350px}.modal-header>.btn-close,.modal-header>.btn-close-st{min-width:auto;min-height:auto}.main{width:100%}}@media screen and (min-height:667px) and (max-width:375px){.footer{height:11%}}@media screen and (min-height:812px) and (max-width:375px){.footer{height:9%}.fgo-logo{width:35%}}@media screen and (max-width:360px){.footer-img{width:87%}.jump-box .modal-dialog{margin:0}}@media screen and (min-height:640px) and (max-width:360px){.footer{height:14%}}@media screen and (min-height:720px) and (max-width:360px){.footer{height:12%}}@media screen and (max-width:330px){.jump-box .modal-content{transform:scale(.9);width:310px;transform:scale(1);margin:auto}.footer{max-height:78px}}@media screen and (min-height:568px) and (max-width:320px){.footer{height:14%}}@media screen and (orientation:landscape) and (max-width:1920px){body{min-height:41rem;max-width:1366px}}@media screen and (orientation:landscape) and (max-width:1366px){body{min-height:29rem}.footer{height:12%}}@media screen and (orientation:landscape) and (max-width:1024px){body{min-height:22rem}.footer{height:14%}}@media screen and (orientation:landscape) and (max-width:896px){.footer{height:11%}}@media screen and (orientation:landscape) and (max-width:823px){body{min-height:18rem}}@media screen and (orientation:landscape) and (max-width:768px){body{min-height:16rem}}@media screen and (orientation:landscape) and (max-width:680px){.footer{height:14%}}@media screen and (orientation:landscape) and (max-width:570px){body{min-height:14rem}.footer{height:13%}}