@font-face{font-family:QualcommNext-Medium;src:url(font/QualcommNext-Medium.ttf)}.nicescroll-rails{background-image:linear-gradient(to right, #fff 6px, #999, 8px, #fff 9px)}.page-index>nav{background-color:#232323}.page-index>nav .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-index>nav .container a{padding:8px 16px}.page-index>nav .container a img{height:44px}@media (max-width: 960px){.page-index>nav .container a img{height:32px}}.page-index>header{padding:32px}@media (max-width: 960px){.page-index>header{padding:8px 16px}}.page-index>header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-index>header .container .logo a img{height:48px}@media (max-width: 960px){.page-index>header .container .logo a img{height:24px}}.page-index>header .container .links{display:-webkit-box;display:-ms-flexbox;display:flex}.page-index>header .container .links .logo-meet-taipei{background-color:#000;display:inline-block;margin-right:16px;line-height:40px}@media (max-width: 960px){.page-index>header .container .links .logo-meet-taipei{line-height:24px}}.page-index>header .container .links .logo-meet-taipei img{height:36px;vertical-align:middle}@media (max-width: 960px){.page-index>header .container .links .logo-meet-taipei img{height:24px}}.page-index>header .container .links .lang{font-size:18px;color:#fff;background-color:#677284;border-radius:30px;padding:10px 30px;display:inline-block;text-decoration:none}@media (max-width: 960px){.page-index>header .container .links .lang{font-size:14px;padding:4px 16px}}.page-index>main>.container{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 960px){.page-index>main>.container{-ms-flex-wrap:wrap;flex-wrap:wrap}}.page-index>main>.container .title{-webkit-box-flex:1;-ms-flex:1 1 70%;flex:1 1 70%;padding:16px 0}@media (max-width: 960px){.page-index>main>.container .title{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;padding:0 32px}}.page-index>main>.container .title h1{font-size:40px;line-height:54px;margin-bottom:32px}@media (max-width: 960px){.page-index>main>.container .title h1{font-size:28px;line-height:40px;margin-bottom:16px}}.page-index>main>.container .title h3{font-size:21px;line-height:32px;color:#012045;margin-bottom:32px}@media (max-width: 960px){.page-index>main>.container .title h3{margin-bottom:16px}}.page-index>main>.container .title p{font-size:16px;color:#677284;line-height:1.8em;margin-bottom:48px;white-space:pre-line}.page-index>main>.container .title a.btn{font-size:18px;line-height:24px;color:#fff;background-color:#677284;border:2px solid #677284;border-radius:30px;padding:10px 30px;display:inline-block;text-decoration:none;margin-bottom:24px}@media (max-width: 960px){.page-index>main>.container .title a.btn{font-size:16px;padding:4px 20px}}.page-index>main>.container .logo{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;padding:0 0 0 48px}.page-index>main>.container .logo>*{max-width:100%}@media (max-width: 960px){.page-index>main>.container .logo{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;text-align:center;padding:16px 0}.page-index>main>.container .logo>*{width:50%}}.page-index>main .scroll-downs{margin:8px 0}.page-index>main .scroll-downs .mousey{width:3px;padding:10px 15px;height:30px;border:2px solid #aaa;border-radius:25px;opacity:0.75;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;margin:0 auto}.page-index>main .scroll-downs .mousey .scroller{width:3px;height:10px;border-radius:25%;background-color:#aaa;-webkit-animation-name:scroll;animation-name:scroll;-webkit-animation-duration:2.2s;animation-duration:2.2s;-webkit-animation-timing-function:cubic-bezier(0.15, 0.41, 0.69, 0.94);animation-timing-function:cubic-bezier(0.15, 0.41, 0.69, 0.94);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes scroll{0%{opacity:0}10%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(15px);transform:translateY(15px);opacity:0}}@keyframes scroll{0%{opacity:0}10%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(15px);transform:translateY(15px);opacity:0}}.page-index>main .years{padding-left:48px;position:relative;z-index:1}.page-index>main .years .container .btn{display:inline-block;font-size:22px;line-height:54px;padding:0 48px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:27px;text-decoration:none;margin:8px;-webkit-transform:translate3D(0, 36px, 0);transform:translate3D(0, 36px, 0)}@media (max-width: 960px){.page-index>main .years .container .btn{font-size:18px;line-height:40px;padding:0 24px}}.page-index>main .years .container .btn-2021{background-image:-webkit-gradient(linear, left top, right top, from(#3A08F2), to(#BC59F1));background-image:linear-gradient(to right, #3A08F2, #BC59F1);color:#ffffff}.page-index>main .years .container .btn-2020{background-color:#ffffff;color:#3A08F2;border:1px solid #3A08F2}.page-index>main .map-container{width:100%;max-width:100%;margin:0 auto;background-color:#D1D6ED;border-top-left-radius:180px}@media (max-width: 960px){.page-index>main .map-container{border-top-left-radius:48px}}.page-index>main .map-container .map-wrapper{width:100%;max-width:100%;margin:0 auto;max-width:1920px}.page-index>main .map-container .map-wrapper .map{position:relative;padding-top:67.94136%;display:block;max-width:1920px;width:100%;margin:0 auto}@media (max-width: 960px){.page-index>main .map-container .map-wrapper .map{padding-top:0;overflow-x:auto}}.page-index>main .map-container .map-wrapper .map svg{overflow:visible}.page-index>main .map-container .map-wrapper .map #svg-path{position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;border-top-left-radius:180px;overflow:hidden}@media (max-width: 960px){.page-index>main .map-container .map-wrapper .map #svg-path{position:relative;width:975px;height:714px}}.page-index>main .map-container .map-wrapper .map #svg-path path{stroke-width:10px}.page-index>main .map-container .map-wrapper .map #svg-path .building{display:block;position:relative}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject{overflow:visible;-webkit-transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .name{opacity:0.95;text-align:center;padding:16px;-webkit-transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-box-sizing:border-box;box-sizing:border-box;color:#FFFFFF;font-size:28px;line-height:36px}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .name.purple{background-color:#A56CFF}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .name.orange{background-color:#FF8F6E}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .name.blue{background-color:#2374FF}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .tags{text-align:center;padding:0 8px;height:0;overflow:hidden;-webkit-transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#FFFFFF;font-size:28px;line-height:36px}@media (max-width: 960px){.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .tags{display:none}}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .tags.purple{color:#A56CFF;border:1px solid #A56CFF}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .tags.orange{color:#FF8F6E;border:1px solid #FF8F6E}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .tags.blue{color:#2374FF;border:1px solid #2374FF}.page-index>main .map-container .map-wrapper .map #svg-path .building foreignObject .tags .content{margin:auto;padding:0}.page-index>main .map-container .map-wrapper .map #svg-path .building image{-webkit-transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.page-index>main .map-container .map-wrapper .map #svg-path .building:hover image{-webkit-filter:brightness(1.05);filter:brightness(1.05)}.page-index>main .map-container .map-wrapper .map #svg-path .building:hover foreignObject{-webkit-transform:translateY(-108px);transform:translateY(-108px)}@media (max-width: 960px){.page-index>main .map-container .map-wrapper .map #svg-path .building:hover foreignObject{-webkit-transform:none;transform:none}}.page-index>main .map-container .map-wrapper .map #svg-path .building:hover foreignObject .tags{height:108px}.page-index>main .map-container .map-wrapper .map #svg-path #car1,.page-index>main .map-container .map-wrapper .map #svg-path #car2{opacity:0;display:block}.page-index>main .map-container .directions{display:none}@media (max-width: 960px){.page-index>main .map-container .directions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f3f5fb;padding:12px 24px}.page-index>main .map-container .directions button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:120px;height:32px;color:#677284;background-color:#fff;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;border:1px solid #677284;cursor:pointer}.page-index>main .map-container .directions button span{vertical-align:middle;font-size:14px;padding:0 16px;font-family:QualcommNext-Medium}.page-index>main .map-container .directions button svg{vertical-align:middle}.page-index>main .map-container .directions button svg.left{margin-right:8px}.page-index>main .map-container .directions button svg.right{margin-left:8px}}.page-team{background-image:url(img/content/space-bg.png);background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;min-height:100vh}.page-team>header{background-color:#3253dc;padding:16px;position:fixed;top:0;left:0;width:100%}.page-team>header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-team>header .container .logo a img{height:27px}@media (max-width: 960px){.page-team>header .container .logo a img{height:24px}}.page-team>header .container .logo-meet-taipei img{height:27px}@media (max-width: 960px){.page-team>header .container .logo-meet-taipei img{height:24px}}.page-team>main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:100vh}.page-team>main .movie-box{width:100%;max-width:820px;margin:0 auto;padding:124px 0 32px;text-align:center}@media (max-width: 960px){.page-team>main .movie-box{padding:108px 0 16px}}.page-team>main .movie-box .team-logo{position:relative;width:25%;margin-bottom:-4px;z-index:1}@media (max-width: 960px){.page-team>main .movie-box .team-logo{width:33%}}.page-team>main .movie-box .movie{position:relative}.page-team>main .movie-box .movie .box{position:absolute;top:0;left:0;width:100%}.page-team>main .movie-box .movie .movie-container{position:relative;padding-top:56.25%}.page-team>main .movie-box .movie .movie-container>*{-webkit-box-sizing:padding-box;box-sizing:padding-box;border:0px solid #9c9c9c;position:absolute;top:2.8%;left:-.5%;width:100%;height:100%;-webkit-transform:scale(0.83);transform:scale(0.83)}.page-team>main .movie-box .movie .movie-container>*.sp{margin-top:-2.4%;-webkit-transform:scale(0.85);transform:scale(0.85)}.page-team>main .movie-box .movie .movie-container>h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page-team>main .movie-box .movie .movie-container>h3 span{vertical-align:middle;font-size:24px}.page-team>main .actions{width:100%;max-width:1200px;margin:0 auto;padding:40px 64px 0;text-align:center;position:relative}@media (max-width: 960px){.page-team>main .actions{padding:32px 16px 0}}.page-team>main .actions a{text-decoration:none;display:inline-block;cursor:pointer;-webkit-transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media (max-width: 960px){.page-team>main .actions a{position:static;display:block}}.page-team>main .actions .demo,.page-team>main .actions .intro{font-size:18px;color:#5277f7;background-color:#ffffff;border:2px solid #5277f7;border-radius:30px;padding:10px 30px;margin:0 32px 16px;min-width:210px}.page-team>main .actions .demo:hover,.page-team>main .actions .intro:hover{color:#ffffff;background-color:#5277f7}.page-team>main .actions .contact{font-size:18px;color:#fff;background-color:#5277f7;border:2px solid #5277f7;border-radius:30px;padding:10px 30px;margin:0 32px 16px;min-width:210px}.page-team>main .actions .contact:hover{color:#5277f7;background-color:#ffffff}.page-team>main .actions .back{position:absolute;right:32px;top:54px}@media (max-width: 960px){.page-team>main .actions .back{position:static;margin:16px 0}}.page-team>main .actions .back img{height:24px;max-width:200px}.page-team>main .actions .back img:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5)}.mfp-zoom-in .mfp-with-anim{opacity:0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform:scale(0.8);transform:scale(0.8)}.mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-bg{background-color:rgba(69,95,181,0.6)}.intro-popup{position:relative;max-width:680px;margin:0 auto;background-color:white;font-family:'Noto Sans TC', sans-serif}.intro-popup .wrapper{padding:48px}.intro-popup .wrapper>.title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:32px}@media (max-width: 960px){.intro-popup .wrapper>.title{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.intro-popup .wrapper>.title h2{font-size:24px;line-height:48px}.intro-popup .wrapper>.title h2 span{display:inline-block}.intro-popup .wrapper>.title img{height:56px;margin:-8px 48px 0 48px}@media (max-width: 960px){.intro-popup .wrapper>.title img{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}.intro-popup .wrapper h3{color:#000;font-size:18px;font-weight:700;line-height:24px}.intro-popup .wrapper>p{font-size:16px;line-height:24px;margin-bottom:32px;color:#777;font-weight:300}.intro-popup .wrapper>.site{margin-bottom:32px}.intro-popup .wrapper>.site a{color:#777;font-size:16px;line-height:24px;font-weight:300}.intro-popup .wrapper ul.contact{list-style-type:none;margin:0 0 32px 0;padding-left:16px;border-left:2px solid #000000}.intro-popup .wrapper ul.contact li{font-size:16px;line-height:24px;font-weight:700}.intro-popup .mfp-close{font-weight:400;font-family:sans-serif;width:40px;height:40px;right:32px}.intro-popup .mfp-close .close{position:absolute;right:-16px;top:16px;width:40px;height:40px;opacity:0.6;z-index:1000}.intro-popup .mfp-close .close:hover{opacity:1}.intro-popup .mfp-close .close:before,.intro-popup .mfp-close .close:after{position:absolute;left:19px;content:' ';height:41px;width:2px;background-color:#333}.intro-popup .mfp-close .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.intro-popup .mfp-close .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.demo-popup{position:relative;max-width:1200px;margin:0 auto;font-family:'Noto Sans TC', sans-serif}.demo-popup .wrapper{position:relative;padding-top:56.25%}.demo-popup .wrapper>*{position:absolute;top:0;left:0;width:100%;height:100%}.demo-popup .mfp-close{font-weight:400;font-family:sans-serif;width:40px;height:40px;right:32px}.demo-popup .mfp-close .close{position:absolute;right:-16px;top:16px;width:40px;height:40px;opacity:0.6;z-index:1000}.demo-popup .mfp-close .close:hover{opacity:1}.demo-popup .mfp-close .close:before,.demo-popup .mfp-close .close:after{position:absolute;left:19px;content:' ';height:41px;width:2px;background-color:#333}.demo-popup .mfp-close .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.demo-popup .mfp-close .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tour-popup{position:relative;max-width:540px;margin:0 auto;font-family:QualcommNext-Medium, 'Noto Sans TC', sans-serif;max-height:100vh}.tour-popup .wrapper{text-align:center;background-color:#f2f2f2;border-radius:16px;padding:24px 48px;margin:16px}@media (max-width: 960px){.tour-popup .wrapper{padding:24px 24px}}.tour-popup .wrapper h2{font-size:18px;line-height:28px;margin-bottom:16px}.tour-popup .wrapper img{margin-bottom:16px}.tour-popup .wrapper>p{font-size:16px;line-height:24px;margin-bottom:16px;color:#555;font-weight:300;text-align:left}.tour-popup .wrapper>button{color:#fff;background-color:#5277f7;border-radius:12px;border:none;font-size:18px;padding:6px 48px;cursor:pointer}.tour-popup .wrapper>button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.tour-popup .mfp-close{font-weight:400;font-family:sans-serif;width:40px;height:40px;opacity:1;padding:0}.tour-popup .mfp-close .close{position:absolute;right:0;top:-16px;z-index:1000;width:40px;height:40px;display:block}.tour-popup .mfp-close .close:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.for-ie{display:none !important}html[data-useragent*="Trident"] .for-ie{display:block !important}html[data-useragent*="Trident"] .not-ie{display:none !important}.container{width:100%;max-width:1200px;display:block;margin:0 auto}*{-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4{margin:0}p{margin:0}img{max-width:100%;vertical-align:middle}body{margin:0;font-family:QualcommNext-Medium, 'Noto Sans TC', sans-serif}
/*# sourceMappingURL=style.css.map */