html{position:relative;height:100%;width:100%;font-size:62.5px;background-color:#233148}body{width:100%;height:auto;padding:0;position:relative;margin:0 auto;background-color:#233148;min-width:320px;font-size:.2rem;color:#fff}.content{width:100%;height:auto;position:relative}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:"Noto Serif TC",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}a{width:100%;transition:.3s;display:block}a:focus{outline:0!important;outline:0 auto -webkit-focus-ring-color}.mid{left:0;right:0;margin:0 auto}h2,h3,h4{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:12%;height:6%;bottom:2.2%;left:0;right:0;margin:0 auto;position:absolute;z-index:10;background-image:url(../img/scroll.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:1.5rem;height:1.5rem;position:absolute;top:2%;right:3%;background:url(../img/mb/btn_ham.png) no-repeat center;background-size:contain;z-index:10}.fgo-logo{width:43%;height:auto;position:absolute;top:1%;left:1%;z-index:10}.fgo-footer{position:relative;display:block;z-index:3;width:100%;background:url(../img/mb/footer.0201c146.jpg) top center no-repeat;background-size:100% 100%;padding-top:19.3%}.fgo-copyright{width:26%;height:22%;position:absolute;right:2%;bottom:1%;background:url(../img/copyright.png) center center no-repeat;background-size:contain;margin:auto 0}.footer-img{position:absolute;left:1%;top:0;bottom:0;margin:auto 0;width:71%;height:81%;background:url(../img/mb/footer_img.929a82b4.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:100%;height:9%;position:absolute;top:-24%;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:11%;height:auto;position:absolute;display:block;opacity:1;background:0 0}a.carousel-control.left.arrow-left{width:11%;height:auto;position:absolute;display:block;opacity:1;background:0 0}.carousel-indicators li{width:23px;height:23px;margin:0 2%;border-radius:0;border:none}.carousel-indicators .active{width:23px;height:23px;background:url(../img/item_dot_active.png) center no-repeat;background-size:contain;margin:0 2%}.modal-header{position:relative;display:block;min-height:55px;margin-top:1%;padding:0}.modal-header>.btn-close,.modal-header>.btn-close-st{position:relative;width:7%;height:auto;opacity:1!important;outline:0!important;outline:0!important;margin:0 auto}#btnGame .modal-header>.btn-close{width:1.5rem;height:1.5rem;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.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;background:url(../img/mb/nav.jpg) center top no-repeat;background-size:contain}.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;margin-top:3%}.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)}.item{width:100%;height:100%}.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}#jump-dl .modal-dialog{margin-top:15%}#jump-dl .modal-header>.btn-close,.modal-header>.btn-close-st{width:10%;margin-left:97%}#jump-dl .modal-header{width:100%;position:absolute;top:0;margin-top:-8%}.cover-end{width:96%;height:71%;position:absolute;top:24%;left:0;background:url(../img/mb/picj1_un.png) no-repeat center;background-size:cover;z-index:11}.cover-un{width:96%;height:71%;position:absolute;top:24%;left:0;background:url(../img/mb/picj1_un.png) no-repeat center;background-size:cover;z-index:11}#jump-img-dl .modal-header{width:100%;position:relative;top:0;margin-top:1%;z-index:10}#jump-img-dl .modal-dialog{margin-top:.85rem}#jump-img-dl .btnj-box button{width:100%;position:relative;margin-bottom:12%}#jump-img-dl .modal-header>.btn-close{width:9%;height:auto;position:relative}#jump-img-dl .modal-content{max-width:1000px;width:100%}#jump-img-dl .pic-jump{width:72%;position:relative;text-align:center;display:inline-block}#jump-img-dl .btnj-box{width:27%;position:absolute;top:0;left:31%;padding-top:24%}@media screen and (max-width:820px){#btnGame .modal-header>.btn-close{width:1.1rem;height:1.1rem}}@media screen and (max-width:820px) and (min-height:1024px){.btn-ham{width:1.1rem;height:1.1rem}}@media screen and (max-width:820px) and (min-height:1180px){.footer{height:13%}}@media screen and (max-width:768px){.btn-ham{width:1.1rem;height:1rem;top:2%;right:3%}}@media screen and (min-height:1024px) and (max-width:768px){.footer{height:15%}#btnGame .modal-header>.btn-close{width:1rem;height:1rem}}@media screen and (max-width:680px){#btnGame .img-responsive{width:90%}#btnGame .modal-header>.btn-close,.btn-ham{width:1.2rem;height:1.2rem}.btnj-download-box{width:84%}}@media screen and (max-width:580px){.btn-ham{width:1rem;height:.9rem}.footer{max-height:120px}.bgj-dl{width:77%;padding-top:127%}#jump-img-dl .modal-dialog{margin-top:13%}}@media screen and (max-width:480px){.footer{height:13%}.fgo-logo{width:42%}#btnGame .modal-header>.btn-close,.btn-ham{width:.8rem;height:.8rem;top:2%;right:4%}}@media screen and (max-width:450px){#btnGame .modal-header>.btn-close,.btn-ham{width:.8rem;height:.7rem}.modal-header>.btn-close,.modal-header>.btn-close-st{width:45px;height:45px}.footer-img{width:70%}#btnGame .modal-header>.btn-close{height:48px;min-height:unset}}@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 (max-width:428px){#btnGame .modal-header>.btn-close,.btn-ham{width:.9rem;height:.8rem}}@media screen and (min-height:896px) and (max-width:428px){.footer{height:12%}.footer-img{width:89%}.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{width:35px;height:35px;min-width:auto;min-height:auto}.main{width:100%}#btnGame .modal-header>.btn-close,.btn-ham{width:.7rem;height:.7rem}#btnGame .modal-header>.btn-close{width:.6rem;height:.6rem}}@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}.jump-box .modal-content{width:auto;transform:scale(1)}}@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){#btnGame .modal-header>.btn-close,.btn-ham{width:.6rem;height:.6rem}.jump-box .modal-content{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{max-width:1366px}}@media screen and (orientation:landscape) and (max-width:1366px){.footer{height:12%}}@media screen and (orientation:landscape) and (max-width:1024px){.footer{height:14%}}@media screen and (orientation:landscape) and (max-width:926px){.footer{height:14%}}@media screen and (orientation:landscape) and (max-width:896px){.footer{height:11%}.footer-img{height:80%}}@media screen and (orientation:landscape) and (max-width:823px){.footer-img{height:80%}}@media screen and (orientation:landscape) and (max-width:768px){.footer-img{height:77%}}@media screen and (orientation:landscape) and (max-width:680px){.footer{height:14%}}@media screen and (orientation:landscape) and (max-width:570px){.footer{height:13%}}