.pg{width:100%;position:relative;padding-top:122.5%}.h2-title{width:64%;position:relative}.page01{background:url(../img/mb/bg1.44191f05.jpg) no-repeat top center;background-size:cover;z-index:2}.btn1-box{width:79%;position:absolute;bottom:7.5%}.slogan{width:88%;position:relative;margin-bottom:1%}.play{width:13%;height:20%;position:absolute;right:.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-logout{width:16.7%;position:absolute;top:12.5%;left:1%;cursor:pointer;transition:.3s;z-index:10}.page02{width:100%;height:auto;position:relative}#p2{background:url(../img/mb/bg2_1024.c315b104.jpg) no-repeat top center;background-size:105% 100%}.content-all{width:69%;position:absolute;top:0;text-align:center;padding-top:9%}.title{width:48%;position:relative;margin-bottom:5%}.story{width:100%;position:relative;margin-top:-1%}.btn-down4{bottom:4.2%}#p3{background:url(../img/mb/bg3_1024.38db141d.jpg) no-repeat top center;background-size:cover;overflow:hidden}#p3 .content-all{padding-top:1%}#p3 .title{width:43.5%}.st3-box{width:91%;height:auto;position:relative;margin-top:-3%}.pic3-st{width:100%;height:auto;position:relative}.btn3-st{width:35.9%;position:absolute;top:87%;left:44%}.btn3-ch{width:47%;position:absolute;top:84%;left:8%;margin:0 auto;text-align:center}.btn3-ch li{width:42%;height:100%;display:inline-block;padding-top:43%}.btn3-ch1{background:url(../img/btn3_ch1.2d27c0bb.png) no-repeat top center;background-size:contain}.btn3-ch2{background:url(../img/btn3_ch2.cf21e918.png) no-repeat top center;background-size:contain}.btn3-ch1.active{background:url(../img/btn3_ch1_on.dafa0796.png) no-repeat top center;background-size:contain}.btn3-ch2.active{background:url(../img/btn3_ch2_on.9a76b079.png) no-repeat top center;background-size:contain}.btn3-ch3{background:url(../img/btn3_ch3.fe5ec1a3.png) no-repeat top center;background-size:contain}.btn3-ch4{background:url(../img/btn3_ch4.ab0c58a5.png) no-repeat top center;background-size:contain}.btn3-ch3.active{background:url(../img/btn3_ch3_on.b6952c14.png) no-repeat top center;background-size:contain}.btn3-ch4.active{background:url(../img/btn3_ch4_on.87522471.png) no-repeat top center;background-size:contain}.btn3-jump{width:13%;height:9%;position:absolute;top:8%;left:55%}.pic3-back{width:100%;height:100%;position:absolute;top:0}.pic3-top{width:23.9%;position:absolute;top:11%;left:-4%}.pic3-bottom{width:23.9%;position:absolute;bottom:-8%;right:-4%}.jump-play .modal-dialog,.jump-st .modal-dialog{margin-top:4%}.pic-jump{width:100%;margin-bottom:1%}.jump-st .modal-content{width:77%}.btnj-dl-box-all{width:73.5%;height:14%;position:absolute;text-align:center;top:81%}.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:74%}#p2{background:url(../img/mb/bg2_1024.c315b104.jpg) no-repeat top center;background-size:105% 100%}}@media screen and (max-width:820px){.pg{padding-top:125.5%}.content-all{width:65%}#p2{background:url(../img/mb/bg2_1024.c315b104.jpg) no-repeat top center;background-size:100% 100%}}@media screen and (max-width:820px) and (min-height:1024px){.content-all{width:70%}}@media screen and (max-width:820px) and (min-height:1180px){.pg{padding-top:144.5%}.content-all{width:80%}.btn1-box{width:88%}#p2{background:url(../img/mb/bg2_1024.c315b104.jpg) no-repeat top center;background-size:114% 100%}}@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%}#p2{background:url(../img/mb/bg2_1024.c315b104.jpg) no-repeat top center;background-size:110% 100%}}@media screen and (max-width:680px){.pg{padding-top:133.5%}.content-all{width:75%}}@media screen and (max-width:480px){.pg{padding-top:150.5%}#p2{background:url(../img/mb/bg2_1024.c315b104.jpg) no-repeat top center;background-size:118% 100%}#p3{background:url(../img/mb/bg3.b044a161.jpg) no-repeat top center;background-size:cover}.content-all{width:85%}.btn1-box{width:89%}.btnj-dl-box button{width:40%;margin:0 4% 1%}.jump-st .modal-content{width:96%}}@media screen and (max-width:428px){.pg{padding-top:178%}#p2{background:url(../img/mb/bg2.349c6503.jpg) no-repeat top center;background-size:100% 100%}.btn1-box{width:97%}.content-all{width:100%;padding-top:12%}a.carousel-control.right.arrow-right{width:9%;height:9%;right:8%}a.carousel-control.left.arrow-left{width:9%;height:9%;left:8%}}@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%}.content-all{width:85%;padding-top:8%}#p2{background:url(../img/mb/bg2_1024.c315b104.jpg) no-repeat top center;background-size:125% 100%}}@media screen and (min-height:709px) and (max-width:414px){.pg{padding-top:171%}.content-all{width:95%;padding-top:13%}#p2{background:url(../img/mb/bg2.349c6503.jpg) no-repeat top center;background-size:100% 100%}}@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:98%;padding-top:12%}}@media screen and (max-width:375px){.pg{padding-top:148.5%}.content-all{width:83%}}@media screen and (min-height:667px) and (max-width:375px){.pg{padding-top:178.5%}.content-all{width:97%;padding-top:16%}#p2{background:url(../img/mb/bg2.349c6503.jpg) no-repeat top center;background-size:105% 100%}}@media screen and (max-width:360px){.pg{padding-top:164.5%}#p2{background:url(../img/mb/bg2.349c6503.jpg) no-repeat top center;background-size:100% 100%}#p3{background:url(../img/mb/bg3.b044a161.jpg) no-repeat top center;background-size:100% 100%}.jump-st .modal-content{width:91%}.content-all{width:92%;padding-top:12%}}@media screen and (min-height:720px) and (max-width:360px){.pg{padding-top:180.5%}.content-all{width:100%}#p2{background:url(../img/mb/bg2.349c6503.jpg) no-repeat top center;background-size:107% 100%}}@media screen and (max-width:330px){.pg{padding-top:143.5%}.content-all{width:80%}#p2{background:url(../img/mb/bg2_1024.c315b104.jpg) no-repeat top center;background-size:118% 100%}}@media screen and (min-height:568px) and (max-width:320px){.pg{padding-top:177.5%}#p2{background:url(../img/mb/bg2.349c6503.jpg) no-repeat top center;background-size:100% 100%}.content-all{width:97%;padding-top:14%}}@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}}