@font-face{font-family:SourceHanSerifTW;src:url(SourceHanSerifTW-Bold.99a93374.otf) format('opentype');font-weight:400;font-style:normal}#share-img,.no-bg-color{background-color:transparent}.pg{width:100%;position:relative;padding-top:122.5%}.h2-title{width:46%;position:relative}.txt-notice{width:35.9%;position:absolute;top:90%;-webkit-animation:arrowBtn 3.5s infinite ease-in-out;-moz-animation:arrowBtn 3.5s infinite ease-in-out;-ms-animation:arrowBtn 3.5s infinite ease-in-out;animation:arrowBtn 3.5s infinite ease-in-out;z-index:10}.content-all{width:67%;height:94%;position:absolute;top:3%;max-width:687px;max-height:1182px}.bg-all{width:100%;height:100%;position:absolute;background:url(../img/mb/bg.4bb2c17c.jpg) no-repeat top center;background-size:cover;top:0;left:0}.bg-content{width:100%;height:100%;position:absolute;top:0;z-index:1;display:block}.bg1-content{background:url(../img/mb/bg1_content.2ecfbb94.png) no-repeat top center;background-size:contain}.fgo-logo{width:27%;height:auto;position:absolute;top:13.5%;left:5%;z-index:10}.btn1-open{width:40.2%;position:absolute;right:3%;top:80.4%;padding-top:12%}.btn1-logout{width:15.4%;position:absolute;right:59%;top:84.5%;z-index:10}.bg2-content-1{background:url(../img/mb/bg2_content_1.920ac39a.png) no-repeat top center;background-size:contain}.txt-box{font-size:16px;font-weight:700;transition:font-size .2s ease}.txt-box span{position:absolute;color:#a82020;text-align:center}.txt-box span.p2txt-name{text-align:left}.p2txt-name{width:48%;top:39.4%;left:16%}.p2txt-year{width:7%;top:44.5%;left:-42.1%}.p2txt-mon{width:4%;left:-22.4%;top:44.5%}.p2txt-date{left:-8.7%;width:4%;top:44.5%}.p2txt-num{width:8%;top:47.1%;left:1.3%}.p2txt-fri{width:8%;top:47.1%;left:47.5%}.p2txt-con{width:7%;top:74.7%;left:-6.2%}.p2txt-year2{width:7%;top:77.3%;left:-1%}.p2txt-mon2{width:3%;top:77.3%;left:17.2%}.p2txt-date2{width:3%;top:77.3%;left:30.9%}.pic2-icon{width:19.7%;position:absolute;top:23.8%;right:3%}.pic2-step1{width:78.5%;position:absolute;top:50.8%;left:15.5%}.pic2-step2{width:74.5%;position:absolute;top:80.5%;left:15.5%}.bg2-content-2{background:url(../img/mb/bg2_content_2.e2300e71.png) no-repeat top center;background-size:contain}.txt-box2 span{position:absolute;color:#a82020;text-align:left}.p2-2txt-live{width:12%;left:1.4%;top:32.7%}.p2-2txt-apple{top:54.6%;width:12%;left:1.4%}.p2-2txt-money{width:29%;top:35.6%;left:18.8%}.p2-2txt-tree{top:64.1%;width:12%;left:1.4%}.p2-2txt-green{top:45.1%;width:12%;left:1.4%}.p2-2txt-tea{top:74.7%;width:12%;left:1.4%}.bg3-content-1{background:url(../img/mb/bg3_content_1.60b16e5b.png) no-repeat top center;background-size:contain}.txt-box span.p3txt-class{text-align:left}.p3txt-class{width:32%;top:55%;left:49.8%}.p3txt-pa{width:10%;top:66.4%;left:.45%}.pic3-step1{width:93.8%;position:absolute;top:59%;left:15.3%}.pic3-step2{width:93.8%;position:absolute;top:70.5%;left:15.3%}.pic3-class-box{width:42.5%;height:20%;position:absolute;top:30.5%;left:0}.pic3-class1-0{background:url(../img/pic3_class1_0.0513fd2d.png) no-repeat top center;background-size:contain}.pic3-class1-1{background:url(../img/pic3_class1_1.5ef1adae.png) no-repeat top center;background-size:contain}.pic3-class1-2{background:url(../img/pic3_class1_2.c9fdcbff.png) no-repeat top center;background-size:contain}.pic3-class1-3{background:url(../img/pic3_class1_3.4eb42ce4.png) no-repeat top center;background-size:contain}.pic3-class1-4{background:url(../img/pic3_class1_4.61c69c2b.png) no-repeat top center;background-size:contain}.pic3-class1-5{background:url(../img/pic3_class1_5.3286339e.png) no-repeat top center;background-size:contain}.pic3-class1-6{background:url(../img/pic3_class1_6.1d5bee0c.png) no-repeat top center;background-size:contain}.pic3-class1-7{background:url(../img/pic3_class1_7.80975863.png) no-repeat top center;background-size:contain}.pic3-class1-8{background:url(../img/pic3_class1_8.6db299a2.png) no-repeat top center;background-size:contain}.pic3-class2-1{background:url(../img/pic3_class2_1.2db508a3.png) no-repeat top center;background-size:contain}.pic3-class2-2{background:url(../img/pic3_class2_2.eeab4be7.png) no-repeat top center;background-size:contain}.pic3-class2-3{background:url(../img/pic3_class2_3.edd21ea5.png) no-repeat top center;background-size:contain}.pic3-class2-4{background:url(../img/pic3_class2_4.ac1ffa5e.png) no-repeat top center;background-size:contain}.pic3-class2-5-1{background:url(../img/pic3_class2_5_1.8674c94d.png) no-repeat top center;background-size:contain}.pic3-class2-5-2{background:url(../img/pic3_class2_5_2.96a640bb.png) no-repeat top center;background-size:contain}.pic3-class2-6{background:url(../img/pic3_class2_6.5334dcdb.png) no-repeat top center;background-size:contain}.pic3-class2-7{background:url(../img/pic3_class2_7.ff73e08a.png) no-repeat top center;background-size:contain}.pic3-class3{background:url(../img/pic3_class3.e557efff.png) no-repeat top center;background-size:contain}.bg3-content-2{background:url(../img/mb/bg3_content_2.44df9b9f.png) no-repeat top center;background-size:contain}.p3-2txt-pa{width:6%;top:34.2%;left:4.2%}.p3-2txt-num1{width:10%;top:45.2%;left:-32.3%}.p3-2txt-num2{width:10%;top:55.7%;left:-32.3%}.pic3-step3{width:93.8%;position:absolute;top:68%;left:18.6%}.bg4-content-1{background:url(../img/mb/bg4_content_1.c121e428.png) no-repeat top center;background-size:contain}.p4txt-st{width:6%;top:26.1%;left:21%}.p4txt-card{width:8%;top:28.6%;left:-54.4%}.txt-box span.p4txt-class,.txt-box span.p4txt-first{text-align:left}.p4txt-first{width:54%;top:41.9%;left:-14.5%}.p4txt-class{width:18%;top:57.6%;left:-50.6%}.p4txt-pa{width:9%;top:68%;left:.2%}.p4txt-clothes{width:5%;top:70.7%;left:-65.3%}.p4txt-up{width:5%;top:70.7%;left:55.8%}.pic4-step1{width:96.8%;position:absolute;top:32.5%;left:15.5%}.pic4-step2{width:96.8%;position:absolute;top:45.5%;left:15.5%}.pic4-step3{width:96.8%;position:absolute;top:61.5%;left:15.5%}.pic4-icon{width:15%;height:8%;position:absolute;top:75.8%;left:22%}.pic4-icon-saber{background:url(../img/pic4_icon_saber.452205e9.png) no-repeat top center;background-size:contain}.pic4-icon-archer{background:url(../img/pic4_icon_archer.7e1423e2.png) no-repeat top center;background-size:contain}.pic4-icon-lancer{background:url(../img/pic4_icon_lancer.cb4ffa0e.png) no-repeat top center;background-size:contain}.pic4-icon-rider{background:url(../img/pic4_icon_rider.463a3680.png) no-repeat top center;background-size:contain}.pic4-icon-berserker{background:url(../img/pic4_icon_berserker.6d156e7f.png) no-repeat top center;background-size:contain}.pic4-icon-assassin{background:url(../img/pic4_icon_assa.d151badb.png) no-repeat top center;background-size:contain}.pic4-icon-caster{background:url(../img/pic4_icon_caster.001740a4.png) no-repeat top center;background-size:contain}.pic4-icon-ex{background:url(../img/pic4_icon_ex.1e5c3784.png) no-repeat top center;background-size:contain}.bg4-content-2{background:url(../img/mb/bg4_content_2.4d30c0bb.png) no-repeat top center;background-size:contain}.p4-2txt-card{width:7%;top:34.7%;left:-30.5%}.txt-box span.p4-2txt-st1,.txt-box span.p4-2txt-st2,.txt-box span.p4-2txt-st3,.txt-box span.p4-2txt-st4,.txt-box span.p4-2txt-st5{text-align:left}.p4-2txt-st1{width:45%;top:40.7%;left:-11.2%}.p4-2txt-st2{width:45%;top:43.7%;left:-11.2%}.p4-2txt-st3{width:45%;top:46.7%;left:-11.2%}.p4-2txt-st4{width:45%;top:49.7%;left:-11.2%}.p4-2txt-st5{width:45%;top:52.7%;left:-11.2%}.pic4-step4{width:96.8%;position:absolute;top:60.5%;left:20.4%}.bg5-content{background:url(../img/mb/bg5_content.7dd4c4aa.png) no-repeat top center;background-size:contain}.btn5-box{width:100%;text-align:center;position:absolute;top:63%}.btn5-box button{width:35%;position:relative;display:inline-block;margin:0 .2%}.jump-page{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:1031;overflow:scroll;-webkit-overflow-scrolling:scroll}.bgj-box{width:11.1rem;height:6.9rem;position:relative;margin-top:1.5rem}.mid-contentj{width:100%;height:100%;position:relative}.jump-page .btn-close{cursor:pointer;position:relative;top:0}.btnj-box{width:100%;height:auto;position:absolute;text-align:center;top:76%}.btnj-box button{width:34%;position:relative;display:inline-block;margin:0 6%;padding-top:8%}.jump-page .btn-close{position:relative;top:0;margin:0 auto;width:75px;height:75px;opacity:1!important;outline:0!important;outline:0!important}.bgj-box.bgj1-notice{width:11.1rem;height:8.2rem}.bgj1-notice .btnj-box{top:82%}.txtj-box{width:72%;position:absolute;top:30%}.line-info{width:100%;position:relative;margin-bottom:4%}.line-info h4{width:9%;position:relative;display:inline-block;margin-right:2%}.line-info input{width:85%;position:relative;display:inline-block;font-size:.34rem;border:2px solid #868077;background-color:#151a28;border-radius:4px;text-align:center;padding:.5%;color:#fff}.btnj-icon{width:100%;position:absolute;text-align:center;top:58%}.btnj-icon li{width:10.2%;position:relative;display:inline-block;margin:0 2%}.bgj-box.bgj5-share{width:12.8rem;height:8rem}.bgj5-share .btnj-box{position:relative;top:0}.bgj5-share .btnj-box button{padding-top:0;margin:0 1%}.txtj-info{width:50%;height:100%;position:absolute;top:3.5%;right:-40%;font-size:17px}.txtj-info span{position:absolute;color:#a82020;text-align:left;font-family:SourceHanSerifTW,sans-serif}.jumptxt-in{width:46%;top:22.9%;left:-37.4%;font-size:22px}.jumptxt-days{width:11%;top:34.4%;left:-24.4%}.jumptxt-chapter{width:43%;top:40.2%;left:7.6%}.jumptxt-evet{width:12%;top:46.9%;left:-23.4%}.jumptxt-st{width:8%;top:53.2%;left:-27.4%}.jumptxt-card{width:8%;top:60%;left:-27.4%}.jumptxt-friend{width:8%;top:66.9%;left:-27.4%}.jumptxt-gender{width:17%;top:77%;left:-41.4%}.jumptxt-mon{width:5%;left:29.4%;top:77%}.jumptxt-date{width:5%;left:52.4%;top:77%}.txtj-info span.jumptxt-id,.txtj-info span.jumptxt-name{text-align:center}.jumptxt-name{width:66%;left:-172.5%;top:76.4%;font-size:20px}.jumptxt-id{width:47%;left:-172.5%;top:82.4%;font-size:20px}.jump-page .bgj5-share .btn-close{margin-top:8%}@media screen and (min-height:1366px) and (max-width:1024px){.bgj-box.bgj1-notice{width:13rem;height:9.7rem}.bgj-box{width:13rem;height:8.1rem}}@media screen and (max-width:820px){.pg{padding-top:125.5%}.content-all{height:92%}.bgj-box.bgj5-share{width:11rem;height:7.6rem}.txtj-info{height:93%;top:2%}.jumptxt-id,.jumptxt-name{font-size:17px}.jumptxt-in{top:23.5%;font-size:19px}.jumptxt-friend{top:66%}.jumptxt-card{top:59.7%}.jumptxt-date,.jumptxt-gender,.jumptxt-mon{top:76%}}@media screen and (max-width:820px) and (min-height:1024px){.bgj-box{width:11rem;height:6.9rem}.bgj-box.bgj1-notice{width:11rem;height:8.2rem}}@media screen and (max-width:768px){.pg{padding-top:118.5%}.bgj-box.bgj1-notice{width:10.1rem;height:7.4rem}.bgj-box{width:10.1rem;height:6.3rem}.content-all{height:96%;top:2%}}@media screen and (max-width:680px){.pg{padding-top:133.5%}.content-all{height:86%}.bgj-box.bgj1-notice{width:7.6rem;height:5.6rem}.bgj-box{width:7.6rem;height:4.8rem}.jump-page .btn-close{width:47px;height:47px}.bgj-box.bgj5-share{width:7.5rem;height:5.1rem}.txtj-info{height:92%;top:2.5%}.jumptxt-in{top:23.8%;font-size:13px}.txtj-info{font-size:12px}.jumptxt-id,.jumptxt-name{font-size:12px}.txtj-box{top:25%}.jumptxt-friend{top:66.5%}.jumptxt-card{top:60%}.jumptxt-date,.jumptxt-gender,.jumptxt-mon{top:77%}}@media screen and (max-width:480px){.pg{padding-top:150.5%}.content-all{height:76%;top:10%}.bgj-box.bgj1-notice{width:6rem;height:4.5rem}.bgj-box{width:6rem;height:3.8rem}.line-info input{font-size:.18rem}.btnj-icon{top:57%}.bgj-box.bgj5-share{width:6rem;height:4.1rem}.txtj-info{top:2.2%}.jumptxt-in{top:23.8%;font-size:13px}.txtj-info{font-size:10px}.jumptxt-id,.jumptxt-name{font-size:9.5px}.jumptxt-in{top:23.9%;font-size:11px;left:-41.4%}}@media screen and (max-width:428px){.pg{padding-top:166%}.content-all{height:83%;width:80%;top:5%}}@media screen and (max-width:375px){.pg{padding-top:147.5%}.content-all{height:92%}.bgj-box.bgj1-notice{width:5.1rem;height:3.8rem}.bgj-box{width:5.1rem;height:3.2rem}.jump-page .btn-close{width:40px;height:40px}.bgj-box.bgj5-share{width:5.1rem;height:3.5rem}.txtj-info{height:90.9%;top:2.2%}.line-info input{font-size:.15rem}.txtj-box{top:29%}.txtj-info{font-size:8.5px}.jumptxt-name{font-size:8px;width:67%;top:78.4%}.jumptxt-id{font-size:8px;top:83.4%}.jumptxt-in{width:55%;top:24.1%;font-size:10px;left:-39.4%}.jumptxt-friend{top:67%}.jumptxt-date,.jumptxt-gender,.jumptxt-mon{top:77.4%}}@media screen and (min-height:667px) and (max-width:375px){.pg{padding-top:178.5%}.content-all{height:77%;top:11%}}@media screen and (max-width:360px){.pg{padding-top:164.5%}.content-all{height:91.5%;width:87.5%;top:4%}}@media screen and (max-width:330px){.pg{padding-top:141.5%}.content-all{height:96.1%;top:2%;width:79.5%}.bgj-box.bgj5-share{width:5rem;height:3.4rem}.txtj-info{height:93%;top:2.5%}.jumptxt-in{top:23.5%}.txtj-info{font-size:8.2px}.jumptxt-name{font-size:8px;width:67%;top:78.4%}.jumptxt-id{font-size:8px;top:83.4%}.jumptxt-in{top:23.3%;font-size:9.8px;left:-38.4%}.jumptxt-date,.jumptxt-gender,.jumptxt-mon{top:76.6%}.jumptxt-card{top:59.93%}.jumptxt-friend{top:66.03%}.p3-2txt-num2{top:55.9%}}@media screen and (min-height:568px) and (max-width:320px){.pg{padding-top:177.5%}.content-all{height:76.5%;top:11%}}@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}}