.pg{width:100%;position:relative;padding-top:49.9%}.bg-all{width:100%;height:75%;position:absolute;top:25%;background:url(../img/bg2.ef20d6f.jpg)no-repeat top;background-size:cover}.page01{background:url(../img/video.ef20d6f.jpg)no-repeat top;background-size:cover}.fgo-logo{width:15%;height:auto;top:2%;left:2%}.fgo-logo,.play{position:absolute;z-index:10}.play{width:10.1%;height:19%;right:15.3%;bottom:4.4%;background:url(../img/play.ef20d6f.png) no-repeat 50%;background-size:contain}.btn-back:hover,.btn-logout:hover,.btn1-box a:hover,.btn1-id3:hover,.btn1-summer:hover,.btn3-act:hover,.btn3-st:hover,.btn4-dl:hover,.btng-back-class:hover,.btng3-box button:hover,.content-all button:hover,.play:hover{opacity:.7}.main{width:47%;height:auto;position:absolute;bottom:16%;text-align:center;z-index:1}.slogan{width:77%;position:relative;margin-bottom:2%}.btn1-box{width:100%;height:auto;position:relative;text-align:center}.btn1-box a{width:28%;position:relative;display:inline-block;margin:0 .8% 1.5%}.video-pic{width:100%;height:100%;position:absolute;top:0;background:url(../img/pic1_video.ef20d6f.png) no-repeat 50%;background-size:cover;z-index:1}.box1-btn{width:9.9%;height:18%;position:absolute;top:6%;right:1%;z-index:2}.box1-btn a,.box1-btn button{width:100%;position:relative;cursor:pointer;transition:.3s;margin-bottom:13%}.btnj-dl-box-all{width:43.7%;height:17%;position:absolute;text-align:center;top:77.7%}.btnj-dl-box{width:100%;height:100%;position:absolute;display:inline-block}.btnj-dl-box button{width:39%;height:44%;position:relative;margin:0 3% 2%;display:inline-block}.content-all{width:75.5%;height:100%;position:absolute;top:0;padding-top:3.5%}.title{width:31%}.story,.title{position:relative}.story{width:33.8%;margin-top:3%}#p3 .content-all{padding-top:1.5%}.st3-box{width:81.6%;height:73%;position:relative;text-align:center;margin-top:-.5%}.btn3-st{width:7.7%;height:16%;position:absolute;top:79.5%;right:-78%}.btn3-act{width:18.9%;height:13%;position:absolute;top:63.5%;right:-37%}.pic3-st{width:100%;position:relative}.btn3-ch-box{width:13.5%;height:17%;position:absolute;top:27.5%;left:-92.7%;z-index:1}.btn3-ch-box li{width:100%;height:45%;position:relative;cursor:pointer;margin-bottom:7%}.btn3-ch1{background:url(../img/btn3_ch1.ef20d6f.png) no-repeat top;background-size:contain}.btn3-ch2{background:url(../img/btn3_ch2.ef20d6f.png) no-repeat top;background-size:contain}.btn3-ch1.on,.btn3-ch1:hover{background:url(../img/btn3_ch1_on.ef20d6f.png) no-repeat top;background-size:contain}.btn3-ch2.on,.btn3-ch2:hover{background:url(../img/btn3_ch2_on.ef20d6f.png) no-repeat top;background-size:contain}#p4 .content-all{padding-top:1.5%}.box4-dl{width:100%;height:80%;position:relative;background:url(../img/pic4_board.ef20d6f.png) no-repeat top;background-size:contain;padding:9.5% 8% 3%;text-align:center}.box4-dl li{width:22.1%;height:100%;position:relative;display:inline-block;margin:0 .5%}.pic4-dl{width:100%;position:relative;margin-bottom:8%}.btn4-dl{width:74%;height:9%;position:relative}.cover-end{width:83.5%;height:7%;top:85%}