.page-header{margin-bottom:2%}.out-embed{font-family:"Noto Sans TC", "microsoft jhenghei", sans-serif}.top-prod{margin-top:5%;margin-bottom:5%;text-align:center}@media screen and (max-width:767px){.top-prod{margin-bottom:15%;margin-top:5%}.top-prod .txt{max-width:75%;margin-top:5%}}.feature{font-family:"Noto Sans TC", "microsoft jhenghei", sans-serif}.feature img{margin-left:auto;margin-right:auto}.feature .block_title{color:#5CA185;border-bottom:1px solid #5CA185}.feature .feature1{margin-bottom:8%;margin-top:3%}.feature .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.env-title{font-weight:300;color:#5CA185;text-align:left;line-height:1.4;margin-bottom:30px;font-size:1.06rem}.env-title strong{font-weight:500;font-size:1.06rem}.env-list{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5%}.env-list>li{width:16.6%;line-height:1.4;padding:0 6px;font-size:15px;text-align:center;font-weight:300}.env-list img{max-width:80%;margin-bottom:10px}.env-list span{display:block}.icon-drop{width:30px;display:inline-block;margin-right:15px;vertical-align:text-bottom}.feature2{font-family:"Noto Sans TC", "microsoft jhenghei", sans-serif;background:url(/images/biot/feature3.png) no-repeat left bottom;padding-bottom:15%;padding-top:7%;text-align:left}.feature2 .block_title{color:#5CA185;border-bottom:0;font-size:1.06rem;font-weight:500;margin:0 0 0 -40px;padding-bottom:10px}.feature2 ul{list-style:none;padding:0;margin:0}.feature2 .list1>li{font-size:20px;font-weight:300}.feature2 .feature2-txt1{float:left;width:60%;padding:5% 0 0 15%}.feature2 .feature2-img{float:right}.feature2 .feature2-txt2{color:#5CA185;border-bottom:0;font-size:1.06rem;font-weight:500;clear:both;width:100%;padding:12% 0 0 70%}.feature2 .feature2-txt2 li{margin-bottom:25px;white-space:nowrap}.feature3{text-align:left;margin:8% auto 10%}.feature3 .block_title{color:#5CA185;border-bottom:0;font-size:1.06rem;font-weight:500;margin:0 0 0 -40px;padding:0 0 10px 10%}.feature3 .prod-img{margin:3% auto}@media screen and (max-width:1640px){.env-title br{display:none}}@media screen and (max-width:1470px){.feature2 .feature2-txt1{padding:5% 0 0 5%}.feature2 .feature2-img{max-width:50%}.env-list>li{font-size:13px;padding-left:0}.env-list>li br{display:none}}@media screen and (max-width:1525px){.feature2 .feature2-txt1{padding-left:5%}}@media screen and (max-width:1130px){.feature2{background:url(/images/biot/feature3.png) no-repeat -23% bottom;background-size:80% auto}}@media screen and (max-width:992px){.feature2 .feature2-txt1{width:60%}.feature2 .feature2-img{max-width:40%}.icon-drop{width:20px}.feature2 .list1>li{font-size:15px}}@media screen and (max-width:767px){.env-title{display:inline-block;text-align:left;width:auto}.env-title br{display:block}.env-list{-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:80%;margin-left:auto;margin-right:auto}.env-list>li{width:33%;padding-left:15px;padding-right:15px;margin-bottom:35px}.icon-drop{width:25px}.feature{text-align:center}.feature .feature1{margin-bottom:5%;margin-top:1%}.feature2{background-position:center bottom;padding-bottom:65%;text-align:center}.feature2 .feature2-txt1,.feature2 .feature2-txt2{display:inline-block;text-align:left;width:auto}.feature2 .feature2-txt1{padding-left:8%;line-height:1.7;float:none}.feature2 .feature2-img{max-width:70%;margin:15% auto 3%;float:none;display:block}.feature2 .feature2-txt2{padding-left:0}.feature2 .feature2-txt2 li{margin-bottom:26px}.feature3 .block_title{text-align:center;margin-left:auto;margin-left:0;padding-left:0;margin-bottom:5%}.feature3 .prod-img{max-width:90%}}@media screen and (max-width:550px){.feature2 .block_title,.feature2 .feature2-txt1,.feature2 .feature2-txt2{padding-left:0px;margin-left:0}.feature3 .block_title{padding-left:0px;margin-left:0}.env-list>li{padding-left:5px;padding-right:5px;margin-bottom:15px}}.block-title-dot{color:#61C0BD;text-align:center;padding-bottom:10px;margin-bottom:65px;font-weight:500;position:relative;font-family:"Noto Sans TC", "microsoft jhenghei", sans-serif;font-size:1.2rem;line-height:1}.block-title-dot>span:after,.block-title-dot>span:before{content:'';width:40%;height:1px;position:absolute;display:block;background:#61C0BD;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.block-title-dot>span:before{left:0}.block-title-dot>span:after{right:0}.block-title-dot:after,.block-title-dot:before{content:'';width:8px;height:8px;border-radius:100%;position:absolute;display:block;background:#61C0BD;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.block-title-dot:before{left:0}.block-title-dot:after{right:0}@media screen and (max-width:900px){.block-title-dot>span:after,.block-title-dot>span:before{width:41%}}.block-title-box{background:#34883A;text-align:center;font-weight:500;position:relative;font-size:31px}.block-title-box .container{background:#34883A;color:#fff;padding:15px;margin:0 auto}.item{clear:both;overflow:hidden;margin-bottom:80px}.item img{float:left;max-width:120px}.item .txt{float:left;margin-left:25px;width:calc(100% - 150px);font-size:.8rem;font-weight:300}.item h3{margin:5px 0 15px;font-size:1.1rem}.item p{line-height:2;font-size:.8rem;font-weight:300}.item:after{content:'';display:block;width:100%;height:1px;margin-top:1.8rem;margin-left:15px}@media screen and (max-width:550px){.item{margin-bottom:5%}}.biot-bg1{padding:5% 0 5%;position:relative}.biot-bg1 .bg{background:url(/images/biot/biot-prod2-bg.jpg?v=1) no-repeat center bottom;background-size:100% 100%;width:100%;position:absolute;left:0;bottom:0;height:200px}.biot-bg1 .container{text-align:center;position:relative;z-index:1;font-size:26px}.biot-bg1 img{display:inline-block;vertical-align:top}.biot-bg1 .txt{display:inline-block;vertical-align:top;text-align:left;width:100%;margin-top:5%}.biot-bg1 h2,.biot-bg1 h3{font-family:"Noto Sans TC", "microsoft jhenghei", sans-serif;font-weight:400}.biot-bg1 h2{color:#49b134;font-size:1.2rem;margin:0;letter-spacing:1px}.biot-bg1 h3{color:#006db8;font-size:1.1rem;margin:15px 0;letter-spacing:1px}.biot-bg1 p{color:#000;line-height:1.5;font-size:.9rem;font-weight:300}@media screen and (max-width:550px){.biot-bg1 img{margin-top:0}.biot-bg1 .txt{width:calc(100% - 22%)}.biot-bg1 h2{font-size:17px}.biot-bg1 h3{font-size:15px}.biot-bg1 p{font-size:13px}}.feature-title h2{font-size:1.2rem}@media screen and (max-width:767px){.feature-title .container,.feature-title h2{font-size:20px;padding:10px 15px}}.biot-bg2>img{width:100%}.biot-bg2 .container{width:998px}.biot-bg2 .title1{color:#49b134;text-align:center;padding-bottom:10px;margin-bottom:65px;font-weight:500;position:relative;font-family:"Noto Sans TC", "microsoft jhenghei", sans-serif;font-size:1.2rem;line-height:1;margin-bottom:35px;margin-top:5%}.biot-bg2 .title1>span:after,.biot-bg2 .title1>span:before{content:'';width:40%;height:1px;position:absolute;display:block;background:#49b134;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.biot-bg2 .title1>span:before{left:0}.biot-bg2 .title1>span:after{right:0}.biot-bg2 .title1:after,.biot-bg2 .title1:before{content:'';width:8px;height:8px;border-radius:100%;position:absolute;display:block;background:#49b134;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.biot-bg2 .title1:before{left:0}.biot-bg2 .title1:after{right:0}@media screen and (max-width:900px){.biot-bg2 .title1>span:after,.biot-bg2 .title1>span:before{width:41%}}.biot-bg2 .p1{text-align:center;font-size:18px;font-weight:100;margin-bottom:5%}.biot-bg2 .item h3{color:#378e26;font-size:1.06rem;margin-bottom:10px}.biot-bg2 .item:after{background:#d8e7a4}.biot-bg2 .graph{text-align:center;overflow:hidden}.biot-bg2 .graph img{max-height:115px;margin:0 auto 85px;display:block;max-width:100%}.biot-bg2 .graph>img:nth-child(2){position:relative;left:-10px}@media screen and (max-width:767px){.biot-bg2 .graph img{max-height:100%;margin-bottom:5%}.biot-bg2 .graph{margin-bottom:12%}.biot-bg2 .title1>span:after,.biot-bg2 .title1>span:before{width:26%}}.biot-bg3{background:url(/images/biot/biot-bg3a.jpg) no-repeat top center;padding:13% 0 0}.biot-bg3 .container{width:998px}.biot-bg3 .title1{color:#14345d;text-align:center;padding-bottom:10px;margin-bottom:65px;font-weight:500;position:relative;font-family:"Noto Sans TC", "microsoft jhenghei", sans-serif;font-size:1.2rem;line-height:1;margin-bottom:35px}.biot-bg3 .title1>span:after,.biot-bg3 .title1>span:before{content:'';width:40%;height:1px;position:absolute;display:block;background:#14345d;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.biot-bg3 .title1>span:before{left:0}.biot-bg3 .title1>span:after{right:0}.biot-bg3 .title1:after,.biot-bg3 .title1:before{content:'';width:8px;height:8px;border-radius:100%;position:absolute;display:block;background:#14345d;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.biot-bg3 .title1:before{left:0}.biot-bg3 .title1:after{right:0}@media screen and (max-width:900px){.biot-bg3 .title1>span:after,.biot-bg3 .title1>span:before{width:41%}}.biot-bg3 .item{margin-bottom:0}.biot-bg3 .item:after{display:none}.biot-bg3 h3{font-weight:400;margin-top:15px;letter-spacing:1px;font-size:1.06rem}.biot-bg3 .txt{color:#14345d;font-size:18px}@media screen and (max-width:900px){.biot-bg3 .title1{background-size:auto 100%}}@media screen and (max-width:500px){.biot-bg3{background:url(/images/biot/biot-bg3a.jpg) no-repeat;padding-top:35%;background-size:300% auto;-webkit-animation:bgfloat 200s forwards;animation:bgfloat 200s forwards;background-position:0 0}}@-webkit-keyframes bgfloat{0%{background-position:0 0}to{background-position:100% 0}}@keyframes bgfloat{0%{background-position:0 0}to{background-position:100% 0}}.biot-bg4 .container{width:998px}.biot-bg4 .block-title-dot{color:#378e26;text-align:center;padding-bottom:10px;margin-bottom:65px;font-weight:500;position:relative;font-family:"Noto Sans TC", "microsoft jhenghei", sans-serif;font-size:1.2rem;line-height:1;margin-top:5%}.biot-bg4 .block-title-dot>span:after,.biot-bg4 .block-title-dot>span:before{content:'';width:40%;height:1px;position:absolute;display:block;background:#378e26;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.biot-bg4 .block-title-dot>span:before{left:0}.biot-bg4 .block-title-dot>span:after{right:0}.biot-bg4 .block-title-dot:after,.biot-bg4 .block-title-dot:before{content:'';width:8px;height:8px;border-radius:100%;position:absolute;display:block;background:#378e26;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.biot-bg4 .block-title-dot:before{left:0}.biot-bg4 .block-title-dot:after{right:0}@media screen and (max-width:900px){.biot-bg4 .block-title-dot>span:after,.biot-bg4 .block-title-dot>span:before{width:41%}}.biot-bg4 .block-title-dot>span:after,.biot-bg4 .block-title-dot>span:before{width:33%}@media screen and (max-width:900px){.biot-bg4 .block-title-dot>span:after,.biot-bg4 .block-title-dot>span:before{width:32%}}.biot-wrap{border:1px solid #77c466}@media screen and (max-width:1000px){.biot-bg3{padding-top:20%}.biot-bg1 .container,.biot-bg2 .container,.biot-bg3 .container,.biot-bg4 .container{width:100%}}@media screen and (max-width:767px){.biot-bg1{padding-bottom:0}}@media screen and (max-width:700px){.biot-bg3{padding-top:30%}}
/*# sourceMappingURL=biot.css.map */