@font-face{font-family:Manrope;font-style:normal;font-weight:400;src:url(./Manrope-VariableFont_wght.0N3pECc_.ttf) format("truetype")}.footer-3D{height:100%;position:relative;width:100%}.footer-3D>canvas{display:block;height:100%;left:0;position:absolute;top:0;width:100%}@font-face{font-family:Manrope;font-style:normal;font-weight:400;src:url(./Manrope-VariableFont_wght.0N3pECc_.ttf) format("truetype")}::-moz-selection{background-color:#9fa0a0;color:#fff}::selection{background-color:#9fa0a0;color:#fff}.footer-contact{background-color:#e5e6e9;display:flex;flex-direction:column;height:auto;overflow:hidden;padding-bottom:11rem;padding-top:16rem;position:relative;transition:background-color .6s cubic-bezier(.87,0,.13,1),color .6s cubic-bezier(.87,0,.13,1);width:100%}.-dark-mode .footer-contact{background-color:#141414;color:#fff}@media (max-width:991.98px){.footer-contact{padding-bottom:16rem;padding-top:12rem}}@media (max-width:767.98px){.footer-contact{align-items:flex-start;display:flex;flex-direction:column;gap:.8rem;overflow:hidden;padding-top:8rem}}.footer-contact__3D{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.footer-contact>span{background-color:#194bfe;border-radius:.2rem;height:.8rem;position:absolute;right:29vw;top:14vw;transform:rotate(20deg);width:.8rem}@media (max-width:991.98px){.footer-contact>span{height:.6rem;right:44%;top:34.7%;width:.6rem}}.footer-contact>p{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:4rem;font-weight:500;letter-spacing:.156rem;line-height:5.2rem}.footer-contact>p.-en,.footer-contact>p:lang(en){font-family:Manrope,Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-weight:600;letter-spacing:0}.footer-contact>p{opacity:0;transform:translateY(6rem);transition:opacity .8s ease,transform .8s ease}.footer-contact>p:lang(en){font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:4.8rem;font-weight:500;line-height:6.72rem}.footer-contact>p:lang(en).-en,.footer-contact>p:lang(en):lang(en){font-family:Manrope,Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-weight:900}.footer-contact>p.is-inview{opacity:1;transform:translateY(0)}@media (max-width:991.98px){.footer-contact>p{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:2.8rem;font-weight:600;line-height:4.2rem}.footer-contact>p.-en,.footer-contact>p:lang(en){font-family:Manrope,Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:3rem;font-weight:900}.footer-contact>p{font-weight:500;white-space:pre-line}}@media (max-width:767.98px){.footer-contact>p{font-weight:400;white-space:pre-line}.footer-contact>p:lang(en){font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:4.8rem;font-weight:500;line-height:6.72rem}.footer-contact>p:lang(en).-en,.footer-contact>p:lang(en):lang(en){font-family:Manrope,Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-weight:900}}.footer-contact>h2{flex:0 0 auto;font-family:Manrope,Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-size:22rem;font-weight:400;font-weight:500;line-height:1.4;opacity:0;transform:translateY(6rem);transition:opacity .8s ease,transform .8s ease;white-space:nowrap;word-break:keep-all}.footer-contact>h2.is-inview{opacity:1;transform:translateY(0)}@media (max-width:991.98px){.footer-contact>h2{font-size:17.3vw}}@media (max-width:767.98px){.footer-contact>h2{font-size:26vw;line-height:1;white-space:wrap}}.footer-contact>.elements-button-circle{margin-left:calc(58.33333% + 1.16667rem)}@media screen and (max-width:992px){.footer-contact>.elements-button-circle{margin-left:calc(58.33333vw - 3.5rem)}}@media screen and (max-width:768px){.footer-contact>.elements-button-circle{margin-left:calc(58.33333vw - 3.5rem)}}@media screen and (max-width:0){.footer-contact>.elements-button-circle{margin-left:calc(58.33333vw - 1.16667rem)}}.footer-contact>.elements-button-circle{background-color:#c4d3e71a;bottom:35%;left:0;position:absolute}@media (max-width:991.98px){.footer-contact>.elements-button-circle{bottom:10%;margin-left:calc(75% - .5rem)}}@media screen and (max-width:991.98px) and (max-width:992px){.footer-contact>.elements-button-circle{margin-left:calc(75vw - 6.5rem)}}@media screen and (max-width:991.98px) and (max-width:768px){.footer-contact>.elements-button-circle{margin-left:calc(75vw - 6.5rem)}}@media screen and (max-width:991.98px) and (max-width:0){.footer-contact>.elements-button-circle{margin-left:calc(75vw - 3.5rem)}}@media (max-width:767.98px){.footer-contact>.elements-button-circle{display:none}}.footer-contact>.elements-button-circle .elements-button-circle__content{align-items:center;color:#fff;display:flex;flex-direction:column}.footer-contact>.elements-button-circle .elements-button-circle__content>span{display:flex;height:4rem;width:4rem}.footer-contact>.elements-button-circle .elements-button-circle__content>span>svg{height:100%;margin-bottom:0;transform:rotate(-45deg);width:100%}.footer-contact__back{align-items:flex-end;bottom:33.6rem;cursor:pointer;display:flex;gap:1rem;opacity:0;position:absolute;right:4rem;transform:translateY(6rem);transition:opacity .8s ease,transform .8s ease,color .6s cubic-bezier(.87,0,.13,1);z-index:999}.-dark-mode .footer-contact__back{color:#fff}.footer-contact__back.is-inview{opacity:1;transform:translateY(-4.6rem)}@media (min-width:992px){.footer-contact__back:hover>span{transform:translateY(-1.6rem)}}@media (max-width:991.98px){.footer-contact__back{display:none}}.footer-contact__back>p{font-family:Manrope,Noto Sans TC,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-weight:1.4rem}.footer-contact__back>span{display:flex;height:4.2rem;transition:transform .6s ease;width:4.2rem}.footer-contact__back>span>svg{height:100%;margin-bottom:0;transform:rotate(-90deg);width:100%}
