*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Noto Sans TC", "mircosoft jhenghei", sans-serif;font-size:16px;-webkit-overflow-scrolling:touch}@media screen and (max-width:760px){body{background:url(../images/kvbg-m.jpg) no-repeat top center;background-size:100% auto}}h1,h2,h3,h4,h5,p{margin:0}.img,img{max-width:100%;max-height:100%}.br-m{display:none}.block-title{font-family:"Roboto", "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:700;color:#F08200;font-size:45px;text-align:center}.block-title.smaller{font-size:34px}@media screen and (max-width:1000px){.block-title{font-size:35px}.block-title.smaller{font-size:24px}}@media screen and (max-width:760px){.block-title{font-size:24px}.block-title.smaller{font-size:18px}}.container{max-width:1200px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width:1240px){.container{max-width:calc(100% - 30px)}}.fw-700{font-weight:700}.fw-500{font-weight:500}.text-center{text-align:center}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.row-2>.col{width:50%}.img-m{display:none}.header{position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:1200px;margin-left:auto;margin-right:auto;width:90%;z-index:2}.header .m-logo{display:none}@media screen and (max-width:1270px){.header{width:calc(100% - 30px)}}@media screen and (max-width:760px){.header{width:100%;-webkit-transform:none;-ms-transform:none;transform:none;left:0;top:0}.header.in .m-logo{display:block;max-width:300px;position:relative;z-index:1;margin-left:auto;margin-right:auto;margin-top:60px}.header.in .nav{display:block}.header.in .btn-menu{background:none}.header.in .btn-menu .ham>span{background:#F08200}.header.in .btn-menu .ham>span:first-child{-webkit-transform:rotate(45deg) translate(0px, -4px);-ms-transform:rotate(45deg) translate(0px, -4px);transform:rotate(45deg) translate(0px, -4px)}.header.in .btn-menu .ham>span:nth-child(2){opacity:0}.header.in .btn-menu .ham>span:nth-child(3){-webkit-transform:rotate(-45deg) translate(9px, -17px);-ms-transform:rotate(-45deg) translate(9px, -17px);transform:rotate(-45deg) translate(9px, -17px)}}@media screen and (max-width:760px) and (orientation:landscape){.header.in .m-logo{margin-top:11px}.header.in .nav{padding-top:90px}.header.in .nav-list li{margin-top:0;display:inline-block;border-top:0}}.nav{background:#F08200;border-radius:50px}@media screen and (max-width:760px){.nav{display:none;background:#FDF3E5;border-radius:0;width:100%;height:100vh;position:absolute;overflow:auto;left:0;top:0;padding-top:15%;padding-top:130px}}.nav-list{padding:0;margin:0;list-style:none;text-align:center}.nav-list>li{display:inline-block;padding:8px 15px}.nav-list a{color:#fff;text-decoration:none;-webkit-transition:500ms all;-o-transition:500ms all;transition:500ms all;display:block}.nav-list a:hover{text-shadow:0 0 10px #fff}@media screen and (max-width:1270px){.nav-list a{font-size:15px}}@media screen and (max-width:920px){.nav-list>li{padding:8px 5px}.nav-list a{font-size:14px}}@media screen and (max-width:850px){.nav-list a{font-size:13.5px}}@media screen and (max-width:760px){.nav-list li{border-top:1px solid #F08200;display:block;margin-top:5px}.nav-list a{font-size:15px;color:#000;padding:15px 15px;text-align:center}}.btn-menu{display:none;background:#F08200;width:50px;height:50px;border-radius:100%;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;position:fixed;right:30px;top:20px;z-index:2;-webkit-appearance:button;text-transform:none}.btn-menu .ham>span{background:#fff;width:30px;height:3px;margin-bottom:5px;display:block;-webkit-transition:500ms -webkit-transform;transition:500ms -webkit-transform;-o-transition:500ms transform;transition:500ms transform;transition:500ms transform, 500ms -webkit-transform}.btn-menu .ham>span:first-child{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.btn-menu .ham>span:nth-child(2){opacity:1}.btn-menu .ham>span:nth-child(3){margin-bottom:0;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}.btn-menu .text{font-size:0;background:none}@media screen and (max-width:760px){.btn-menu{display:-webkit-box;display:-ms-flexbox;display:flex}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.btn-menu>.ham{margin-top:10px}}}.kvbg{background:url(../images/bg/bg4.jpg) no-repeat top center;background-size:100% auto;position:absolute;width:100%;min-height:100vh;z-index:-1;overflow:hidden}.kvbg .frn{position:absolute;mix-blend-mode:multiply}.kvbg .light{z-index:2;width:100%;mix-blend-mode:normal;pointer-events:none}.kvbg .r1{right:18%;top:49%;width:5%;-webkit-animation:fly 10s 0s infinite alternate linear;animation:fly 10s 0s infinite alternate linear}.kvbg .r2{right:11%;top:40%;width:9%;-webkit-animation:fly 10s 2s infinite alternate linear;animation:fly 10s 2s infinite alternate linear}.kvbg .r3{right:8%;top:11%;width:34%;-webkit-animation:turn 60s 0s infinite alternate linear;animation:turn 60s 0s infinite alternate linear;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.kvbg .l1{left:12%;top:12%;width:17%;-webkit-animation:fly2 5s 0s infinite alternate linear;animation:fly2 5s 0s infinite alternate linear}.kvbg .c1{left:34%;top:29%;width:20%;-webkit-animation:c1 5s 0s infinite alternate linear;animation:c1 5s 0s infinite alternate linear}@media screen and (max-width:1100px){.kvbg .r1{top:40%}.kvbg .r2{top:30%}}@media screen and (max-width:760px){.kvbg{display:none}}@-webkit-keyframes fly{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(55%);transform:translateY(55%)}}@keyframes fly{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(55%);transform:translateY(55%)}}@-webkit-keyframes fly2{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes fly2{0%{-webkit-transform:translateY(0%);transform:translateY(0%)}to{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@-webkit-keyframes turn{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes turn{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes c1{0%{-webkit-transform:skewX(0deg) translateY(0%);transform:skewX(0deg) translateY(0%)}to{-webkit-transform:skewX(10deg) translateY(15%);transform:skewX(10deg) translateY(15%)}}@keyframes c1{0%{-webkit-transform:skewX(0deg) translateY(0%);transform:skewX(0deg) translateY(0%)}to{-webkit-transform:skewX(10deg) translateY(15%);transform:skewX(10deg) translateY(15%)}}.block-kv{padding-left:15px;padding-right:15px;padding-top:180px;min-height:100vh;position:relative}.block-kv .main-title{width:434px;height:75px;margin-bottom:50px}.block-kv .title{font-size:55px;opacity:0;-webkit-animation:1.2s 0s fadeIn forwards;animation:1.2s 0s fadeIn forwards}.block-kv .title span{display:block}.block-kv .txt{font-family:"Roboto", sans-serif;font-weight:300;color:#808080;font-size:22px;margin-top:15px;opacity:0;-webkit-animation:1s 1s fadeIn forwards;animation:1s 1s fadeIn forwards}.block-kv .scroll-hint{background:url(../images/scroll-hint.png) no-repeat top center;background-size:100% auto;width:54px;height:calc(100vh - 600px);position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;-webkit-animation:1s 2s fadeIn forwards;animation:1s 2s fadeIn forwards}.block-kv .scroll-hint:after{content:'';display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1px;height:calc(100% - 60px);background:#808080;background:-webkit-gradient(linear, left top, left bottom, from(gray), to(rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(top, gray 0%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(top, gray 0%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, gray 0%, rgba(255, 255, 255, 0) 100%);top:90px}@media screen and (min-width:761px) and (max-height:700px){.block-kv{padding-top:75px}.block-kv .main-title{margin-bottom:30px}.block-kv .scroll-hint{min-height:150px;height:calc(100vh - 400px)}}@media screen and (max-width:760px){.block-kv{min-height:initial}.block-kv .scroll-hint{display:none}}@media screen and (max-width:740px){.block-kv{padding-top:80px}.block-kv .main-title{width:60%;height:auto}.block-kv .title{font-size:35px}.block-kv .txt{font-size:16px}}@media screen and (max-width:500px){.block-kv .main-title{width:70%;height:auto;margin-bottom:5%}.block-kv .title{font-size:30px}.block-kv .txt{font-size:15px}}@media screen and (max-width:440px){.block-kv .title{font-size:20px}.block-kv .txt{font-size:15px}}.block-honor .txt1{color:#F08200;text-align:center;margin-bottom:50px}.block-honor .txt1 .txt2{font-size:46px}@media screen and (max-width:740px){.block-honor .txt1{margin-bottom:10px}.block-honor .txt1 .num-counter{font-size:40px}.block-honor .txt1 .txt2{font-size:23px}}.honor-counter{max-width:810px;margin-left:auto;margin-right:auto}.honor-counter .col{width:25%;text-align:center;color:#000}.honor-counter .imgbox{width:100px;height:92px;margin-left:auto;margin-right:auto;margin-bottom:20px}.honor-counter .txt{font-weight:500;display:block;font-size:28px}.honor-counter .col1 .imgbox{width:97px;height:85px;margin-top:7px}.honor-counter .col2 .imgbox{width:76px;height:84px;margin-top:8px}.honor-counter .col3 .imgbox{width:69px;height:89px;margin-top:3px}.honor-counter .col4 .imgbox{width:100px;height:92px;position:relative;right:-15px}@media screen and (max-width:740px){.honor-counter .txt{font-size:16px}.honor-counter .num-counter{font-size:40px}}@media screen and (max-width:500px){.honor-counter .imgbox{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}.honor-counter .col4 .imgbox{right:0px}}.num-counter{font-size:70px;font-weight:500;font-family:"Roboto", sans-serif}.honor-list{border:1px solid #F08200;padding:40px 35px;border-radius:25px;margin-top:40px}.honor-list .col1{width:45%}.honor-list .col2{width:55%}.honor-list .list{padding:0;margin:0;list-style:none}.honor-list .list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:32px}.honor-list .icon{width:72px;height:72px}.honor-list .txt{font-size:22px;font-family:"Roboto", sans-serif, "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:300;padding-left:15px;margin-top:10px;line-height:1.4;width:calc(92% - 72px)}.honor-list .cert-img{margin-top:20px;margin-bottom:10px}.honor-list .cert-img>img{height:83px}.honor-list .cert-img .cert1{margin-right:25px}@media screen and (max-width:1100px){.honor-list .txt{font-size:16px}}@media screen and (max-width:600px){.honor-list .col1{width:100%}.honor-list .col2{width:100%}.honor-list .cert1{margin-right:auto;margin-bottom:30px}.honor-list .cert-img>img{height:auto}.honor-list .list .txt{width:calc(100% - 72px);font-size:15px}.honor-list .list .txt br{display:none}}.block-tech1{margin-top:10%;text-align:center;margin-bottom:10%}.block-tech1 .block-sub-title{font-weight:700;font-size:38px;color:#1B4F86;margin-top:20px;margin-bottom:20px}.block-tech1 .ref{text-align:center;color:#808080;font-size:14px;line-height:1.8}.block-tech1 .img-outer{margin-top:3%;position:relative}.block-tech1 .prod{max-width:60%}.block-tech1 .prod-m{max-width:100%;display:none}.block-tech1 .feature{position:absolute;text-align:left}.block-tech1 .feature .name{font-family:"Roboto", "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:700;font-size:38px;color:#1B4F86}.block-tech1 .feature .name>small{font-size:22px;display:block;font-weight:500}.block-tech1 .feature .num{font-size:38px}.block-tech1 .feature .txt{font-size:18px;font-weight:300;color:#000;margin-top:10px;line-height:1.5}.block-tech1 .feature .point{position:relative;-webkit-transition:500ms all;-o-transition:500ms all;transition:500ms all}.block-tech1 .feature .point:after{content:'';display:block;width:8px;height:8px;border-radius:100%;position:absolute;bottom:-4px;background:#1B4F86}.block-tech1 .feature1{left:0;top:20px}.block-tech1 .feature1 .point{width:80%;margin-left:30px;height:80px;border-left:1px solid #1B4F86;border-bottom:1px solid #1B4F86;border-radius:0 0 0 15px;margin-top:10px}.block-tech1 .feature1 .point:after{right:0}.block-tech1 .feature2{right:0;top:95px}.block-tech1 .feature2 .point{width:29%;height:170px;border-left:1px solid #1B4F86;border-top:1px solid #1B4F86;border-radius:15px 0 0 0;margin-left:-34%;position:absolute;left:0;top:25px}.block-tech1 .feature2 .point:after{left:-4px}@media screen and (max-width:1260px){.block-tech1 .feature1 .point{width:20vw;height:6vw}}@media screen and (max-width:1140px){.block-tech1 .feature1 .point{height:5vw}.block-tech1 .feature2 .point{width:5vw;margin-left:-5vw}}@media screen and (max-width:1050px){.block-tech1 .feature1 .point{height:3vw}}@media screen and (max-width:1000px){.block-tech1 .prod-m{display:block}.block-tech1 .prod{display:none}.block-tech1 .feature{display:none}.block-tech1 .block-sub-title{font-size:28px}}.block-tech1 .test-links{padding:0;margin:0;list-style:none;position:absolute;bottom:0}.block-tech1 .test-links a{display:block;margin-bottom:15px;border-radius:25px;color:#fff;padding:8px 20px;padding-left:45px;background-repeat:no-repeat;background-size:auto 25px;text-decoration:none;font-weight:500}.block-tech1 .test-links a:hover{opacity:.8}.block-tech1 .test-links .link1>a{background-image:url(../images/icon-test1.png);background-color:#76B03C;background-position:10px center}.block-tech1 .test-links .link2>a{background-image:url(../images/icon-test2.png);background-color:#DC5000;background-size:auto 19px;background-position:8px center}@media screen and (max-width:760px){.block-tech1 .br-m{display:block}.block-tech1 .block-sub-title{font-size:20px;margin-top:10px;margin-bottom:10px}.block-tech1 .ref{font-size:13px}.block-tech1 .img-outer{padding-bottom:5%}}@media screen and (max-width:600px){.block-tech1 .img-outer{padding-bottom:10%}}@media screen and (max-width:450px){.block-tech1 .img-outer{padding-bottom:17%}}.block-chart{text-align:center}.block-chart .block-title{margin-bottom:20px}.block-chart .img{max-width:800px;margin-left:auto;margin-right:auto}.block-chart .divide{margin-bottom:8%}.block-chart .img2{display:block}@media screen and (max-width:830px){.block-chart{padding-left:15px;padding-right:15px}.block-chart .img{max-width:100%}}@media screen and (max-width:600px){.block-chart .img{display:none}.block-chart .img2,.block-chart .img-m{display:block}.block-chart .container{padding-left:0;padding-right:0}}.chart-alive-outer{position:relative;max-width:800px;margin-left:auto;margin-right:auto}.chart-alive-outer .label1{position:absolute;left:-80px;top:0;font-family:"Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:300;color:#000;font-size:14px}.chart-alive-outer .legend{position:absolute;right:0;font-size:13px}.chart-alive-outer .legend .no,.chart-alive-outer .legend .yes{font-family:"Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:300}.chart-alive-outer .legend .no:before,.chart-alive-outer .legend .yes:before{content:'';display:inline-block;width:16px;height:16px;margin-right:10px;top:3px;position:relative}.chart-alive-outer .legend .no:before{background:#C0C0C0}.chart-alive-outer .legend .yes{margin-right:15px;margin-left:30px}.chart-alive-outer .legend .yes:before{background:#76B03C}@media screen and (max-width:980px){.chart-alive-outer .label1{left:-30px}}@media screen and (max-width:900px){.chart-alive-outer .label1{left:0px}}@media screen and (max-width:600px){.chart-alive-outer{padding-top:20px;padding-bottom:50px}.chart-alive-outer .label1{top:10px}.chart-alive-outer .legend{width:200px;text-align:left;margin-top:-15px}.chart-alive-outer .legend .yes{margin-left:0;margin-right:0;margin-top:5px}.chart-alive-outer .legend>span{display:block}}@media screen and (max-width:400px){.chart-alive-outer{padding-bottom:100px}}.chart-alive{position:relative}.chart-alive table{border-spacing:0;width:100%}.chart-alive table td{height:40px;border-bottom:1px solid rgba(128, 128, 128, 0.3);text-align:left}.chart-alive table .y-num{position:absolute;width:50px;text-align:right;color:#808080;font-family:"Roboto", sans-serif;font-weight:300;left:-55px;margin-top:13px}.chart-alive .alive-outer,.chart-alive .bar-outer{width:100%;position:absolute;left:0;top:0;height:100%}.chart-alive .bar-outer{display:-webkit-box;display:-ms-flexbox;display:flex}.chart-alive .bar-outer>div{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.chart-alive .bar-outer .bar{width:35px;position:relative}.chart-alive .bar-outer .no{background:#C0C0C0}.chart-alive .bar-outer .yes{background:#76B03C;margin-left:15px;color:#76B03C}.chart-alive .bar-outer .num{position:absolute;left:50%;-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%);top:-20px;font-family:"Roboto", sans-serif;font-weight:500}.chart-alive .bar-outer .txt{text-align:center;position:absolute;bottom:-40px;font-family:"Roboto", sans-serif, "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-size:13px;font-weight:300;width:85px}.chart-alive .bar-1>div,.chart-alive .bar-2>div{display:inline-block}.chart-alive .bar-1{margin-left:10%}.chart-alive .bar-1 .no{height:calc(70% - 40px)}.chart-alive .bar-1 .yes{height:5.6%}.chart-alive .bar-2{margin-left:15%}.chart-alive .bar-2 .no{height:calc(78% - 40px)}.chart-alive .bar-2 .yes{height:calc(55.2% - 40px)}.chart-alive .alive-outer{height:50.6%;bottom:5.6%;top:auto;padding-left:calc(10% + 85px);z-index:1}.chart-alive .alive-outer .high,.chart-alive .alive-outer .low{position:absolute;background:url(../images/dash.png) repeat-x left center;background-size:auto 4px;height:4px}.chart-alive .alive-outer .high{top:38px;width:60px;margin-left:calc(26% + 0px)}.chart-alive .alive-outer .low{bottom:0;width:34%}.chart-alive .alive-outer .txt{font-family:"Roboto", sans-serif, "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:700;font-size:22px;color:#1B4F86;display:inline-block;margin-left:230px;margin-top:20px;overflow:hidden}.chart-alive .alive-outer .txt .clip-inner{-webkit-transform:translateY(101%);-ms-transform:translateY(101%);transform:translateY(101%);-webkit-transition:2s -webkit-transform;transition:2s -webkit-transform;-o-transition:2s transform;transition:2s transform;transition:2s transform, 2s -webkit-transform}.chart-alive .alive-outer .txt .num{font-size:70px;position:relative;top:3px}.chart-alive .alive-outer .txt .x{font-size:52px}.chart-alive .alive-outer .txt br{display:none}.chart-alive .alive-outer .arrow{position:absolute;height:0%;width:13px;bottom:0;margin-left:calc(25% + 65px);-webkit-transition:500ms all;-o-transition:500ms all;transition:500ms all;opacity:0}.chart-alive .alive-outer .arrow:after,.chart-alive .alive-outer .arrow:before{content:'';display:block;position:absolute}.chart-alive .alive-outer .arrow:before{background:#1B4F86;width:13px;height:calc(100% - 25px);bottom:0}.chart-alive .alive-outer .arrow:after{width:0;height:0;border-style:solid;border-width:0 15px 25px 15px;border-color:transparent transparent #1B4F86 transparent;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.chart-alive .alive-outer.in .arrow{opacity:1;height:calc(100% - 38px)}.chart-alive .alive-outer.in .txt .clip-inner{-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}@media screen and (max-width:980px){.chart-alive table .y-num{left:0;text-align:left;background:#fff;width:auto}}@media screen and (max-width:700px){.chart-alive .bar-2{margin-left:5%}.chart-alive .bar-outer .yes{margin-left:10px}.chart-alive .alive-outer .high{margin-left:16%}.chart-alive .alive-outer .low{width:27%}.chart-alive .alive-outer .arrow{margin-left:calc(25% + 5px)}.chart-alive .alive-outer .txt{margin-left:calc(160px + 1%)}}@media screen and (max-width:625px){.chart-alive .alive-outer .high{margin-left:20%;width:35px}.chart-alive .alive-outer .low{width:27%}.chart-alive .alive-outer .txt{font-size:18px;text-align:left;margin-left:calc(110px + 1%);margin-top:50px}.chart-alive .alive-outer .txt .num{font-size:50px;margin-left:-10px}.chart-alive .alive-outer .txt .x{font-size:22px}.chart-alive .alive-outer .txt br{display:block}}@media screen and (max-width:550px){.chart-alive .alive-outer .high{margin-left:20%;width:55px}.chart-alive .alive-outer .low{width:33%}.chart-alive .alive-outer .arrow{margin-left:calc(25% + 25px)}.chart-alive .alive-outer .txt{margin-left:calc(100% - 110px)}}@media screen and (max-width:460px){.chart-alive .bar-outer .txt{margin-left:-15px}.chart-alive .bar-outer .bar{width:25px}.chart-alive .bar-outer .num{-webkit-transform:translateX(-32%);-ms-transform:translateX(-32%);transform:translateX(-32%);top:-24px}.chart-alive .alive-outer{padding-left:calc(10% + 65px)}.chart-alive .alive-outer .high,.chart-alive .alive-outer .low{background-size:auto 2px}.chart-alive .alive-outer .high{width:40px}.chart-alive .alive-outer .low{width:33%}.chart-alive .alive-outer .arrow{margin-left:calc(25% + 15px)}}@media screen and (max-width:400px){.chart-alive .alive-outer .txt{font-size:16px;text-align:left;margin-left:calc(110px + 2%);margin-top:50px}.chart-alive .alive-outer .txt .num{font-size:40px;margin-left:-5px}.chart-alive .alive-outer .txt .x{font-size:18px}.chart-alive .alive-outer .txt br{display:block}}.block-top-title{border-radius:25px;padding:8px 25px;color:#fff;position:absolute;top:-20px;font-weight:500;font-size:28px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:700px){.block-top-title{font-size:20px}}.block-test1{position:relative;text-align:center;margin-top:5%}.block-test1 .container{border:1px solid #76B03C;padding:70px 35px 30px;border-radius:25px}.block-test1 .block-top-title{background:#76B03C}.block-test1 .block-title{color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:600px;margin-left:auto;margin-right:auto;margin-bottom:3.5%}.block-test1 .block-title small{background:url(../images/icon-test1-title.jpg) no-repeat left center;background-size:54px 54px;padding-left:60px;color:#76B03C;font-size:24px;width:132px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.block-test1 .block-title>div{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.block-test1 .block-title .zh{font-size:32px}.block-test1 .block-title .en{display:block;font-family:"Roboto", sans-serif;font-size:18px;color:#4D4D4D;font-weight:300}.block-test1 .figure1 .row{-ms-flex-pack:distribute;justify-content:space-around}.block-test1 .figure1 .col{width:25%;text-align:left;line-height:1.5}.block-test1 .figure1 .top{margin-bottom:-14px;position:relative;z-index:2}.block-test1 .figure1 .top .col{text-align:center}.block-test1 .figure1 h3{color:#1B4F86;font-size:34px;margin-bottom:5px}.block-test1 .figure1 h3>small{font-size:22px}.block-test1 .figure1-m{display:none}.block-test1 .figure2{margin-top:7%}.block-test1 .figure2 .title{font-size:28px;color:#76B03C;margin-bottom:8px}.block-test1 .figure2 .title>small{font-size:22px}.block-test1 .figure2 .txt{margin-bottom:10px;font-size:16px}.block-test1 .figure2 .col{width:calc(50% - 55px);text-align:left;margin-bottom:30px}.block-test1 .figure2 .arrow{width:50px;background:url(../images/ph-arrow.jpg) no-repeat 5px center;background-size:45px auto}@media screen and (max-width:1080px){.block-test1 .figure1 h3{font-size:30px}.block-test1 .figure1 h3>small{font-size:18px}}@media screen and (max-width:930px){.block-test1 .figure1 .top{margin-bottom:-10px}.block-test1 .figure1 .col{width:30%}.block-test1 .figure1 h3{font-size:24px}.block-test1 .figure1 h3>small{font-size:16px}}@media screen and (max-width:800px){.block-test1 .figure2 .title{font-size:24px}.block-test1 .figure2 .title>small{font-size:18px}}@media screen and (max-width:700px){.block-test1{margin-top:15%}.block-test1 .block-title{width:420px;margin-bottom:30px}.block-test1 .block-title small{font-size:18px;width:102px}.block-test1 .block-title .zh{font-size:26px}.block-test1 .block-title .en{font-size:15px}.block-test1 .figure1{display:none}.block-test1 .figure1-m{display:-webkit-box;display:-ms-flexbox;display:flex}.block-test1 .figure1-m .img{width:35%}.block-test1 .figure1-m h3{color:#1B4F86;font-size:24px;margin-bottom:5px}.block-test1 .figure1-m h3>small{font-size:18px}.block-test1 .figure1-m .row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.block-test1 .figure1-m .row>.col{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:10px;line-height:1.5}}@media screen and (max-width:600px){.block-test1 .figure2 .col{width:100%;margin-bottom:10px}.block-test1 .figure2 .arrow{width:100%;background:url(../images/ph-arrow-m.jpg) no-repeat center;background-size:auto 100%;height:40px;margin-bottom:5px}}@media screen and (max-width:530px){.block-test1 .container{padding:70px 15px 30px}.block-test1 .block-title{width:330px}.block-test1 .block-title small{font-size:15px;width:82px;background-size:40px 40px;padding-left:46px;margin-right:10px}.block-test1 .block-title .zh{font-size:19px}.block-test1 .block-title .en{font-size:14px}.block-test1 .figure1-m h3{font-size:20px}.block-test1 .figure1-m h3>small{font-size:15px}.block-test1 .figure1-m p{font-size:14px}}@media screen and (max-width:400px){.block-test1 .block-title .zh{font-size:17px}}.block-test2{position:relative;margin-top:5%;text-align:center}.block-test2 .block-top-title{background:#DC5000}.block-test2 .container{border:1px solid #DC5000;padding:70px 35px 30px;border-radius:25px}.block-test2 .txt1{font-weight:300;font-size:22px;margin-bottom:10px}.block-test2 .block-title{color:#000;font-weight:500;font-size:46px;line-height:1.5;margin-bottom:3%;font-family:"Roboto", "Noto Sans TC", "mircosoft jhenghei", sans-serif;overflow:hidden}.block-test2 .block-title>small{display:block;font-size:22px;font-weight:500;-webkit-transform:translateY(-101%);-ms-transform:translateY(-101%);transform:translateY(-101%)}.block-test2 .block-title .clip-outer{overflow:hidden}.block-test2 .block-title .clip-inner{-webkit-transform:translateY(-101%);-ms-transform:translateY(-101%);transform:translateY(-101%)}.block-test2 .block-test2-title.in>small{-webkit-animation:clipInToBottom .4s 0s forwards;animation:clipInToBottom .4s 0s forwards}.block-test2 .block-test2-title.in .clip-inner{-webkit-animation:clipInToBottom .5s .8s forwards;animation:clipInToBottom .5s .8s forwards}.block-test2 .title2{max-width:646px;margin-left:auto;margin-right:auto;text-align:left}.block-test2 .title2 .title{font-weight:700;font-size:28px;color:#DC5000;margin-bottom:15px}.block-test2 .list{padding:0;margin:0;list-style:none;text-align:left;font-size:16px;font-family:"Roboto", "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:300}.block-test2 .list>li{margin-bottom:5px}.block-test2 .list>li:before{content:'';display:inline-block;width:4px;height:4px;border-radius:100%;background:#000;vertical-align:middle;margin-right:10px}@media screen and (max-width:830px){.block-test2{margin-top:12%}.block-test2 .container{padding-bottom:0}}@media screen and (max-width:530px){.block-test2 .container{padding:40px 15px 30px}.block-test2 .txt1{font-size:15px}.block-test2 .block-title{font-size:30px}.block-test2 .block-title>small{font-size:15px}.block-test2 .title2 .title{font-size:16px}.block-test2 .br-m{display:block}}@-webkit-keyframes clipInToBottom{0%{-webkit-transform:translateY(-101%);transform:translateY(-101%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes clipInToBottom{0%{-webkit-transform:translateY(-101%);transform:translateY(-101%)}to{-webkit-transform:translateY(0%);transform:translateY(0%)}}.vege-list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px;margin-bottom:3%}.vege-list .item-title{padding-top:85px;font-family:"Roboto", "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:300;font-size:16px;background-repeat:no-repeat;background-position:top center;background-size:74px 74px;display:inline-block;vertical-align:top;width:76px;min-height:135px}.vege-list .item-title:nth-child(2){margin-left:10px}.vege-list .item-title small{display:block}.vege-list .col{width:24%}.vege-list .col1 .item-title{background-image:url(../images/icon-propolis.jpg)}.vege-list .col2 .item-title:first-child{background-image:url(../images/icon-scallion.jpg)}.vege-list .col2 .item-title:nth-child(2){background-image:url(../images/icon-onion.jpg)}.vege-list .col3 .item-title:first-child{background-image:url(../images/icon-garlic.jpg)}.vege-list .col3 .item-title:nth-child(2){background-image:url(../images/icon-ginger.jpg)}.vege-list .col4 .item-title:first-child{background-image:url(../images/icon-pepper1.jpg)}.vege-list .col4 .item-title:nth-child(2){background-image:url(../images/icon-pepper2.jpg)}@media screen and (max-width:830px){.vege-list .col{width:50%;margin-bottom:40px}}@media screen and (max-width:500px){.vege-list .col{width:100%;margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex}.vege-list .col>div{width:40px}.vege-list .col>img{max-width:calc(100% - 50px);margin-left:10px;-o-object-fit:contain;object-fit:contain}.vege-list .col .item-title{background-size:38px 38px;width:40px;min-height:initial;padding-top:45px;margin-bottom:30px}.vege-list .col .item-title:nth-child(2){margin-left:0}.vege-list .col:last-child{margin-bottom:0}}.block-check{margin-top:5%}.block-check .txt1{font-size:28px;text-align:center;font-weight:300;margin-top:15px;margin-bottom:50px}.block-check .col{width:20%;text-align:center}.block-check col{width:20%;padding-left:10px;padding-right:10px}.block-check .imgbox{width:100px;height:80px;display:block;margin-left:auto;margin-right:auto;margin-bottom:20px}.block-check .zh{font-size:22px;font-weight:500;color:#1B4F86;margin-bottom:10px}.block-check .en{font-size:18px;font-weight:300;font-family:"Roboto", sans-serif}@media screen and (max-width:830px){.block-check .txt1{font-size:20px}.block-check .row{-ms-flex-pack:distribute;justify-content:space-around}.block-check .col{width:33.3%;margin-bottom:40px}.block-check .item1,.block-check .item2{width:50%}}@media screen and (max-width:500px){.block-check{margin-top:15%}.block-check .br-m{display:block}.block-check .txt1{font-size:15px}.block-check .col,.block-check .item2{width:50%;margin-bottom:40px}.block-check .item1{width:100%}.block-check .zh{font-size:18px}.block-check .en{font-size:15px}}.block-security{margin-top:3%}.block-security .txt1{margin-top:15px;font-family:"Roboto", "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-weight:300;font-size:16px;max-width:770px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:3%;line-height:1.5}.block-security .row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.block-security .col{padding-left:15px;padding-right:15px}.block-security .col .title{text-align:center;border-bottom:1px solid #F08200;color:#F08200;font-weight:500;font-size:22px;padding-bottom:5px}.block-security .col td{padding-top:15px;padding-bottom:15px}.block-security .col .txt{padding-left:30px;text-indent:-15px;font-family:"Roboto", sans-serif;font-weight:300;font-size:16px;line-height:1.5}.block-security .col .txt:before{content:'';display:inline-block;width:4px;height:4px;border-radius:100%;background:#000;vertical-align:middle;margin-right:10px}.block-security .col1{width:54%}.block-security .col2{width:37.5%}.block-security .col2 .img{width:132px;height:74px}.block-security .td-ncbi{width:140px}@media screen and (max-width:1100px){.block-security .col1{width:54%}.block-security .col2{width:46%}}@media screen and (max-width:700px){.block-security .col1{width:100%;margin-bottom:3%}.block-security .col2{width:100%}.block-security .col2 .img{height:auto}.block-security td:first-child{width:30%}.block-security .txt1{font-size:15px;margin-bottom:25px;margin-top:5px}}@media screen and (max-width:400px){.block-security .col .txt{font-size:14px}}.block-tech2{background:url(../images/factory.jpg) no-repeat bottom center;background-size:100% auto;padding-top:5%;text-align:center;padding-bottom:50%}.block-tech2 .block-title{color:#fff}.block-tech2 .en{font-family:"Roboto", sans-serif;font-size:22px;font-weight:300;display:block;margin-top:10px}.block-tech2 .txt1{color:#1B4F86;font-family:"Roboto", sans-serif;font-size:34px;font-weight:700;margin-top:5%}@media screen and (max-width:600px){.block-tech2{background:url(../images/factory-m.jpg) no-repeat bottom center;background-size:100% auto;padding-bottom:210%;margin-top:6%}.block-tech2 .txt1{display:none}.block-tech2 .en{font-size:18px}}@media screen and (max-width:380px){.block-tech2 .block-title{font-size:21px}}.block-spec{margin-top:7%}.block-spec .block-title{margin-bottom:25px}.block-spec .color1{color:#4B9E2C}.block-spec .color1 .name{background:#F9FCF9}.block-spec .color2{color:#5096FF}.block-spec .color2 .name{background:#F9FBFF}.block-spec .color3{color:#994EC7}.block-spec .color3 .name{background:#F8F6FC}.block-spec .spec-table-outer-m{display:none}@media screen and (max-width:750px){.block-spec .spec-table-outer-m{display:block}.block-spec .spec-table-outer{display:none}}.spec-table{border-spacing:0}.spec-table th{background:#1B4F86;color:#fff;font-family:"Roboto", "Noto Sans TC", "mircosoft jhenghei", sans-serif;font-size:16px;font-weight:500;padding:10px 5px;border-right:1px solid #fff;white-space:nowrap}.spec-table th:last-child{border-right:0}.spec-table td{border-bottom:1px solid #1B4F86;padding:7px 10px;font-family:"Roboto", sans-serif}.spec-table .name{font-weight:700}.spec-table .name2{white-space:nowrap;font-weight:500}.spec-table .spec{text-align:left;font-size:16px;font-weight:500}.spec-table .origin{text-align:left;color:#000;font-size:16px;font-weight:300}.spec-table .gars{text-align:center;color:#000;font-size:16px;font-weight:300}.spec-table .char{text-align:left;color:#000;font-size:16px;font-weight:300;width:33%}.spec-table-outer-m .td-prod-title{padding:0;color:#fff}.spec-table-outer-m .td-prod-title .type{border-right:1px solid #fff;width:120px;display:inline-block;vertical-align:top;padding:8px 5px;font-size:13px}.spec-table-outer-m .td-prod-title .name{font-weight:700;font-style:italic;font-family:"Roboto", sans-serif;padding:8px 5px;font-size:24px;width:calc(100% - 125px);display:inline-block;vertical-align:top}.spec-table-outer-m .divide{border-bottom:0;padding:18px}.spec-table-outer-m .desc{font-family:"Roboto", sans-serif;font-size:16px;font-weight:300;padding-top:15px;padding-bottom:15px}.spec-table-outer-m .open>td{border-bottom:0}.spec-table-outer-m .btn-collapse{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;font-size:0;display:block;margin:0 auto;cursor:pointer}.spec-table-outer-m .btn-collapse:after{content:'';display:block;width:0;height:0;border-style:solid;border-width:15px 10px 0 10px}.spec-table-outer-m .btn-collapse.in:after{border-color:transparent transparent #CCCCCC transparent}.spec-table-outer-m .color1.desc{background:#F9FCF9;color:#000}.spec-table-outer-m .color1 .btn-collapse:after{border-color:#76B03C transparent transparent transparent}.spec-table-outer-m .color2.desc{background:#F9FBFF;color:#000}.spec-table-outer-m .color2 .btn-collapse:after{border-color:#5096FF transparent transparent transparent}.spec-table-outer-m .color3.desc{background:#F8F6FC;color:#000}.spec-table-outer-m .color3 .btn-collapse:after{border-color:#994EC7 transparent transparent transparent}.spec-table-outer-m .prod1-title{background:#4B9E2C}.spec-table-outer-m .prod2-title{background:#5096FF}.spec-table-outer-m .prod3-title{background:#994EC7}.spec-table-outer-m .desc{display:none}.spec-table-outer-m .in .desc{display:table-cell}@media screen and (max-width:560px){.spec-table-outer-m th{white-space:normal;font-size:13px}.spec-table-outer-m th span{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:block;display:none}.spec-table-outer-m td{padding:7px 5px;font-size:14px}.spec-table-outer-m .gars,.spec-table-outer-m .origin{font-size:14px}.spec-table-outer-m .name2{white-space:normal;font-size:14px}}.block-patent{margin-top:5%}.block-patent .block-title{margin-bottom:4%}.block-patent .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:25px}.block-patent .icon{width:102px;height:102px}.block-patent .txtbox{width:calc(95% - 105px);padding-left:15px;margin-top:15px}.block-patent .name{color:#1B4F86;font-size:22px;font-weight:500;margin-bottom:10px}.block-patent .txt{font-family:"Roboto", sans-serif;color:#000;font-weight:300;font-size:16px;margin-bottom:12px}.block-patent .prod>span{display:inline-block;margin-right:5px;margin-bottom:11px;padding:4px 10px;border-radius:15px;font-weight:500;font-size:13px;line-height:1;font-family:"Roboto", sans-serif}.block-patent .color1{background:#C8E1BE}.block-patent .color2{background:#BED8FF}.block-patent .color3{background:#DCD2F0}@media screen and (max-width:760px){.block-patent{margin-top:15%}.block-patent .name{font-size:18px}.block-patent .txt{font-size:15px}}@media screen and (max-width:650px){.block-patent .icon{width:80px;height:auto;-o-object-fit:contain;object-fit:contain}.block-patent .txtbox{width:calc(1005% - 90px);padding-left:15px;margin-top:15px}.block-patent .col{width:100%}}.block-probiotics{background:#FDF3E5;padding-top:50px;padding-bottom:30px;margin-top:5%}.block-probiotics .block-title{text-align:center;margin-bottom:30px}.block-probiotics .prod-title{display:inline-block;padding:5px 30px 7px;font-size:28px;color:#fff;border-radius:25px;font-weight:500;margin-bottom:30px;font-family:"Roboto", "Noto Sans TC", "mircosoft jhenghei", sans-serif}.block-probiotics .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:25px;font-size:22px}.block-probiotics .icon{width:70px;-o-object-fit:contain;object-fit:contain}.block-probiotics .txtbox{width:calc(95% - 70px);font-weight:500;padding-left:15px;text-align:left;margin-top:18px}.block-probiotics .prod1{text-align:center}.block-probiotics .prod1 .prod-title{background:#1B4F86}.block-probiotics .prod1 .txtbox{color:#1B4F86}.block-probiotics .prod1 .list,.block-probiotics .prod1 .numlist{color:#000;font-family:"Roboto", sans-serif;font-weight:300}.block-probiotics .prod1 .list{padding:0;margin:0;list-style:none;line-height:1.3}.block-probiotics .prod1 .list li{margin-bottom:10px;padding-left:15px;position:relative}.block-probiotics .prod1 .list li:before{content:'';display:inline-block;background:#000;width:4px;height:4px;margin-top:5px;border-radius:100%;position:absolute;left:0}.block-probiotics .prod1 .numlist{padding:0;margin:0;list-style:none;line-height:1.1}.block-probiotics .prod1 .numlist>li{margin-bottom:5px}.block-probiotics .prod1 .img,.block-probiotics .prod1 .list,.block-probiotics .prod1 .numlist{margin-top:15px}.block-probiotics .prod2{text-align:center;margin-top:4%}.block-probiotics .prod2 .prod-title{background:#8C6239}.block-probiotics .prod2 .txtbox{color:#8C6239}.block-probiotics .prod2 .txtbox{width:calc(81% - 70px)}.block-probiotics .chart{margin-top:4%;margin-bottom:4%}.block-probiotics .chart .img1{margin-right:6%;max-width:57%}.block-probiotics .chart .img2{max-width:37%}@media screen and (max-width:1100px){.block-probiotics .item{font-size:16px}}@media screen and (max-width:700px){.block-probiotics .container{padding-left:30px;padding-right:30px}.block-probiotics .prod-title{font-size:20px}.block-probiotics .col{width:100%}.block-probiotics .prod1 .txtbox,.block-probiotics .prod2 .txtbox{width:calc(100% - 70px)}}@media screen and (max-width:500px){.block-probiotics .prod-title{border-radius:35px}.block-probiotics .container{padding-left:0;padding-right:0}.block-probiotics .chart .img1{max-width:100%;margin-right:0;margin-bottom:35px}.block-probiotics .chart .img2{max-width:70%}.block-probiotics .prod2 .prod-title{border-radius:45px}}.footer{background:#F08200;text-align:center;padding:15px 20px;line-height:1.5}.copyright{color:#fff;font-weight:500;font-family:"Roboto", sans-serif}.notice{font-weight:300;color:#000;font-size:14px}
/*# sourceMappingURL=style.css.map */