.ct-row{ margin-right: auto;margin-left: auto;}
.gd-xs12{ width: 100%; }
.space .mars .planet,.space .mars .tentacle{-webkit-box-sizing:border-box;border-radius:100%}.space .mars .flag:after,.space .mars .flag:before,.space .mars:before,.space .ship .fuselage:after{content:"";position:absolute}.t_center,.t_left,.t_right{font-size:10em;display:inline-block;font-weight:600}.space{font-family:Montserrat,'Microsoft JhengHei';position:absolute;top:0;left:0;width:100%;height:100%;background:#435d70;overflow:hidden}.space .mars{position:absolute;top:50%;left:50%;z-index:2}.space .mars .tentacle{position:absolute;top:-60px;right:-80px;z-index:1;height:70px;width:70px;box-sizing:border-box;border-left:15px solid #1aae1e;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-animation:tentacle 12s cubic-bezier(.645,.045,.355,1) infinite;animation:tentacle 12s cubic-bezier(.645,.045,.355,1) infinite}.space .mars .flag{position:absolute;height:17px;width:15px;top:-57px;left:-1px;-webkit-animation:flag-pole 12s cubic-bezier(.645,.045,.355,1) infinite;animation:flag-pole 12s cubic-bezier(.645,.045,.355,1) infinite}.space .mars .flag:before{height:17px;width:2px;background:#eee}.space .mars .flag:after{height:10px;width:14px;left:2px;top:0;background:#aaa;-webkit-animation:flag-unfurl 12s cubic-bezier(.645,.045,.355,1) infinite;animation:flag-unfurl 12s cubic-bezier(.645,.045,.355,1) infinite}.space .mars .flag .small-tentacle{position:absolute;left:-16px;top:3px;height:50px;width:50px;border-left:10px solid #1aae1e;border-radius:100%;-webkit-transform:rotate(25deg);transform:rotate(25deg);-webkit-animation:small-tentacle 12s cubic-bezier(.645,.045,.355,1) infinite;animation:small-tentacle 12s cubic-bezier(.645,.045,.355,1) infinite;z-index:2}.space .mars:before{top:80px;left:-30px;height:10px;width:60px;background:#374d5c;border-radius:100%}.space .mars .planet{box-sizing:border-box;position:absolute;height:120px;width:120px;overflow:hidden;margin-left:-60px;margin-top:-60px;z-index:2}.space .mars .planet .surface{position:absolute;border-radius:100%;height:140%;width:140%;top:-30%;right:-10%;-webkit-box-sizing:border-box;box-sizing:border-box;border:30px solid rgba(0,0,0,.15);background:#ff8177}.space .mars .planet .crater1,.space .mars .planet .crater2,.space .mars .planet .crater3{position:absolute;border-radius:100%;background:rgba(0,0,0,.15);-webkit-box-shadow:inset 3px 3px 0 rgba(0,0,0,.2);box-shadow:inset 3px 3px 0 rgba(0,0,0,.2)}.space .mars .planet .crater1{height:20px;width:20px;top:32%;left:17%}.space .mars .planet .crater2{height:10px;width:10px;top:26%;left:55%;-webkit-box-shadow:inset 2px 2px 0 rgba(0,0,0,.2);box-shadow:inset 2px 2px 0 rgba(0,0,0,.2)}.space .mars .planet .crater3{height:10px;width:10px;top:60%;left:40%;-webkit-box-shadow:inset 2px 2px 0 rgba(0,0,0,.2);box-shadow:inset 2px 2px 0 rgba(0,0,0,.2)}.space .ship{position:absolute;right:50%;top:50%;margin-top:-55px;margin-right:-55px;height:22px;background:rgba(0,0,0,.1);-webkit-transform-origin:0 100% 0;transform-origin:0 100% 0;z-index:1;-webkit-animation:ship 12s cubic-bezier(.645,.045,.355,1) infinite;animation:ship 12s cubic-bezier(.645,.045,.355,1) infinite}.space .ship .ship-rotate{position:absolute;height:22px;-webkit-transform:rotate(-110deg);transform:rotate(-110deg);-webkit-animation:ship-rotate 12s cubic-bezier(.645,.045,.355,1) infinite;animation:ship-rotate 12s cubic-bezier(.645,.045,.355,1) infinite}.space .ship .pod{position:absolute;top:0;left:-8px;height:16px;width:16px;background:#eee;border-radius:100% 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.space .ship .fuselage{position:absolute;top:14px;left:-6px;height:8px;width:12px;background:#eee;border-radius:100% 100% 0 0}.space .ship .fuselage:after{left:2px;top:100%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid red}.space .ship-shadow{position:absolute;right:10%;top:50%;margin-right:-28px;margin-top:83px;height:4px;width:16px;background:#374d5c;border-radius:100%;-webkit-animation:ship-shadow 12s cubic-bezier(.645,.045,.355,1) infinite;animation:ship-shadow 12s cubic-bezier(.645,.045,.355,1) infinite}@-webkit-keyframes small-tentacle{0%,86%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}100%,89%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes small-tentacle{0%,86%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}100%,89%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes tentacle{0%,75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}80%{-webkit-transform:rotate(-165deg) translate(6px,8px);transform:rotate(-165deg) translate(6px,8px)}82.5%{-webkit-transform:rotate(-165deg) translate(28px,-17px);transform:rotate(-165deg) translate(28px,-17px)}100%{-webkit-transform:rotate(-165deg) translate(35px,-22px);transform:rotate(-165deg) translate(35px,-22px)}}@keyframes tentacle{0%,75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}80%{-webkit-transform:rotate(-165deg) translate(6px,8px);transform:rotate(-165deg) translate(6px,8px)}82.5%{-webkit-transform:rotate(-165deg) translate(28px,-17px);transform:rotate(-165deg) translate(28px,-17px)}100%{-webkit-transform:rotate(-165deg) translate(35px,-22px);transform:rotate(-165deg) translate(35px,-22px)}}@-webkit-keyframes ship{0%{right:-10%;top:-10%;margin-top:-55px;margin-right:-55px}40%{right:50%;top:50%}79.5%{margin-top:-55px;margin-right:-55px}84%{margin-top:-20px;margin-right:0}100%{right:50%;top:50%;margin-top:0;margin-right:0}}@keyframes ship{0%{right:-10%;top:-10%;margin-top:-55px;margin-right:-55px}40%{right:50%;top:50%}79.5%{margin-top:-55px;margin-right:-55px}84%{margin-top:-20px;margin-right:0}100%{right:50%;top:50%;margin-top:0;margin-right:0}}@-webkit-keyframes ship-rotate{0%,20%{-webkit-transform:rotate(-110deg);transform:rotate(-110deg)}100%,34%,79%{-webkit-transform:rotate(47deg);transform:rotate(47deg)}}@keyframes ship-rotate{0%,20%{-webkit-transform:rotate(-110deg);transform:rotate(-110deg)}100%,34%,79%{-webkit-transform:rotate(47deg);transform:rotate(47deg)}}@-webkit-keyframes ship-shadow{0%{right:-10%;-webkit-transform:scale(1.4,1);transform:scale(1.4,1);opacity:.3}40%{right:50%;-webkit-transform:scale(.75,1);transform:scale(.75,1);opacity:1}100%{right:50%}}@keyframes ship-shadow{0%{right:-10%;-webkit-transform:scale(1.4,1);transform:scale(1.4,1);opacity:.3}40%{right:50%;-webkit-transform:scale(.75,1);transform:scale(.75,1);opacity:1}100%{right:50%}}@-webkit-keyframes planet-bump{0%,39%{margin-left:0}40%{margin-left:-1px}40.5%{margin-left:1px}100%,41%{margin-left:0}}@keyframes planet-bump{0%,39%{margin-left:0}40%{margin-left:-1px}40.5%{margin-left:1px}100%,41%{margin-left:0}}@-webkit-keyframes flag-pole{0%,100%,48%,92%{top:-57px}54%,90%{top:-77px}}@keyframes flag-pole{0%,100%,48%,92%{top:-57px}54%,90%{top:-77px}}@-webkit-keyframes flag-unfurl{0%,55%{width:0}100%,60%,90%{width:14px}}@keyframes flag-unfurl{0%,55%{width:0}100%,60%,90%{width:14px}}.ttitles{position:absolute;top:35%;left:50%;height:100%}.t_left:before,.t_right:before{content:"";position:absolute;top:180px;height:10px;width:60px;background:#374d5c;border-radius:100%}.t_left,.t_right{color:#1e2a32}.t_center{color:#4d6b80;text-align:center;font-style:italic;margin-left:5px}.t_detail{font-size:2.5em;font-weight:600;color:#1e2a32;display:flex;justify-content:center;margin-top:22%}.t_left{position:absolute;right:87px}.t_left:before{left:36px}.t_right{position:absolute;right:-170px}.t_right:before{right:-1px}@media only screen and (max-width:1440px){.t_detail{margin-top:25%}}@media only screen and (max-width:1024px){.t_detail{margin-top:15%}}@media only screen and (max-width:768px){.t_detail{margin-top:45%}.t_center{font-size:5.5em}}@media only screen and (max-width:500px){.t_detail{margin-top:60%;font-size:2em}.t_center{font-size:4.5em}}@media only screen and (max-width:375px){.t_detail{margin-top:75%;font-size:1.5em}.t_center{font-size:4.5em}}