@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Outfit:wght@400;500;700&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,time,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.navbar{position:fixed;top:0;left:0;width:100%;z-index:99;display:flex;align-items:center;transition:0.4s ease}@media (min-width:992px){.navbar{height:96px;padding:0 45px}.navbar.scroll{background-color:white;height:80px}.navbar.scroll .container__logo a{width:145px}.navbar.scroll .container__menu .menu__title a{padding-top:25px}}@media (max-width:991px){.navbar{height:73px;background-color:white;padding:0px 20px;justify-content:space-between;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3)}.navbar.open .container__menu{opacity:1;visibility:visible;pointer-events:initial}.navbar.open .container__language{opacity:0;visibility:hidden;pointer-events:none}.navbar.open .container__burger span{background:rgba(255,255,255,0);width:28px;height:2px}.navbar.open .container__burger span:after{width:28px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);bottom:0px;background:#58a4b0;height:2px}.navbar.open .container__burger span:before{width:28px;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:0px;background:#58a4b0;height:2px}}.navbar .container__logo{z-index:2;margin-right:80px}.navbar .container__logo a{display:inline-block;width:171px}@media (max-width:991px){.navbar .container__logo a{width:121px}}.navbar .container__logo img{width:100%}.navbar .container__menu{color:black;display:flex;justify-content:flex-end;height:100%}@media (max-width:991px){.navbar .container__menu{justify-content:center;position:fixed;left:0;top:73px;width:100%;height:calc(100% - 73px);overflow-y:auto;background:url(../images/menubg.jpg) center bottom/cover no-repeat;padding-top:9vh;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:0.4s ease;z-index:10}}.navbar .container__menu .menu__wrap{display:flex;height:100%}@media (max-width:991px){.navbar .container__menu .menu__wrap{flex-direction:column}}.navbar .container__menu .menu__title{position:relative;font-weight:700;font-size:1.25rem}.navbar .container__menu .menu__title a{display:block}@media (min-width:992px){.navbar .container__menu .menu__title a{padding-top:35px;height:100%}}@media (max-width:991px){.navbar .container__menu .menu__title a{padding-top:0;padding-bottom:5px}}.navbar .container__menu .menu__title:after{content:"";width:100%;height:2px;background-color:#007f94;position:absolute;left:0;bottom:0px;opacity:0;transition:0.4s ease}@media (max-width:991px){.navbar .container__menu .menu__title:after{height:3px}}@media (min-width:992px){.navbar .container__menu .menu__title{margin-right:38px}.navbar .container__menu .menu__title:hover{color:#007f94}.navbar .container__menu .menu__title:hover:after{opacity:1}}@media (max-width:991px){.navbar .container__menu .menu__title{width:fit-content;color:white}.navbar .container__menu .menu__title:not(:last-child){margin-bottom:25px}}.navbar .container__contact{transition:0.4s ease}@media (min-width:992px){.navbar .container__contact{position:absolute;width:243px;height:100%;right:0;top:0}}@media (max-width:991px){.navbar .container__contact{position:fixed;width:36px;height:155px;right:0;top:50%;transform:translateY(-50%)}}.navbar .container__contact.fade{opacity:0;pointer-events:none}.navbar .container__contact a{background-color:#007f94;display:flex;align-items:center;justify-content:center;height:100%}@media (max-width:991px){.navbar .container__contact a{flex-direction:column;padding:0 5px;text-align:center;border-radius:10px 0 0 10px}}@media (min-width:992px){.navbar .container__contact a:hover .hand{animation-duration:0.8s}}.navbar .container__contact .hand{background:url(../images/icon_wave2.png) center/contain no-repeat;animation:contactBtn_shake__CqyEU 2s cubic-bezier(0.215,0.61,0.355,1);animation-fill-mode:forwards;animation-iteration-count:infinite;transform-origin:bottom center}@media (min-width:992px){.navbar .container__contact .hand{width:21px;height:24px;margin-right:5px}}@media (max-width:991px){.navbar .container__contact .hand{width:16px;height:19px;margin-bottom:7px}}.navbar .container__contact .txt{color:white}@media (max-width:1440px){.navbar .container__contact .txt{font-size:1.25rem}}@media (max-width:767px){.navbar .container__contact .txt{font-size:1rem}}@media (min-width:1441px){.navbar .container__contact .txt{font-size:1.25rem}}@media (max-width:991px){.navbar .container__contact .txt{line-height:1.1}}@keyframes contactBtn_shake__CqyEU{0%{transform:rotate(-30deg) translateY(-20%)}60%{transform:rotate(0deg) translateY(0)}to{transform:rotate(-30deg) translateY(-20%)}}@media (max-width:991px){.navbar .container__burger .burger{position:relative;width:40px;height:40px;cursor:pointer}.navbar .container__burger span{position:absolute;background:transparent;width:29px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;transition:all 0.3s ease-in-out}.navbar .container__burger span:before{position:absolute;background:#58a4b0;width:29px;height:2px;top:6px;right:0;content:"";display:block;transition:all 0.3s ease-in-out}.navbar .container__burger span:after{position:absolute;background:#58a4b0;width:29px;height:2px;bottom:6px;right:0;content:"";display:block;transition:all 0.3s ease-in-out}}footer{position:relative;background:linear-gradient(0deg,rgb(230,241,243) 0%,rgb(255,255,255) 100%);display:flex;align-items:center;padding:60px 35px}@media (max-width:991px){footer{padding:20px}}@media (max-width:767px){footer{flex-direction:column;align-items:flex-start;padding:20px 20px 32px}}.footer__logo{flex-grow:1}@media (max-width:767px){.footer__logo{margin-right:auto;margin-bottom:32px}}.footer__logo a{display:block;width:171px}@media (max-width:767px){.footer__logo a{width:120px}}.footer__logo img{width:100%}.footer__info{line-height:2;padding-right:16px}@media (max-width:767px){.footer__info{line-height:1.6;margin-bottom:30px}}.footer__info .company-name{font-weight:500}@media (max-width:1440px){.footer__info .company-name{font-size:1.25rem}}@media (max-width:767px){.footer__info .company-name{font-size:1.125rem}}@media (min-width:1441px){.footer__info .company-name{font-size:1.25rem}}@media (max-width:767px){.footer__info .company-name{margin-bottom:10px}}.footer__info .wrap{display:flex}@media (max-width:1024px){.footer__info .wrap{flex-direction:column}}.footer__info .wrap .flex{display:flex;align-items:center}@media (min-width:768px){.footer__info .wrap .flex:not(:last-child){margin-right:30px}}@media (max-width:767px){.footer__info .wrap .flex:not(:last-child){margin-bottom:8px}}.footer__info .wrap .info-icon{display:block;margin-right:10px}@media (min-width:768px){.footer__info .wrap .info-icon{width:26px;height:26px}}@media (max-width:767px){.footer__info .wrap .info-icon{width:23px;height:23px}}.footer__info .wrap .info-icon.phone{background:url(../images/icon_phone.png) center/contain no-repeat}.footer__info .wrap .info-icon.addr{background:url(../images/icon_place.png) center/contain no-repeat}.footer__info .wrap .info-icon.mail{background:url(../images/icon_email.png) center/contain no-repeat}.footer__info .wrap a{font-weight:500}@media (min-width:768px){.footer__info .wrap a:hover{opacity:0.8}}@media (min-width:768px){.footer__other{position:absolute;left:35px;bottom:40px}}.footer__other .copyright{color:#696969;white-space:nowrap;font-size:0.875rem}.top_btn{position:fixed;cursor:pointer;width:54px;height:40px;z-index:10;opacity:0;transition:opacity 0.4s ease}@media (min-width:768px){.top_btn{right:35px;bottom:35px}}@media (max-width:767px){.top_btn{right:20px;bottom:40px}}.top_btn .arrow{background:url(../images/top.png) center/contain no-repeat;margin:0 auto 5px;transition:0.4s ease}@media (min-width:768px){.top_btn .arrow{width:50px;height:44px}}@media (max-width:767px){.top_btn .arrow{width:45px;height:40px}}.top_btn .txt{text-align:center;top:20px;left:15px;font-weight:700;transition:0.4s ease;font-size:1rem}.top_btn.nonfixed{position:absolute}@media (min-width:768px){.top_btn.nonfixed{right:35px;bottom:170px}}@media (max-width:767px){.top_btn.nonfixed{right:20px;top:-50px}}.top_btn.show{opacity:1}@media (min-width:768px){.top_btn:hover .arrow{transform:translateY(-10px)}.top_btn:hover .txt{color:#007f92}}::selection{background-color:#007f94;color:white}body,html{overflow-x:hidden}body{font-family:"Outfit","Noto Sans TC",sans-serif;color:#000;font-weight:400;letter-spacing:0.05em;opacity:0;visibility:hidden;transition:0.6s ease-in;position:relative}body.loading{opacity:1;visibility:visible}.mo{display:none}@media (max-width:767px){.mo{display:block}}.pc{display:none}@media (min-width:768px){.pc{display:block}}.mo_991{display:none}@media (max-width:991px){.mo_991{display:block}}.pc_991{display:none}@media (min-width:992px){.pc_991{display:block}}.container{margin:0 auto;width:100%}@media (max-width:767px){.container{padding:0 25px}}@media (min-width:768px){.container{width:80%}}@media (min-width:992px){.container{width:90%}}@media (min-width:1200px){.container{max-width:1400px;padding:0 16px}}a{outline:none;color:inherit}a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important}a,a:hover{text-decoration:none;transition:0.4s ease}:focus{outline:none}img{vertical-align:middle;max-width:100%}.lang_tw .tw{display:block}.lang_tw .en{display:none}.lang_en .tw{display:none}.lang_en .en{display:block}.f16{font-size:1rem}@media (max-width:1440px){.f14{font-size:0.875rem}}@media (max-width:767px){.f14{font-size:0.75rem}}@media (min-width:1441px){.f14{font-size:0.875rem}}.btnwrap .btn{display:inline-block;margin:0 auto;font-weight:500;padding:10px 32px;background-color:#b2d8de;border-radius:22px;color:#02455f;transition:0.4s ease;position:relative}@media (max-width:1440px){.btnwrap .btn{font-size:1rem}}@media (max-width:767px){.btnwrap .btn{font-size:1rem}}@media (min-width:1441px){.btnwrap .btn{font-size:1rem}}@media (min-width:768px){.btnwrap .btn:hover{opacity:0.7}}sup{vertical-align:super;font-size:12px}.animatable{visibility:hidden;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.animated{visibility:visible;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}to{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}to{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}20%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}20%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}20%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}60%{opacity:0}20%{opacity:0}to{opacity:1}}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{-webkit-transform:translateX(20px)}80%{-webkit-transform:translateX(-5px)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{-moz-transform:translateX(20px)}80%{-moz-transform:translateX(-5px)}to{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(20px)}80%{-o-transform:translateX(-5px)}to{opacity:1;-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{transform:translateX(20px)}80%{transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{-webkit-transform:translateX(-20px)}80%{-webkit-transform:translateX(5px)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{-moz-transform:translateX(-20px)}80%{-moz-transform:translateX(5px)}to{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{-o-transform:translateX(-20px)}80%{-o-transform:translateX(5px)}to{opacity:1;-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{transform:translateX(-20px)}80%{transform:translateX(5px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}to{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}to{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}to{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(0.3)}50%{-moz-transform:scale(1.05)}70%{-moz-transform:scale(0.9)}to{opacity:1;-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(0.3)}50%{-o-transform:scale(1.05)}70%{-o-transform:scale(0.9)}to{opacity:1;-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes moveUp{0%{opacity:1;-webkit-transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes moveUp{0%{opacity:1;-moz-transform:translateY(40px)}to{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes moveUp{0%{opacity:1;-o-transform:translateY(40px)}to{opacity:1;-o-transform:translateY(0)}}@keyframes moveUp{0%{opacity:1;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeBgColor{0%{background:none}70%{background:none}to{background:#464646}}@-o-keyframes fadeBgColor{0%{background:none}70%{background:none}to{background:#464646}}@keyframes fadeBgColor{0%{background:none}70%{background:none}to{background:#464646}}.animated.animationDelay{animation-delay:0.3s;-webkit-animation-delay:0.3s}.animated.animationDelay2{animation-delay:0.6s;-webkit-animation-delay:0.6s}.animated.animationDelayMed{animation-delay:1.2s;-webkit-animation-delay:1.2s}.animated.animationDelayLong{animation-delay:1.6s;-webkit-animation-delay:1.6s}.animated.fadeBgColor{-webkit-animation-name:fadeBgColor;-moz-animation-name:fadeBgColor;-o-animation-name:fadeBgColor;animation-name:fadeBgColor}.animated.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}.animated.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}.animated.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}.animated.moveUp{-webkit-animation-name:moveUp;-moz-animation-name:moveUp;-o-animation-name:moveUp;animation-name:moveUp}