body {	-webkit-text-size-adjust:100%; margin:0; font-family:'Noto Sans TC','Arial', sans-serif;word-wrap: break-word;word-break: break-all;line-height: 180%;font-size: 16px;color:#4c4c4c;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}
.inside-page{margin: 0 auto;padding: 0;}
.inside-frame,.about-frame{overflow: hidden;}
.content-box { max-width:1240px; margin:0 auto; text-align:left; position:relative; clear:both;}
/*path*/
.path.content-box{vertical-align: middle;padding: 10px 5px;}
.path ul{display: flex;align-items: center;flex-wrap: wrap;}
.path ul li{padding-right: 10px;color:#333333;}
.path ul li::after{content:">";display:inline-block;color:#333333;padding-left: 5px;}
.path ul li:last-child::after{display: none;}
.path ul li a{color:#333333;}
.path ul li a:hover{color:#104082;}
/*公司介紹*/
.about-banner{background: url(../images/company-banner-bg.png) no-repeat #dcdcdc;display: block;padding: 18vh 0;background-size: cover;background-position: center bottom;min-height: 438px;}
.about-banner .content-box {text-align: center;}
.company-content{line-height: 200%;}
.about-banner h1{color:#fff;font-size: 35px;text-align: center;border-top:1px solid #fff;border-bottom: 1px solid #fff;display: inline-block;padding: 20px 15px;margin: 0 auto;letter-spacing: 2.8px;}
.company-preface{padding: 5vh 0;position: relative;overflow: hidden;}
.company-preface .content-box{padding: 10vh 3vw;z-index: 1;}
.preface-left {position: absolute;left: 0;top: 25%;z-index: 0;}
.preface-right {position: absolute;right:-105px;top: 0;z-index: 0;}
.company-content h2{font-size: 30px;margin: 20px auto;padding: 10px 0;text-align: center;letter-spacing: 2.8px;color:#333333;}
.company-idea{background: url(../images/company-idea.jpg) no-repeat;background-size: cover;padding: 5vh 0;}
.company-idea .content-box{max-height: 460px;}
.company-idea ul{display: flex;margin: 50px auto;justify-content: center;padding: 30px 0;}
.company-idea ul li{width: calc(100% / 3 - 80px);margin: 0 40px;display: flex;align-items: center;border-bottom: 3px solid;max-width: 220px;}
.idea-img{margin-right: 20px;}
.company-idea ul li span{font-size: 18px;}
.certify-content{background: url(../images/company-certify-bg.jpg) no-repeat;background-size: cover;padding: 5vh 0;background-position: center center;}
.certify-content h2{color:#fff;}
.certify-content ul{display: flex;margin: 50px auto;justify-content: center;padding: 30px 0;}
.certify-content ul li{width:calc(100% / 3 - 10px);margin: 0 5px;text-align: center;}
.company-history{background: url(../images/company-history-bg.jpg) no-repeat;background-size: cover;background-position: center center;background-attachment: fixed;padding: 5vh 0;position: relative;overflow: hidden;}
.history-right{position: absolute;right: 0;top: 0;z-index: 0;}
.history-right img{width: 85%;}
.history-content{}
.history-content .content-box{z-index: 1;}
.history-content ul{margin: 50px auto;padding: 30px 0;}
.history-content ul li{display: flex;align-items: center;margin-bottom: 30px;}
.history-content ul li .history-year{font-size:20px;width: 20%;max-width: 300px;background: url(../images/history-arrow.png) no-repeat;display: block;background-size: contain;color:#fff;text-align: center;background-position: center;}
.history-text{width: 75%;}
.history-content ul li ul,.history-content ul li ol{margin: 0;padding: 0;}
.history-content ul li ul li,.history-content ul li ol li{margin: 0;padding: 0;}
.history-content ul li ul li{list-style-type: disc;}
.history-content ul li ol li{list-style-type: decimal;}
.company-bottom{padding: 5vh 0;background: #104082;}
.company-bottom ul{margin: 50px auto;padding: 30px 0;display: flex;align-content: center;justify-content: center;}
.company-bottom ul li{width: calc(100% / 3 - 20px);margin: 0 10px;display: flex;align-items:center;border: 2px solid #fff;padding: 15px 20px;max-width: 300px;}
.company-bottom ul li span{font-size: 22px;color:#fff;margin-left: 15px;}
.company-bottom ul li .icon-img{margin-right: 15px;}
/*內頁banner*/
.inside-banner{position: relative;width:100%;height:auto;overflow: hidden;max-height: 438px;}
.inside-banner-wrap {position: absolute;z-index: 99;right: 0;left: 0;top: 40%;}
.inside-banner-wrap .content-box{text-align: center;}
.inside-banner-wrap h1 {font-size: 35px;color: #fff;padding: 20px 15px;margin: 0 auto;letter-spacing: 2.8px;}
.inside-banner-img{width: 100%;height: auto;overflow: hidden;}
.inside-banner-img img{width: 100%;height: auto;overflow: hidden;display: block;}
/*內頁文案區*/
.seo-description{padding: 5vh 0;}
/*產品列表頁*/
.products-list-all{padding: 0;margin: 0 auto;}
.products-list-all li{margin-bottom: 30px;display: flex;background: #eaf3f8;max-height: 337px;overflow: hidden;position: relative;}
.products-list-all li::after{content: "";display: block;background: url(../images/products-right.jpg) no-repeat;background-size: cover;height: 337px;width: 220px;position: absolute;right: 0;}
.products-list-img{max-width: 618px;height: auto;overflow: hidden;}
.products-list-text { margin-top: 30px;margin-left: 30px;max-width: 388px;padding-right: 60px;min-width: 380px;position: relative;}
.products-list-text h2{font-size: 20px;color:#fff;background:#104082;padding: 5px;font-weight: normal; display: inline-block;min-width: 250px;margin-bottom: 30px;}
.products-introduction{margin-bottom: 15px;}
.products-more {position: absolute;right: 60px;bottom: 35px;}
.products-more a{color:#4c4c4c;display: flex;align-items: center;}
.products-more a::after{content:url(../images/more-arrow.png);display:block;margin-left: 5px;}
.products-more:hover{transform: translateX(20px);transition: .3s ease-in-out;}
.products-more:hover a{color:#104082;}
.products-more:hover a::after{content:url(../images/more-arrow-after.png);}
/*產品詳細頁*/
.products-top{background: url(../images/product-detail-bg1.jpg) no-repeat;background-size: cover;padding: 5vh 0;background-position: center center;}
.products-detail-img{display: inline-block;}
.products-detail-specification {display: inline-block; width: 50%; background: rgba(255, 255, 255, 0.79);border-top: 4px solid #1f4c89;padding: 20px 10px;position: absolute;
left: 50%;top: 30px;min-height: 350px;}
.products-detail-specification ul {margin-left: 30px;margin-bottom: 35px;}
.products-detail-specification ul li{list-style-type: square;line-height: 200%;}
.products-detail-btn {right: 0;position: absolute;bottom: -7px;}
.products-detail-btn a {background: #104082;color: #fff;text-align: center;padding: 10px;min-width: 200px;overflow: hidden;position: relative;box-sizing: border-box;display: inline-block;z-index: 5;}
.products-detail-btn a::after {content: "";background: #2179eb;position: absolute;top: 0;left: 0;right: 0; bottom: 0;transform: translateX(-100%);z-index: 4;}
.products-detail-btn a:hover::after {transform: translateX(100%);transition: all .5s ease;overflow: hidden;visibility: hidden;}
.products-detail-btn a span {position: relative; z-index: 9;}
.products-center{background: url(../images/product-detail-bg2.jpg) no-repeat;background-size: cover;padding: 5vh 0;background-position: center center;}
.products-play{padding: 10px 0;margin: 15px auto;max-width: 1240px;overflow: hidden;}
.products-play .owl-carousel{margin: 15px auto;}
.products-play .owl-carousel .owl-stage{display: flex;align-items: center;justify-content: center;}
.products-play .owl-carousel div img{width: auto;display: block;}
.products-play .owl-carousel .owl-nav,.products-play .owl-carousel .owl-dots{display: none;}
.products-bottom{background: url(../images/product-detail-bg3.jpg) no-repeat;background-size: cover;padding: 5vh 0;background-position: center center;}
/*滑動流程圖*/
.history-box {}
.product_category_title2 {width: 100%;margin: 10px auto 0 auto;text-align: center;color: #fff;font-size: 25px;
background:#104082;padding: 10px 0;text-shadow: -1px 0px 0px #00182c;display: flex;align-items: center;justify-content: center;}
.history-box .history-center {align-content: center;justify-content: center;margin: 0 auto;max-width: 1240px;padding: 0 0 40px 0;min-height: 400px;background: #eaf3f8;}
.history-box .scroll {padding: 50px 0;}
.history-box .mCSB_horizontal.mCSB_inside>.mCSB_container {margin: 0;}
.history {display: flex;align-items: stretch;width: calc( 5 * 250px);padding: 10px 225px;}
.history>div {position: relative;}
.history-top {left: -100px;}
.history-top,.history-bottom {border-left:3px solid #333333;height: 140px;width: 400px;padding: 10px 20px;position: relative;}
.history-top::before,.history-bottom::before {background: #333333;border-radius: 20px;content: "";height: 20px;left: -11px;position: absolute;
top: 0;width: 20px;font-size: 22px;font-weight: bold;}
.history-top div span,.history-bottom div span {font-size: 25px;color: #333333;font-weight: bold;}
.history .text {margin-top: 10px;}
.history-bottom {right: -100px;}
.history-box .mCSB_scrollTools.mCSB_scrollTools_horizontal {position: absolute;top: 50%;transform: translateY(-50%);}
.history-box .mCSB_scrollTools {opacity: 1;}
.history-box .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.history-box .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {height: 60px;
width: 60px;background: #335d95;border-radius: 100%;}
.scroll .mCSB_scrollTools .mCSB_buttonUp,.scroll .mCSB_scrollTools .mCSB_buttonDown,.scroll .mCSB_scrollTools .mCSB_buttonLeft,.scroll .mCSB_scrollTools .mCSB_buttonRight{opacity: 1;}
.history-box .mCSB_scrollTools.mCSB_scrollTools_horizontal,.history-box .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {top: 50%;transform: translateY(-50%);}
.history-box .scroll .mCSB_scrollTools .mCSB_buttonLeft {left: 0px;z-index: 9;}
.history-box .scroll .mCSB_scrollTools .mCSB_buttonRight {right: 0px;z-index: 9;}
.history-box .mCSB_buttonLeft::before {content: "\f104";}
.history-box .mCSB_buttonRight::before {content: "\f105";}
.history-box .mCSB_buttonLeft::before,.history-box .mCSB_buttonRight::before {font-family: 'Font Awesome 5 Free';
font-weight: 900;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);z-index: 999;color: #fff;font-size: 55px;display: block;}
.history-bottom::before {top: auto;bottom: 0;}
.history-box .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {height: 17px;}
.apibox {margin: 10px 0;text-align: right;padding-bottom: 5px;border-bottom: 1px dotted #ACACAC;}
.scroll .mCSB_scrollTools .mCSB_draggerRail {background-color:#333333}
/*滑動流程圖-end*/
/*設備*/
.equiptment-frame{background: url(../images/equiptment-bg.png) #eeeeee no-repeat;background-size: cover;padding: 5vh 0;background-position: center 10%;background-attachment: fixed;}
.equiptment-cate {margin: 30px auto;padding: 15px 0;}
.equiptment-cate h2{margin: 10px 0;padding: 10px 5px;background:#104082;color:#fff;font-size: 20px;font-weight: normal; }
.equiptment-secondcate{margin: 30px auto;padding: 15px 0;}
.equiptment-secondcate h3{font-size: 18px;font-weight: normal;color:#104082;margin: 10px 0;padding: 10px 0;}
.equiptment-secondcate h3::before{content: "";display: inline-block;width: 100px; height: 2px;background: #104082;margin: 0 5px 5px 0;}
.equiptment-secondcate ul{margin: 10px 0;display: flex;align-items: center;flex-wrap: wrap;}
.equiptment-secondcate ul li{width:calc(100% / 3 - 10px);margin: 10px 5px;}
.equiptment-secondcate ul li img{border: 2px solid #434343;}
/*技術*/
.technology-top{background: url(../images/technology-bg-1.jpg) no-repeat;background-size: cover;padding: 5vh 0;background-position: center center;}
.technology-top h2 {font-size: 30px;margin: 20px auto;padding: 10px 0;text-align: center;letter-spacing: 2.8px;color: #333333;}
.industry-cate{margin: 30px auto;padding: 10px 0;display: flex;align-items: center;justify-content: center;}
.industry-cate li{width: calc(100% / 5 - 20px);margin: 0 10px;}
.industry-cate li figure{overflow: hidden;position: relative;max-width: 225px;border-radius: 100%;height: 225px;}
.industry-cate li figure::after{content:"";display: block;background:rgba(51, 51, 51, 0.55);width: 225px;height: 225px;position: absolute;top: 0;z-index: 5;}
.industry-cate li figure img{border-radius: 100%;}
.industry-cate li figure h3{letter-spacing: 2px;position: absolute;z-index: 9;display: block;top: 45%;left:0;right: 0;color: #fff;font-weight: normal;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.89);text-align: center;}
.technology-center{background: url(../images/technology-bg-2.jpg) no-repeat;background-size: cover;padding: 5vh 0;background-position: center center;}
.technology-center h2 {font-size: 30px;margin: 20px auto;padding: 10px 0;text-align: center;letter-spacing: 2.8px;color: #fff;}
.technology-center p{text-align: center;color:#fff;}
.material-cate{margin: 30px auto;padding: 10px 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.material-cate li{width: calc(100% / 3 - 20px);margin:10px;}
.material-cate li figure{position: relative;max-width: 326px;overflow: hidden;margin: 0 auto;}
.material-cate li figure h3{position: absolute;top:30%;text-align: center;left: 0;right: 0;background: rgba(0, 0, 0, 0.72);color:#fff;font-weight: normal;letter-spacing: 2px;padding: 3px 0;}
.technology-bottom{background:#eaf3f8;padding: 5vh 0;}
.technology-bottom h2{font-size: 30px;margin: 20px auto;padding: 10px 0;text-align: center;letter-spacing: 2.8px;color: #333333;}
.technology-cate{margin-bottom:80px;padding-bottom: 20px;}
.technology-step{margin: 30px auto;padding: 10px 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.technology-step li{width:calc(100% / 2 - 20px);margin: 10px 10px 30px 10px;}
.technology-step li figure{margin: 0 auto;text-align: center;position: relative;}
.technology-step li figcaption{background: #104082;color: #fff;width: 273px;position: absolute;padding: 25px 15px;display:block;min-height: 89px;
bottom: 0;right: 0;text-align: left;}
.mold-technology{position: relative;padding: 15vh 0;min-height: 450px;background: #104184;}
.mold-left{position: absolute;top: -160px;left: -30%;}
.mold-right {display: block;position: absolute;left: 50%;}
.mold-text{ color: #fff;max-width: 680px;padding: 15px;}
.mold-text h2{font-size: 30px;margin: 20px 0;padding: 10px 0;letter-spacing: 2.8px;color: #fff;}
.technology-top-1{background: url(../images/technology-bg-1b.jpg) no-repeat;background-size: cover;padding: 5vh 0;background-position: center center;}
.technology-top-1 h2{font-size: 30px;margin: 20px auto;padding: 10px 0;text-align: center;letter-spacing: 2.8px;color: #333333;}
.video-all {display: flex;align-items: center;justify-content: center;margin: 30px auto;padding: 10px 0;flex-wrap: wrap;}
.video-item {width: calc(100% / 2 - 20px);margin: 0 10px;max-width: 450px;display: inline-block;}
.video-item iframe{width: 100%;min-height: 250px;}
.service-all.owl-carousel{overflow: hidden;max-width: 1240px;margin: 30px auto;}
.service-all.owl-carousel .owl-stage{display: flex;align-items: center;justify-content: center;}
.service-all.owl-carousel div img{width: auto;display: block;}
.service-all.owl-carousel .owl-nav,.service-all.owl-carousel .owl-dots{display: none;}
/*聯絡我們*/
.company-map{margin: 40px auto;}
.contact-form{}
.contact-form ul{display: flex;align-items: center;flex-wrap: wrap;}
.contact-form ul li{width: calc(100% / 2 - 20px);margin: 10px 10px 30px 10px;display: inline-block;border-bottom: 1px solid #104082;padding-bottom: 15px;}
.contact-form ul li:last-child{border-bottom: none;width: 100%;}
.contact-form ul .long-item{width: 100%;}
.contact-form ul li span{color:#104082;font-size: 18px;width:40%;}
.contact-form ul li input,.contact-form ul li select{border:none;}
.contact-form ul li select{box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.45098039215686275);background: #fefbfc;}
.contact-form ul li:hover input{border: 1px solid #92abcc;}
.contact-form ul li:hover .add-code{border: none;}
.contact-form ul li input,.contact-form ul li select{width: 60%;min-height: 35px;font-family:'Noto Sans TC','Arial', sans-serif;}
.contact-form ul li.long-item select{width: 15%;max-width: 150px;min-height: 35px;}
.contact-form ul li .add-code{max-width: 100px;box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.45098039215686275);background: #fefbfc;}
.contact-form ul li textarea{width: 100%;min-height: 278px;border: 1px solid #104082;}
.button_all{margin: 30px auto;text-align: center;}
.button_all a{font-family:'Noto Sans TC','Arial', sans-serif;color:#fff;border: none;padding: 10px;width: 180px;height: 55px;font-size: 20px;margin: 0 15px;display: inline-block;transform: skewX(30deg);}
.button_all a:nth-child(1){background:#104082;text-shadow: 1px 1px 1px rgba(6, 24, 49, 0.81);}
.button_all a:nth-child(2){background:#fcc237;text-shadow: 1px 1px 1px rgba(104, 80, 23, 0.79);}
.button_all a span{vertical-align: middle;transform: skewX(-30deg);display: block;}
.button_all a:hover{background: #4c4c4c;}
/*sitemap*/
.sitemap{padding:15vh 0 15vh 0;margin: 30px auto;color:#333333;text-align: center;}
.main-category{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.main-cate-list{width: calc(100% / 3 - 10px);margin:5px;vertical-align: middle;}
.main-cate-list a {color: #fff;font-weight: 500;background: #104082;padding: 15px 15px;display: block;}
.main-cate-list:nth-child(4),.main-cate-list:nth-child(5){width: 100%;}
.main-cate-list:nth-child(4),.main-cate-list:nth-child(5){padding: 5px 0 0 0;}
.second-cate{margin: 15px 0 5px 0;display: flex;align-items: center;justify-content: center;}
.second-cate-list {width: calc(100% / 3 - 10px);margin: 10px;display: flex;align-items: center;justify-content: center;}
.second-cate-list a{background:none;padding:15px 0;color:#333333;}
.second-cate-list::before{content:url(../images/secon-cate.png);display: block;padding-right: 5px;}
/*產品搜尋*/
.products-search.datatable{}
.products-search.datatable th{background:#104082;}
/*動畫*/
.fadeInLeft {transition:transform 1s ease,opacity 1s ease;transform: translate(0, 0);opacity:1;}
.fadeOutLeft {transition:transform 1s ease,opacity 1s ease;transform: translate(-20px, 0);opacity: 1;}
.fadeInRight {transition:transform 1s ease,opacity 1s ease;transform: translate(0, 0);opacity:1;}
.fadeOutRight {transition:transform 1s ease,opacity 1s ease;transform: translate(20px, 0);opacity: 1;}
.fadeInUp {transition: transform 1s ease, opacity 1s ease; transform: translate(0, 0); opacity: 1.0; }
.fadeOutUp {transition: transform 1s ease, opacity 1s ease; transform: translate(0, 10px); opacity: 0; }
.fadeIndown{transition: transform 1s ease, opacity 1s ease; transform: translate(0, 0); opacity: 1.0;}
.fadeOutdown{transition: transform 1s ease, opacity 1s ease; transform: translate(0, -10px); opacity: 0;}
.scaleIn{transition: transform 1s ease, opacity 1s ease; transform:scale3d(1,1,1); opacity:1;}
.scaleOut{transition: transform 1s ease, opacity 1s ease; transform:scale3d(0,0,0); opacity:0;}
@media only screen and (max-width: 1366px) {
.preface-left {left: -90px;top: 55%;}
.preface-right {right: -155px;top: -80px;}
}
@media only screen and (max-width: 1240px) {
.products-list-all li::after{width: 120px;}
.products-detail-specification{position: relative;left: 0;top: 0;width: 100%;}
.industry-cate{flex-wrap: wrap;}
.industry-cate li{width:calc(100% / 3 - 20px);margin: 10px;}
.industry-cate li figure{margin: 0 auto;}
}
@media only screen and (max-width: 980px) {
.preface-left{top: 70%;left: 0;}
.preface-left img{width: 65%;}
.preface-right{right: -165px;top:0;}
.preface-right img{width: 68%;}
.certify-content ul{flex-wrap: wrap;}
.certify-content ul li{width: auto;}
.history-content{padding:3vh 3vw;}
.history-right{top:20%;}
.history-content ul li{flex-wrap: wrap;align-items: unset;}
.history-content ul li .history-year{width: 100%;max-width: unset;text-align:left; background-position:unset;padding-left: 5px;}
.products-list-all li{max-height: 311px;}
.products-list-all li::after{display: none;}
.material-cate li{ width: calc(100% / 2 - 20px);}
.mold-technology{min-height: unset;}
.mold-left {top: -160px;left: -80px;}
.mold-left img{width: 60%;}
.mold-right {left: 50%;top: -100px;}
.video-item{width:100%;}
.contact-form ul .long-item input:last-child{margin: 5px 0;}
.main-cate-list { width: calc(100% / 2 - 10px);}
}
@media only screen and (max-width:840px) {
.inside-banner-wrap{top:30%;}
.products-list-all li {max-height: unset;flex-direction: column;align-items: left;max-width: 618px;margin: 0 auto 30px auto;}
.products-list-text {margin-top: 30px; margin-left:0;max-width:unset;min-width:unset;padding: 30px 10px;min-height: 250px;}
.products-more {bottom: 35px;}
.technology-cate{margin-bottom: 20px;}
.mold-technology{padding: 0;}
.mold-technology .content-box{display: flex;align-items: center;}
.mold-left{background: url(../images/plastic-bottom.png) no-repeat;background-size: cover;display: block; position: unset;width: 350px;height: 300px;}
.mold-left img{display: none;}
.mold-right{position: unset;}
}
@media only screen and (max-width: 768px) {
.idea-img {margin-right: 5px;}
.history-right{right: -5%;}
.industry-cate li{max-width: 200px;height: 200px;}
.industry-cate li figure{height: 200px;}
.material-cate li {width: 100%;}
.technology-step li{width: 100%;}
.technology-step li figcaption{position: unset;text-align: center;margin: 0 auto;}
.contact-form ul li{width: 100%;}
.contact-form ul .long-item input:last-child {width: 100%;}
.contact-form ul li.long-item select{max-width: 230px;width: 20%;margin-bottom: 5px;}
}
@media only screen and (max-width: 640px) {
.company-idea ul li {width: calc(100% / 3 - 20px);margin: 0 10px;}
.history-right {right: -15%;}
.company-bottom ul li{padding: 10px 5px;}
.idea-img{text-align: center;}
.idea-img img{width: 70%;}
.icon-img{text-align: center;}
.icon-img img{width: 70%;}
.company-bottom ul li span{margin-left: 0;}
.industry-cate li {width: calc(100% / 2 - 20px);}
}
@media only screen and (max-width: 570px) {
.history-right{display: none;}
.history-text {width:100%;}
.about-banner{max-height: 250px;padding: 10vh 0;overflow: hidden;min-height: unset;}
.about-banner h1,.company-content h2{font-size: 25px;}
.inside-banner-wrap {top: 20%;}
.inside-banner-wrap h1{font-size: 25px;}
.products-list-text h2{font-size: 18px;}
.history-box .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.history-box .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{height: 30px; width: 30px;}
.history-box .mCSB_buttonLeft::before, .history-box .mCSB_buttonRight::before{font-size: 25px;}
.equiptment-cate h2{font-size: 18px;}
.equiptment-secondcate h3{font-size: 16px;}
.equiptment-secondcate ul li{width:calc(100% / 2 - 10px);}
.technology-step li figcaption{padding: 15px;min-height: unset;}
.mold-technology .content-box{flex-direction: column;}
.mold-left {width: 850px;height: 250px;background-position: center center;}
.technology-top h2,.technology-center h2,.technology-bottom h2,.mold-text h2{font-size: 18px;}
.mold-text h2{margin: 5px 0;}
.industry-cate li figure h3,.material-cate li figure h3{font-size: 16px;}
.technology-top,.technology-center,.technology-bottom{padding: 5vh 3vw;}
.technology-top-1 h2{font-size: 18px;}
.main-cate-list {width: 100%;}
.second-cate{flex-wrap: wrap;}
.second-cate-list {width: 100%;}
.equiptment-frame{background-attachment: unset;padding: 5vh 3vw;}
.products-list-all{padding: 0 3vw 5vh 3vw;}
.products-top,.products-center,.products-bottom{padding:5vh 3vw;}
.company-map,.contact-form{padding: 0 3vw;}
.sitemap{padding: 5vh 3vw;}
}
@media only screen and (max-width: 414px) {
.preface-left {top: 80%;}
.preface-right {right: -245px;}
.preface-left img,.preface-right img{width: 50%;}
.company-idea ul,.company-bottom ul{flex-wrap: wrap;}
.company-idea ul li,.company-bottom ul li{width: 100%;margin: 20px 0;}
.company-bottom ul li{justify-content: center;}
.company-bottom ul li .icon-img {margin-right: 0;}
.inside-banner-wrap {top: 12%;}
.industry-cate li {width: 100%;}
.service-all.owl-carousel div img{width:80%;height: auto;margin: 0 auto;}
.button_all a {padding: 5px;width: 100px;height: 35px;font-size: 18px;}
}
@media only screen and (max-width: 375px) {
.equiptment-secondcate ul li{width: 100%;}
.contact-form ul li{display: flex;flex-direction: column;}
.contact-form ul li.long-item select,.contact-form ul li input,.contact-form ul li select{width: 100%;max-width: none;margin: 5px 0;}

}