html{font-size:16px}body{margin:0;padding:0;font-family:"微軟正黑體",Nanum Barun Gothic,sans-serif;background:#000;color:#3e3e3e;font-weight:400;line-height:24px}.mb-80{margin-bottom:80px!important}.mb-40{margin-bottom:40px!important}.d-flex{display:flex!important;justify-content:center;align-items:center}.flex-column{flex-direction:column!important}.align-start{align-items:flex-start!important}img{max-width:100%;height:auto}a:active,a:focus,a:hover,a:visited{text-decoration:none;outline:0}header{z-index:999}.npc-pic{margin-top:24px!important}::-webkit-scrollbar{display:none}::-webkit-scrollbar-button{display:none}button{border:none;background-color:transparent!important}.landscape{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:#33313e;display:none;z-index:9999}.landscape span{position:absolute;right:0;top:50%;margin:0;width:100%;text-align:center;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.landscape span>p{color:#ccc;margin:0;font-size:16px}.sideBtn{display:none}h1{margin:6% 0 2% 0}h2{position:relative;width:20%;text-align:left;color:#fff}h2 span:first-of-type{display:inline-block;width:70px;height:1px;background:#fff;margin-bottom:8px;line-height:18px}h2 span:last-of-type{display:inline-block;border:solid 1px #fff;font-size:18px;line-height:20px;text-align:center;padding:10px}h3{margin-right:1%}h3 img:first-of-type{margin-bottom:6%}h4{font-size:20px;font-weight:700;line-height:1.5;margin:4% 0}h4 span{display:inline-block;background-color:#3b85d0;color:#fff;padding:0 8px;line-height:1.4}h4 em{display:block}#map2 h4 span{background-color:#a149ca}#map3 h4 span{background-color:#28cdac}.navbar>.container-fluid .navbar-brand{margin-top:10px}.navbar_basic>li:last-child>a{color:#d42f64}.navbar_basic li>a{transition:.3s all}.dropdown-menu>li>a{transition:.3s all}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#3c3a44;color:#fff}.dropdown-menu{padding:0;border-radius:0}.s0{position:relative;width:100vw;height:1404px;background:url(../images/home_bg.jpg) no-repeat center top;margin-top:90px;background-size:cover;overflow:hidden}.s1{position:relative;width:100vw;background:url(../images/home_bg2.jpg) no-repeat center top;background-size:cover;overflow:hidden;text-align:center}.section.main .animation{left:50%;overflow:hidden;position:absolute;text-indent:-10000em}.section.main .animation.light-bg{background:url(../images/topbn_main_02-bg.png) no-repeat;background-position:bottom;background-size:cover;width:1367px;height:1658px;margin-left:-636px;top:-32px}.curtain-left{width:60%;background:url(../images/curtain_left.png) no-repeat;height:50%;margin-left:-284px;position:absolute;top:-10px;z-index:100;background-size:cover}.curtain-right{width:60%;background:url(../images/curtain_right.png) no-repeat;height:50%;right:0;margin-right:-284px;position:absolute;top:-10px;z-index:100;background-size:cover}#scene{position:relative}.role{position:absolute;width:1008px;height:1289px;margin:8% 0 0 -9%;background:url(../images/topbn_main_01.png) no-repeat 0 0}.role2{position:absolute;width:723px;height:951px;margin:11% 0 0 74%;background:url(../images/topbn_main_03.png) no-repeat center center}.main-char{background:url(../images/topbn_main_02.png) no-repeat 0 0;height:1422px;left:50%;margin-left:-527px;position:absolute;top:20px;transition-delay:2s;transition-duration:1.8s;width:1093px}.logo{position:absolute;width:100%;bottom:28%;right:0;left:0;margin:auto;z-index:0;text-align:center}.animation.effect.on{animation:animation-blink 1.4s ease-in-out 3.6s infinite}.animation.movie{background:url(../images/movie_off.png) no-repeat 0 0;height:222px;left:50%;margin-left:-105px;position:absolute;top:400px;transition-delay:2.6s;transition-duration:1s;width:219px;z-index:100}.animation.movie:hover{background:url(../images/movie_on.png) no-repeat 0 0}.effect{background:url(../images/topbn_main_02-light.png) no-repeat 0 0;height:1046px;left:50%;margin-left:-394px;position:absolute;top:94px;width:764px;opacity:0;animation-delay:3.2s!important}.effect.on.noanimation{opacity:1}@keyframes animation-blink{0%{opacity:0}10%{opacity:0}50%{opacity:1}60%{opacity:1}100%{opacity:0}}.story p{color:#000;font-size:16px;line-height:32px;opacity:0;transform:translateY(100px);transition-property:opacity,transform;white-space:nowrap}.list4{display:flex;justify-content:center;padding:16% 0 8% 0}.list4 div{margin:0 1%;position:relative}.char-prac{background:url(../images/superman.png) no-repeat 0 0;width:759px;height:760px;top:379px;left:50%;margin-left:-1330px;position:absolute;overflow:hidden;text-indent:-10000em;pointer-events:none}.char-light{background:url(../images/sun.png) no-repeat 0 0;width:371px;height:313px;top:92px;left:55%;margin-left:488px;overflow:hidden;position:absolute;text-indent:-10000em;pointer-events:none}.list4 div:hover:after{background:url(../image/royal_c00.png) no-repeat top center}.list4 div::after,.role,.role2{background-size:contain}#pet h1{margin:auto}#footer{position:relative;z-index:2;margin:auto;background-color:#64152e;padding:12px;display:inline-block!important;width:100%}.copyright{text-align:center}@media (max-width:2560px) and (min-width:2000px){.role{margin:2% 0 0 -3%}.role2{margin-top:40%}}@media (max-width:1440px){h2{width:60%;margin:4% 0 2% 0}.role{margin:-6% 0 0 -23%}.role2{height:100%}}@media (max-width:1024px){.role{margin:-6% 0 0 -23%}.logo{bottom:19%}.s1{height:auto}.list4{flex-wrap:wrap;margin:50% auto 20% auto}.list4 div{margin:0 1% 200px 1%}.map>div{width:100%}#boss2 .content2>div:nth-of-type(3){width:50vw}}@media (min-width:769px){.s0>button{display:none}}@media (max-width:768px){.navbar>.container-fluid .navbar-brand{margin-top:4px}.sideBtn{position:fixed;right:8px;bottom:6vh;z-index:999;display:block}.animation.movie{background:url(../images/m-movie_off.png) no-repeat 0 0;background-size:contain;transition-delay:0s;width:130px;top:26vh;height:130px;left:50%;transform:translateX(-50%);margin:0}.sideBtn ul{margin:0;padding:0}.sideBtn ul>li{display:block}.sideBtn ul>li>a{display:inline-block}.sideBtn ul>li:first-child>a{background:url(../images/phsignup.png) no-repeat center center;width:109px;height:44px;background-size:cover;transition:.3s all}.sideBtn ul>li:last-child>a{background:url(../images/phevant.png) no-repeat center center;width:109px;height:44px;transition:.3s all;background-size:cover}.sideBtn ul>li>a:hover{filter:brightness(1.2)}.s0 .main{display:none}#scene{display:none}.RWD iframe{height:240px}.logo{display:none}.s0{width:100%;height:100vh;background:url(../images/phhome.jpg) no-repeat center;background-size:cover;overflow:hidden;margin-top:62.5px}.section.main .animation.char-rainia{background-size:90%;margin-left:-1380px;top:35px}.section.main .animation.char-windia{margin-left:-1300px;top:-32px}.role{margin:-6% 0 0 -23%}.role2{margin:23% 0 0 -39%}.logo{bottom:23%}.list4{display:none}h2 span:first-of-type{width:30px}}@media (max-width:480px){body{background-color:#363368}button.close{top:-30%}.s1{background-size:500%}.popyt{width:50vw}}@media only screen and (orientation:landscape) and (max-device-width:850px){.landscape{display:block}}