.pg{width:100%;position:relative;padding-top:122.5%}.h2-title{width:64%;position:relative}.page01.pg{padding-top:122.5%}.page01{background:url(../img/mb/bg1.f18ef80c.jpg) no-repeat top center;background-size:cover;z-index:2}.btn1-box{width:68%;position:absolute;bottom:7.5%}.slogan{width:100%;position:relative}.play{width:13%;height:32%;position:absolute;right:-.1%;bottom:0}.main-btn{width:100%;position:relative;text-align:center}.main-btn button{width:41%;display:inline-block;position:relative;margin:0 .5% 2%}.btn-logout{width:19%;position:absolute;top:2.6%;right:14%;cursor:pointer;transition:.3s;z-index:10}.btn1-jump{width:13%;position:absolute;top:30%;right:-52%}.page02{width:100%;height:auto;position:relative;background:url(../img/mb/bg2.9092e542.jpg) no-repeat top center;background-size:cover}.content-all{width:70%;position:absolute;top:0;text-align:center;padding-top:6%}.title{width:91%;position:relative}.story{width:90%;position:relative;margin-top:3%}#p3 .content-all{width:100%}#p3 .title{width:64%}.st3-box{width:100%;height:auto;position:relative;margin-top:-1%}.pic3-st{width:100%;height:auto;position:relative;padding-top:90%}.pic3-st1{background:url(../img/mb/st3_1.ceeb7dc9.png) no-repeat top center;background-size:cover}.pic3-st2{background:url(../img/mb/st3_2.c2636dae.png) no-repeat top center;background-size:cover}.pic3-st3{background:url(../img/mb/st3_3.7b2ea34e.png) no-repeat top center;background-size:cover}.btn3-box{width:100%;height:auto;position:relative;text-align:center;margin-top:2%}.btn3-box button{width:28%;height:100%;position:relative;display:inline-block;margin:0 1%}.jump-play .modal-dialog,.jump-st .modal-dialog{margin-top:4%}.pic-jump{width:87%;margin-bottom:1%}#jump-img-dl .pic-jump{width:100%}.jump-st .modal-content{width:77%}.btnj-dl-box-all{width:79.5%;height:18.3%;position:absolute;text-align:center;top:75.5%}.btnj-dl-box{width:100%;height:100%;position:absolute;display:inline-block}.btnj-dl-box button{width:43%;height:45%;position:relative;margin:0 2% 1%}@media screen and (min-height:1366px) and (max-width:1024px){.page01.pg,.pg{padding-top:133.5%}.btn1-jump{width:15%;right:-59%}.btn1-box{width:77%}.content-all{width:77%}#p3 .title{width:70.1%}.pic3-st{padding-top:98%}}@media screen and (max-width:820px){.page01.pg,.pg{padding-top:125.5%}}@media screen and (max-width:820px) and (min-height:1180px){.page01.pg,.pg{padding-top:144.5%}.btn1-box{width:85%}.btn1-jump{width:18%;right:-62%}.pic-jump{width:100%}.bgj-sys,.bgj-sys .picj-content{width:78rem;height:56rem}.content-all{width:84%}#p3 .title{width:76.4%}.pic3-st{padding-top:108%}.btn3-box button{width:34%}#btnGame .modal-header>.btn-close,.btn-ham{width:11rem;height:11rem;top:3%;right:4%}.fgo-logo{width:25%}a.carousel-control.left.arrow-left{left:3%}a.carousel-control.right.arrow-right{right:3%}}@media screen and (max-width:768px){.page01.pg,.pg{padding-top:118.5%}#p3 .content-all{padding-top:3%}}@media screen and (min-height:1024px) and (max-width:768px){.page01.pg,.pg{padding-top:133.5%}.btn1-box{width:78%}.btn1-jump{width:17%;right:-57%}.content-all{width:79%}#p3 .title{width:72%}.pic3-st{padding-top:103%}.btn3-box button{width:32%}a.carousel-control.left.arrow-left{left:3%}a.carousel-control.right.arrow-right{right:3%}}@media screen and (max-width:680px){.page01.pg,.pg{padding-top:163.5%}.fgo-logo{width:28%}#btnGame .modal-header>.btn-close,.btn-ham{width:14rem;height:14rem}.btn1-jump{width:20%;right:-70%}.btn1-box{width:95%}.jump-st .modal-content{width:97%}.pic-jump{width:97%}.content-all{width:97%}#p3 .title{width:88.3%}.pic3-st{padding-top:124%}.btn3-box button{width:35%}.btn-logout{width:26%;top:3.2%;right:19%}}@media screen and (max-width:480px){.page01.pg,.pg{padding-top:150.5%}.content-all{width:93%}#p3 .title{width:84.7%}.pic3-st{padding-top:116%}a.carousel-control.left.arrow-left{left:10%}a.carousel-control.right.arrow-right{right:10%}}@media screen and (max-width:428px){.page01.pg,.pg{padding-top:149.5%}.content-all{width:88%}#p3 .title{width:79.9%}.btn-logout{width:24%;top:3.7%}}@media screen and (max-width:414px){.page01.pg,.pg{padding-top:150%}}@media screen and (min-height:709px) and (max-width:414px){.page01.pg,.pg{padding-top:171.5%}.content-all{width:98%}#p3 .title{width:89.2%}.pic3-st{padding-top:137%}.btn3-box button{width:38%}a.carousel-control.left.arrow-left{left:3%}a.carousel-control.right.arrow-right{right:3%}}@media screen and (min-height:714px) and (max-width:414px){.page01.pg,.pg{padding-top:173%}}@media screen and (min-height:736px) and (max-width:414px){.page01.pg,.pg{padding-top:178%}.content-all{padding-top:10%}}@media screen and (max-width:375px){.page01.pg,.pg{padding-top:148.5%}.pic3-st{padding-top:113%}}@media screen and (min-height:667px) and (max-width:375px){.page01.pg,.pg{padding-top:178.5%}.content-all{width:98%;padding-top:10%}#p3 .title{width:89.1%}.pic3-st{padding-top:140%}.btn3-box button{width:39%}a.carousel-control.left.arrow-left{left:3%}a.carousel-control.right.arrow-right{right:3%}}@media screen and (max-width:360px){.page01.pg,.pg{padding-top:164.5%}.jump-st .modal-content{width:93%}.content-all{width:95%}#p3 .title{width:86.6%}.pic3-st{padding-top:127%}.btn3-box button{width:38%}}@media screen and (min-height:720px) and (max-width:360px){.page01.pg,.pg{padding-top:177.5%}.content-all{width:98%;padding-top:14%}#p3 .title{width:89.4%}.pic3-st{padding-top:139%}a.carousel-control.left.arrow-left{left:3%}a.carousel-control.right.arrow-right{right:3%}.btn3-box button{width:42%}}@media screen and (max-width:330px){.page01.pg,.pg{padding-top:141.5%}.btn1-box{width:87%}.content-all{width:84%}#p3 .title{width:76.3%}.pic3-st{padding-top:110%}.btn3-box button{width:33%}}@media screen and (min-height:568px) and (max-width:320px){.page01.pg,.pg{padding-top:177.5%}a.carousel-control.left.arrow-left{left:3%}a.carousel-control.right.arrow-right{right:3%}.btn1-box{width:96%}.content-all{width:97%;padding-top:13%}#p3 .title{width:88.3%}.pic3-st{padding-top:139%}.btn3-box button{width:42%}}@media screen and (orientation:landscape) and (max-width:1024px){.btn-ham{top:3%}}@media screen and (orientation:landscape) and (max-width:736px){.btn-ham{top:2%}}@media screen and (orientation:landscape) and (max-width:570px){body{min-width:568px}}