.pg{width:100%;padding-top:177.8%}.h2-title,.pg{position:relative}.h2-title{width:64%}.bg-all{width:100%;height:100%;position:absolute;top:0;background:url(../img/mb/bg.mliy5uvx.jpg) no-repeat top;background-size:cover}.btn1-jump{width:18.5%;height:10%;position:absolute;left:4%;top:33.8%;z-index:2}.btn1-box{width:88%;position:absolute;bottom:5.5%}.slogan{width:97%;position:relative;margin-bottom:1%}.play{width:11%;height:17%;position:absolute;right:.9%;bottom:2%}.main-btn{width:100%;position:relative;text-align:center}.main-btn button{width:47%;display:inline-block;position:relative;margin:0 .5% 2%}.btn-logout{width:12%;position:absolute;right:0;top:10%;transition:.3s}.page01 .btn-down{bottom:.2%}.page02{width:100%;height:auto;position:relative}.content-all{width:100%;height:100%;position:absolute;top:0;text-align:center;padding-top:18%}.story{width:94%;position:relative}.title{width:79%;position:absolute;top:17%;z-index:1}.btn-down2,.btn-down3{bottom:3.2%;background:url(../img/scroll2.mliy5uvx.png) no-repeat top;background-size:cover}#p3 .title{width:95%;position:absolute;top:3%}.st3-box{width:100%;height:86%;position:absolute;top:14%}.btn3-act{width:15.4%;position:absolute;top:63%;right:24.4%}.btn3-st{width:40.4%;position:absolute;top:89%;left:44.3%}.btn-stch-box1{width:37%;height:7%;position:absolute;top:88.8%;left:14.5%;text-align:left}.btn-stch-box1 li{width:30%;height:100%;position:relative;display:inline-block}.btn3-st-ch1{background:url(../img/btn3_stch1.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch2{background:url(../img/btn3_stch2.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch3{background:url(../img/btn3_stch3.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch1.active,.btn3-st-ch1:hover{background:url(../img/btn3_stch1_on.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch2.active,.btn3-st-ch2:hover{background:url(../img/btn3_stch2_on.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch3.active,.btn3-st-ch3:hover{background:url(../img/btn3_stch3_on.mliy5uvx.png) no-repeat top;background-size:contain}.btn-stch-box2{width:37%;height:7%;position:absolute;top:88.8%;left:14.5%;text-align:left}.btn-stch-box2 li{width:30%;height:100%;position:relative;display:inline-block}.btn3-st-ch4{background:url(../img/btn3_stch4.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch5{background:url(../img/btn3_stch5.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch6{background:url(../img/btn3_stch6.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch4.active,.btn3-st-ch4:hover{background:url(../img/btn3_stch4_on.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch5.active,.btn3-st-ch5:hover{background:url(../img/btn3_stch5_on.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-st-ch6.active,.btn3-st-ch6:hover{background:url(../img/btn3_stch6_on.mliy5uvx.png) no-repeat top;background-size:contain}.btn3-jump{width:18.5%;height:10%;position:absolute;left:4%;top:8.8%;z-index:2}.jump-play .modal-dialog,.jump-st .modal-dialog{margin-top:5%}.pic-jump{width:87%;margin-bottom:1%}#jump-img-dl .pic-jump,.jump-st .modal-content{width:100%}.btnj-dl-box-all{width:92%;height:7.3%;position:absolute;text-align:center;top:78.3%}.btnj-dl-box{width:100%;height:100%;position:absolute;display:inline-block}.btnj-dl-box button{width:41%;height:100%;position:relative;margin:0 4% 2%}.jump-st#jump-img-dl .modal-content{width:85%;margin-top:7%}.bgj-sys.bgj-tgs-guda,.bgj-sys.bgj-tgs-guda .picj-content,.bgj-sys.bgj-tgs-gudako,.bgj-sys.bgj-tgs-gudako .picj-content{width:79.7rem;height:58.7rem;margin-top:19.5rem}.txtj-info-box{width:26%;height:18%;position:absolute;top:69.3%;left:34%;color:#be3737;font-weight:700;font-size:2.2rem}.txt-tgs-uid{margin-left:-18%}.tgs-info{margin-bottom:3.5%}.boxj-qr-all{width:33%;height:49%;position:absolute;top:32.5%;right:15%}.pic-qr{width:75%;margin-bottom:22%}.boxj-qr,.pic-qr{position:relative}.boxj-qr{width:90%}.qr-timer{width:31%;color:#072f7c;vertical-align:middle;font-size:2.1rem;text-align:left;font-weight:700}.btnj-qr,.qr-timer{position:relative;display:inline-block}.btnj-qr{width:63%}@media screen and (max-width:680px){.btn1-box{width:99%}}@media screen and (orientation:landscape) and (max-width:570px){body{min-width:568px}}