html{height:100%;font-size:62.5px}body,html{position:relative;width:100%}body,html{padding:0;margin:0 auto;height:auto;max-width:1920px;min-width:1200px;background-color:#fff;z-index:0}@font-face{font-family:NotoSansTC-Bold;src:url(../font/NotoSansTC-Bold.woff2) format("woff2"),url(../font/NotoSansTC-Bold.ttf) format("truetype");font-weight:700;font-style:normal}.content{width:100%;height:auto;position:relative}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:NotoSansTC-Bold,serif}a{width:100%;height:100%;transition:.3s;display:block}p{margin:0}.mid{left:0;right:0;margin:0 auto}button{border:none;outline:none;background-color:transparent;transition:.3s;cursor:pointer}a:focus,a:hover{border:none!important;outline:none!important}img{width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.gameqr{width:4%;height:11%;background:url(../img/qr.mradshft.png) 0 no-repeat;background-size:contain;position:absolute;cursor:pointer;transition:.5s;top:4%;bottom:0;left:0;z-index:20;margin:auto}.gameqr:hover{width:17%;height:17%;background:url(../img/qr_on.mradshft.png) top no-repeat;background-size:contain;transition:.5s;z-index:10}.btn-close{position:relative;top:0;margin:0 auto;width:100px;height:100px;opacity:1!important;outline:none!important;outline:0!important}#video{width:100%;height:108%;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:translateY(-1px)}60%{opacity:1;-webkit-transform:translate(0)}to{opacity:0;-webkit-transform:translate(0)}}@-moz-keyframes gotoNextBtn{0%,30%{opacity:0;-moz-transform:translateY(-1px)}60%{opacity:1;-moz-transform:translate(0)}to{opacity:0;-moz-transform:translate(0)}}@-ms-keyframes gotoNextBtn{0%,30%{opacity:0;-ms-transform:translateY(-1px)}60%{opacity:1;-ms-transform:translate(0)}to{opacity:0;-ms-transform:translate(0)}}@keyframes gotoNextBtn{0%,30%{opacity:0;transform:translateY(-1px)}60%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.fgo-footer{position:relative;display:block;z-index:3;bottom:0;width:100%;background-color:#262743;padding-top:4%}.fgo-copyright{width:12%;height:22%;right:1%;bottom:11%;background:url(../img/copyright.mradshft.png) 50% no-repeat;background-size:contain}.fgo-copyright,.footer-img{position:absolute;margin:auto 0}.footer-img{left:4%;top:0;bottom:0;width:48%;height:69%;background:url(../img/footer_img.mradshft.png) 0 no-repeat;background-size:contain}.btn-down{width:7.7%;height:12.8%;bottom:1.5%;position:absolute;z-index:20;background:url(../img/scroll.mradshft.png) 50% no-repeat;background-size:contain;-webkit-animation:gotoNextBtn 1.5s ease-in-out infinite;-moz-animation:gotoNextBtn 1.5s ease-in-out infinite;-ms-animation:gotoNextBtn 1.5s ease-in-out infinite;animation:gotoNextBtn 1.5s ease-in-out infinite;cursor:pointer}.btn-backtop:hover{opacity:.7}.btn-base-next:after,.btn-base-prev:after{display:none!important}.swiper-button-next,.swiper-button-prev{-webkit-animation:arrowBtn 1.5s ease-in-out infinite;-moz-animation:arrowBtn 1.5s ease-in-out infinite;-ms-animation:arrowBtn 1.5s ease-in-out infinite;animation:arrowBtn 1.5s ease-in-out infinite;cursor:pointer}@-webkit-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}to{opacity:1}}@-moz-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}to{opacity:1}}@-ms-keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}to{opacity:1}}@keyframes arrowBtn{0%,30%{opacity:1}60%{opacity:0}to{opacity:1}}.txt-scroll{overflow-y:scroll}.txt-scroll::-webkit-scrollbar{width:13px;height:1px}.txt-scroll::-webkit-scrollbar-thumb{border-radius:10px;background-color:#226ee5}.txt-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background-color:#fff;border-radius:10px;box-shadow:none}.nav{width:203px;height:459px;position:fixed;right:0;top:-5%;bottom:0;margin:auto 0;z-index:1;background:url(../img/nav_bg2.mradshft.png) no-repeat 100%;background-size:contain;padding:75.5px 21.5px 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:15.2%;display:block;position:relative;left:0;right:0;margin:0 auto 25.9px;float:right}.nav li.nav2{margin:0 auto 30px}.nav li.nav3{margin:0 auto 14.9%}.nav a{width:100%;height:100%;display:block}.nav1 a{background:url(../img/nav1.mradshft.png) no-repeat 50%;background-size:contain}.nav2 a{background:url(../img/nav2.mradshft.png) no-repeat 50%;background-size:contain}.nav3 a{background:url(../img/nav3.mradshft.png) no-repeat 50%;background-size:contain}.nav4 a{background:url(../img/nav4.mradshft.png) no-repeat 50%;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.mradshft.png);background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:none}.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.mradshft.png);background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:none}.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.mradshft.png);background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:none}.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.mradshft.png) no-repeat 50%;background-size:contain;outline:none}.nav1 a:hover{background-image:url(../img/nav1_on.mradshft.png)}.nav1 a:hover,.nav2 a:hover{background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:none}.nav2 a:hover{background-image:url(../img/nav2_on.mradshft.png)}.nav3 a:hover{background-image:url(../img/nav3_on.mradshft.png)}.nav3 a:hover,.nav4 a:hover{background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:transparent;outline:none}.nav4 a:hover{background-image:url(../img/nav4_on.mradshft.png)}.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;z-index:100}@media screen and (max-width:1480px){.nav{width:150px;height:360px;padding:59.5px 17.5px 0 0}.nav li{margin:0 auto 20.3px}.nav li.nav2{margin:0 auto 23px}.nav li.nav3{margin:0 auto 22px}}