/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:700;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.09em;line-height:120%}h1{letter-spacing:0;font-size:4.93vw}@media(max-width:1024px){h1{font-size:4.75vw}}@media(max-width:768px){h1{font-size:5vw}}@media(max-width:560px){h1{font-size:9.06vw}}h2{font-size:2.22vw}@media(max-width:1024px){h2{font-size:2.34vw}}@media(max-width:560px){h2{font-size:.8rem}}h3{font-size:1.67vw;line-height:150%}@media(max-width:1024px){h3{font-size:1.757vw}}@media(max-width:768px){h3{font-size:2.08vw}}@media(max-width:560px){h3{font-size:.8rem}}h6{font-size:16px;font-size:.8rem}p{font-size:14px;font-size:.7rem;font-weight:400;opacity:.75}@media(max-width:1024px){p{font-size:.6rem}}@media(max-width:560px){p{font-size:.55rem}}*{box-sizing:border-box}body,html{overflow:hidden;height:auto}html{font-size:20px;overflow-y:auto}body{font-family:Roboto,'Noto Sans TC',"Apple LiGothic Medium","LiHei Pro Medium","微軟正黑體","Microsoft JhengHei",Arial,Helvetica,sans-serif;font-weight:400;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#fff;background:#201038}.main-wrap{position:relative;width:100%;margin:0 auto}.wrap{max-width:1440px;margin:0 auto;padding:0 6.94vw}@media(max-width:1024px){.wrap{padding:0 4.88vw}}@media(max-width:560px){.wrap{padding:0 5.33vw}}.content-wrap{max-width:790px;margin:0 auto}footer,header,section{width:100%;position:relative}figure{margin-left:0;margin-right:0}img{display:block;width:100%;margin-left:auto;margin-right:auto}ul{list-style:none inside none;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;-o-padding-start:0;-moz-padding-start:0;-ms-padding-start:0;padding:0;margin:0}a{text-decoration:none;color:inherit}p{margin:0}fieldset{margin:0;padding:0;border:none}a input,button input{background:0 0;height:auto;border:none}input[type=checkbox],input[type=password],input[type=radio],input[type=text],select,textarea{height:50px;box-shadow:none;border:none;border:1px solid #ccc;border-radius:3px;font-size:16px;width:100%;padding-left:20px;padding-right:20px;appearance:none;-moz-appearance:none;-webkit-appearance:none}select{background:url(../images/icon-arrow-down.svg) no-repeat,none;background-position:center right 10px;padding-right:10px;border:none;border-radius:0;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:.01px;text-overflow:""}select::-ms-expand{display:none}input[type=checkbox],input[type=radio]{width:10px;height:10px;padding:0;border:1px solid #dcdcdc}input[type=checkbox]:checked:before{content:'';position:absolute;left:2px;top:2px;width:14px;height:10px;background:url(../images/icon-check.svg) center center no-repeat}input[type=radio]{border-radius:100%}input[type=radio]:checked:before{content:'';position:absolute;left:3px;top:3px;width:8px;height:8px;background:#2a66c0;border-radius:100%}button{border:1px solid #dcdcdc;width:100%;background:0 0;border:none;padding:0}:-moz-placeholder{opacity:1}::-moz-placeholder{opacity:1}.c{display:block}@media (max-width:768px){.c{display:none}}.c-to-m{display:block}@media (max-width:560px){.c-to-m{display:none}}.p{display:none}@media (max-width:768px){.p{display:block}}.m{display:none}@media (max-width:560px){.m{display:block}}header{position:fixed;width:100%;padding-top:40px;padding-top:2rem;padding-bottom:40px;padding-bottom:2rem;z-index:10;transition:all .35s ease-in-out 0s}header .logo{width:290px;width:14.5rem;z-index:3;transition:all .35s ease-in-out 0s}header .logo,header .menu-part{position:relative;display:inline-block}header .menu-part{transition:margin-top .35s ease-in-out 0s}header .menu-icon{display:none}header .menu-part{float:right;margin-top:18px;margin-top:.9rem;z-index:2}header .menu-part .menu{display:inline-block;vertical-align:middle;margin-left:32px;margin-left:1.6rem;cursor:pointer}header .menu-part .menu h6{cursor:pointer}header.fix{padding-top:17px;padding-top:.85rem;padding-bottom:17px;padding-bottom:.85rem;background:#201038;background:linear-gradient(0deg,rgba(32,16,56,0) 0,rgba(32,16,56,.9) 100%)}header.fix .logo{width:210px;width:10.5rem}header.fix .menu-part{margin-top:10px;margin-top:.5rem}@media(max-width:1024px){header{padding-top:1.5rem;padding-bottom:1.5rem}header .logo{width:10.5rem}header .menu-part{margin-top:.5rem}header .menu-part .menu{margin-left:.8rem}}@media(max-width:768px){header{padding-top:.85rem;padding-bottom:.85rem}header .menu-icon{display:block;width:2.5rem;height:2.5rem;padding:.85rem .75rem;position:absolute;right:1.25rem;top:.75rem;z-index:3;cursor:pointer}header .menu-icon .line{transition:all .35s ease-in-out 0s;width:100%;height:3px;background:#fff;border-radius:3px}header .menu-icon .line:nth-child(2){margin:4px 0}header .menu-part{float:none;display:none;position:fixed;overflow-y:auto;margin-top:0;left:0;top:0;width:100%;height:100%;padding:0;background:#201038}header .menu-part .menu-wrap{display:-ms-flexbox;display:flex;width:100%;height:100%;padding-right:4.88vw;padding-left:4.88vw;padding-top:2.5rem;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:2}header .menu-part .menu{display:block;margin-left:0;margin-bottom:2.5rem}header .menu-part .menu>a{display:inline-block}header.open .menu-icon .line:first-child{margin:7px 0 0;transform:rotate(135deg)}header.open .menu-icon .line:nth-child(2){width:0;opacity:0}header.open .menu-icon .line:last-child{margin:-14px 0 0;transform:rotate(-135deg)}}@media(max-width:560px){header .logo{width:7.5rem}header .menu-icon{top:.32rem;right:.25rem}header .menu-part ul{padding-left:5.33vw;padding-right:5.33vw}header.fix .logo{width:7.5rem}header.fix .menu-part{margin-top:0}}.loader_part{position:fixed;width:100%;height:100%;left:0;top:0;z-index:20;display:block}.loader_part .wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.loader_part .part{z-index:2;position:relative;text-align:center}.btn{background:url(../images/icon-arrow-right.svg),#00bc55;background-size:.83vw 1.473vw;background-position:center right 1.736vw;background-repeat:no-repeat;width:16.7vw;border-radius:3.25rem;padding:1.35vw 2.08vw;margin-top:2.43vw;transition:all .12s ease-in-out 0s;box-shadow:0 0 30px rgba(32,16,56,.3)}.btn h3{line-height:1;padding-top:2px}.btn:hover{background-color:#00cc5c;background-position:center right 20px;background-position:center right 1rem;width:17.5vw}.btn a{display:block}@media(max-width:560px){.btn{background-size:8px 13px;width:40vw;padding:3.1vw 5.35vw;background-position:center right 4vw;margin-left:auto;margin-right:auto;margin-top:5vw}}.title .logo-text,.title h1{display:inline-block;vertical-align:middle}.title .logo-text{width:25.56vw;margin-right:.903vw}@media(max-width:560px){.title{text-align:center}.title .logo-text{width:45.6vw;margin-right:1.2vw}}.flex-float{position:absolute;width:100%;height:100%;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2}.flex-float .text-part{width:50%;position:relative;z-index:4}.flex-float .text-part.full-flex{width:100%}.flex-float .section-main{-ms-flex:1;flex:1}@media(max-width:560px){.flex-float{position:relative;display:block;height:auto;top:auto;left:auto}.flex-float .text-part{width:100%}.flex-float .section-main{margin-top:10.67vw}}.for-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media(max-width:560px){.for-reverse{-ms-flex-direction:column;flex-direction:column}}.float-item{position:absolute;z-index:1}.float-item.wave-1,.float-item.wave-2{z-index:0}.float-item.wave-1{width:42vw}.float-item.wave-2{width:36vw;height:30.83vw}@media(max-width:560px){.float-item.wave-1{width:83.2vw}.float-item.wave-2{width:75.2vw;height:59.2vw}}.flex-part{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:2.78vw 0 9.02vw}.flex-part .flex-block{width:23.28%;text-align:center;margin-bottom:10px;margin-bottom:.5rem}.flex-part .flex-block a{display:block;position:relative}.flex-part .flex-block .flex-float{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:2}.flex-part .flex-block .title{padding-right:2.1vw;background:url(../images/icon-arrow-right-2.svg) center right 2px no-repeat;background-size:1.736vw 1.736vw;margin-bottom:5px;margin-bottom:.25rem;transition:all .12s ease-in-out 0s;display:inline-block}.flex-part .flex-block img,.flex-part .flex-block p{transition:all .12s ease-in-out 0s}.flex-part .flex-block .btn-bg{position:relative;z-index:1}.flex-part .flex-block .wallpaper{overflow:hidden;border-radius:20px;height:20.13vw;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.flex-part .flex-block:hover .title{padding-right:35px;padding-right:1.75rem}.flex-part .flex-block:hover p{opacity:1}.flex-part .flex-block:hover img{transform:scale(1.05)}@media(max-width:768px){.flex-part .flex-block{width:30.33%}.flex-part .flex-block .wallpaper{height:26vw}}@media(max-width:560px){.flex-part{padding-top:7.5vw}.flex-part .flex-block{width:47.75%}.flex-part .flex-block .wallpaper{height:42.6vw}.flex-part .flex-block .title{padding-right:5.33vw;background-size:4vw 4vw}.flex-part .flex-block p{padding:0 8vw;word-break:break-all;text-align:left}}.section-bg{position:relative;z-index:1}@media(max-width:560px){.section-bg{position:absolute;width:172.8%}}.bg-purple{background:#291553;background:linear-gradient(128deg,rgba(41,21,83,1) 0,rgba(32,16,56,1) 100%)}.for-bg{position:fixed;width:100%;height:100%;z-index:0;left:0;top:0}.for-bg.bg-star{position:absolute;top:82px;top:4.1rem;height:calc(100% - 4.1rem)}.bg-star{background:url(../images/stars@2x.png) top center repeat-y;background-size:100% auto}@media(max-width:560px){.bg-star{background-size:300% auto}}.hover-img{animation:hover-animation 2.75s ease-in-out infinite}.s2 .hover-img,.s4 .hover-img,.s6 .hover-img{animation-delay:.75s}@keyframes hover-animation{0%{transform:translateY(0)}50%{transform:translateY(30px)}100%{transform:translateY(0)}}.rocket{animation:rocket-animation 6.5s linear infinite}@keyframes rocket-animation{0%{left:-66vw;opacity:1}98%{left:100vw;opacity:1}99%{left:100vw;opacity:0}100%{left:-66vw;opacity:0}}.shinning{animation:shinning-animation 5s ease-in-out infinite}@keyframes shinning-animation{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}.fire-img{animation:fire-animation .1s ease-in-out infinite}@keyframes fire-animation{0%{opacity:1}50%{opacity:.85}100%{opacity:1}}section{position:relative;z-index:2}section .wrap{z-index:2}section .flex-wrap{position:relative;z-index:3}section.s1{padding-top:11.39vw}section.s1 .float-item{left:50%;top:-5.07vw;width:24vw}section.s1 .float-item.rocket{left:-33vw;top:19.1vw;width:33vw}section.s1 .float-item.rocket>img{display:inline-block;vertical-align:middle;position:relative}section.s1 .float-item.rocket>img.fire-img{width:83%;margin-right:-4%;z-index:1}section.s1 .float-item.rocket>img.rocket-img{width:20.16%;z-index:2}section.s1 .float-item.planet{z-index:0}section.s1 .text-part{padding-left:5.55vw}section.s1 .text-part .title{margin-bottom:1.389vw}section.s1 .section-main{padding-top:8.64vw}section.s1 .section-main img{margin-right:-3.47vw;max-width:37.36vw}@media(max-width:560px){section.s1{padding-top:28vw}section.s1 .text-part{padding-left:0}section.s1 .text-part .title{text-align:left;margin-bottom:2.7vw}section.s1 .text-part .btn{margin-left:0}section.s1 .section-main{padding-top:0}section.s1 .section-main img{margin-right:-1.86vw;max-width:62.4vw}section.s1 .section-bg{left:-7.2vw;bottom:-10.67vw}section.s1 .float-item{left:66.13vw;top:-13.33vw;width:46.13vw}section.s1 .float-item.rocket{left:-66vw;top:40%;width:66vw}}section.s2{padding-top:16.5vw;z-index:3}section.s2 .section-bg,section.s2 .section-main{position:absolute}section.s2 .section-bg{left:0;top:9vw}section.s2 .section-main{width:43.82vw;right:70px;right:3.5rem;top:0;z-index:2}section.s2 .float-item.planet{width:19.4vw;top:-5.3vw;left:19.4vw}@media(max-width:560px){section.s2{padding-top:20.5vw}section.s2 .float-item.planet{width:37.33vw;top:-50vw;left:4vw}section.s2 .flex-part{padding-bottom:0}}section.s3 .section-bg{transform:scaleX(-1);position:absolute;top:-7vw}section.s3 .section-main{position:relative;z-index:3}section.s3 .section-main>img{z-index:2;position:relative}section.s3 .section-main .float-item{width:22.6vw;bottom:-2.78vw;right:-5.9vw}section.s3 .wave-1{left:-13.8vw;top:-17.08vw}section.s3 .wave-2{right:-10.69vw;bottom:-5.5vw}@media(max-width:560px){section.s3{padding-top:20.5vw}section.s3 .section-main .float-item{width:33vw;bottom:7.22vw;right:-1.5vw}section.s3 .wave-2{right:-9.07vw;bottom:-31.73vw}}section.s4{padding-top:5vw;padding-bottom:6vw}section.s4 .section-bg img{margin-right:-20px;margin-right:-1rem}section.s4 .flex-float{z-index:3}section.s4 .text-part{padding-top:200px;padding-top:10rem}@media(max-width:560px){section.s4{padding-top:20.5vw;padding-bottom:0}section.s4 .section-bg{position:relative;margin-left:-65vw}section.s4 .text-part{padding-top:0}}section.s5{padding:13.75vw 0 8.75vw}section.s5 .section-main{position:absolute;top:0;right:8.68vw;width:71.5vw;z-index:2}section.s5 .text-part{padding-top:13.28vw}section.s5 .wave-1{left:-7.2vw;top:-6.18vw}section.s5 .wave-2{right:-11.25vw;bottom:6.59vw}@media(max-width:560px){section.s5{z-index:1;padding-top:20.5vw;padding-bottom:0}section.s5 .section-main{position:relative;top:auto;right:auto;width:137vw;margin-left:-34.4vw;margin-top:-15.67vw;z-index:1}section.s5 .text-part{padding-top:0}section.s5 .wave-1{left:-15.13vw;top:-47.18vw}section.s5 .wave-2{right:3.75vw;bottom:6.59vw;width:90vw}section.s5 .section-bg{left:-44.5vw;bottom:15vw}}section.s6{padding-top:3.11vw;z-index:3}section.s6 .section-bg{transform:scaleX(-1)}section.s6 .section-main img{margin-left:0;max-width:29.17vw}@media(max-width:560px){section.s6{padding-top:20.5vw}section.s6 .section-main img{margin-left:auto;max-width:56vw}section.s6 .section-bg{right:-1.5%;top:24%}}section.s7{padding-top:21.8vw}section.s7 .section-bg,section.s7 .section-main{position:absolute}section.s7 .section-bg{left:0;top:0}section.s7 .section-main{width:29.3vw;right:6.94vw;top:0;z-index:2}section.s7 .wave-1{left:-9.375vw;top:-4vw}section.s7 .flex-part{-ms-flex-align:start;align-items:flex-start}section.s7 .flex-part .flex-block{margin-bottom:3.47vw}section.s7 .flex-part .flex-block .title{display:inline-block;margin-top:15px;margin-top:.75rem;padding-right:20px;padding-right:1rem;background-image:url(../images/icon-arrow-down.svg);letter-spacing:.08em}section.s7 .flex-part .flex-block:hover .title{padding-right:24px;padding-right:1.2rem}@media(max-width:768px){section.s7 .section-main{right:3vw;top:auto;bottom:5vw}}@media(max-width:560px){section.s7{padding-top:20.5vw;padding-bottom:8vw}section.s7 .wave-1{top:-20vw}section.s7 .section-main{width:56vw;right:auto;bottom:8vw;position:relative;margin-left:auto;margin-right:auto}section.s7 .flex-part .flex-block .title{margin-right:-4vw;margin-top:.65rem;background-position:bottom 5px right 8px}}