@charset "UTF-8";.logo{position:relative;display:block;color:inherit}.logo img{position:absolute;top:0;left:0;right:0;bottom:0;object-fit:contain;width:100%;height:auto}.title-outline{font-family:"Inter";color:white;font-weight:800;line-height:1;-webkit-text-stroke:5px transparent;background:linear-gradient(148.82deg,#1b9506 0.37%,#0f81ba 85.14%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:white;paint-order:stroke fill;text-decoration:none}.title-outline.is-white{color:transparent;-webkit-text-stroke:2.5px white;-webkit-text-fill-color:transparent;background:transparent}.title-fill{font-family:"Inter";font-weight:600;line-height:1.2;background:linear-gradient(148.82deg,#1b9506 0.37%,#0f81ba 85.14%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-fill.is-white{background:white;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.marquee-box{height:68px;display:flex;align-items:center;overflow:hidden}@media (min-width:768px){.marquee-box{height:131px}}.marquee-container{padding-right:16px}@media (min-width:768px){.marquee-container{padding-right:36px}}.marquee-container .marquee-content{display:flex;align-items:center;gap:16px;padding-left:2px}@media (min-width:768px){.marquee-container .marquee-content{gap:36px}}.marquee-container .title-outline{padding-left:4px}.section{padding:74px 0}@media (min-width:768px){.section{padding:128px 0}}.divider{width:100%;height:1.2px;background-color:#1b9506}.page-wrap{padding-top:96px;padding-bottom:96px}.page-title{font-size:16px;display:flex;align-items:center;gap:8px;padding-bottom:18px;border-bottom:1.2px solid #1b9506}.page-title .title-outline{padding-right:4px;padding-left:1px;-webkit-text-stroke:3px transparent}@media (min-width:768px){.page-title .title-outline{-webkit-text-stroke:5px transparent}}.page-title .line{height:1.5px;width:41px;background-color:#1b9506}@media (min-width:768px){.page-title{font-size:36px}}.page-content{display:flex;flex-direction:column;gap:72px;padding-top:56px}.page-content .page-content-item{display:flex;flex-direction:column;gap:36px}@media (min-width:768px){.page-content{gap:100px;padding-top:96px}}.container{padding-left:12px;padding-right:12px;max-width:1416px}.container.is-lg{max-width:1728px}.container .container{padding-left:0;padding-right:0;max-width:1368px}@media (min-width:768px){.container{padding-left:24px;padding-right:24px}.container .container{padding:0}}.button{font-size:14px;padding:10px 18px;font-weight:500;border-radius:14px;text-decoration:none;border:2px solid transparent;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:14px}@media (min-width:768px){.button{padding:18px 30px;border-radius:28px;font-size:20px;line-height:27px}}.button-outlined{border:2px solid #1b9506;color:#1b9506}.button-outlined:hover{background-color:#1b9506;color:white}.button-filled{background-color:#1b9506;color:white}.button-filled:hover{background-color:#167c05;color:white}.text-h2{font-size:50px}@media (min-width:768px){.text-h2{font-size:96px}}.text-h3{font-size:50px}@media (min-width:768px){.text-h3{font-size:86px}}.text-h4{font-size:24px}@media (min-width:768px){.text-h4{font-size:40px}}.text-h5{font-size:22px}@media (min-width:768px){.text-h5{font-size:26px}}.weight-800{font-weight:800}.weight-600{font-weight:600}.weight-500{font-weight:500}.weight-400{font-weight:400}.image-cover{border-radius:25px;overflow:hidden}.image-cover img{width:100%;height:100%;object-fit:cover}.grid-images{display:grid;gap:36px}.grid-images>div{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.grid-images>div{gap:16px}}.grid-images .image-cover{height:250px}@media (min-width:768px){.grid-images .image-cover{height:342px}}@media (min-width:992px){.grid-images .image-cover{height:320px}}.grid-images h5{font-size:18px;font-weight:600}@media (min-width:768px){.grid-images h5{font-size:24px}}.grid-images p{font-size:14px}@media (min-width:768px){.grid-images p{font-size:16px}}.grid-images .grid-image-content{display:flex;flex-direction:column;gap:4px;text-align:center}@media (min-width:992px){.grid-images .grid-image-content{text-align:left}}@media (min-width:768px){.grid-images{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.grid-images{grid-template-columns:repeat(3,1fr)}.grid-images.grid-images-4{grid-template-columns:repeat(4,1fr)}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:"Noto Sans TC",sans-serif;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{font-family:"Noto Sans TC",sans-serif;margin-top:0;margin-bottom:0}p{font-size:14px;line-height:24px}@media (min-width:768px){p{font-size:18px;line-height:30px}}small{font-size:13px}@media (min-width:768px){small{font-size:14px}}.header-logo{height:42px;width:149px}.header-logo .logo-white,.header-logo .logo-green{transition-duration:0.3s}.header-logo .logo-green{opacity:0}.header{position:fixed;top:0;left:0;right:0;z-index:10;transition-duration:0.3s}.header.scrolled{background-color:white;box-shadow:0px 4px 10px rgba(55,161,108,0.25)}.header.scrolled .header-container .logo-white{opacity:0!important}.header.scrolled .header-container .logo-green{opacity:1!important}.header.scrolled #header-nav,.header.scrolled .header-menu-mobile{color:#000000}.header-container{height:86px;padding-top:32px;padding-left:12px;padding-right:20px;display:flex;position:relative;z-index:10}.header-container:has(#header-menu-button.menu-opened) .logo-white{opacity:0}.header-container:has(#header-menu-button.menu-opened) .logo-green{opacity:1}.header-menu-mobile{color:white;margin-left:auto;display:flex;align-items:center;gap:12px}.header-menu-mobile button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border:none;background-color:transparent;color:currentColor;width:48px;height:42px}.header-menu-mobile:has(.menu-opened){color:#000000}.header-menu-mobile .submenu{position:relative}.header-menu-mobile .submenu-list{position:absolute;min-width:104px;top:calc(100% + 12px);left:0%;list-style:none;padding:0;margin:0;background:#001602e5;color:white;display:flex;flex-direction:column;padding:6px 0;opacity:0;visibility:hidden;transition-duration:0.3s}.header-menu-mobile .submenu-list.is-opened{opacity:1;visibility:visible}.header-menu-mobile .submenu-list a,.header-menu-mobile .submenu-list button{width:100%;display:block;padding:14px 20px;font-family:"Noto Sans";font-style:normal;font-weight:500;font-size:16px;line-height:22px;white-space:nowrap;text-align:left}.header-menu-mobile .submenu-list a:hover,.header-menu-mobile .submenu-list button:hover{background:rgba(0,22,2,0.6)}#header-menu-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border:none;background-color:transparent;color:currentColor;gap:6px;flex-direction:column;width:48px;height:42px}#header-menu-button span{background-color:currentColor;height:1.75px;width:23.33px;border-radius:1px;transition-duration:0.3s}#header-menu-button.menu-opened{color:#000000}#header-menu-button.menu-opened span:nth-child(1){transform:translateY(8px) rotate(45deg)}#header-menu-button.menu-opened span:nth-child(2){opacity:0}#header-menu-button.menu-opened span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}#header-menu{position:fixed;top:0;left:0;right:0;height:100svh;background-color:white;max-height:0;overflow:hidden;transition-duration:0.3s;opacity:0}#header-menu.menu-opened{max-height:100svh;opacity:1}#header-menu .header-menu-container{padding-top:113px}#header-menu .header-menu-list{padding:0 36px}#header-menu ul{list-style:none;padding:0;margin:0}#header-menu button,#header-menu a{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border:none;background-color:transparent;width:100%;text-align:left;display:flex;justify-content:flex-start}#header-menu .submenu-link,#header-menu .submenu-button{padding:20px 0;font-weight:500;font-size:16px;line-height:22px;color:#3c3c3c}#header-menu .submenu-button{justify-content:space-between;border-bottom:0.5px solid #3c3c3c}#header-menu .submenu-list{max-height:0;overflow:hidden;transition-duration:0.3s;opacity:0;visibility:hidden}#header-menu .submenu-list.is-opened{max-height:100svh;opacity:1;visibility:visible;padding-bottom:22px}#header-menu .submenu-list a{padding:16px 0;font-weight:600;font-size:16px;line-height:22px;color:#1c1c1c}#header-menu .submenu-list li:not(:last-child){border-bottom:0.5px solid #3c3c3c}#header-menu .submenu-button-icon{color:#3c3c3c;display:flex;align-items:center;justify-content:center}#header-nav{display:none;color:white}@media (min-width:768px){#header-nav{display:flex;align-items:center;gap:32px}}@media (min-width:992px){#header-nav{gap:64px}}#header-nav button,#header-nav a{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border:none;background-color:transparent;width:100%;text-align:left;display:flex;justify-content:flex-start;gap:8px}#header-nav .submenu{position:relative}#header-nav .submenu-list{position:absolute;min-width:128px;top:100%;left:50%;transform:translateX(-50%);list-style:none;padding:0;margin:0;background:rgba(0,22,2,0.6);color:white;display:flex;flex-direction:column;padding:8px 0;opacity:0;visibility:hidden;transition-duration:0.3s}#header-nav .submenu-list.is-opened{opacity:1;visibility:visible}#header-nav .submenu-list a,#header-nav .submenu-list button{width:100%;padding:24px 32px;white-space:nowrap;text-align:left}#header-nav .submenu-list a:hover,#header-nav .submenu-list button:hover{background:rgba(0,22,2,0.6)}#header-nav .submenu-button,#header-nav .submenu-link{white-space:nowrap;font-size:16px;line-height:22px;padding:32px 0}@media (min-width:768px){#header-nav .icon-submenu-button svg{width:24px;height:24px}}@media (min-width:992px){#header-nav .icon-submenu-button svg{width:28px;height:28px}}#header-nav .submenu-button-icon{display:flex;align-items:center;justify-content:center}@media (min-width:768px){#header-menu,.header-menu-mobile{display:none}.header-container{height:94px;padding-top:0;padding-left:36px;padding-right:36px;align-items:center;justify-content:space-between}.header-container:has(#header-menu-button.menu-opened) .logo-white{opacity:1}.header-container:has(#header-menu-button.menu-opened) .logo-green{opacity:0}}@media (min-width:992px){.header-container{padding-left:64px;padding-right:64px}}.footer{background:#ffffff;box-shadow:0px -4px 10px rgba(55,161,108,0.25);height:100px;margin-top:auto;display:flex;justify-content:center;align-items:center}.footer-logo{width:150px;display:block}.footer-menu{display:none}.footer-menu a{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;border:none;background-color:transparent;justify-content:flex-start}.footer-menu h6,.footer-menu a.footer-menu-item{font-size:16px;line-height:22px;font-weight:600;color:#000000;margin:0}.footer-menu-item{display:flex;flex-direction:column;gap:24px}.footer-menu-list{display:flex;flex-direction:column;gap:12px}.footer-menu-list a{color:#3c3c3c;font-size:14px;line-height:19px}.footer-menu-list a:hover{color:#000000}@media (min-width:768px){.footer{height:239px;padding:0 57px}.footer-logo{width:200px}.footer-menu{display:flex;gap:36px}.footer-content{display:flex;justify-content:space-between;width:100%;max-width:1058px}}@media (min-width:992px){.footer{padding:0 82px}.footer-menu{gap:140px}}.hero{position:relative;color:#fff;height:100svh;min-height:780px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.hero.hero-page{height:420px;min-height:unset}@media (min-width:768px){.hero.hero-page{height:700px}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%}.hero-video video{object-fit:cover;width:100%;height:100%;object-position:center center}.hero-content{width:100%;position:relative;text-align:center;padding:0 12px;display:flex;flex-direction:column;gap:64px}.hero-content .hero-title{padding:0 18px;display:flex;flex-direction:column;gap:16px}.hero-content h1{font-family:"Inter";font-weight:700;font-size:60px}.hero-content h2{font-family:"Inter";font-weight:700;font-size:36px}.hero-content p{font-family:"Inter";font-size:16px;line-height:24px}@media (min-width:768px){.hero-content h1{font-size:126px}.hero-content h2{font-size:56px}.hero-content p{font-size:22px;line-height:32px}}.pagination-container .pagination{--bs-pagination-color:rgba(0,0,0,0.85);--bs-pagination-active-color:#1b9506;--bs-pagination-active-border-color:#1b9506;--bs-pagination-active-bg:transparent;--bs-pagination-hover-color:rgba(0,0,0,0.85);--bs-pagination-hover-bg:rgba(27,149,6,0.1);--bs-pagination-disabled-color:#d9d9d9;--bs-pagination-border-radius:2px;gap:4px}.pagination-container .page-link{border:none;border-radius:var(--bs-pagination-border-radius);display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:14px;line-height:22px;padding:0}.pagination-container .page-item.active .page-link{border:1px solid var(--bs-pagination-active-border-color)}.pagination-container .page-item:not(:first-child) .page-link{margin:0}.pagination-container .page-item:first-child .page-link{border-radius:var(--bs-pagination-border-radius)}@media (min-width:768px){.home-page p{font-size:20px;line-height:32px}}.about-container .about-content{padding-top:48px}@media (min-width:768px){.about-container .about-content{padding-top:84px}}.about-container .about-content>p{padding:0 16px}@media (min-width:768px){.about-container .about-content>p{text-align:center;padding:0;max-width:640px;width:100%;margin:0 auto}}@media (min-width:992px){.about-container .about-content>p{max-width:770px}}.about-container .about-items{padding-top:48px;padding-bottom:56px;display:flex;flex-direction:column;gap:24px}@media (min-width:768px){.about-container .about-items{gap:32px;padding-top:56px;padding-bottom:84px}}@media (min-width:992px){.about-container .about-items{flex-direction:row;justify-content:center}}.about-container .about-items .about-item{display:flex;flex-direction:column;gap:16px;align-items:center}.about-container .about-items .about-item-text{display:flex;flex-direction:column;gap:4px;align-items:center}.about-container .about-items .about-item-text h4{font-size:18px;font-weight:600}@media (min-width:768px){.about-container .about-items .about-item-text h4{font-size:28px;line-height:auto}}@media (min-width:768px){.about-container .about-items .about-item-text p{font-size:16px}}.about-container .about-items .about-item-image{width:250px;height:250px;border-radius:20px;overflow:hidden}.about-container .about-items .about-item-image img{object-fit:cover;height:100%;width:100%}@media (min-width:768px){.about-container .about-items .about-item-image{width:450px;height:450px}}@media (min-width:992px){.about-container .about-items .about-item-image{width:300px;height:300px}}@media (min-width:1200px){.about-container .about-items .about-item-image{width:380px;height:350px}}.home-product-section{background:linear-gradient(179.64deg,#0f81ba 0.33%,#37a16c 44.94%,#ffffff 107.06%)}.home-product-section .home-product-title{display:flex;flex-direction:column;gap:12px;align-items:center}@media (min-width:768px){.home-product-section .home-product-title{align-items:flex-start}}.home-product-section .home-product-title .title-outline{-webkit-text-stroke:5px white;background-color:#1786b0;-webkit-text-fill-color:#1786b0}.home-product-section .home-product-description{padding:0 17px;color:white;text-align:center;margin:0 auto}.home-product-section .home-product-images{margin-top:64px;margin-bottom:56px}@media (min-width:768px){.home-product-section .home-product-images{margin-top:84px}}.home-product-section .home-product-image{width:250px;height:250px;border-radius:40px;overflow:hidden;margin:0 16px}.home-product-section .home-product-image img{object-fit:cover;height:100%;width:100%}@media (min-width:768px){.home-product-section .home-product-image{width:450px;height:450px}}@media (min-width:992px){.home-product-section .home-product-image{width:550px;height:550px}}.home-product-section .home-product-video{height:360px;margin:36px 0;position:relative}.home-product-section .home-product-video img{object-fit:cover;height:100%;width:100%}@media (min-width:768px){.home-product-section .home-product-video{height:1080px;margin:84px 0}}.contact-button{padding-top:56px}@media (min-width:768px){.contact-button{padding-top:84px;padding-bottom:18px}}@media (min-width:768px){.company-content .text-h4 br{display:none}.company-content p{max-width:698px}}.company-content-image{height:250px}@media (min-width:768px){.company-content-image{height:680px;width:680px;margin:0 auto}}@media (min-width:992px){.company-content-image{width:100%}}.team-page-wrap{padding-bottom:0}.team-members{display:grid;column-gap:16px;row-gap:36px;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.team-members{column-gap:36px;margin-top:12px}}@media (min-width:992px){.team-members{grid-template-columns:repeat(4,1fr)}}.team-member-item .image-cover{aspect-ratio:1/1}.team-member-item-content{padding-left:12px}.team-member-item-content h5{font-size:20px;margin-bottom:8px}@media (min-width:768px){.team-member-item-content h5{font-size:24px;margin-top:4px}}.team-member-item-content p{font-size:13px;line-height:normal}@media (min-width:768px){.team-member-item-content p{font-size:14px}}.team-background{padding-bottom:83px;background:linear-gradient(179.64deg,#ffffff 4.27%,#37a16c 42.9%,#0f81ba 111%)}.team-background .team-member-item-content{color:white}.vision-image{height:336px}@media (min-width:768px){.vision-image{height:1000px}}@media (min-width:992px){.vision-image{height:1200px}}.vision-list{font-size:14px;line-height:24px}@media (min-width:768px){.vision-list{font-size:18px;line-height:40px}}.product-image{height:336px}@media (min-width:768px){.product-image{margin-top:12px;height:650px}}@media (min-width:992px){.product-image{height:930px}}.product-description{display:flex;flex-direction:column;gap:8px;margin-top:-4px}@media (min-width:768px){.product-description{gap:28px;margin-top:12px;padding:0 35px}}@media (min-width:992px){.product-description{padding:0}}.contact-page-content .image-cover{background-color:#f0f0f0;height:336px}@media (min-width:768px){.contact-page-content .image-cover{height:441px}}@media (min-width:992px){.contact-page-content>.page-content-item{column-gap:64px;display:grid;grid-template-columns:378px 1fr;grid-template-areas:"text map" "info map"}.contact-page-content>.page-content-item .image-cover{grid-area:map;width:auto}.contact-page-content>.page-content-item .contact-info{grid-area:info;flex-direction:column-reverse;align-items:flex-start}.contact-page-content>.page-content-item .contact-text{grid-area:text}}@media (min-width:1200px){.contact-page-content>.page-content-item .image-cover{width:auto}}.contact-info{display:flex;gap:8px;align-items:center}.contact-info h6{background:linear-gradient(148.82deg,#1b9506 0.37%,#0f81ba 85.14%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:"Inter";font-style:normal;font-weight:700;font-size:24px;margin-bottom:12px}.contact-info p{font-size:14px;line-height:24px}.contact-info p a{color:inherit;text-decoration:none}.contact-info img{width:84px;height:84px}@media (min-width:768px){.contact-info{gap:24px}.contact-info h6{font-size:32px;margin-bottom:32px}.contact-info p{font-size:18px}.contact-info img{width:119px;height:119px}}@media (min-width:1200px){.contact-info{gap:40px}.contact-info h6{margin-bottom:24px}.contact-info img{width:110px;height:110px}}.news-content .news-list-wrapper{margin-top:-20px;display:flex;flex-direction:column;gap:32px}@media (min-width:768px){.news-content .news-list-wrapper{gap:48px}}.news-content .news-list-item{color:#000000;text-decoration:none;padding:20px 0;border-bottom:0.5px solid #000000;display:block}.news-content .news-list-item:hover{background-color:#f8f9fa}@media (min-width:768px){.news-content .news-list-item{display:grid;grid-template-columns:94px 1fr;padding:32px 0}}.news-content .news-list-item small{display:block;margin-bottom:16px;font-family:"Noto Sans TC";font-style:normal;font-weight:400;font-size:14px;line-height:20px}.news-content .news-list-item h5{margin-bottom:12px;font-family:"Inter";font-style:normal;font-weight:600;font-size:16px;line-height:19px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (min-width:768px){.news-content .news-list-item h5{text-overflow:unset;overflow:unset;white-space:unset;font-size:18px;line-height:22px}}.news-content .news-list-item p{font-family:"Inter";font-style:normal;font-weight:400;font-size:14px;line-height:17px}@media (min-width:768px){.news-content .news-list-item p{font-size:16px;line-height:19px}}.news-content .pagination{justify-content:center}@media (min-width:768px){.news-content .pagination{justify-content:flex-end}}.news-detail-content header{margin-bottom:36px}@media (min-width:768px){.news-detail-content header{margin-bottom:48px}}.news-detail-content header h1{font-family:"Inter";font-weight:600;font-size:24px;line-height:29px;background:linear-gradient(148.82deg,#1b9506 0.37%,#0f81ba 85.14%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:inline-block}@media (min-width:768px){.news-detail-content header h1{font-size:32px;line-height:39px}}.news-detail-content figure{margin-bottom:32px}@media (min-width:768px){.news-detail-content figure{margin-bottom:48px}}.news-detail-content figure img{width:100%}.news-detail-content .news-detail-content{font-family:"Inter";font-style:normal;font-weight:400;font-size:14px;line-height:24px}@media (min-width:768px){.news-detail-content .news-detail-content{font-size:18px;line-height:28px}}