html{position:relative;height:100%;width:100%;font-size:62.5px}body,html{padding:0;position:relative;margin:0 auto;width:100%;height:auto;max-width:1920px;min-width:1200px;background-color:#000;z-index:0}.content{width:100%;height:auto;position:relative}.modal-open{padding-right:18px!important}.modal-body{padding:0;width:100%;height:100%;text-align:center}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:'Open Sans','微軟正黑體'}.h4,.h5,.h6,h4,h5,h6{margin:0}a{width:100%;height:100%;transition:.3s;display:block}.mid{left:0;right:0;margin:0 auto}button{border:none;outline:0;background-color:transparent;transition:.3s}a:focus,a:hover{border:none!important;outline:0!important}.modal,.modal.fade.in{opacity:1!important;left:0;right:0;margin:0 auto;overflow:auto;overflow-y:scroll}img{width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.gameqr{width:5%;min-width:60px;height:14%;background:url(../img/qr.3123c64d.png) center left no-repeat;background-size:contain;position:absolute;cursor:pointer;transition:.5s;top:-5%;bottom:0;left:0;z-index:20;margin:auto}.gameqr:hover{width:17%;height:17%;background:url(../img/qr_on.d823038a.png) top center no-repeat;background-size:contain;transition:.5s;z-index:10}.jump-dl{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:1031;overflow:scroll}.download-content{width:59%;height:auto;min-width:1000px;max-width:1200px;overflow:hidden;position:relative;margin-top:2%}#jump-img-dl .modal-header{width:100%;height:100px;position:relative;margin-top:1%}#jump-img-dl .btnj-box button{width:100%;position:relative;margin-bottom:0}#jump-img-dl .modal-header>.btn-close{width:7%;height:auto;left:0;right:0;margin:0 auto}#jump-img-dl .modal-content{max-width:1000px;min-width:600px;width:54%}#jump-img-dl .pic-jump{width:100%;position:relative;text-align:center;display:inline-block}#jump-img-dl .btnj-box{width:48%;height:30%;position:absolute;top:37%;right:-37.5%;text-align:center}#jump-img-dl .btnj-box button{width:50%;height:36%;position:relative;display:block;margin:4% auto}.cover-end{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/picj1_end.8ffaf901.png) no-repeat center;background-size:cover}.cover-un{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../img/picj1_un.dbada4f6.png) no-repeat center;background-size:cover}#jump-img-dl .btnj-box a:hover{transform:scale(.95)}.modal-open .navbar-fixed-bottom,.modal-open .navbar-fixed-top,body.modal-open{margin:auto}.modal-backdrop.in{opacity:.95}.modal-dialog{width:100%;height:auto}.jump-box .modal-header{width:108%}.modal-content{width:1000px;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:none;text-align:center}.thumbnail{background-color:transparent;border:none;outline:0}.modal-header{border-bottom:transparent;position:relative;display:block;height:55px;z-index:1}#jump-video-model .modal-header,#jump-video-model2 .modal-header{right:0;width:100%;min-width:1050px;position:absolute}#jump1 .modal-header{top:2.5%;position:absolute;width:6%;right:1%;padding:0;margin:initial;left:initial}.btn-close{position:relative;top:0;margin:0 auto;width:75px;height:75px;opacity:1!important;outline:0!important;outline:0!important}.modal-header>.btn-close{position:absolute;top:0;right:0;width:50px;height:50px;opacity:1!important;outline:0!important;left:unset;margin:unset;cursor:pointer}.navbar-inverse{background-color:transparent}#video{width:100%;height:100%;max-width:1920px;max-height:1080px;position:absolute;top:0;left:0;z-index:0;display:block;object-fit:cover}@-webkit-keyframes gotoNextBtn{0%,30%{opacity:0;-webkit-transform:translate(0,-1px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,0)}}@-moz-keyframes gotoNextBtn{0%,30%{opacity:0;-moz-transform:translate(0,-1px)}60%{opacity:1;-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(0,0)}}@-ms-keyframes gotoNextBtn{0%,30%{opacity:0;-ms-transform:translate(0,-1px)}60%{opacity:1;-ms-transform:translate(0,0)}100%{opacity:0;-ms-transform:translate(0,0)}}@keyframes gotoNextBtn{0%,30%{opacity:0;transform:translate(0,-1px)}60%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}@-webkit-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}100%{opacity:1}}@-moz-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}100%{opacity:1}}@-ms-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}100%{opacity:1}}@keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}100%{opacity:1}}.fgo-footer{position:relative;display:block;z-index:3;bottom:0;width:100%;height:auto;background-color:#2a2c48;padding-top:4%}.fgo-copyright{width:12%;height:22%;position:absolute;right:1%;bottom:7%;background:url(../img/copyright.aa598ba2.png) center center no-repeat;background-size:contain;margin:auto 0}.footer-img{position:absolute;left:4%;top:0;bottom:0;margin:auto 0;width:48%;height:77%;background:url(../img/footer_img.adc66f69.png) left center no-repeat;background-size:contain}.btn-down{width:5.5%;height:9%;bottom:1.5%;position:absolute;z-index:20;background:url(../img/scroll.69762cdd.png) center no-repeat;background-size:contain;-webkit-animation:gotoNextBtn 1.5s infinite ease-in-out;-moz-animation:gotoNextBtn 1.5s infinite ease-in-out;-ms-animation:gotoNextBtn 1.5s infinite ease-in-out;animation:gotoNextBtn 1.5s infinite ease-in-out;cursor:pointer}.btn-backtop:hover{opacity:.7}.carousel-indicators li{width:17px;height:17px;background-color:unset;border:none}.carousel-indicators .active{width:23px;height:23px}.arrow{width:43%;height:13%;position:absolute;top:-10%;left:-52%;bottom:0;z-index:4;margin:auto}a.carousel-control{top:44%;-webkit-animation:arrowBtn 3s infinite ease-in-out;-moz-animation:arrowBtn 3s infinite ease-in-out;-ms-animation:arrowBtn 3s infinite ease-in-out;animation:arrowBtn 3s infinite ease-in-out}a.carousel-control.right.arrow-right{width:15%;height:auto;position:absolute;background-image:none;display:block;opacity:1;filter:none;cursor:pointer;right:0;margin:auto 0;top:0}a.carousel-control.left.arrow-left{width:15%;height:auto;position:absolute;background-image:none;display:block;opacity:1;filter:none;cursor:pointer;left:0;margin:auto 0;top:0}.carousel-inner{width:100%;height:100%;position:relative}.carousel-fade .carousel-inner .item{transition-property:opacity;width:100%;height:100%}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item{opacity:0}.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{left:0;transform:translate3d(0,0,0)}.nav{width:174px;height:305px;position:fixed;right:1%;top:-5%;bottom:0;margin:auto 0;z-index:1;background:url(../img/nav_bg.png) no-repeat right center;background-size:contain;padding:46px 4.9px 0 0}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:0}.collapse.navbar-collapse{display:block}.nav ul{width:100%;height:100%;margin:0}.nav li{width:100%;height:44px;display:block;position:relative;left:0;right:0;margin:0 auto 40.5px;float:right}.nav a{width:100%;height:100%;display:block}.nav1 a{background:url(../img/nav1.png) no-repeat center;background-size:contain}.nav2 a{background:url(../img/nav2.png) no-repeat center;background-size:contain}.nav3 a{background:url(../img/nav3.png) no-repeat center;background-size:contain}.nav4 a{background:url(../img/nav4.png) no-repeat center;background-size:contain}.navbar-inverse .navbar-nav>.nav1.active>a,.navbar-inverse .navbar-nav>.nav1.active>a:hover,.navbar-inverse .navbar-nav>.nav1>:hover{background-image:url(../img/nav1_on.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:0}.navbar-inverse .navbar-nav>.nav2.active>a,.navbar-inverse .navbar-nav>.nav2.active>a:hover,.navbar-inverse .navbar-nav>.nav2>:hover{background-image:url(../img/nav2_on.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:0}.navbar-inverse .navbar-nav>.nav3.active>a,.navbar-inverse .navbar-nav>.nav3.active>a:hover,.navbar-inverse .navbar-nav>.nav3>:hover{background-image:url(../img/nav3_on.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:0}.navbar-inverse .navbar-nav>.nav4.active>a,.navbar-inverse .navbar-nav>.nav4.active>a:hover,.navbar-inverse .navbar-nav>.nav4>:hover{background:url(../img/nav4_on.png) no-repeat center;background-size:contain;outline:0}.nav1 a:hover{background-image:url(../img/nav1_on.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:0}.nav2 a:hover{background-image:url(../img/nav2_on.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:0}.nav3 a:hover{background-image:url(../img/nav3_on.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:0}.nav4 a:hover{background-image:url(../img/nav4_on.png);background-position:center;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:0}.container-all{width:100%;height:100%;position:relative}.navbar-inverse{background-color:transparent;border-color:transparent}nav#nav-main{width:50%;right:0;position:absolute}@media screen and (max-width:1480px){.nav{width:156px;height:256px;padding:37px 3.9px 0 0}.nav li{height:39.5px;margin:0 auto 31.5px}}