.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_1024.3334eb6d.jpg) no-repeat top center;background-size:cover;z-index:2}.btn1-box{width:68%;position:absolute;bottom:13.5%}.slogan{width:88%;position:relative;margin-bottom:1%}.play{width:13%;height:26%;position:absolute;right:7.9%;bottom:0}.main-btn{width:100%;position:relative;text-align:center}.main-btn button{width:31%;display:inline-block;position:relative;margin:0 .5%}.btn-down2{bottom:4.2%}.btn-logout{width:11.7%;position:absolute;top:14.5%;left:7%;cursor:pointer;transition:.3s;z-index:10}.btn1-jump{width:6%;position:absolute;top:18%;right:-48%}.page02{width:100%;height:auto;position:relative}#p2{background:url(../img/mb/bg2.e52eefa1.jpg) no-repeat top center;background-size:100% 100%}.content-all{width:67%;position:absolute;top:0;text-align:center;padding-top:11%}#p2 .content-all{padding-top:18%}.title{width:91%;position:relative}.story{width:87%;position:relative;margin-top:12%}.btn-down4{bottom:12.2%}#p3{background:url(../img/mb/bg3.fe4f97e1.jpg) no-repeat top center;background-size:cover;overflow:hidden}#p3 .content-all{padding-top:2%}.st3-box{width:87%;height:auto;position:relative}.pic3-st{width:100%;height:auto;position:relative}.btn3-box{width:100%;height:6%;position:absolute;top:88%;text-align:center}.btn3-box button{width:36%;height:100%;position:relative;display:inline-block;margin:0 1%}.jump-play .modal-dialog,.jump-st .modal-dialog{margin-top:4%}.pic-jump{width:73%;margin-bottom:1%}.jump-st .modal-content{width:77%}.btnj-dl-box-all{width:65.5%;height:14.3%;position:absolute;text-align:center;top:79.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){.pg{padding-top:133.5%}.content-all{width:73%}.pic-jump{width:84%;margin-bottom:1%}}@media screen and (max-width:820px){.pg{padding-top:125.5%}.content-all{width:64%}}@media screen and (max-width:820px) and (min-height:1024px){.content-all{width:68%}}@media screen and (max-width:820px) and (min-height:1180px){.pg{padding-top:144.5%}.pic-jump{width:94%}.content-all{width:79%}.bgj-sys,.bgj-sys .picj-content{width:73rem;height:123rem}}@media screen and (max-width:768px){.pg{padding-top:118.5%}}@media screen and (min-height:1024px) and (max-width:768px){.pg{padding-top:133.5%}.pic-jump{width:82%}.content-all{width:73%}}@media screen and (max-width:680px){.page01{background:url(../img/mb/bg1.64acee76.jpg) no-repeat top center;background-size:cover}.page01.pg{padding-top:177.5%}.pg{padding-top:163.5%}.content-all{width:89%}.btnj-dl-box-all{width:90.5%}.jump-st .modal-content{width:89%}.pic-jump{width:100%}.modal-header>.btn-close,.modal-header>.btn-close-st{width:18%}.btn1-box{width:95%}.btn1-jump{width:9%;top:19%;right:-65%}.fgo-logo{width:25%}#btnGame .modal-header>.btn-close,.btn-ham{width:12rem;height:9rem}#btnGame .modal-header>.btn-close,.btn-ham{top:4%;right:7%}.btn-logout{width:15.7%}}@media screen and (max-width:480px){.pg{padding-top:150.5%}.content-all{width:83%}}@media screen and (max-width:428px){.page01.pg,.pg{padding-top:149.5%}.page01{background:url(../img/mb/bg1_sm.2baef6c8.jpg) no-repeat top center;background-size:cover}}@media screen and (min-height:766px) and (max-width:428px){.jump-st .modal-dialog{margin-top:11%}}@media screen and (max-width:414px){.pg{padding-top:150%}}@media screen and (min-height:709px) and (max-width:414px){.pg{padding-top:171.5%}.page01.pg{padding-top:177.5%}.page01{background:url(../img/mb/bg1.64acee76.jpg) no-repeat top center;background-size:cover}.content-all{width:91%}#p2 .content-all{padding-top:27%}}@media screen and (min-height:714px) and (max-width:414px){.pg{padding-top:173%}}@media screen and (min-height:736px) and (max-width:414px){.pg{padding-top:178%}.content-all{width:96%}}@media screen and (max-width:375px){.pg{padding-top:148.5%}.content-all{width:82%}}@media screen and (min-height:667px) and (max-width:375px){.pg{padding-top:178.5%}.page01.pg,.pg{padding-top:177.5%}.page01{background:url(../img/mb/bg1.64acee76.jpg) no-repeat top center;background-size:cover}.content-all{width:97%}}@media screen and (max-width:360px){.pg{padding-top:164.5%}.page01.pg{padding-top:177.5%}.page01{background:url(../img/mb/bg1.64acee76.jpg) no-repeat top center;background-size:cover}.content-all{width:90%}}@media screen and (min-height:720px) and (max-width:360px){.page01.pg,.pg{padding-top:177.5%}.content-all{width:100%}}@media screen and (max-width:330px){.pg{padding-top:141.5%}.page01.pg{padding-top:149.5%}.page01{background:url(../img/mb/bg1_sm.2baef6c8.jpg) no-repeat top center;background-size:cover}.btn-down2{bottom:5.2%}.content-all{width:78%}}@media screen and (min-height:568px) and (max-width:320px){.page01.pg,.pg{padding-top:177.5%}.page01{background:url(../img/mb/bg1.64acee76.jpg) no-repeat top center;background-size:cover}.content-all{width:97%}#p-event .content-all{padding-top:4%}}@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}}