@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;700&display=swap&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap);header{position:fixed;top:0;left:0;width:100%;z-index:99;background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent 60%)}header .container{display:flex;padding:10px 3vw;align-items:center;justify-content:space-between}header .logo{font-size:2rem;font-weight:700;margin:0}header .menu{margin:0;opacity:0;transition:opacity .5s}header .menu.show{opacity:1}header .menu li{display:inline-block;padding:0 20px;cursor:pointer;font-size:1.2rem}header .menu li.bordered{border:1px solid #4bb4ff;background:rgba(75,180,255,.15);color:#4bb4ff;border-radius:3px}header .menu li:hover{text-decoration:underline}header .menu .dropdown{position:relative;display:inline-block;cursor:pointer}header .menu .dropdown:hover .dropdown-content{display:block}header .menu .dropdown .dropbtn{background-color:initial;color:#fff;font-size:1.2rem;border:none;padding:0}header .menu .dropdown .dropdown-content{display:none;position:absolute;background-color:rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}header .menu .dropdown .dropdown-content .dropdown-link{width:150px;color:#fff;padding:12px 16px;text-decoration:none;display:block}@media screen and (max-width:480px){header .menu li{padding:0 10px;font-size:1rem}header .menu .dropdown .dropbtn{font-size:1rem}}footer{text-align:center;padding:20}.backgorundNoise:after{content:"";position:fixed;width:100%;height:100%;background:url(/static/media/noise.52aac64a.gif) repeat;opacity:.25;top:0}@-webkit-keyframes layer{0%{top:-15%;opacity:0}20%{top:-15%;opacity:1}30%{top:-15%;opacity:1}40%{top:-15%;opacity:1}50%{top:-15%;opacity:0}60%{top:20%;opacity:0}70%{top:20%;opacity:1}80%{top:20%;opacity:1}90%{top:20%;opacity:0}to{top:-15%;opacity:0}}@keyframes layer{0%{top:-15%;opacity:0}20%{top:-15%;opacity:1}30%{top:-15%;opacity:1}40%{top:-15%;opacity:1}50%{top:-15%;opacity:0}60%{top:20%;opacity:0}70%{top:20%;opacity:1}80%{top:20%;opacity:1}90%{top:20%;opacity:0}to{top:-15%;opacity:0}}.backgroundShine{position:fixed;left:-15%;top:0;width:75vh;height:75vh;opacity:0;border-radius:50%;z-index:1;display:block;background:radial-gradient(ellipse at center,rgba(228,108,239,.27) 0,rgba(228,108,239,.01) 65%,hsla(0,0%,100%,0) 100%);-webkit-animation:layer 20s linear infinite;animation:layer 20s linear infinite;-webkit-animation-delay:9s;animation-delay:9s}@-webkit-keyframes figure_1{0%{transform:translate(0)}50%{transform:translate(3em,4em)}80%{transform:translate(-2em,-5em)}to{transform:translate(0)}}@keyframes figure_1{0%{transform:translate(0)}50%{transform:translate(3em,4em)}80%{transform:translate(-2em,-5em)}to{transform:translate(0)}}@-webkit-keyframes figure_2{0%{transform:translate(0)}50%{transform:translate(-3em,9em)}70%{transform:translate(4em,3em)}to{transform:translate(0)}}@keyframes figure_2{0%{transform:translate(0)}50%{transform:translate(-3em,9em)}70%{transform:translate(4em,3em)}to{transform:translate(0)}}@-webkit-keyframes figure_3{0%{transform:translate(0)}50%{transform:translate(-3em,4em)}60%{transform:translate(2em,-5em)}to{transform:translate(0)}}@keyframes figure_3{0%{transform:translate(0)}50%{transform:translate(-3em,4em)}60%{transform:translate(2em,-5em)}to{transform:translate(0)}}@-webkit-keyframes figure_4{0%{transform:translate(0)}50%{transform:translate(79vh,-23vh)}70%{transform:translate(102vh,-3vh)}to{transform:translate(0)}}@keyframes figure_4{0%{transform:translate(0)}50%{transform:translate(79vh,-23vh)}70%{transform:translate(102vh,-3vh)}to{transform:translate(0)}}@-webkit-keyframes figure_15{0%{transform:translate(0)}50%{transform:translate(-8em,7em)}80%{transform:translate(-18em,15em)}to{transform:translate(0)}}@keyframes figure_15{0%{transform:translate(0)}50%{transform:translate(-8em,7em)}80%{transform:translate(-18em,15em)}to{transform:translate(0)}}@-webkit-keyframes figure_6{0%{transform:translate(0)}50%{transform:translate(22em,-18em)}80%{transform:translate(22em,-14em)}to{transform:translate(0)}}@keyframes figure_6{0%{transform:translate(0)}50%{transform:translate(22em,-18em)}80%{transform:translate(22em,-14em)}to{transform:translate(0)}}@-webkit-keyframes figure_7{0%{transform:translate(0)}50%{transform:translate(7vh,8vh)}to{transform:translate(0)}}@keyframes figure_7{0%{transform:translate(0)}50%{transform:translate(7vh,8vh)}to{transform:translate(0)}}@-webkit-keyframes figure_8{0%{transform:translate(0)}50%{transform:translate(52vh,29vh)}to{transform:translate(0)}}@keyframes figure_8{0%{transform:translate(0)}50%{transform:translate(52vh,29vh)}to{transform:translate(0)}}@-webkit-keyframes figure_10{0%{transform:translate(0)}50%{transform:translate(3em,4em)}80%{transform:translate(10em,15em)}to{transform:translate(0)}}@keyframes figure_10{0%{transform:translate(0)}50%{transform:translate(3em,4em)}80%{transform:translate(10em,15em)}to{transform:translate(0)}}@-webkit-keyframes figure_12{0%{transform:translate(0)}50%{transform:translate(-85vh,8em)}to{transform:translate(0)}}@keyframes figure_12{0%{transform:translate(0)}50%{transform:translate(-85vh,8em)}to{transform:translate(0)}}@-webkit-keyframes figure_13{0%{transform:translate(0)}50%{transform:translate(-92vh,3em)}to{transform:translate(0)}}@keyframes figure_13{0%{transform:translate(0)}50%{transform:translate(-92vh,3em)}to{transform:translate(0)}}@-webkit-keyframes figure_14{0%{transform:translate(0)}50%{transform:translate(-30vh,30vh)}to{transform:translate(0)}}@keyframes figure_14{0%{transform:translate(0)}50%{transform:translate(-30vh,30vh)}to{transform:translate(0)}}@-webkit-keyframes figure_19{0%{transform:translate(0)}50%{transform:translate(-9em,-24em)}80%{transform:translate(-19em,-34em)}to{transform:translate(0)}}@keyframes figure_19{0%{transform:translate(0)}50%{transform:translate(-9em,-24em)}80%{transform:translate(-19em,-34em)}to{transform:translate(0)}}.backgroundDots{position:fixed;width:70%;height:70%;display:block;left:0;top:0;right:0;bottom:0;margin:auto;z-index:0}.backgroundDots>*{fill:#ee1e8f;opacity:.2}.backgroundDots .figure_1{-webkit-animation:figure_1 17s linear 10;animation:figure_1 17s linear 10}.backgroundDots .figure_2{-webkit-animation:figure_2 25s linear 10;animation:figure_2 25s linear 10}.backgroundDots .figure_3{-webkit-animation:figure_3 30s linear 10;animation:figure_3 30s linear 10}.backgroundDots .figure_4{-webkit-animation:figure_4 36s linear 10;animation:figure_4 36s linear 10}.backgroundDots .figure_6{-webkit-animation:figure_6 30s linear 10;animation:figure_6 30s linear 10}.backgroundDots .figure_7{-webkit-animation:figure_7 25s linear 10;animation:figure_7 25s linear 10}.backgroundDots .figure_8{-webkit-animation:figure_8 30s linear 10;animation:figure_8 30s linear 10}.backgroundDots .figure_9{-webkit-animation:figure_2 30s linear infinite;animation:figure_2 30s linear infinite}.backgroundDots .figure_10{-webkit-animation:figure_10 30s linear infinite;animation:figure_10 30s linear infinite}.backgroundDots .figure_12{-webkit-animation:figure_12 30s linear infinite;animation:figure_12 30s linear infinite}.backgroundDots .figure_13{-webkit-animation:figure_13 40s linear infinite;animation:figure_13 40s linear infinite;-webkit-animation:figure_14 40s linear infinite;animation:figure_14 40s linear infinite}.backgroundDots .figure_14{-webkit-animation:figure_14 40s linear infinite;animation:figure_14 40s linear infinite}.backgroundDots .figure_15{-webkit-animation:figure_15 28s linear infinite;animation:figure_15 28s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;transform:translate(0)}.backgroundDots .figure_19{-webkit-animation:figure_19 28s linear infinite;animation:figure_19 28s linear infinite;transform:translate(0)}#banner-video{position:relative;width:100%;overflow:hidden}#banner-video .banner-text{position:absolute;z-index:2;width:100%;top:50%;padding-left:3vw;transform:translateY(-50%);opacity:0;transition:opacity .5s}#banner-video .banner-text.show{height:100vh;width:800px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10vh;opacity:1;text-align:start;font-size:40px}@media screen and (max-width:640px) and (orientation:portrait){#banner-video .banner-text.show{width:100vw;padding-right:3vw;text-align:center;font-size:30px}}@media screen and (max-width:640px) and (orientation:landscape){#banner-video .banner-text.show{padding-bottom:10px}}#banner-video .banner-text .title{margin:0;text-align:start;font-size:1em;line-height:1em}@media screen and (max-width:640px) and (orientation:portrait){#banner-video .banner-text .title{text-align:center}}#banner-video .banner-text .description{font-size:.5em;line-height:2em}@media screen and (max-width:640px) and (orientation:portrait){#banner-video .banner-text .description{text-align:center}}#banner-video .banner-text .email{display:flex;margin-top:1em}@media screen and (max-width:640px) and (orientation:portrait){#banner-video .banner-text .email{flex-direction:column}}#banner-video .banner-text .email .email-input{width:350px;background:transparent;border:solidß #fff;border-width:0 0 2px;border-radius:0;color:#fff;padding-bottom:10px;font-size:.5em}@media screen and (max-width:640px) and (orientation:portrait){#banner-video .banner-text .email .email-input{width:100%}}#banner-video .banner-text .email .email-input-button{width:150px;padding:10px 20px;margin-left:10px;background-color:#0061ff;color:#fff;border:0;border-radius:30px;font-size:.5em}#banner-video .banner-text .email .email-input-button:hover{background-color:#0747a6;cursor:pointer}@media screen and (max-width:640px) and (orientation:portrait){#banner-video .banner-text .email .email-input-button{width:100%;padding:15px;margin:20px 0 0}}#banner-video video{width:100%;height:100%;position:absolute;left:50%;transform:translateX(-50%);object-fit:cover}#banner-video video.ended{opacity:0;z-index:-1;transition:opacity .5s}.button-play{background:transparent;border:none;color:#fff;margin-top:15px;cursor:pointer}.button-play .icon{border-radius:50%;width:45px;height:45px;display:inline-block;vertical-align:middle;position:relative;margin-right:10px}.button-play .icon:after,.button-play .icon:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background:#fff}.button-play .icon:after{opacity:.5;z-index:-1;-webkit-animation:zooming 2s linear infinite;animation:zooming 2s linear infinite}.button-play .icon svg{fill:url(#color);width:35%;height:35%;position:absolute;left:50%;top:50%;transform:translate(-40%,-50%)}.button-play .text{position:relative}.button-play .text:after{content:"";position:absolute;bottom:0;left:auto;right:0;width:0;height:1px;background:#fff;transition:width .7s}.button-play:hover .text:after{width:100%;left:0;right:auto}@-webkit-keyframes circle{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes zooming{0%{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}70%{opacity:.2;transform:scale(1.3)}95%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(.5)}}@keyframes zooming{0%{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}70%{opacity:.2;transform:scale(1.3)}95%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(.5)}}#section-1{padding:5vh 5vw}#section-1 .title{position:relative;text-align:center;font-size:4em;margin-top:-.5em}@media screen and (max-width:640px) and (orientation:portrait){#section-1 .title{position:relative;font-size:2em}}#section-1 .container{width:100%;display:flex}#section-1 .container .container-left{width:50%;padding:1vw}#section-1 .container .container-left .word .description{margin-top:10px}#section-1 .container .container-right{width:50%;padding:1vw}@media (max-width:767px){#section-1 .container{flex-direction:column-reverse;flex-wrap:wrap}#section-1 .container .container-left,#section-1 .container .container-right{width:100%}#section-1 .container .container-right .img-main{margin-bottom:5vh}}#section-2{padding:5vh 5vw}#section-2 .container{width:100%;display:flex}#section-2 .container .container-left{width:50%;padding:1vw}#section-2 .container .container-left .word .description{margin-top:10px}#section-2 .container .container-right{width:50%;padding:1vw}@media (max-width:767px){#section-2 .container{flex-direction:column;flex-wrap:wrap}#section-2 .container .container-left{width:100%}#section-2 .container .container-left .img-main{margin-bottom:5vh}#section-2 .container .container-right{width:100%}}#section-3 .slick-slide{height:100vh}#section-3 .page1{width:100vw;padding:5vh 5vw;position:absolute}#section-3 .page1 .container{width:100%;display:flex}#section-3 .page1 .container .container-left{width:50%;padding:1vw}#section-3 .page1 .container .container-left .word .description{margin-top:10px}#section-3 .page1 .container .container-right{width:50%;padding:1vw}#section-3 .page1 .container .container-right .img-main{width:100%}@media (max-width:767px){#section-3 .page1 .container{flex-direction:column-reverse;flex-wrap:wrap}#section-3 .page1 .container .container-left,#section-3 .page1 .container .container-right{width:100%}#section-3 .page1 .container .container-right .img-main{margin-bottom:5vh}}#section-3 .page1 .btn-next{display:flex;position:absolute;margin-top:30vh;right:10vw}@media (max-width:767px){#section-3 .page1 .btn-next{position:relative;justify-content:center;bottom:unset;right:unset;margin-top:2rem}}#section-3 .page1 .btn-next .warp{display:flex;align-items:center;border:2px solid #fff;border-radius:50px;padding:.5rem 1rem}#section-3 .page1 .btn-next .warp:hover{cursor:pointer}#section-3 .page1 .btn-next .warp .icon{height:2rem;margin-left:1rem;-webkit-animation-name:ArrowNext;animation-name:ArrowNext;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:4s;animation-duration:4s}@media (max-width:767px){#section-3 .page1 .btn-next .warp .icon{height:1rem}}#section-3 .page1 .btn-next .warp .text{font-family:MStiffHeiHK;font-size:1.5rem}@media (max-width:767px){#section-3 .page1 .btn-next .warp .text{font-size:1rem}}@-webkit-keyframes ArrowNext{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0}}@keyframes ArrowNext{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0}}.more{display:flex;flex-wrap:wrap;justify-content:center;padding:5vw}.more .item{width:25%;padding:0 5% 5%}@media (max-width:767px){.more .item{width:50%}}.more .item .item-label{text-align:center;font-size:2vw}@media (max-width:767px){.more .item .item-label{font-size:5vw}}.more .box{width:100%;display:inline-block;vertical-align:top;font-size:0;padding:0 20px;margin-bottom:30px;text-align:center}.more .box>div{cursor:pointer;display:inline-block}.more .box>div:hover .block-icon{transform:scale(1.3)}.more .box>div:hover .button-play{transform:translate(-50%,-50%) scale(2);opacity:1}.more .box .block-icon{margin:auto;display:flex;position:relative;transition:transform .7s,opacity .7s}.more .box .block-icon,.more .box .block-icon:before{width:100%;border:1px solid hsla(0,0%,100%,.15);border-radius:50%}.more .box .block-icon:before{content:"";height:100%;position:absolute;-webkit-animation:core 2s linear .2s infinite;animation:core 2s linear .2s infinite}.more .box .block-icon:after{content:"";display:block;padding-bottom:100%}.more .box .block-icon .button-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);margin:0;opacity:0;transition:opacity .5s,transform .5s}.more .box .block-icon .button-play .icon{margin:0}.more .box .block-icon .core{position:relative;width:60%;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(162,34,125,0) 0,rgba(162,34,125,0) 27%,rgba(162,34,125,.37) 48%,rgba(162,34,125,.87) 60%,#a2227d 100%)}.more .box .block-icon .core:after{content:"";display:block;padding-bottom:100%}.more .box .block-icon .core svg{width:50%}.more .box .block-icon .item-image{width:100%}.more .box .block-title{text-align:center;font-size:1.75rem;margin:20px auto;line-height:1.3}@media screen and (max-width:1000px){.more .box .block-title{font-size:1.25rem}}#section-4{margin-top:10vh;padding:0 5vw}#section-4 .page-title{text-align:center}#section-4 .page-title-sub{text-align:center;margin-bottom:10vh}#section-4 .box{width:33.33%;display:inline-block;vertical-align:top;font-size:0;padding:0 20px;margin-bottom:50px;text-align:center}@media screen and (max-width:1000px){#section-4 .box{width:50%}}#section-4 .box>div{cursor:pointer;display:inline-block}#section-4 .box>div:hover .block-icon{transform:scale(1.3)}#section-4 .box>div:hover .block-icon .button-play{transform:translate(-50%,-50%) scale(2);opacity:1}#section-4 .box .block-icon{width:120px;margin:auto;display:flex;border:1px solid hsla(0,0%,100%,.15);border-radius:50%;position:relative;transition:transform .7s,opacity .7s}#section-4 .box .block-icon:before{content:"";border:1px solid hsla(0,0%,100%,.15);border-radius:50%;width:100%;height:100%;position:absolute;-webkit-animation:core 2s linear .2s infinite;animation:core 2s linear .2s infinite}#section-4 .box .block-icon:after{content:"";display:block;padding-bottom:100%}#section-4 .box .block-icon .button-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);margin:0;opacity:0;transition:opacity .5s,transform .5s}#section-4 .box .block-icon .button-play .icon{margin:0}#section-4 .box .block-icon .core{position:relative;width:60%;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(162,34,125,0) 0,rgba(162,34,125,0) 27%,rgba(162,34,125,.37) 48%,rgba(162,34,125,.87) 60%,#a2227d 100%)}#section-4 .box .block-icon .core:after{content:"";display:block;padding-bottom:100%}#section-4 .box .block-icon .core svg{width:50%}#section-4 .box .block-title{text-align:center;font-size:1.75rem;margin:20px auto;line-height:1.3}@media screen and (max-width:1000px){#section-4 .box .block-title{font-size:1.25rem}}#section-4 .block-line{padding:80px 20px}#section-4 .block-line>div{display:inline-block;vertical-align:top}#section-4 .block-line .block-icon{width:120px;display:flex;float:left;border:1px solid hsla(0,0%,100%,.15);border-radius:50%;position:relative;transform:scale(.7);opacity:0;transition:transform .7s,opacity .7s}#section-4 .block-line .block-icon:before{content:"";border:1px solid hsla(0,0%,100%,.15);border-radius:50%;width:100%;height:100%;position:absolute}#section-4 .block-line .block-icon:after{content:"";display:block;padding-bottom:100%}#section-4 .block-line .block-icon .core{position:relative;width:60%;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(162,34,125,0) 0,rgba(162,34,125,0) 27%,rgba(162,34,125,.37) 48%,rgba(162,34,125,.87) 60%,#a2227d 100%)}#section-4 .block-line .block-icon .core:after{content:"";display:block;padding-bottom:100%}#section-4 .block-line .block-icon .core svg{width:50%}#section-4 .block-line .block-icon .text{position:absolute;top:0;left:0;font-size:1.06rem;transform:translateY(-40px);opacity:0;transition:transform .7s,opacity .7s}#section-4 .block-line .block-title{width:calc(50% - 60px);padding:0 50px;font-size:1.75rem;line-height:1.3}#section-4 .block-line .block-description{width:calc(50% - 60px);padding:15px 10px 0 0;font-weight:300;position:relative;line-height:1.5}#section-4 .block-line .block-description .line{position:absolute;width:100%;top:0;height:10px;border-top:2px solid hsla(0,0%,100%,.25);border-right:2px solid hsla(0,0%,100%,.25)}#section-4 .block-line .block-description .line:after,#section-4 .block-line .block-description .line:before{content:"";position:absolute;background:#fff;transition:width .7s,height .7s}#section-4 .block-line .block-description .line:before{width:0;height:2px;top:-2px;right:0}#section-4 .block-line .block-description .line:after{width:2px;height:0;right:-2px;bottom:0;top:auto;transition-delay:.7s}@media screen and (max-width:1000px){#section-4 .block-line .block-icon{opacity:1;transform:scale(1.3)}}@media screen and (max-width:768px){#section-4 .block-line{width:300px;text-align:center;margin:auto}#section-4 .block-line>div{display:block;margin:auto}#section-4 .block-line .block-icon{float:none;margin:auto}#section-4 .block-line .block-title{padding:0;margin-top:30px;width:100%}#section-4 .block-line .block-description{margin-top:20px;width:100%}}#section-4 .block-line:hover .block-icon{transform:scale(1.3);opacity:1}#section-4 .block-line:hover .block-icon:before{-webkit-animation:core 2s linear .2s infinite;animation:core 2s linear .2s infinite}#section-4 .block-line:hover .block-icon .text{transform:translateY(0);opacity:1}#section-4 .block-line:hover .block-description .line:before{width:100%;left:0;right:auto}#section-4 .block-line:hover .block-description .line:after{height:10px;top:-2px;bottom:auto}#section-4 .line_benefits_icon_1 .cls-1{fill:none;stroke:#4bb4ff;stroke-width:1px}#section-4 .line_benefits_icon_1 .cls-1,#section-4 .line_benefits_icon_1 .cls-2{fill-rule:evenodd}#section-4 .line_benefits_icon_1 .cls-2{fill:url(#linear-gradient)}#section-4 .line_benefits_icon_2 .st0{fill:none;stroke:#4bb4ff}#section-4 .line_benefits_icon_2 .st1{fill:url(#Rectangle_834_copy_7_1_)}#section-4 .line_benefits_icon_3 .st0{fill:none;stroke:#4bb4ff}@-webkit-keyframes core{opacity:1;transform:scale(.95);transform:scale(1);transform:scale(.4);opacity:0}@keyframes core{opacity:1;transform:scale(.95);transform:scale(1);transform:scale(.4);opacity:0}#contact{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-size:20px}#contact .title{text-align:center;font-size:1.5em;line-height:1.5em;margin-top:1.5em}@media screen and (max-width:640px) and (orientation:portrait){#contact .title{font-size:1.2em;line-height:1.2em;margin-top:1.2em}}#contact #input-name{margin-right:1%}#contact #input-email,#contact #input-name{background-color:hsla(0,0%,100%,.05);border-color:transparent;height:3.5rem;padding:1rem;border-radius:6px;margin-top:2%;color:#fff;width:49%}#contact #input-email{margin-left:1%}#contact #input-message{background-color:hsla(0,0%,100%,.05);border-color:transparent;height:3.5rem;padding:1rem;border-radius:6px;margin-top:2%;color:#fff;width:100%;height:10rem}#contact #btn-submit{border-radius:30px;min-width:120px;min-height:50px;background-color:initial;color:#fff;border-style:solid;margin:1rem;cursor:pointer;background-color:#4bb4ff;border-color:#4bb4ff}#contact #btn-submit:hover{background-color:rgba(75,180,255,.8)}#contact #btn-reset{border-radius:30px;min-width:120px;min-height:50px;background-color:initial;color:#fff;border-style:solid;margin:1rem;cursor:pointer;border-color:#fff}#contact #btn-reset:hover{background-color:hsla(0,0%,100%,.05)}@media (max-width:540px){#contact #input-name{width:100%;margin-right:0}#contact #input-email{width:100%;margin-left:0}}.main-container{overflow:hidden}.backgorund{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100vh}.page{padding:50px 0;width:100%;min-height:100vh;margin:auto}.page .page-title{font-size:4.5vw;color:#fff;line-height:1.3;font-weight:700;margin:0}@media screen and (max-width:1024px){.page{min-height:inherit}.page .page-title{font-size:7vw}.page .description{font-size:2vw}}@media screen and (max-width:640px){.page .description{font-size:12px}}.letter{word-break:break-word;position:relative}.zig-video{display:flex;align-items:center;justify-content:center}.zig-video .wrap{width:100%}.zig-video .title{text-align:center;font-size:2em;margin-top:1em}.zig-video .title-sub{text-align:center;margin:2em}.zig-video .img-oneClick-warp{width:100vw;height:50vw;margin-bottom:5rem}.zig-video .img-oneClick-warp .icons-oneClick{width:40%;height:50%;margin-top:8%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;position:absolute}.zig-video .img-oneClick-warp .img-oneClick{width:100%;height:100%}.zig-video .video-container{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;margin-bottom:2rem}.zig-video .video-container video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;padding:0 5%}.one-click-item{width:30%;height:70%;display:flex;flex-direction:column;align-items:center;text-align:center;margin:2% 0}.one-click-item .one-click-icon{width:80%;background-color:rgba(0,0,0,.3);border-radius:50%}.one-click-item .one-click-text{background-color:rgba(0,0,0,.5);padding:5px 10px;margin-top:5px;border-radius:10px}.one-click-item .one-click-text .one-click-title{font-size:1.5vw;font-weight:"bold"}.one-click-item .one-click-text .one-click-description{font-size:1vw}.open-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:rgba(0,0,0,.55);padding:5vh 5vw;display:flex;align-items:center;justify-content:center}.open-modal .close-button{background:none;border:none;position:absolute;right:0;top:0;width:80px;height:80px;padding:0;cursor:pointer;background:#fff;z-index:2}.open-modal .close-button span{display:block;width:50%;height:50%;margin:auto;position:relative}.open-modal .close-button span:after,.open-modal .close-button span:before{content:"";position:absolute;left:50%;top:50%;width:100%;height:2px;background:#000;margin-left:-50%}.open-modal .close-button span:before{transform:rotate(45deg)}.open-modal .close-button span:after{transform:rotate(-45deg)}.open-modal .close-button:hover span{transition:transform .35s;transform:rotate(90deg)}.open-modal .container{display:flex;align-items:center;justify-content:center;max-width:90%;width:100%;height:100%;margin:auto}.open-modal .container .video-wrap{height:0;padding-bottom:56.25%}.open-modal.white{padding:2vh 2vw}.open-modal.white .close-button{width:60px;height:60px;background:#4bb4ff}.open-modal.white .close-button span:after,.open-modal.white .close-button span:before{background:#fff}@media screen and (max-width:640px){.open-modal.white .close-button{width:30px;height:30px}}.open-modal.white .container{width:100%;height:auto;padding:40px;background:#14234d;position:relative;transition:transform .25s}.open-modal.white .container .video{width:65%}.open-modal.white .container .detail{width:35%;padding-left:30px;color:#fff}.open-modal.white .container .detail .title{font-size:3vw;margin:0;font-weight:700}@media screen and (max-width:1000px){.open-modal.white .container{display:block}.open-modal.white .container .video{width:100%}.open-modal.white .container .detail{width:100%;padding-left:0;margin-top:20px}.open-modal.white .container .detail .description{font-size:.75rem}}@media screen and (max-width:640px){.open-modal.white .container{padding:20px}.open-modal.white .container .detail .title{font-size:1.25rem}}.open-modal.white.show .container{-webkit-animation:runIn .5s cubic-bezier(.165,.84,.44,1) forwards;animation:runIn .5s cubic-bezier(.165,.84,.44,1) forwards}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale(.95) translateY(-50px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95) translateY(-50px)}to{transform:scale(1) translateY(0);opacity:1}}@-webkit-keyframes runIn{0%{transform:translateX(-1500px) skewX(30deg) scaleX(1.3)}70%{transform:translateX(30px) skewX(0deg) scaleX(1)}to{transform:translateX(0) skewX(0deg) scaleX(1)}}@keyframes runIn{0%{transform:translateX(-1500px) skewX(30deg) scaleX(1.3)}70%{transform:translateX(30px) skewX(0deg) scaleX(1)}to{transform:translateX(0) skewX(0deg) scaleX(1)}}.section-05{display:flex;flex-direction:column;align-items:center}.section-05 .title{max-width:900px;width:100%}.section-05 .title-sub{max-width:600px;width:100%}.section-05 .title-sub-text{color:#0ff;font-family:MStiffHeiHK;font-size:6vmin;font-style:italic}.section-05 .content-01{display:flex;flex-direction:column;align-items:center;margin-top:5rem;padding:1.5rem;max-width:1200px;width:90%;border:2px solid;border-radius:5px;-webkit-border-image:-webkit-linear-gradient(0deg,#b503c0 20%,#601b90 40%,#382273 60%,#243b79 80%,#00a5bc);border-image-slice:1}.section-05 .content-01 .earth{max-width:600px;width:100%}.section-05 .content-01 .text{color:#0ff;font-family:MStiffHeiHK;font-size:3.5vmin}.section-05 .img-question{width:100vw}.section-05 .content-02{padding:1.5rem}.section-05 .content-02 .border{margin-top:1.5rem;border:1px dashed #141a41;background:-webkit-linear-gradient(0deg,#b503c0 20%,#601b90 40%,#382273 60%,#243b79 80%,#00a5bc);background-origin:border-box}.section-05 .content-02 .border .content{background-color:#141a41;padding:1.5rem}.section-05 .content-02 .border .content .text{color:#0ff;font-family:MStiffHeiHK;font-size:4vmin}.section-06,.section-06 .content-01{display:flex;flex-direction:column;align-items:center}.section-06 .content-01{padding:1rem}.section-06 .content-01 .text{font-family:MStiffHeiHK;font-size:6vmin;text-shadow:0 0 1rem hsla(0,0%,100%,.8)}.section-06 .content-01 .text-en{font-family:MStiffHeiHK;font-size:3vmin;text-align:center}.section-06 .content-01 .img-arrow-down{width:1.5rem;margin-top:2rem;margin-bottom:2rem}.section-06 .content-01 .description{font-size:1.5em;font-weight:700}.section-06 .content-02{display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;width:100%}.section-06 .content-02 .block{display:flex;flex-direction:column;align-items:center;padding:0 3rem 3rem;width:100%;max-width:500px}.section-06 .content-02 .block img{width:10rem;height:10rem}.section-06 .content-02 .block .title{font-family:MStiffHeiHK;font-size:3rem;text-shadow:0 0 1rem hsla(0,0%,100%,.8);text-align:center}.section-06 .content-02 .block .title-sub{color:#0ff;font-size:1.5rem;letter-spacing:1px;width:100%}.section-06 .content-02 .block .item{display:flex}.section-06 .content-02 .block .item .img-number{width:3rem;height:3rem;margin-top:1rem}.section-06 .content-02 .block .item .text{color:#0ff;font-size:1.2rem;width:100%}.section-06 .content-02 .btn-more{background-color:#0ff;color:#000;border:0;border-radius:20px;padding:10px 20px;cursor:pointer}.section-06 .content-03{display:flex;flex-direction:column;align-items:center;padding:1rem}.section-06 .content-03 .text{font-family:MStiffHeiHK;font-size:6vmin;text-shadow:0 0 1rem hsla(0,0%,100%,.8);text-align:center}.section-06 .content-03 img{width:20vmin}.section-07{display:flex;flex-direction:column;align-items:center}.section-07 .img-logo{max-width:840px;width:100%}.section-07 .table{display:flex;width:100%;max-width:1200px}@media (max-width:767px){.section-07 .table{flex-wrap:wrap}}.section-07 .table .title{font-family:MStiffHeiHK;text-align:center}.section-07 .table .left{width:50%;color:grey;padding:2rem}@media (max-width:767px){.section-07 .table .left{width:100%}}.section-07 .table .right{width:50%;color:#0ff;padding:2rem}@media (max-width:767px){.section-07 .table .right{width:100%}}.section-07 .table .item .img-fack{width:100%;height:20rem;border:1px solid grey}@media (max-width:767px){.section-07 .table .item .img-fack{height:15rem}}.section-07 .table .item .content{height:10vmin;font-size:2.5vmin}@media (max-width:767px){.section-07 .table .item .content{height:4rem;font-size:1rem}}.circle{width:50px;height:50px;border-radius:50%;background:-webkit-radial-gradient(center,ellipse cover,#005cff,rgba(0,64,194,.6),rgba(0,37,105,.6),rgba(0,26,68,.02),rgba(0,0,0,.02))}.circle,.circle .circle-2{display:flex;justify-content:center;align-items:center}.circle .circle-2{width:12.5px;height:12.5px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 5px 0 #005cff}.circle .circle-2 .circle-3{width:5px;height:5px;border:1px solid #fff;background:#fff;border-radius:50%;box-shadow:0 0 2px 2px #0ff,0 0 5px 2.5px hsla(0,0%,100%,.7)}.section-08{flex-direction:column}.section-08,.section-08 .title{display:flex;align-items:center}.section-08 .title{color:#0ff;font-family:MStiffHeiHK;font-size:6vmin;font-style:italic;line-height:1.5}.section-08 .img-arrow-down{width:1.5rem;margin-top:2rem}.section-08 .technology{display:flex;justify-content:center;flex-wrap:wrap;max-width:1200px;width:100%;margin-top:5rem;margin-bottom:5rem}.section-08 .technology .item{display:flex;flex-direction:column;align-items:center;width:25%}@media (max-width:767px){.section-08 .technology .item{width:50%}}.section-08 .technology .item .icon{width:90%;margin:5%}@media (max-width:767px){.section-08 .technology .item .icon{width:80%;margin:10%}}.section-08 .technology .item .label{font-size:1.5rem}@media (max-width:767px){.section-08 .technology .item .label{font-size:1.2rem}}.section-09{flex-direction:column}.section-09,.section-09 .title{display:flex;align-items:center}.section-09 .title{color:#0ff;font-family:MStiffHeiHK;font-size:6vmin;font-style:italic}.section-09 .img-arrow-down{width:1.5rem;margin-top:2rem}.section-09 .system{display:flex;flex-direction:column;justify-content:center;max-width:840px;width:100%}.section-09 .system .content-text{color:#0ff;font-size:4vmin;padding:2rem}.section-09 .img-devices{width:100vw}.section-09 .img-oneClick{width:100vw;margin-bottom:5rem}.section-10{flex-direction:column}.section-10,.section-10 .title{display:flex;align-items:center}.section-10 .title{color:#0ff;font-family:MStiffHeiHK;font-size:6vmin;font-style:italic;line-height:1.5}.section-10 .img-arrow-down{width:1.5rem;margin-top:2rem}.section-10 .line-divider{width:80%;height:2px;border-radius:2px;background:-webkit-linear-gradient(0deg,#b503c0 20%,#601b90 40%,#382273 60%,#243b79 80%,#00a5bc);margin-top:2rem}.section-10 .application{max-width:1200px;width:100%}.section-10 .application .text{color:#0ff;font-size:4vmin;padding:2rem}.section-10 .application .list{padding:1rem}.section-10 .application .list,.section-10 .application .list .list-item{display:flex;flex-direction:column}.section-10 .application .list .list-item .list-title{display:flex;align-items:center;color:#0ff;font-family:MStiffHeiHK;font-size:3rem;font-style:italic;line-height:1.5}@media (max-width:767px){.section-10 .application .list .list-item .list-title{font-size:1.5rem}}.section-10 .application .list .list-item .list-content{font-size:2rem;margin-bottom:4rem;padding:0 .5rem}@media (max-width:767px){.section-10 .application .list .list-item .list-content{font-size:1rem;margin-bottom:2rem}}.section-10 .application .list .list-item .list-content .list-image{margin-top:40px;width:400px}@media (max-width:767px){.section-10 .application .list .list-item .list-content .list-image{margin-top:20px;width:200px}}.section-11{max-width:1200px;width:100%;display:flex;flex-direction:column}.section-11 .icon-group{width:100%;display:flex;justify-content:space-evenly}@media (max-width:767px){.section-11 .icon-group{flex-wrap:wrap}}.section-11 .icon-group .icon{width:25vmin;padding:1rem}@media (max-width:767px){.section-11 .icon-group .icon{width:40%}}.section-11 .icon-group .icon .image{width:100%}.section-11 .icon-group .icon .text{text-align:center;color:#0ff;font-size:3rem}@media (max-width:767px){.section-11 .icon-group .icon .text{font-size:1.5rem}}.section-11 .content{padding:1rem;font-size:1.5rem}@media (max-width:767px){.section-11 .content{font-size:1rem}}.raspberry-pi{display:flex;flex-direction:column;align-items:center}.raspberry-pi .title{display:flex;align-items:center;color:#0ff;font-family:MStiffHeiHK;font-size:6vmin;font-style:italic;line-height:1.5}.raspberry-pi .img-arrow-down{width:1.5rem;margin-top:2rem}.raspberry-pi .line-divider{width:80%;height:2px;border-radius:2px;background:-webkit-linear-gradient(0deg,#b503c0 20%,#601b90 40%,#382273 60%,#243b79 80%,#00a5bc);margin-top:2rem}.raspberry-pi .application{max-width:1200px;width:100%;padding:2rem}.raspberry-pi .application .text{color:#0ff;font-size:40px}@media (max-width:767px){.raspberry-pi .application .text{font-size:20px}}.raspberry-pi .application .img-pi{float:right;width:400px;margin-left:2rem;margin-top:2rem}@media (max-width:767px){.raspberry-pi .application .img-pi{width:80%;float:unset;margin-left:10%}}.pop-contact{height:250px;width:390px;position:fixed;bottom:0;right:0;z-index:2;background-image:url(/static/media/banner-bg.5f990622.svg);background-repeat:no-repeat;background-size:contain}@media screen and (max-width:640px) and (orientation:portrait){.pop-contact{width:100vw;background-size:cover}}.pop-contact .content{padding:40px 20px;width:220px;color:#00142f;font-weight:700}.pop-contact .content h2{margin:0 0 20px}.pop-contact .content p{line-height:25px;margin:0 0 20px}.pop-contact .content .contact-button{width:100%;margin-top:10px;padding:5px 10px;color:#fff;border-radius:30px;border:0;background-color:#ff6700;text-align:center;cursor:pointer}.pop-contact .content .img-avatar{position:absolute;top:43px;right:20px;width:170px}@media screen and (max-width:640px) and (orientation:portrait){.pop-contact .content .img-avatar{top:49px;right:15px;width:175px}}.pop-contact .close-button{position:absolute;top:-15px;left:-15px;background-color:#fff;border-radius:50%;border:0;height:30px;width:30px;display:flex;justify-content:center;align-items:center;cursor:pointer}@media screen and (max-width:640px) and (orientation:portrait){.pop-contact .close-button{top:0;right:0}}.divider{width:100vw;display:flex;justify-content:center}.divider .line{width:80%;height:2px;border-radius:2px;background:-webkit-linear-gradient(0deg,#b503c0 20%,#601b90 40%,#382273 60%,#243b79 80%,#00a5bc);margin-top:2rem}.pop-tip{width:100vw;height:100vh;background-color:hsla(0,0%,100%,.1);z-index:999;position:fixed;top:0;justify-content:center}.pop-tip,.pop-tip .content{display:flex;align-items:center}.pop-tip .content{width:300px;height:200px;background-color:#f0f8ff;border-radius:10px;padding:10px;flex-direction:column;justify-content:space-between;color:#000}.pop-tip .content .result{width:40px;height:40px;margin:10px}.pop-tip .content .btn-confirm{border-radius:30px;min-width:100px;min-height:30px;background-color:initial;color:#fff;border-style:solid;margin:1rem;cursor:pointer;background-color:#4bb4ff;border-color:#4bb4ff}.back-stage{display:flex;flex-direction:column}.back-stage .back-stage-table{margin:1rem;border:1px solid #fff}.back-stage .back-stage-table .cell{border:1px solid #fff}.back-stage .pages{align-self:flex-end;margin:1rem}.back-stage .pages .pages-btn{width:30px;height:30px;border-radius:6px;background-color:initial;border-style:solid;color:#fff;cursor:pointer}.back-stage .pages .pages-btn-clicked{background-color:#fff;color:#000}@media (max-width:767px){#application-esg .section-01 .contact-block{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:3em}}.content002{width:100%;display:flex;flex-direction:column;align-items:center;margin:6em 0 0;padding:2em 0}@media (max-width:767px){.content002{padding:5vw}}.content002 .block-001{width:90%;display:flex}@media (max-width:767px){.content002 .block-001{flex-direction:column!important}}.content002 .block-001 .demo{width:50%;padding:1em;margin-top:1em}@media (max-width:767px){.content002 .block-001 .demo{width:100%}}.content002 .block-001 .text-group{width:50%;padding:1em}.content002 .block-001 .text-group .title-001,.content002 .block-001 .text-group .title-002{font-size:4.5em;color:blue-dark;line-height:1.3;font-weight:700;margin:0}.content002 .block-001 .text-group .title-003{font-size:1.2em}.content002 .block-001 .text-group .text-list{margin-left:1em}.content002 .block-001 .text-group .text-list .text-list-item{margin-bottom:.5em}@media (max-width:767px){.content002 .block-001 .text-group{width:100%;margin-top:2em}.content002 .block-001 .text-group .title-001,.content002 .block-001 .text-group .title-002{font-size:2em}}.pop-video{width:100vw;height:100vh;background-color:rgba(0,0,0,.5);position:fixed;top:0;display:flex;justify-content:center;align-items:center}.pop-video .pop-video-btn-close{width:3vw;height:3vw;position:absolute;right:0;top:0;cursor:pointer}.pop-video #pop-video-player{width:80%}#application-esg{min-height:100vh;background-color:#fff;position:relative;font-family:"Noto Sans TC","微軟正黑體",Microsoft Yahei,Poppins,Helvetica,Arial;font-weight:400;line-height:1.5;color:#172439;text-align:left;font-size:16px}@font-face{font-family:MStiffHeiHK;src:url(/static/media/MStiffHeiHK-UltraBold.78130c58.ttf)}.border-gradual{display:flex;flex-direction:column;align-items:center;padding:1em;border:2px solid;-webkit-border-image:-webkit-linear-gradient(0deg,#b503c0 20%,#601b90 40%,#382273 60%,#243b79 80%,#00a5bc);border-image-slice:1}.line-bottom{position:relative;right:5%;width:110%;height:2px;border-radius:2px;background:-webkit-linear-gradient(0deg,#b503c0 20%,#601b90 40%,#382273 60%,#243b79 80%,#00a5bc)}#application-esg .section-01{font-size:calc(1vw + 1vh + .5vmin)!important;max-width:none;padding-left:3.5em;padding-top:3.5em;min-height:100vh}@media (max-width:767px){#application-esg .section-01{padding:2em}}#application-esg .section-01 .title-001{font-size:clamp(30px,2.5em,80px);display:block;color:#0c59eb;font-weight:700}#application-esg .section-01 .title-002{font-size:clamp(20px,1.4em,45px);color:#172439;display:block;font-weight:600}@media (max-width:767px){#application-esg .section-01 .title-002{margin-top:1em}}#application-esg .section-01 .title-003{font-size:clamp(20px,1.1em,30px);color:#172439;margin-top:1em;line-height:.3;max-width:800px;word-wrap:break-word;line-height:1.8em}@media (max-width:767px){#application-esg .section-01 .title-003{margin:0;line-height:1.8em}}#application-esg .section-01 .title-003-highlight{font-weight:700;color:#0c59eb;margin-left:.1em;margin-right:.1em;font-size:110%}#application-esg .section-01 .contact-block{display:flex;align-items:center}@media (max-width:767px){#application-esg .section-01 .contact-block{width:100%;display:flex;justify-content:center;align-items:center;margin-top:3em}}#application-esg .section-01 .contact-block .btn-contact{border-radius:10em;display:inline-flex;justify-content:center;align-items:center;transition:background-color .2s ease;padding:.3em 1.4em;background:#0c59eb;color:#fff}@media (max-width:767px){#application-esg .section-01 .contact-block .btn-contact{width:80%;font-size:1.5em}}@media (max-width:767px){#application-esg .section-01 .contact-block .btn-line{margin-top:1em;font-size:1.5em}}#application-esg .section-01 .img-001{width:50%;max-width:900px;margin-left:49%;margin-top:-100px}@media (max-width:767px){#application-esg .section-01 .img-001{width:100%;margin:5em 0 0}}.footer{width:100%;height:100px;display:flex;align-items:center;justify-content:center}.footer .btn-main-page{padding:10px 20px;background-color:#172439;color:#fff;font-size:1.5em;border-radius:10px;cursor:pointer}body{font-size:1rem;font-weight:400;text-align:justify;line-height:2;width:100%;overflow-x:hidden;color:#fff;font-family:"Heebo","Noto Sans TC","Microsoft JhengHei",sans-serif;-webkit-text-size-adjust:none;-ms-overflow-style:scrollbar}body,html{margin:0}a,a:active,a:focus,a:hover,a:visited{text-decoration:none;outline:none}*,:active,:focus{outline:0}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.7}label{font-weight:inherit}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}textarea{resize:vertical}ol.reset,ul.reset{margin:0;padding:0;list-style:none}button,code,input,kbd,samp,select,textarea,tt{font-size:100%}*,:after,:before{box-sizing:border-box}.img-resize{max-width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#14234d}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.1f47b76f.chunk.css.map */