@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Roboto:wght@300;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;box-sizing:border-box}.navbar{position:fixed;top:0;left:0;width:100%;z-index:99;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:black;-webkit-transition:0.4s ease;transition:0.4s ease}@media (min-width:992px){.navbar{height:80px;padding:0 70px}}@media (min-width:768px) and (max-width:991px){.navbar{height:70px;padding:0 40px}}@media (max-width:767px){.navbar{height:70px;padding:0px 20px}.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:3px}.navbar.open .container__burger span:after{width:28px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);bottom:0px;background:#44b23a;height:3px}.navbar.open .container__burger span:before{width:28px;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:0px;background:#44b23a;height:3px}}.navbar .container__logo{z-index:2}.navbar .container__logo a{display:inline-block;width:173px}@media (max-width:767px){.navbar .container__logo a{width:121px}}.navbar .container__logo img{width:100%}.navbar .container__menu{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%}@media (max-width:767px){.navbar .container__menu{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:fixed;left:0;top:0;width:100%;overflow-y:auto;background:url(../images/menubg.jpg) center bottom/cover no-repeat;padding-top:23vh;padding-left:72px;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:0.4s ease;transition:0.4s ease}}.navbar .container__menu .menu__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}@media (max-width:767px){.navbar .container__menu .menu__wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.navbar .container__menu .menu__title{position:relative;font-weight:700}.navbar .container__menu .menu__title a{display:block;padding-top:30px;height:100%}@media (max-width:767px){.navbar .container__menu .menu__title a{padding-top:0;padding-bottom:5px}}.navbar .container__menu .menu__title.active{color:#ffb500}.navbar .container__menu .menu__title.active:after{opacity:1}.navbar .container__menu .menu__title:after{content:"";width:100%;height:5px;background-color:#ffb500;position:absolute;left:0;bottom:0px;opacity:0;-webkit-transition:0.4s ease;transition:0.4s ease}@media (max-width:767px){.navbar .container__menu .menu__title:after{height:3px}}@media (min-width:768px){.navbar .container__menu .menu__title{margin-right:32px}.navbar .container__menu .menu__title:hover{color:#ffb500}.navbar .container__menu .menu__title:hover:after{opacity:1}}@media (max-width:767px){.navbar .container__menu .menu__title{font-size:1.6875rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar .container__menu .menu__title:not(:last-child){margin-bottom:45px}}.navbar .container__language .circle{display:block;width:43px;height:43px;background-color:#ffb500;border-radius:50%;position:relative;-webkit-transition:0.4s ease;transition:0.4s ease}.navbar .container__language .f16{font-weight:700;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:0.4s ease;transition:0.4s ease}@media (min-width:768px){.navbar .container__language:hover .circle{background-color:black;-webkit-box-shadow:0 0 0 1px #ffb500;box-shadow:0 0 0 1px #ffb500}.navbar .container__language:hover .f16{color:#ffb500}}@media (max-width:767px){.navbar .container__language{margin-left:auto;margin-right:18px}}@media (max-width:767px){.navbar .container__burger .burger{position:relative;width:40px;height:40px;cursor:pointer}.navbar .container__burger span{position:absolute;background:#44b23a;width:36px;height:4px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.navbar .container__burger span:before{position:absolute;background:#44b23a;width:36px;height:4px;top:10px;right:0;content:"";display:block;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.navbar .container__burger span:after{position:absolute;background:#44b23a;width:36px;height:4px;bottom:10px;right:0;content:"";display:block;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}}footer{position:relative;background-color:black;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 62px}@media (max-width:991px){footer{padding:20px}}@media (max-width:767px){footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px 20px 10px}}.footer__logo{margin-right:60px}@media (max-width:767px){.footer__logo{margin-right:auto;margin-bottom:20px}}.footer__logo a{display:block;width:110px}@media (max-width:767px){.footer__logo a{width:89px}}.footer__logo img{width:100%}.footer__info{line-height:2;padding-right:16px}@media (max-width:767px){.footer__info{line-height:1.6}}.footer__info .flex>span{font-weight:700;color:#2daf46;display:inline;min-width:60px}.footer__info a{color:#b0b0b0}@media (min-width:768px){.footer__info a:hover{opacity:0.7}}.footer__other{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width:768px){.footer__other{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-item-align:end;align-self:flex-end}}@media (max-width:1024px){.footer__other{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.footer__other .media{display:-webkit-box;display:-ms-flexbox;display:flex}.footer__other .media li{margin-right:20px}.footer__other .media img{width:72px;height:72px;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}@media (max-width:767px){.footer__other .media img{width:59px;height:59px}}@media (min-width:768px){.footer__other .media a:hover{opacity:0.7}}@media (max-width:1024px){.footer__other .media{margin-bottom:15px}}.footer__other .copyright{color:#b8b8b8;white-space:nowrap}.top_btn{position:absolute;cursor:pointer;z-index:10;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease}@media (min-width:768px){.top_btn{right:62px;top:-42px}}@media (max-width:767px){.top_btn{right:20px;bottom:10px}}.top_btn .line{background:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#2ee961),color-stop(50%,#0d803b));background:linear-gradient(0deg,#2ee961 50%,#0d803b 50%);margin:0 auto 10px;-webkit-transition:0.4s ease;transition:0.4s ease;position:relative;overflow-y:hidden}@media (min-width:768px){.top_btn .line{width:7px;height:86px}}@media (max-width:767px){.top_btn .line{width:5px;height:81px}}.top_btn .line:after{content:"";width:100%;height:100%;background-color:#ffb500;position:absolute;top:50%;left:0;opacity:0;-webkit-transition:0.4s ease;transition:0.4s ease}@-webkit-keyframes grow{to{top:0}}@keyframes grow{to{top:0}}.top_btn .txt{text-align:center;color:#2ee961;font-weight:700;-webkit-transition:0.4s ease;transition:0.4s ease;font-size:1.125rem}@media (min-width:768px){.top_btn:hover .line:after{opacity:1;-webkit-animation:grow 1s infinite ease;animation:grow 1s infinite ease}.top_btn:hover .txt{color:#ffb500}}::-moz-selection{background-color:#0d803b;color:white}::selection{background-color:#0d803b;color:white}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}body,html{overflow-x:hidden}body{font-family:"Roboto","Noto Sans TC",sans-serif;color:#000;font-weight:400;opacity:0;visibility:hidden;-webkit-transition:0.6s ease-in;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}}.container{margin:0 auto;width:100%}@media (max-width:767px){.container{padding:0 20px}}@media (min-width:768px){.container{width:80%}}@media (min-width:992px){.container{width:90%}}@media (min-width:1200px){.container{max-width:1200px;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;-webkit-transition:0.4s ease;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}.text-hidden{overflow-y:hidden}.text-hidden span{display:block}.banner-section{position:relative}@media (min-width:992px){.banner-section{margin-top:80px}}@media (min-width:768px) and (max-width:991px){.banner-section{margin-top:70px}}.banner-section .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:767px){.banner-section .container{top:33.5vw;left:0;-webkit-transform:translate(0,0);transform:translate(0,0)}}.banner-section .banner__bg{width:66%;margin-left:auto;background-size:cover;background-position:right;background-repeat:no-repeat}@media (max-width:1660px){.banner-section .banner__bg{width:80%}}@media (min-width:992px){.banner-section .banner__bg{height:341px}}@media (max-width:991px){.banner-section .banner__bg{height:300px}}@media (max-width:767px){.banner-section .banner__bg{width:100%;background-size:contain;background-position:bottom;height:500px}}@media (max-width:414px){.banner-section .banner__bg{height:400px}}.banner-section .banner__mask{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:absolute;top:0;left:0}.banner-section .banner__green{position:absolute;top:0;left:0}@media (min-width:992px){.banner-section .banner__green{width:45%}}@media (max-width:991px) and (min-width:768px){.banner-section .banner__green{width:50%}}@media (min-width:768px){.banner-section .banner__green{background:url(../images/green_bg.png) right/cover no-repeat;height:100%}}@media (max-width:767px){.banner-section .banner__green{width:100%;height:350px;background:url(../images/green_bg_mb.png) bottom/cover no-repeat}}@media (max-width:414px){.banner-section .banner__green{height:300px}}.banner-section .banner__txtwrap{color:white}.banner-section .banner__txtwrap .title{font-weight:700}@media (max-width:1440px){.banner-section .banner__txtwrap .title{font-size:3rem}}@media (max-width:767px){.banner-section .banner__txtwrap .title{font-size:2rem}}@media (min-width:1441px){.banner-section .banner__txtwrap .title{font-size:3rem}}@media (min-width:768px){.banner-section .banner__txtwrap .title{margin-bottom:5px}}@media (max-width:1440px){.banner-section .banner__txtwrap .subtitle{font-size:1.5rem}}@media (max-width:767px){.banner-section .banner__txtwrap .subtitle{font-size:1.25rem}}@media (min-width:1441px){.banner-section .banner__txtwrap .subtitle{font-size:1.5rem}}.cookie{z-index:10;position:fixed;bottom:0;left:0;width:100%;background-color:white;-webkit-box-shadow:0 0 5px 0px #e2e2e2;box-shadow:0 0 5px 0px #e2e2e2;padding:30px 0}@media (max-width:767px){.cookie{padding:20px 0}}.cookie .flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:767px){.cookie .flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (min-width:768px){.cookie .f18{margin-right:20px}}@media (max-width:767px){.cookie .f18{font-size:0.875rem;margin-bottom:20px}}@media (max-width:1440px){.f22-27{font-size:1.375rem}}@media (max-width:767px){.f22-27{font-size:1.6875rem}}@media (min-width:1441px){.f22-27{font-size:1.375rem}}.f24{font-size:1.5rem}.f20{font-size:1.25rem}.f18{font-size:1.125rem}@media (max-width:1440px){.f18-20{font-size:1.125rem}}@media (max-width:767px){.f18-20{font-size:1.25rem}}@media (min-width:1441px){.f18-20{font-size:1.125rem}}.f16{font-size:1rem}@media (max-width:1440px){.f20-18{font-size:1.25rem}}@media (max-width:767px){.f20-18{font-size:1.125rem}}@media (min-width:1441px){.f20-18{font-size:1.25rem}}@media (max-width:1440px){.f20-16{font-size:1.25rem}}@media (max-width:767px){.f20-16{font-size:1rem}}@media (min-width:1441px){.f20-16{font-size:1.25rem}}.btnwrap .btn{display:inline-block;min-width:160px;margin:0 auto;background-color:#fbb509;color:black;font-weight:700;-webkit-transition:0.4s ease;transition:0.4s ease;position:relative;padding:14px 0;text-align:center}@media (max-width:1440px){.btnwrap .btn{font-size:1.125rem}}@media (max-width:767px){.btnwrap .btn{font-size:1rem}}@media (min-width:1441px){.btnwrap .btn{font-size:1.125rem}}.btnwrap .btn:after{content:"";width:100%;height:100%;background-color:rgba(255,255,255,0.3);position:absolute;top:0;left:0;opacity:0;-webkit-transition:0.4s ease;transition:0.4s ease}.btnwrap .btn span{position:relative;z-index:2}@media (min-width:768px){.btnwrap .btn:hover:after{opacity:1}}@media (max-width:767px){.btnwrap .btn{min-width:144px;padding:13px 0}}sup{vertical-align:super;font-size:12px}.animatable{visibility:hidden;-webkit-animation-play-state:paused;animation-play-state:paused}.animated{visibility:visible;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s;-webkit-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)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-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)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{-webkit-transform:translateX(20px);transform:translateX(20px)}80%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}to{opacity:1;-webkit-transform:translateX(0);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)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}80%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);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)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes moveUp{0%{opacity:1;-webkit-transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes moveUp{0%{opacity:1;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-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.4s;-webkit-animation-delay:0.4s}.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;animation-name:fadeBgColor}.animated.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.animated.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}.animated.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animated.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.animated.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.animated.moveUp{-webkit-animation-name:moveUp;animation-name:moveUp}