@charset "UTF-8";html{font-size:16px;scroll-behavior:smooth}html body{font-family:Montserrat,'微軟正黑體',sans-serif}html body .modal-backdrop.show{opacity:.9}.story_block .text-box .title{margin-bottom:10px;font-weight:700;font-size:88px;line-height:80px;color:#3f51b5;transition:all 1s ease-in-out;opacity:0;transform:translateX(-100px)}.story_block .text-box .title.animate{opacity:1;transform:translateX(0)}.story_block .text-box .subtitle{font-size:36px;font-weight:600;line-height:44px;text-transform:uppercase;color:#fdf864;transition:all 1s ease-in-out;opacity:0;transform:translateX(-100px)}.story_block .text-box .subtitle.animate{opacity:1;transform:translateX(0)}.story_block .text-box .text{text-align:left;margin:80px 0;width:793px;font-size:33px;line-height:48px;color:#3f51b5;transition:all 1s ease-in-out;opacity:0;transform:translateX(100px)}.story_block .text-box .text.animate{opacity:1;transform:translateX(0)}@keyframes AnimeGrade{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}#footer{background:linear-gradient(123.35deg,#ebf3d0 0,rgba(235,243,208,0) 18.4%),radial-gradient(29.9% 70.94% at 44.25% 86.96%,#dc8ddc 0,rgba(220,141,220,0) 100%),radial-gradient(33.83% 53.57% at 35.87% 100%,#dc8ddc 0,rgba(220,141,220,0) 100%),radial-gradient(42.66% 49.72% at 45.56% 44.65%,#cbadeb 0,rgba(194,166,241,0) 100%),linear-gradient(134.59deg,#cdf9e8 20.63%,rgba(205,249,232,0) 47.84%),linear-gradient(216.44deg,rgba(192,169,240,0) -16.52%,#c0a9f0 -1.04%,rgba(192,169,240,0) 16.99%),linear-gradient(128.53deg,rgba(192,169,240,0) 28.63%,#c0a9f0 38.5%,rgba(192,169,240,0) 50.26%),radial-gradient(40.75% 97.37% at 90.75% 40.15%,#fffdb1 0,#fee4bf 34.46%,#f0bdd0 69.5%,rgba(255,129,38,0) 100%),#c2a6f1;animation:AnimeGrade 7s ease infinite;background-size:600% 600%;height:520px;width:100%;position:relative;margin-top:-220px}#footer img{position:absolute;right:60px;bottom:70px;max-width:310px}.banner_block{position:relative}.banner_block .banner_logo{position:absolute;top:50%;left:50%;width:80%;max-width:648px;transform:translate(-50%,calc((100% - 86px)/ -2));text-align:center}.banner_block .banner_logo img{width:100%}.banner_block .banner_logo .jumpIn{margin-top:30px;font-weight:700;font-size:24px;padding:0 25px;height:56px;background-color:rgba(63,81,181,.1);color:#fdf864;border-radius:40px;border:unset}.banner_block .banner_logo .jumpIn:hover{background-color:#3f51b5}.planets_block{padding:10em 0 12em;box-sizing:border-box;overflow:hidden}.planets_block .planets_list{list-style:none;max-width:1060px;margin:0;padding:0}.planets_block .planets_list li{position:relative;margin-bottom:3rem;color:#fff;font-family:Montserrat;font-style:normal;font-weight:700;font-size:5.5em;line-height:1;cursor:pointer;opacity:0;transition:color .5s ease-in-out,text-shadow .5s ease-in-out}.planets_block .planets_list li:last-child{margin-bottom:0}.planets_block .planets_list li:hover{text-shadow:none!important}.planets_block .planets_list li:hover img{opacity:1;transform:translateY(-50%) scale(1)}.planets_block .planets_list li.animate{animation:fadeInUp;animation-duration:.8s;opacity:1}.planets_block .planets_list li>div{position:relative;display:inline-block}.planets_block .planets_list li img{opacity:0;pointer-events:none;position:absolute;z-index:2;top:50%;left:100%;transform:translateY(-40%) scale(.5);transition:all .3s ease-in-out}.planets_block .planets_list li:nth-child(1){text-shadow:2px 0 0 #e595c3,-2px 0 0 #e595c3,0 2px 0 #e595c3,0 -2px 0 #e595c3,1px 1px #e595c3,-1px -1px 0 #e595c3,1px -1px 0 #e595c3,-1px 1px 0 #e595c3}.planets_block .planets_list li:nth-child(1) img{margin-top:5.625rem;margin-left:13rem}.planets_block .planets_list li:nth-child(1):hover{color:#e595c3}.planets_block .planets_list li:nth-child(1).animate{transition:opacity .8s ease-in-out}.planets_block .planets_list li:nth-child(2){text-shadow:2px 0 0 #81edb1,-2px 0 0 #81edb1,0 2px 0 #81edb1,0 -2px 0 #81edb1,1px 1px #81edb1,-1px -1px 0 #81edb1,1px -1px 0 #81edb1,-1px 1px 0 #81edb1}.planets_block .planets_list li:nth-child(2) img{margin-top:11.25rem;margin-left:-17rem}.planets_block .planets_list li:nth-child(2):hover{color:#81edb1}.planets_block .planets_list li:nth-child(2).animate{animation-delay:.3s;transition:opacity .8s .3s ease-in-out}.planets_block .planets_list li:nth-child(3){text-shadow:2px 0 0 #4fc3f7,-2px 0 0 #4fc3f7,0 2px 0 #4fc3f7,0 -2px 0 #4fc3f7,1px 1px #4fc3f7,-1px -1px 0 #4fc3f7,1px -1px 0 #4fc3f7,-1px 1px 0 #4fc3f7}.planets_block .planets_list li:nth-child(3) img{margin-top:4rem;margin-left:-18rem}.planets_block .planets_list li:nth-child(3):hover{color:#4fc3f7}.planets_block .planets_list li:nth-child(3).animate{animation-delay:.6s;transition:opacity .8s .6s ease-in-out}.planets_block .planets_list li:nth-child(4){text-shadow:2px 0 0 #ce9df9,-2px 0 0 #ce9df9,0 2px 0 #ce9df9,0 -2px 0 #ce9df9,1px 1px #ce9df9,-1px -1px 0 #ce9df9,1px -1px 0 #ce9df9,-1px 1px 0 #ce9df9}.planets_block .planets_list li:nth-child(4) img{margin-top:-1.5rem;margin-left:5.25rem}.planets_block .planets_list li:nth-child(4):hover{color:#ce9df9}.planets_block .planets_list li:nth-child(4).animate{animation-delay:.9s;transition:opacity .8s .9s ease-in-out}.ainmation_vedio_block{position:relative}.ainmation_vedio_block .wave_cover{position:absolute;left:0;bottom:-1px;display:block;width:100%}.buy_monster_block{position:relative;z-index:2;margin-top:280px;margin-bottom:-11.625vw;padding-bottom:10.875vw;background-image:url(images/img_card.svg);background-position:center bottom;background-repeat:no-repeat;background-size:100% auto}@keyframes ferri-wheel{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes cabin{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.ferris-wrapper{position:relative;width:45vw;height:45vw;margin:0 auto}.ferris-wrapper:hover .cabin,.ferris-wrapper:hover .wheel{animation-play-state:paused}.ferris-wrapper .monster{position:absolute;left:50%;top:50%;transform:translate(-65%,-50%);width:48.48484848484848%}.ferris-wrapper .monster img{display:block;width:100%}.wheel-wrapper{width:45vw;height:45vw;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:3}.wheel{position:absolute;left:0;top:0;right:0;bottom:0;background-image:url(images/img_circle.svg);background-repeat:no-repeat;background-size:cover;animation:ferri-wheel 15s linear infinite}.cabin{width:19.39393939393939%;height:19.39393939393939%;position:absolute;transform-origin:50% 50%;animation:cabin 15s linear infinite}.cabin img{display:block;width:100%;height:100%}.cabin:nth-of-type(1){right:90%;top:34%}.cabin:nth-of-type(2){right:5.5%;top:6%}.cabin:nth-of-type(3){right:10%;top:78%}#gotop_btn{transition:visibility .5s,opacity .5s linear;visibility:hidden;position:fixed;z-index:99;bottom:150px;right:30px;padding:0;box-shadow:none}#gotop_btn img{transition:all .15s ease-in-out}#gotop_btn:hover img{-ms-transform:translateY(-10px);transform:translateY(-10px);-webkit-transform:translateY(-10px)}