@charset "UTF-8";:root{font-size:26px}@media (max-width:1809px){:root{font-size:24px}}@media (max-width:1699px){:root{font-size:22px}}@media (max-width:1599px){:root{font-size:20px}}@media (max-width:1468px){:root{font-size:19.5px}}@media (max-width:1440px){:root{font-size:19px}}@media (max-width:1307px){:root{font-size:18px}}:target{scroll-margin-top:100px}a{color:#009aa6}body{font-family:'microsoft jhenghei',sans-serif;color:#636363;font-size:1rem;line-height:1.5rem;padding-top:100px;-webkit-overflow-scrolling:touch}@media screen and (max-width:1380px){body{padding-top:90px}}@media screen and (max-width:992px){body{padding-top:90px}}@media screen and (max-width:992px){.container{max-width:100%}}.site-nav{background:#fff;background:rgba(255, 255, 255, 0.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.site-nav .custom-logo-link>img{max-height:63px}.site-nav .navbar-nav .nav-link{color:#6c6c6c;font-size:0.723rem;letter-spacing:1px;padding:10px 0.615rem;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;line-height:1rem;padding:10px 0.415rem}.site-nav .navbar-nav .nav-link:hover{color:#009aa6}.site-nav .navbar-nav>li.dropdown>.dropdown-menu>li>.dropdown-item{background:#efefef;color:#6c6c6c;font-size:0.723rem;letter-spacing:1px;line-height:1rem;padding:8px 20px}.site-nav .navbar-nav>li.dropdown>.dropdown-menu{display:block;visibility:hidden;opacity:0;-webkit-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;border:none}.site-nav .navbar-nav>li.dropdown:hover>.dropdown-menu{display:block;opacity:1;background:#fff;border:none;border-radius:0;padding-top:29px;margin-top:0;padding-bottom:0px;visibility:visible;opacity:1;-webkit-transition:0.3s ease all;-o-transition:0.3s ease all;transition:0.3s ease all}.site-nav .navbar-nav>li.dropdown:hover>.dropdown-menu .dropdown-toggle:after{display:none}.site-nav .dropdown-menu .dropdown-menu{display:block;position:relative!important;border:none;padding-left:20px;padding:0.4rem 0;margin-top:0}.site-nav .dropdown-menu .dropdown-menu>li>.dropdown-item{color:#009aa6;font-size:0.723rem;line-height:1rem;padding:0.2rem 1.5rem}.site-nav .dropdown-menu .dropdown-menu>li>.dropdown-item:hover{background:transparent}@media screen and (max-width:1380px){.site-nav .navbar-nav .nav-link{font-size:0.7rem}}@media screen and (max-width:1180px){.site-nav{padding-left:15px;padding-right:15px}.site-nav .custom-logo-link{width:250px}.site-nav .navbar-nav .nav-link{font-size:0.5rem}}@media screen and (max-width:992px){.site-nav .navbar-nav .active>.nav-link,.site-nav .navbar-nav .nav-link.active,.site-nav .navbar-nav .nav-link.show,.site-nav .navbar-nav .nav-link:focus,.site-nav .navbar-nav .nav-link:hover,.site-nav .navbar-nav .show>.nav-link{color:#fff}.site-nav .navbar-collapse{position:fixed;left:0px;height:calc(100vh - 83px);height:calc(100dvh - 83px);background:#009AA6;z-index:1;top:83px;width:260px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0.5s!important;transition:-webkit-transform 0.5s!important;-o-transition:transform 0.5s!important;transition:transform 0.5s!important;transition:transform 0.5s, -webkit-transform 0.5s!important;overflow-y:auto;overflow-x:hidden}.site-nav .navbar-collapse.show{opacity:1;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.site-nav .navbar-nav>li.dropdown>.dropdown-menu{position:absolute;width:100%}.site-nav .navbar-nav .nav-link{color:#fff;border-bottom:1px solid #009aa6;color:#ffffff;background-color:#009aa6;font-size:18px;padding:15px 0.615rem}.site-nav .navbar-nav .nav-link:hover{color:#ffffff;background-color:#72ce9b;border-color:#009aa6}.site-nav .dropdown-menu{-webkit-transition:none;-o-transition:none;transition:none;margin:0;padding:0}.site-nav .dropdown-toggle:after{border-top:15px solid;border-right:10px solid transparent;border-left:10px solid transparent;float:right;margin-top:5px;display:block}.site-nav .navbar-nav>li.dropdown .dropdown.show>.dropdown-menu{display:block;visibility:visible;opacity:1;background:none;position:relative}.site-nav .navbar-nav>li.dropdown .dropdown{margin-bottom:5px}.site-nav .navbar-nav>li.dropdown.show>.dropdown-menu{display:block!important;visibility:visible;opacity:1;background:none;position:relative}.site-nav .navbar-nav>li.dropdown .dropdown-menu{background:none;display:none}.site-nav .navbar-nav>li.dropdown .dropdown-menu.show{display:block!important}.site-nav .navbar-nav>li.dropdown a.dropdown-item{color:#fff!important;font-size:18px!important;background:none!important;padding:0.5rem 1.5rem}.site-nav .navbar-nav>li.dropdown .nav-item.show>a{background:#72ce9b!important}.site-nav .navbar-nav>li.dropdown .nav-item.show .dropdown-toggle:after{border-bottom:15px solid;border-right:10px solid transparent;border-left:10px solid transparent;border-top:0}.site-nav .navbar-nav>li.dropdown>.dropdown-menu>li>.dropdown-item{padding-left:25px;padding-top:0.6rem;padding-bottom:0.6rem}.site-nav .navbar-nav>li.dropdown:hover>.dropdown-menu{padding-top:0;background:none;position:relative;display:none}.site-nav .navbar-nav>li.dropdown:hover>.dropdown-menu .dropdown-toggle:after{display:block}}@media screen and (max-width:500px){.site-nav{padding-left:0}}@media screen and (max-width:350px){.site-nav .navbar-toggler{width:45px;height:40px}.site-nav .custom-logo-link{width:200px}.site-nav .navbar-collapse{height:calc(100vh - 72px);height:calc(100dvh - 72px);background:#009AA6;z-index:1;top:72px}}.navbar-toggler{width:55px;height:50px;position:fixed;right:5%;background:#009aa6;padding:0;border-radius:0}.navbar-toggler .responsive-menu-box{width:25px;height:15px;display:inline-block;position:relative}.navbar-toggler .responsive-menu-inner{width:25px;height:3px;border-radius:4px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0.15s;-o-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;margin-top:5px;left:0}.navbar-toggler .responsive-menu-inner:after,.navbar-toggler .responsive-menu-inner:before{content:"";display:block;width:25px;height:3px;background-color:#ffffff;border-radius:4px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0.15s;-o-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.navbar-toggler .responsive-menu-inner:before{top:0px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.navbar-toggler .responsive-menu-inner:after{bottom:0px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.navbar-toggler.collapsed .responsive-menu-inner{background-color:#ffffff}.navbar-toggler.collapsed .responsive-menu-inner:before{top:-8px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.navbar-toggler.collapsed .responsive-menu-inner:after{bottom:-8px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.language-selector .lang-label{position:absolute;top:15px;font-size:20px}.language-selector .submenu{position:absolute;width:100%;left:0;background:#fff;display:block;visibility:hidden;opacity:0;-webkit-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;border:none;z-index:1}.language-selector:hover .submenu{display:block;opacity:1;background:#fff;border:none;border-radius:0;margin-top:0;padding-bottom:0px;visibility:visible;opacity:1;-webkit-transition:0.3s ease all;-o-transition:0.3s ease all;transition:0.3s ease all}.language-selector .btn{color:#6c6c6c;font-size:0.723rem;letter-spacing:1px;outline:0}.language-selector .language-selector-inner{color:#6c6c6c;font-size:0.769rem;max-width:90%;margin-left:auto;margin-right:auto;background:#fff;margin-top:43px}.language-selector .language-selector-inner ul{list-style-type:none;padding:70px 0}.language-selector .language-selector-inner li{line-height:1.3rem}.language-selector .language-selector label{position:absolute;top:15px}@media screen and (max-width:1380px){.language-selector .btn{font-size:0.7rem}}@media screen and (max-width:1180px){.language-selector .btn{font-size:0.5rem}}@media screen and (max-width:992px){.language-selector{position:absolute;right:100px;display:none}}.footer{background:#01343b;color:#fff;margin-top:50px;padding:80px 0 60px}.footer .footer-logo-link{display:block}.footer a{color:#fff}.footer .footer-widget ul{list-style:none;padding:0;margin:0}.footer .footer-widget li{margin-bottom:10px;line-height:1}.footer .footer-widget .menu-footer-menu-2 li{display:inline-block}.footer .footer-widget .menu-item-icon{display:inline-block;width:53px;height:53px}.footer .footer-widget .menu-item-icon img{max-width:100%}.footer .footer-widget a{font-size:0.6rem;line-height:1}.footer .copyright-links{margin-top:40px;padding:0}.footer .copyright-links li{display:inline-block;border-right:1px solid #bcbcbc;padding-right:20px;margin-left:20px}.footer .copyright-links li:last-child{border-right:0}.footer .copyright-links li:first-child{margin-left:0}.footer .copyright-links a{color:#bcbcbc}.footer .copyright{margin-top:40px;padding-top:40px;border-top:1px solid #00464f;margin-bottom:60px;color:#bcbcbc;font-size:0.538rem;line-height:1.5em}.footer .copyright a{color:#bcbcbc}@media screen and (max-width:1200px){.footer .container{width:100%;max-width:100%}.footer .footer-widget li{line-height:1.5;margin-bottom:0}.footer .footer-widget a{font-size:15px}}@media screen and (max-width:992px){.footer .footer-logo-link{margin-bottom:25px}.footer .footer-cert{text-align:center}.footer .footer-widget .menu-item-text{width:100%;margin-bottom:10px}.footer .footer-widget .menu-item-icon{display:inline-block;width:53px;height:53px}.footer .footer-widget .menu-item-icon img{max-width:100%}}.read-more{color:#009aa6;font-size:0.75em;position:relative}.read-more:after{background:url(../images/arrow.svg) no-repeat center;width:26px;height:20px;display:inline-block;content:'';vertical-align:middle;margin-left:10px}.read-more:hover{text-decoration:none}.title{color:#009aa6;font-weight:normal;letter-spacing:1px;font-size:1.7rem;margin-bottom:35px}.row-cols-5>.col{max-width:20%;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%}.container-smaller{max-width:900px}.page-header{background:url(../images/grey-bg.png) no-repeat scroll center bottom transparent;background-size:100% auto;padding-bottom:80px;padding-top:80px;text-align:center;color:#00343b;margin-bottom:5%}.page-header .title,.page-header h1,.page-header h2{color:#00343b;font-size:1.5rem}.page-header p{line-height:1.2rem;font-size:0.623rem;color:#636363}.page-header ul{font-size:0.623rem;color:#636363}.page-header a{color:#555;text-decoration:underline}.page-header a:hover{color:#009aa6}@media screen and (max-width:992px){.page-header{background:#F9F9F9;padding-left:15px;padding-right:15px;padding-bottom:20px}}@media screen and (max-width:600px){.page-header .title,.page-header h1,.page-header h2{font-size:1.35rem;color:#00343b}}.top-prod{margin-top:-8%;margin-bottom:5%;text-align:center}.top-prod.upper{margin-top:-10%}@media screen and (max-width:767px){.top-prod{margin-bottom:15%;margin-top:-10%}.top-prod.upper{margin-top:-13%}}.page-text-content h2{color:#009aa6;margin-bottom:2rem;font-size:1.4rem;margin-top:2rem}.page-text-content h3{color:#00343b;font-size:1.3rem}.page-text-content p{line-height:1.5rem;font-size:0.7rem}.page-text-content .prod-list{margin-bottom:15%}.page-text-content .prod-block-title{font-size:1.5rem;color:#000;text-decoration:none;text-align:center;display:inline-block;margin-bottom:0}.page-text-content .prod-block-title:after{content:'';display:block;height:2px;background:#000}.page-text-content .btn-read-more{background:#009aa6;color:#fff;position:relative;text-transform:uppercase;padding:0.423rem 1.085rem 0.423rem 1.085rem;width:6.538rem;text-align:center;display:inline-block;border-radius:10px;-webkit-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;margin:1em auto;font-size:0.538em;display:block;white-space:nowrap;font-size:20px;width:200px;padding:10px 15px}.page-text-content .btn-read-more:hover{text-decoration:none;opacity:.9}@media screen and (max-width:600px){.page-text-content h2{font-size:1.108rem}.page-text-content h3{font-size:1rem}}ul.prod-list{list-style:none;padding:0;margin-left:0;margin-right:0}.prod-list{}.prod-list .prod-link{text-align:center;width:100%;height:100%}.prod-list>.div,.prod-list>li{margin-bottom:5%}.prod-list .prod-link,.prod-list>div,.prod-list>li{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.prod-list .read-more{background:#009aa6;color:#fff;position:relative;text-transform:uppercase;padding:0.423rem 1.085rem 0.423rem 1.085rem;width:6.538rem;text-align:center;display:inline-block;border-radius:10px;-webkit-transition:0.5s ease all;-o-transition:0.5s ease all;transition:0.5s ease all;margin:1em auto;font-size:0.538em;display:block;white-space:nowrap}.prod-list .name,.prod-list .name2{color:#01343B;text-align:center;font-size:1rem;font-weight:bold;margin-bottom:25px;padding:0 0;text-align:left}.prod-list .name{color:#01343B;text-align:center}.prod-list .name2{text-align:center;color:#009aa6}.prod-list .sub-title{color:#999;text-align:left;font-size:0.7rem;font-weight:bold;margin:1rem 0 5px;padding:0 0;text-align:left}.prod-list .desc,.prod-list .desc2{padding:0 0;text-align:left;max-width:300px}.prod-list .desc{font-size:0.7rem;color:#999;line-height:1.5;margin-bottom:35px}.prod-list .desc2{font-size:0.7rem;color:#999;line-height:1.5;list-style:none;text-align:left}.prod-list .desc2>li{padding-left:20px;text-indent:-15px}.prod-list .desc2>li:before{content:'';display:inline-block;vertical-align:top;margin-right:10px;width:5px;height:5px;background:#5EAFB4;border-radius:100%;margin-top:.4rem}.prod-list .pd-info{display:inline-block;margin:0 auto;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-bottom:100px}.prod-list .pd-info+.doc-link,.prod-list .pd-info+.read-more{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.prod-list .name,.prod-list .name2,.prod-list .read-more{opacity:1;-webkit-transition:500ms opacity;-o-transition:500ms opacity;transition:500ms opacity}.prod-list img{-webkit-transition:500ms -webkit-transform;transition:500ms -webkit-transform;-o-transition:500ms transform;transition:500ms transform;transition:500ms transform, 500ms -webkit-transform;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.prod-list .imgbox{padding-bottom:100%;position:relative;overflow:hidden;width:100%;max-height:525px}.prod-list .imgbox>img{position:absolute;max-width:100%;left:0;bottom:0;left:50%;bottom:0;-webkit-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);max-height:500px}.prod-list .imgbox.imgbox-60{padding-bottom:60%}.prod-list .imgbox.imgbox-80{padding-bottom:80%}.prod-list a:hover{text-decoration:none}.prod-list a:hover img{-webkit-transform:translateX(-50%) scale(1.05);-ms-transform:translateX(-50%) scale(1.05);transform:translateX(-50%) scale(1.05)}.prod-list a:hover .name,.prod-list a:hover .name2,.prod-list a:hover .read-more{opacity:.8}.prod-list.prod-list-single{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.prod-tab-outer{-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1);box-shadow:0 0 30px rgba(0, 0, 0, 0.1);border-radius:20px;overflow:hidden;margin-bottom:5%}.prod-tab-outer .tab-hide-title{display:none;color:#666}.prod-tab-outer .tab-pane{padding:50px 50px 50px;color:#808080;background-color:#f8f8f8;border-color:#f0f0f0;font-size:15px;line-height:1.5rem}.prod-tab-outer .nav-tabs{border-bottom:0;-ms-flex-pack:distribute;justify-content:space-around}.prod-tab-outer .nav-link{-webkit-box-flex:1;-ms-flex:1;flex:1;border:0;border-bottom:5px solid #fff;-webkit-transition:500ms all;-o-transition:500ms all;transition:500ms all;color:#555}.prod-tab-outer .nav-link:hover{background:transparent;border-bottom:5px solid #24a1ac;color:#009aa6}.prod-tab-outer .nav-link.active{background:transparent;border-bottom:5px solid #24a1ac;color:#009aa6}@media screen and (max-width:600px){.prod-tab-outer .nav-tabs{display:none}.prod-tab-outer .tab-content .row>div:first-child{text-align:center}.prod-tab-outer .tab-content .row>div{width:100%;margin-bottom:15px;max-width:100%}.prod-tab-outer .tab-content .img-fluid{max-width:80%}.prod-tab-outer .tab-content>.tab-pane{padding:10px 15px 10px;display:block;opacity:1}.prod-tab-outer .tab-content>.tab-pane.active .tab-hide-title+.row{display:block}.prod-tab-outer .tab-content>.tab-pane.active .tab-hide-title:after{display:none}.prod-tab-outer .tab-hide-title{display:block;border-bottom:1px solid #999;padding-bottom:10px;position:relative;padding-left:10px;font-size:1.5rem}.prod-tab-outer .tab-hide-title:after{position:absolute;content:'>';font-family:arial;-webkit-transform:rotate(90deg) scaleX(0.5);-ms-transform:rotate(90deg) scaleX(0.5);transform:rotate(90deg) scaleX(0.5);right:10px;color:#999;color:#ccc}.prod-tab-outer .tab-hide-title+.row{display:none}}
/*# sourceMappingURL=style.css.map */