.backlight{position:relative;-webkit-animation:textColor 10s ease infinite;animation:textColor 10s ease infinite}.backlight::before{position:absolute;content:"";bottom:0px;left:0px;z-index:-1;height:144px;width:144px;opacity:.5;margin:0 auto;-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(8px);filter:blur(8px);background:-webkit-gradient(linear, right top, left top, from(#ff3bff), to(#008df7));background:linear-gradient(270deg, #ff3bff, #008df7);background-size:200% 200%;-webkit-animation:animateGlow 10s ease infinite;animation:animateGlow 10s ease infinite}@-webkit-keyframes animateGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes animateGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-webkit-keyframes textColor{0%{color:#ff3bff}50%{color:#008df7}100%{color:#ff3bff}}@keyframes textColor{0%{color:#ff3bff}50%{color:#008df7}100%{color:#ff3bff}}.glow{-webkit-animation:glow 1s ease infinite alternate;animation:glow 1s ease infinite alternate}@-webkit-keyframes glow{100%{-webkit-filter:brightness(2) drop-shadow(0 0 24px #ff3bff);filter:brightness(2) drop-shadow(0 0 24px #ff3bff)}}@keyframes glow{100%{-webkit-filter:brightness(2) drop-shadow(0 0 24px #ff3bff);filter:brightness(2) drop-shadow(0 0 24px #ff3bff)}}h1,h2,h3{margin:0}p{margin:0}img{max-width:100%;vertical-align:top;-ms-flex-item-align:start;align-self:flex-start}a{text-decoration:none}.container{position:relative;width:100%;max-width:1200px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.articles{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.articles article{-webkit-box-flex:0;-ms-flex:0 1 33.33333%;flex:0 1 33.33333%;max-width:33.33333%;position:relative;z-index:2}@media (max-width: 960px){.articles article{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}}.articles article:hover a .img img{-webkit-transform:scale(1.2);transform:scale(1.2)}.articles article:hover a h3{color:#fff;background-color:#1b1464}.articles article a{display:block;padding:16px}.articles article a .img{position:relative;padding-top:66.66667%;width:100%;overflow:hidden}.articles article a .img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92);transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92)}.articles article a h3{padding:8px 24px;color:#000;background-color:#fff;font-size:17px;line-height:27px;min-height:81px;font-weight:400;font-family:'Noto Sans TC', sans-serif;-webkit-transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92);transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92)}.card-popup{position:relative;background-color:#fff;padding:16px;width:auto;max-width:680px;margin:20px auto}.card-popup .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.card-popup .wrapper h2{color:#0a2451;font-size:20px;line-height:26px;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%;padding:16px 16px 8px}.card-popup .wrapper .img{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%;text-align:center;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width: 960px){.card-popup .wrapper .img{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%;margin-right:0;margin-bottom:16px}}.card-popup .wrapper h3{color:#3a7d9b;-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%;font-size:16px;line-height:26px;font-weight:500;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;box-sizing:border-box}@media (max-width: 960px){.card-popup .wrapper h3{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%}}.card-popup .mfp-close{font-size:48px}body{margin:0;font-family:'Noto Sans TC', sans-serif;background-color:#040b33}#nav{position:fixed;top:0;right:0;z-index:1001;width:320px;height:100vh;background-color:#1b1464;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding:48px 16px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92);transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92)}@media (max-width: 960px){#nav{width:100%}}#nav.open{-webkit-transform:translateX(0%);transform:translateX(0%)}#nav h3{position:relative;text-align:center;width:100%;margin:16px 0}#nav h3::before{position:absolute;top:50%;left:0;content:'';width:100%;height:1px;background-color:#fff}#nav h3 span{font-size:20px;position:relative;color:#fff;background-color:#1b1464;padding:16px}#nav a{color:#fff;padding:8px;margin:8px 0;font-size:18px;cursor:pointer}#nav-toggle{position:fixed;top:0;right:0;z-index:1003;background-color:#1b1464;padding:0 8px;cursor:pointer}#nav-toggle svg{vertical-align:middle}#nav-toggle svg path{stroke:#fff;stroke-width:2px;fill:none}#nav-toggle svg #hamberger,#nav-toggle svg #close{visibility:hidden}#kv{position:relative;width:100%;background:#333;overflow:hidden;background-size:cover;background-position:bottom center;background-image:url("img/bg-kv.jpg");z-index:1}@media (max-width: 960px){#kv{background-image:url("img/bg-kv-mobi.jpg")}}#kv #kv-logo{position:absolute;top:48px;left:96px}@media (max-width: 960px){#kv #kv-logo{top:32px;left:24px}}#kv #kv-logo img{height:100px}@media (max-width: 960px){#kv #kv-logo img{height:50px}}#kv #kv-title{position:absolute;top:50%;left:0%;width:75%;max-width:1048px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 960px){#kv #kv-title{width:100%}}#kv #kv-title h2{font-size:24px;line-height:32px;color:#fff;width:64%;margin-left:auto;margin-bottom:16px;text-align:left}@media (max-width: 960px){#kv #kv-title h2{padding:0 16px;font-size:18px;line-height:32px;width:auto}}#kv #kv-title p{color:#fff;white-space:pre-line;font-size:18px;line-height:32px;width:64%;margin-left:auto}@media (max-width: 960px){#kv #kv-title p{padding:0 16px;font-size:16px;line-height:24px;width:auto}}section .container h2{text-align:center;font-size:26px;line-height:32px;margin-bottom:64px;font-weight:700}#bg-2_3{background-attachment:fixed;background-size:cover;background-position:center center;background-image:url("img/bg-zone02.png")}@media (max-width: 960px){#bg-2_3{background-image:url("img/bg-zone02-mobi.jpg")}}#z2 .container{padding:80px 16px 0}@media (max-width: 960px){#z2 .container{padding:80px 0 0}}#z2 .container h2{color:#ed2986}#z2 .container .cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0 16px}@media (max-width: 960px){#z2 .container .cards{padding:0}}#z2 .container .cards article{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%;position:relative;background-color:#022454;padding:8px;margin-bottom:8px;cursor:pointer}@media (max-width: 960px){#z2 .container .cards article{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;max-width:50%}}#z2 .container .cards article .wrapper{height:calc(100% - 16px);background-color:#99c1da}#z2 .container #more-cards{-webkit-box-sizing:border-box;box-sizing:border-box;height:0;overflow:hidden}#z2 .container button{background-image:-webkit-gradient(linear, left top, right top, from(#ff3bff), to(#008df7));background-image:linear-gradient(to right, #ff3bff, #008df7);color:#fff;border:none;padding:12px 48px;font-size:24px;font-weight:700;display:block;width:192px;margin:32px auto;cursor:pointer;-webkit-transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92);transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92)}#z2 .container button:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(1.5);filter:brightness(1.5)}#z3{position:relative}#z3 .bg-z3{position:absolute;bottom:0;left:0;width:100%;z-index:1}#z3 .container{padding:200px 16px}@media (max-width: 960px){#z3 .container{padding:100px 32px}}#z3 .container h2{color:#fff}#z3 .container .video{width:100%;max-width:800px;margin:0 auto}#z3 .container .video .video-container{position:relative;padding-top:56.25%;width:100%}#z3 .container .video .video-container::before{position:absolute;content:'';border-top:1px solid #fff;border-left:1px solid #fff;top:-16px;left:-16px;width:120px;height:360px}@media (max-width: 960px){#z3 .container .video .video-container::before{width:60px;height:120px}}#z3 .container .video .video-container::after{position:absolute;content:'';border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:-16px;right:-16px;width:120px;height:120px}@media (max-width: 960px){#z3 .container .video .video-container::after{width:60px;height:60px}}#z3 .container .video .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#z4{background-size:cover;background-position:top center;background-repeat:no-repeat;background-image:url("img/bg-zone04.png");min-height:640px}@media (max-width: 960px){#z4{background-image:url("img/bg-zone04-mobi.gif")}}#z4 .container{padding:200px 16px 80px}@media (max-width: 960px){#z4 .container{padding:200px 16px 80px}}#z4 .container h2{color:#1b1464}#z5{background-color:#f4f4f4;min-height:640px}#z5 .container{padding:64px 16px 48px}#z5 .container h2{color:#ed2986}#z5 .container .cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:32px 16px 56px}@media (max-width: 960px){#z5 .container .cards{padding:32px 0}}#z5 .container .cards article{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;max-width:25%;position:relative;background-color:#022454;padding:8px;margin-bottom:8px}#z5 .container .cards article .wrapper{background-color:#99c1da;padding:8px;min-height:200px}#z5 .container button{background-image:-webkit-gradient(linear, left top, right top, from(#ff3bff), to(#008df7));background-image:linear-gradient(to right, #ff3bff, #008df7);color:#fff;border:none;padding:12px 48px;font-size:24px;font-weight:700;display:block;width:192px;margin:16px auto}#z6{background-color:#f4f4f4;background-size:cover;background-position:top center;background-repeat:no-repeat;background-image:url("img/bg-zone06.png");min-height:640px}@media (max-width: 960px){#z6{background-image:url("img/bg-zone06-mobi.png")}}#z6 .container{padding:200px 16px 64px}#z6 .container h2{color:#ed2986}#z6 .container .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:content;-ms-flex-pack:content;justify-content:content;width:100%;max-width:900px;margin:0 auto}@media (max-width: 960px){#z6 .container .content{-ms-flex-wrap:wrap;flex-wrap:wrap}}#z6 .container .content .img{-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px;max-width:250px;margin-right:32px;text-align:center}@media (max-width: 960px){#z6 .container .content .img{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;max-width:100%;margin-right:0;margin-bottom:16px}}#z6 .container .content .img img{width:250px}#z6 .container .content .txt h3{color:#fff;font-size:22px;line-height:32px;margin-bottom:32px}#z6 .container .content .txt p{color:#fff;font-size:16px;line-height:24px;margin-bottom:32px}#z6 .container .content .txt a{background-image:-webkit-gradient(linear, left top, right top, from(#7600ff), to(#ff2e77));background-image:linear-gradient(to right, #7600ff, #ff2e77);color:#fff;border:none;padding:12px 16px;font-size:16px;font-weight:700;display:block;width:144px;-webkit-transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92);transition:all 0.3s cubic-bezier(0.24, 0.46, 0.45, 0.92);position:relative}#z6 .container .content .txt a:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(1.5);filter:brightness(1.5)}@media (max-width: 960px){#z6 .container .content .txt a{margin:0 auto}}#z6 .container .content .txt a::after{content:'';position:absolute;width:120px;border-top:1px solid #fff;top:23px;right:-40px}#go-top{position:fixed;bottom:96px;right:24px;visibility:hidden;cursor:pointer}@media (max-width: 960px){#go-top{bottom:48px;right:16px}}#go-top img{height:66px}@media (max-width: 960px){#go-top img{height:44px}}body>footer{padding:48px 0;text-align:center;background-color:#F4F4F4;width:100%;min-height:100px}body>footer .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body>footer .logo a{margin:24px}body>footer .logo a:nth-of-type(1) img{height:64px}body>footer .logo a:nth-of-type(2) img{height:72px}
/*# sourceMappingURL=style.css.map */