@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap&family=Poppins:wght@400;500;700&family=Rufina:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@800&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;-webkit-transition:0.4s ease;transition:0.4s ease}.navbar.scroll{background-color:white}.navbar.scroll .menu__title{color:#3c4d2b}@media (max-width:767px){.navbar.scroll .menu__title{color:#ffffff}}@media (min-width:768px){.navbar.scroll{height:90px}}@media (min-width:992px){.navbar{height:120px;padding:0 50px}}@media (min-width:768px) and (max-width:991px){.navbar{height:70px;padding:0 40px}}@media (max-width:767px){.navbar{height:70px;padding:0px 24px}.navbar.open .container__menu{opacity:1;visibility:visible;pointer-events:initial}.navbar.open .container__burger span{background:rgba(255,255,255,0);width:26px;height:2px}.navbar.open .container__burger span:after{width:26px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);bottom:0px;background:white;height:2px}.navbar.open .container__burger span:before{width:26px;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:0px;background:white;height:2px}}.navbar .container__logo a{display:inline-block;width:160px;position:relative}@media (max-width:767px){.navbar .container__logo a{width:90px}}.navbar .container__logo img{width:100%}.navbar .container__logo .white{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}.navbar .container__menu{-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 (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%;height:100vh;overflow-y:auto;background-color:rgba(60,77,43,0.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding-top:39vh;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{font-size:1.125rem;font-family:"Rufina",serif;color:#3c4d2b;font-weight:500;position:relative}.navbar .container__menu .menu__title .tw{font-family:"Rufina","Noto Sans TC",sans-serif}.navbar .container__menu .menu__title a{display:block}@media (min-width:768px){.navbar .container__menu .menu__title a{text-shadow:0.1em 0.15em 0.25em rgba(0,0,0,0.3)}}.navbar .container__menu .menu__title.active:after{opacity:1}.navbar .container__menu .menu__title:after{content:"";width:115%;height:16px;background-color:rgba(129,174,85,0.3);position:absolute;left:50%;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-transition:0.4s ease;transition:0.4s ease;pointer-events:none;z-index:-1}@media (max-width:767px){.navbar .container__menu .menu__title:after{height:3px}}@media (min-width:768px){.navbar .container__menu .menu__title{margin-right:3vw}.navbar .container__menu .menu__title:hover:after{opacity:1}}@media (max-width:767px){.navbar .container__menu .menu__title{color:white;font-size:1.4375rem;text-decoration:underline;text-underline-offset:7px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar .container__menu .menu__title:not(:last-child){margin-bottom:28px}}.navbar .container__language{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:767px){.navbar .container__language{margin-left:auto;margin-right:5px}}.navbar .container__language a{text-align:center;font-family:"Rufina",serif;display:block;background-color:white;border:1px solid #eeeeee}@media (min-width:768px){.navbar .container__language a{width:36px;height:36px;line-height:36px;font-size:1.125rem}.navbar .container__language a:hover{background-color:#3c4d2b;color:white;border:solid 1px #566746}}@media (max-width:767px){.navbar .container__language a{width:23px;height:23px;line-height:23px;font-size:0.75rem}}.navbar .container__language a.active{background-color:#3c4d2b;color:white;border:solid 1px #566746}@media (max-width:767px){.navbar .container__burger .burger{position:relative;width:40px;height:40px;cursor:pointer}.navbar .container__burger span{position:absolute;background:#3c4d2b;width:26px;height:2px;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:#3c4d2b;width:26px;height:2px;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:#3c4d2b;width:26px;height:2px;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;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:50px 62px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1200px){footer{padding:50px 20px}}@media (min-width:768px){footer:before{content:"";width:calc(100% - 104px);height:1px;background-color:#e5e5e5;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@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:25px 20px;border-top:1px solid #e5e5e5;margin-top:60px}}footer .copyright{font-family:"Rufina",serif}footer .copyright a{display:inline-block}@media (min-width:768px){footer .copyright{margin-top:20px}}@media (max-width:767px){footer .copyright{margin-top:8px;line-height:1.64}}@media (min-width:768px){.footer__logo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-top:-20px;margin-right:20px}}@media (max-width:767px){.footer__logo{margin-right:auto;margin-bottom:30px}}.footer__logo a{display:block;width:186px}@media (max-width:767px){.footer__logo a{width:150px}}.footer__logo img{width:100%}.footer__info{font-family:"Rufina",serif;line-height:1.7}@media (max-width:1440px){.footer__info{font-size:0.875rem}}@media (max-width:767px){.footer__info{font-size:1rem}}@media (min-width:1441px){.footer__info{font-size:0.875rem}}@media (max-width:767px){.footer__info{line-height:1.625}}@media (min-width:768px){.footer__info{width:50%}}@media (max-width:767px){.footer__info .flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:25px}}.footer__info .flex>span{display:inline;min-width:70px;margin-right:10px}@media (max-width:767px){.footer__info .flex>span{font-size:1.25rem;line-height:1.1}}.footer__info a{display:block;font-family:"Poppins",sans-serif}@media (min-width:768px){.footer__info a:hover{opacity:0.7}}.top_btn{position:absolute;right:35px;top:-40px;cursor:pointer;width:80px;height:80px;z-index:10;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease}.top_btn .circle{width:80px;height:80px;background-color:white;border-radius:50%;border:1px solid #3c4d2b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.top_btn .arrow{width:23px;height:13px;background:url(../images/topbtn.png) center/contain no-repeat;margin:0 auto 5px;-webkit-transition:0.4s ease;transition:0.4s ease;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:20px}.top_btn .txt{font-family:"Rufina",serif;text-align:center;color:#3c4d2b;-webkit-transition:0.4s ease;transition:0.4s ease;font-size:0.875rem;padding-top:20px}@media (min-width:768px){.top_btn:hover .arrow{top:15px}}@media (max-width:767px){.top_btn{width:48px;height:48px;top:-24px;right:10px}.top_btn .circle{width:48px;height:48px}.top_btn .arrow{width:11px;height:6px;top:10px}.top_btn .txt{padding-top:10px}}::-moz-selection{background-color:#3c4d2b;color:white}::selection{background-color:#3c4d2b;color:white}body,html{overflow-x:hidden}body{font-family:"Rufina","Noto Sans TC",sans-serif;color:#464646;font-weight:400;opacity:0;visibility:hidden;-webkit-transition:0.6s ease-in;transition:0.6s ease-in;position:relative;font-size:1rem}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 24px}}@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}.lang_tw .banner-section .title-wrap .subtitle{font-family:"Rufina","Shippori Mincho",sans-serif;font-weight:800}.banner-section{position:relative}.banner-section .banner{position:relative;z-index:-2;margin-left:auto}@media (min-width:768px){.banner-section .banner{width:72.5%}}@media (max-width:767px){.banner-section .banner{width:100%}}.banner-section .banner div{width:100%;background-size:cover;background-position:center}@media (min-width:768px){.banner-section .banner div{height:768px}}@media (max-width:767px){.banner-section .banner div{height:100vh}}.banner-section .title-wrap{font-family:"Rufina",serif;color:#3c4d2b;position:absolute;left:8%;bottom:0}@media (min-width:1025px){.banner-section .title-wrap{width:33%}}@media (min-width:768px){.banner-section .title-wrap{padding:30px 10px 0}}@media (max-width:1024px){.banner-section .title-wrap{width:70%}}@media (max-width:767px){.banner-section .title-wrap{width:95%;left:0;bottom:25px;padding:40px 19px 30px}}.banner-section .title-wrap .line{background-color:#3c4d2b}@media (min-width:768px){.banner-section .title-wrap .line{width:87px;height:3px;margin-bottom:38px}}@media (max-width:767px){.banner-section .title-wrap .line{width:44px;height:2px;margin-bottom:22px}}.banner-section .title-wrap .title{max-height:2.06em;line-height:1.03;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700}@media (max-width:1440px){.banner-section .title-wrap .title{font-size:4.75rem}}@media (max-width:767px){.banner-section .title-wrap .title{font-size:2.8125rem}}@media (min-width:1441px){.banner-section .title-wrap .title{font-size:4.75rem}}@media (min-width:768px){.banner-section .title-wrap .title{margin-bottom:38px}}@media (max-width:767px){.banner-section .title-wrap .title{margin-bottom:19px;letter-spacing:0}}.banner-section .title-wrap .subtitle{color:#464646}@media (max-width:1440px){.banner-section .title-wrap .subtitle{font-size:2rem}}@media (max-width:767px){.banner-section .title-wrap .subtitle{font-size:1.5625rem}}@media (min-width:1441px){.banner-section .title-wrap .subtitle{font-size:2rem}}@media (min-width:768px){.banner-section .title-wrap .subtitle{max-height:4.5em;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}@media (max-width:767px){.banner-section .title-wrap .subtitle{line-height:1.28}}.banner-section .title-wrap .white-bg{position:absolute;background-color:#fff;z-index:-1;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1440px){.f32-f25{font-size:2rem}}@media (max-width:767px){.f32-f25{font-size:1.5625rem}}@media (min-width:1441px){.f32-f25{font-size:2rem}}@media (max-width:1440px){.f28-22{font-size:1.75rem}}@media (max-width:767px){.f28-22{font-size:1.375rem}}@media (min-width:1441px){.f28-22{font-size:1.75rem}}@media (max-width:1440px){.f18-17{font-size:1.125rem}}@media (max-width:767px){.f18-17{font-size:1.0625rem}}@media (min-width:1441px){.f18-17{font-size:1.125rem}}@media (max-width:1440px){.f18-16{font-size:1.125rem}}@media (max-width:767px){.f18-16{font-size:1rem}}@media (min-width:1441px){.f18-16{font-size:1.125rem}}.f20{font-size:1.25rem}.f18{font-size:1.125rem}.f16{font-size:1rem}.f14{font-size:0.875rem}@media (max-width:1440px){.f16-f14{font-size:1rem}}@media (max-width:767px){.f16-f14{font-size:0.875rem}}@media (min-width:1441px){.f16-f14{font-size:1rem}}p{line-height:1.875}@media (max-width:767px){p{line-height:1.625}}.btnwrap .btn{display:inline-block;margin:0 auto;font-size:1rem;border:1px solid #3c4d2b;padding:10px 16px;color:#3c4d2b;-webkit-transition:0.4s ease;transition:0.4s ease;position:relative;overflow:hidden}.btnwrap .btn .en{font-family:"Rufina",serif}.btnwrap .btn .tw{font-family:"Noto Sans TC",sans-serif}.btnwrap .btn:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;position:absolute;top:0;left:0;bottom:0;right:0;background-color:#3c4d2b;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.btnwrap .btn span{position:relative}@media (min-width:768px){.btnwrap .btn:hover{color:white}.btnwrap .btn:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:767px){.btnwrap .btn{color:white}.btnwrap .btn:before{-webkit-transform:translateX(0);transform:translateX(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(20px)}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}