body{font-family:"Roboto Condensed",system-ui,-apple-system,BlinkMacSystemFont,Roboto,"Myriad Pro","微軟正黑體","Microsoft JhengHei","Hiragino Sans GB","Source Han Sans CN",Arial,Helvetica,sans-serif;font-size:20px;line-height:1.8;color:#333;background-color:#fff}img{max-width:100%;vertical-align:middle}a{color:inherit}.container{max-width:1920px;margin:auto}.wrapper{max-width:1440px;margin:auto}@media (max-width: 1440px){.wrapper{padding:0 30px}}@media (max-width: 1280px){.wrapper{padding:0 15px}}nav li{display:inline-block}nav a{color:#333}.google-maps{position:relative;padding-bottom:25%;height:0;overflow:hidden}@media (max-width: 480px){.google-maps{padding-bottom:50%}}.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important}.table-container{width:100%;overflow-y:auto;margin:0 0 1em}.table-container::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}.table-container::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background-color:rgba(0,0,0,0.3)}@media (max-width: 640px){.swiper-button-next:after,.swiper-button-prev:after{font-size:30px}}@media (max-width: 375px){.swiper-button-next:after,.swiper-button-prev:after{font-size:20px}}.header{padding-top:24px;padding-bottom:12px;width:100%;background-color:#fff;position:fixed;top:0;z-index:99;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;-webkit-box-shadow:0 0 2px #b3b3b3;box-shadow:0 0 2px #b3b3b3}@media (max-width: 1280px){.header{padding-top:5px;padding-bottom:10px}}@media (max-width: 960px){.header{padding-top:0;padding-bottom:0}}.header .wrapper::after{content:"";display:table;clear:both}@media (max-width: 1280px){.header .wrapper{padding:0 15px}}.header .logo{width:460px;float:left;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}@media (max-width: 1440px){.header .logo{width:360px;padding:5px 0}}@media (max-width: 1365px){.header .logo{width:260px}}.header .logo a{display:inline-block}.header .logo img{-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}@media (max-width: 960px){.header .logo img{max-width:320px}}@media (max-width: 480px){.header .logo img{max-width:260px}}@media (max-width: 320px){.header .logo img{max-width:240px}}.header .header__menu{width:calc(100% - 460px);float:left}@media (max-width: 1440px){.header .header__menu{width:calc(100% - 340px);margin-right:-20px}}@media (max-width: 1365px){.header .header__menu{width:calc(100% - 260px)}}@media (max-width: 960px){.header .header__menu{display:none}}.header nav{text-align:right}.header .lang__menu{margin-bottom:16px;padding-right:10px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media (max-width: 1280px){.header .lang__menu{margin-bottom:5px;padding-right:0}}.header .lang__menu a{line-height:1;font-size:16px;text-transform:uppercase;padding:0px 10px;margin-left:6px;-webkit-transition:background-color 0.4s ease, color 0.4s ease;-o-transition:background-color 0.4s ease, color 0.4s ease;transition:background-color 0.4s ease, color 0.4s ease}.header .lang__menu li{position:relative}.header .lang__menu li+li:before{content:"";width:1px;height:20px;background-color:#000;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.header .lang__menu li:hover>a,.header .lang__menu li.active>a{background-color:#e30000;color:#fff}.header .main__menu{-webkit-transition:margin 0.3s ease;-o-transition:margin 0.3s ease;transition:margin 0.3s ease;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.header .main__menu li{margin:0 5px}@media (max-width: 1280px){.header .main__menu li{margin:0}}.header .main__menu a{line-height:1;text-transform:uppercase;font-size:22px;padding:10px 12px;-webkit-transition:border 0.4s ease, background-color 0.4s ease;-o-transition:border 0.4s ease, background-color 0.4s ease;transition:border 0.4s ease, background-color 0.4s ease}@media (max-width: 1280px){.header .main__menu a{font-size:18px;padding:8px}}.header .main__menu a:hover{background-color:#bbe148;border-bottom:4px solid #8ec21f;padding-bottom:6px}.header .main__menu li.active>a{background-color:#bbe148;border-bottom:4px solid #8ec21f;padding-bottom:6px}.shrink{-webkit-box-shadow:0 0 10px #b3b3b3;box-shadow:0 0 10px #b3b3b3}.shrink.header{padding:0}.shrink .logo{padding:5px 0}.shrink .logo img{max-width:320px}@media (max-width: 1365px){.shrink .logo img{max-width:260px}}.shrink .lang__menu{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.shrink .main__menu{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.footer__menu{background-color:#e6e6e6;padding-bottom:30px}.footer__menu .foot__menu{padding-top:60px;text-align:center}.footer__menu .foot__menu a{line-height:1;font-size:18px;padding:10px 12px;-webkit-transition:border 0.4s ease, background-color 0.4s ease;-o-transition:border 0.4s ease, background-color 0.4s ease;transition:border 0.4s ease, background-color 0.4s ease;margin-left:6px;-webkit-transition:color 0.4s ease;-o-transition:color 0.4s ease;transition:color 0.4s ease}.footer__menu .foot__menu li{position:relative}.footer__menu .foot__menu li+li:before{content:"";width:1px;height:15px;background-color:#333;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.footer__menu .foot__menu li:hover a,.footer__menu .foot__menu li.active a{color:#e30000}.footer__menu .foot__menu li ul{display:none}.gotoTop{position:relative}.gotoTop a{display:inline-block;background-color:#e30000;width:60px;height:60px;position:absolute;top:-30px;left:calc(50% - 30px);border-radius:50%;text-align:center;text-transform:uppercase;color:#fff;line-height:1;padding-top:10px;font-size:16px}.gotoTop a img{max-width:20px;display:block;margin:auto}.footer__info{border-top:5px solid #333;padding-top:20px;padding-bottom:30px;font-size:16px;background:#cadaa4;background:-webkit-linear-gradient(top, #cadaa4 0%, #9fcc60 100%);background:-webkit-gradient(linear, left top, left bottom, from(#cadaa4), to(#9fcc60));background:-o-linear-gradient(top, #cadaa4 0%, #9fcc60 100%);background:linear-gradient(to bottom, #cadaa4 0%, #9fcc60 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cadaa4', endColorstr='#9fcc60',GradientType=0 )}.footer__info .wrapper{position:relative}.footer__info .logo a{display:inline-block}@media (max-width: 480px){.footer__info .logo a{display:block;text-align:center;margin-bottom:20px}.footer__info .logo a img{max-width:260px}}.footer__info .tel,.footer__info .fax,.footer__info .mail{display:inline-block;margin-right:30px}@media (max-width: 480px){.footer__info .tel,.footer__info .fax,.footer__info .mail{display:block;text-align:center}}@media (max-width: 480px){.footer__info .address{text-align:center}}.footer__info span{color:#623540;font-family:"Roboto Bold Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;margin-right:12px}.footer__info .footer__copyright{position:absolute;right:0;bottom:0px;color:#666}@media (max-width: 1440px){.footer__info .footer__copyright{right:30px}}@media (max-width: 480px){.footer__info .footer__copyright{position:static;right:auto;text-align:center;margin-top:10px}}.hiraku-open-btn{display:none;border:none;position:absolute;right:10px;top:10px;background-color:#8ec21f;outline:none}@media (max-width: 960px){.hiraku-open-btn{display:block;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}.hiraku-open-btn-line{width:30px;margin:14px 4px}.hiraku-open-btn-line:before{top:-8px}.hiraku-open-btn-line:after{bottom:-8px}[aria-expanded=true] .hiraku-open-btn-line:after,[aria-expanded=true] .hiraku-open-btn-line:before{width:30px}[aria-expanded=true] .hiraku-open-btn-line:before{-webkit-transform:translate(0px, 8px) rotate(45deg);-ms-transform:translate(0px, 8px) rotate(45deg);transform:translate(0px, 8px) rotate(45deg)}[aria-expanded=true] .hiraku-open-btn-line:after{-webkit-transform:translate(0px, -8px) rotate(-45deg);-ms-transform:translate(0px, -8px) rotate(-45deg);transform:translate(0px, -8px) rotate(-45deg)}.offcanvas-right{padding-bottom:50px}.offcanvas-right li>a{font-size:20px;display:block;border-bottom:1px solid #ccc;padding:12px}.offcanvas-right li>a:hover{color:#fff;background:#8ec21f}.offcanvas-right li.active>a{color:#fff;background:#8ec21f}.offcanvas-right .logo{text-align:center;padding:5px 0;border-bottom:1px solid #ccc}.offcanvas-right .logo img{max-width:320px}@media (max-width: 480px){.offcanvas-right .logo img{max-width:90%}}.offcanvas-right .lang__menu ul::after{content:"";display:table;clear:both}.offcanvas-right .lang__menu ul li{width:25%;float:left;text-align:center}@media (max-width: 639px){.offcanvas-right .lang__menu ul li{width:50%}}.offcanvas-right .lang__menu ul li+li{border-left:1px solid #ccc}.offcanvas-right .foot__menu ul li{float:none;width:100%}.offcanvas-right .foot__menu ul li a{padding-left:30px;position:relative}.offcanvas-right .foot__menu ul li ul{display:block}.offcanvas-right .foot__menu ul li ul a{padding-left:50px}.offcanvas-right .foot__menu ul li ul a:before{content:"";position:absolute;top:28px;left:30px;width:10px;height:3px;background:#999}.offcanvas-right .foot__menu ul li ul .active a:before{background-color:#fff}.title{margin-bottom:30px}@media (max-width: 480px){.title{margin-bottom:20px}}.title h2{display:inline-block;color:#000;font-family:"Roboto Regular","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:36px;position:relative}@media (max-width: 480px){.title h2{font-size:26px}}.title h2:before{content:"";height:2px;width:200px;background-color:#8ec21f;position:absolute;bottom:0}@media (max-width: 480px){.title h2:before{width:140px}}.banner{margin-bottom:30px;padding-top:133px}@media (max-width: 1440px){.banner{padding-top:126px}}@media (max-width: 1280px){.banner{margin-bottom:0;padding-top:92px}}@media (max-width: 960px){.banner{padding-top:81px}}@media (max-width: 480px){.banner{padding-top:68px}}.banner-text{position:absolute}.banner-text.banner-text-01{width:30.26042%;top:23.83%;left:21%}.banner-text.banner-text-02{width:29.6875%;bottom:8%;left:12%}.banner-text.banner-text-03{width:31.40625%;bottom:8%;right:15%}.swiper-slide .banner-text{opacity:0;-webkit-transform:translate(-150px, 0);-ms-transform:translate(-150px, 0);transform:translate(-150px, 0);-webkit-transition:all 1s ease-out 0.6s;-o-transition:all 1s ease-out 0.6s;transition:all 1s ease-out 0.6s}.swiper-slide-active .banner-text{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.swiper-pagination-bullet{width:20px;height:20px}.products .wrapper{padding:50px 0 100px}@media (max-width: 1280px){.products .wrapper{padding:30px 0 50px}}.products .title{text-align:center}.products .title h2:before{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.pro__list{padding:0 60px;position:relative}.pro__list__item{border:2px solid #8ec21f;padding:4px;position:relative;overflow:hidden}.pro__list__item .pro__list__img{overflow:hidden}.pro__list__item .pro__list__img img{-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.pro__list__item a{position:absolute;top:0;right:0;bottom:0;left:0}.pro__list__item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pro__list__item:hover .pro__list__caption{color:#fff}.pro__list__item:hover .pro__list__caption:before{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pro__list__caption{text-align:center;padding:20px 0;color:#3e4ba0;font-family:"Roboto Bold Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:24px;line-height:1;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;position:relative}.pro__list__caption:before{content:"";background:#8ec21f;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.swiper-indexpro{overflow:hidden}.swiper-button-next,.swiper-button-prev{outline:none}.about{background:url(../images/index-about.jpg) no-repeat center #ebf3dc;position:relative;overflow:hidden}@media (max-width: 1440px){.about{background-size:120%}}@media (max-width: 1280px){.about{background-size:130%}}@media (max-width: 960px){.about{background:url(../images/index-about-2.jpg) no-repeat center top #ebf3dc;padding-top:250px}}@media (max-width: 375px){.about{background-size:200%;padding-top:58%}}.about .about__inner{position:relative;z-index:1}.about .about__inner::after{content:"";display:table;clear:both}@media (max-width: 960px){.about .about__inner{background:#ebf3dc;background:-webkit-linear-gradient(top, #ebf3dc 0%, #fff 50%, #ebf3dc 100%);background:-webkit-gradient(linear, left top, left bottom, from(#ebf3dc), color-stop(50%, #fff), to(#ebf3dc));background:-o-linear-gradient(top, #ebf3dc 0%, #fff 50%, #ebf3dc 100%);background:linear-gradient(to bottom, #ebf3dc 0%, #fff 50%, #ebf3dc 100%)}}.about .about__inner .btn{margin-top:30px}@media (max-width: 1080px){.about .about__inner .btn{margin-top:20px}}@media (max-width: 768px){.about .about__inner .btn{margin-top:30px}}.about .about__inner .btn a{display:inline-block;background-color:#2762c5;border:1px solid;color:#fff;padding:10px 30px;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.about .about__inner .btn a:hover{background-color:#fff;color:#2762c5;border-color:#2762c5}.about .about__text{width:45%;float:left;padding:60px 60px 100px;color:#626262;font-size:18px}@media (max-width: 1440px){.about .about__text{width:50%;padding:30px 60px 50px}}@media (max-width: 1366px){.about .about__text{line-height:1.4}}@media (max-width: 1280px){.about .about__text{padding:10px 20px}}@media (max-width: 960px){.about .about__text{float:none;width:100%;max-width:847px;margin:auto;padding:30px 0}}@media (max-width: 480px){.about .about__text{width:100%;float:none;padding:20px 0;margin-bottom:20px}}.about .about__text.lang__en{font-size:20px}.about .about__text .title{margin-bottom:20px}.about .about__text strong{font-size:24px;font-family:"Roboto Bold Condensed","微軟正黑體","Microsoft JhengHei",sans-serif;color:#3e4ba0}.about .about__pic{width:50%;float:left}@media (max-width: 480px){.about .about__pic{width:100%;float:none}}.about .about__pic img{-webkit-box-shadow:5px 5px 10px #ccc;box-shadow:5px 5px 10px #ccc}