/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: 微軟正黑體, sans-serif; overflow-x: hidden; font-weight: 400;}
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;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */}

.content-Box { max-width:1200px; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 18px; line-height:28px; color: #33883A; }
#content p{ margin-bottom: 25px; margin-top: 0;line-height:28px;font-weight: 400; }


.banner { height: 465px; background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; }
.banner:before { position: absolute;z-index: 3; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url(/images/theme-b16/banner-top-bg.png) no-repeat top center;}
.title01 { max-width:1200px; margin:0 auto; text-align:left;position: absolute; width: 100%; left: calc(50% - 600px); bottom: 35px; z-index: 4; }
.title01 h1 {  color: #fff; font-size: 36px; font-weight: bold; text-shadow: 2px 2px 4px #000; }

.banner-pto { height: 465px; background-position: top center; background-repeat: no-repeat; background-size: cover;}

.loop { width: 100%; height: 100%;}
.loop .owl-dots { }
.loop .owl-item {position: relative; }
.loop .owl-nav { position: absolute; top:calc(50% - 50px); width: 100%; z-index: 11;}
.loop .owl-prev, .loop .owl-next { position:absolute; z-index:100; top:calc(50% - 0px); background:none !important;}
.loop .owl-prev { left:30px; }
.loop .owl-next { right:30px;}
.loop .owl-prev:before, .loop .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #fff; opacity: 0.5;transition: all 0.4s ease-out 0s;width: 50px; height: 50px; background-size: contain; display: block; border-width: 2px 2px 0 0; border-style: solid; border-color: #fff;}
.loop .owl-prev:before { content: ""; transform: rotate(-135deg); }
.loop .owl-next:before { content: ""; transform: rotate(45deg);}
.loop .owl-prev:hover:before, .loop .owl-next:hover:before { opacity: 1;}
.loop .owl-stage-outer {z-index: 2;}
.loop .owl-dots { position: absolute; z-index: 100; bottom: 0px; width: 100%; text-align: right !important; padding: 0 50px; }
.loop .owl-dots .owl-dot span, .loop  .owl-dots .owl-dot span { background: rgba(255,255,255,.5) !important; width: 13px !important; height: 13px !important; border: 0px solid #4c4c4c;}
.loop .owl-dots .owl-dot.active span, .loop  .owl-dots .owl-dot:hover span { background: rgba(255,255,255,1) !important; }

#main-section { position: relative;}
#main-section > div { position: relative; z-index: 2;}

.path-section { padding: 0 3% 0px 3%; position: relative; z-index: 2; background: #e6e6e6;}
#path { padding:6px 0; text-align: left; color: #333; line-height: 110%;}
#path ul { margin-bottom: 0px;}
#path li { display: inline-block; vertical-align: top; font-size: 14px; line-height: 150%;}
#path li:after { content:"/"; display: inline-block; vertical-align: top; padding: 0 0 0 4px;}
#path li:last-child { pointer-events: none;}
#path li:last-child:after { display: none;}
#path li a { color: #333;}
#path li a:hover, #path li:last-child a { color: #333;}

/*applications*/
.demo-section { padding-left: 3%; padding-right: 3%;}

.applications-section { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top: 65px; padding-bottom: 50px;}
.applications-section:before { position: absolute; content: ""; width: 22px; height: 69%; background: #99cc33; top:-33px; left: calc(50% - 11px);}
.applications-section > a { display: block;width: 45%; position: relative; padding-bottom: 40px;}
.applications-section > a:nth-child(odd):after { content: ""; position: absolute; z-index: -1; height: 14px; width: 250px; background: #99cc33; top:33%; right: -200px;}
.applications-section > a:nth-child(odd):before { content: ""; position: absolute; z-index: -1; height: 50px; width: 50px; border-radius: 100%; background: #99cc33; top:30%; right: -15.7%;}
.applications-pto { background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top: 130px; padding-bottom: 20px; text-align: center;}
.applications-pto b { display: block; text-align: center; font-weight: 700; color: #fff; font-size: 40px; line-height: 130%; height: 120px; padding-bottom: 15px; overflow: hidden;}
.applications-pto img { width: inherit;}
.applications-data { color: #33883a; font-size: 18px; text-align: center;font-weight: 600;}
.applications-data span { color: #99cc33;}

/*applications-list1*/
.applications-list1-section { display: block;}
.applications-list1-section:before { height: 100px; }
.applications-list1-section:after { content: ""; position: absolute;height: 50px; width: 50px; border-radius: 100%; background: #99cc33; top:44px; right: calc(50% - 25px); }
.applications-list1-box { display: flex; flex-direction: column; flex-wrap: wrap; padding-bottom: 50px; }
.applications-list1-box > div:nth-of-type(1), .applications-list1-box > div:nth-of-type(3) { border-style: solid; border-color: #99cc33; height: 120px; }
.applications-list1-box > div:nth-of-type(1) { border-width: 6px 6px 0 6px;border-radius: 90px 90px 0 0; }
.applications-list1-box > div:nth-of-type(3) { border-width: 0 6px 6px 6px;border-radius:0 0 90px 90px; display:flex; flex-direction: row; flex-wrap: nowrap;justify-content: center; align-items: flex-end;}
.applications-list1-box > div:nth-of-type(2) {background-position: top center; background-repeat: no-repeat; background-size: auto; margin-top: -65px; padding-left: 2%; padding-right: 2%;}
.applications-title { font-weight: 700; line-height: 130%; font-size: 48px; text-align: center; padding-bottom: 25px;}
.applications-data2 { max-width: 710px ;margin: 0 auto; text-align:left; min-height: 195px; padding-bottom: 35px; font-size: 18px;}

.layout-25, .layout-33, .layout-50, .layout-100 { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 35px;}
.layout-25 > div, .layout-33 > div, .layout-50 > div, .layout-100 > div { padding: 0 2%; text-align:center;}
.layout-25 > div { width: 25%;}
.layout-33 > div { width: 33.33%;}
.layout-50 > div { width: 50%;}
.layout-100 > div { width: 100%;}
.app-pto { line-height: 0;}

.btn-inquiry { display: inline-block; min-width: 100px; padding: 0 10px; border-radius: 12px; line-height: 50px; background: #fff; border: 3px solid #99cc33; text-align: center; color: #99cc33; font-size: 25px; font-weight: 700; position: relative; z-index:2; margin-bottom: -25px;}
.btn-inquiry:hover { color: #fff; background: #99cc33;}

/*products*/
.products-section { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; padding-top: 65px; padding-bottom: 50px;}
.products-section:before { position: absolute; content: ""; width: 22px; height: 90%; background: #99cc33; top:-33px; left: calc(50% - 11px);}
.products-section > div { margin-bottom: 6px; border-radius: 100px; background: #e6e6e6; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 40px 3%; position: relative;}
.products-section > div:after { position: absolute; content: ""; width: 22px; height: 100%; background: #99cc33; top:0px; left: calc(50% - 11px);}
.products-section > div > div:nth-of-type(1), .products-section > div > div:nth-of-type(3) { width: calc((100% - 233px) / 2); padding: 0 2%;}
.products-section > div > div:nth-of-type(1) { text-align: center;}
.products-section > div > div:nth-of-type(2) { width: 233px; color: #33883a; font-weight: 700; font-size: 54px; height: 234px; background: url(/images/theme-b16/pro-name-bg.png) no-repeat top center; position: relative; z-index: 2; text-align: center; line-height: 100%;  padding: 52px 54px 0 46px;}

.products-section > div:nth-of-type(3) > div:nth-of-type(2) { width: 265px;}
.products-section > div:nth-of-type(3) > div:nth-of-type(1), .products-section > div:nth-of-type(3) > div:nth-of-type(3) { width: calc((100% - 265px) / 2);}

.products-section > div:nth-child(even) > div:nth-of-type(1) { order: 3;}
.products-section > div:nth-child(even) > div:nth-of-type(2) { order: 2;}
.products-section > div:nth-child(even) > div:nth-of-type(3) { order: 1;}

.products-section > div:last-child:after { height: 50%;}

.products-link:link, .products-link:visited { display: block; font-size: 20px; font-weight: 500; color: #99cc33;}
.products-link:hover { color: #99cc33; text-decoration: underline;}
.text_18 p{font-size: 18px;}
/*products-1*/
.products-1-section { position: relative; display: block; padding-top: 65px; padding-bottom: 0px;}
.products-1-section:last-child { margin-bottom: 60px;}
.products-1-section:before { position: absolute; content: ""; width: 22px; height: 100px; background: #EBF5D6; top:-33px; left: calc(50% - 11px);}

.products-1-box { display: flex; flex-direction: column; flex-wrap: wrap; padding-bottom: 0px; }
.products-1-box > div:nth-of-type(1), .products-1-box > div:nth-of-type(3) { background: #EBF5D6; position: relative;}
.products-1-box > div:nth-of-type(1) { border-radius: 90px 90px 0 0; text-align: center; padding-top: 12px; font-size: 30px; font-weight: bold; color: #33883a; line-height: 110%; padding-bottom: 80px;}
.products-1-box > div:nth-of-type(3) { border-radius: 0 0 90px 90px; padding-top: 80px; }
.products-1-box > div:nth-of-type(2) { padding-left: 3%; padding-right: 3%; }
.products-1-box > div:nth-of-type(1):after, .products-1-box > div:nth-of-type(3):after { content:""; position: absolute; width: 100%; height: 55%; left: 0; background: #fff; }
.products-1-box > div:nth-of-type(1):after { bottom: 0; border-radius: 120px 120px 0 0;  }
.products-1-box > div:nth-of-type(3):after { top: 0; border-radius: 0 0 120px 120px; }

.products-equipment { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.products-equipment > div:nth-of-type(1) { width: 50%; margin-bottom: 30px; display: flex; flex-direction: row; flex-wrap: wrap; }
.products-equipment > div:nth-of-type(1) > div { width: 50%; padding: 0 10px 10px 10px; }
.products-equipment > div:nth-of-type(2) { width: 50%; padding-left: 2%;}

.equipment-info { border-top:1px solid #124d22; padding-top: 15px; display: flex; flex-direction: column; flex-wrap: nowrap; color: #000;font-size: 20px;}
.equipment-info > div { border-bottom:1px solid #124d22; padding-bottom: 15px; margin-bottom: 15px;}
.equipment-info table { width: 100%; border-spacing: 0; border-collapse: inherit;}
.equipment-info table td { font-size: 18px; line-height: 140%; padding: 5px 0; color: #000; vertical-align: top;}
.align-right { text-align: right;}

.pto-rwd img:nth-of-type(1) { display: block;}
.pto-rwd img:nth-of-type(2) { display: none;}

/*about*/
.about-section { position: relative; padding-top: 65px; padding-bottom: 50px; background: url(/images/theme-b16/about-bg.png) no-repeat 50% 50px;}
.about-section:before { position: absolute; content: ""; width: 22px; height: 83%; background: #94c43a; top:-33px; left: calc(50% - 11px);}

.about-title-section { position: relative;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.about-title-section > div { position: relative;z-index: 2;}
.about-title-section:after { position: absolute; content: ""; height: 6px; width: 100%; left: 0; /*top:calc(50% - 3px);*/ background: #94c43a; }
.about-title-main { width: 172px; height: 172px; border: 1px solid #94c43a; padding: 10px; border-radius: 100%;}
.about-title-main > div { width: 152px; height: 152px; border-radius: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; background: #94c43a; color: #00561F; font-size: 26px;  font-weight: bold; text-align: center; padding: 0 10px; line-height: 130%;}

.about-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px; }
.about-content p { font-size: 18px; line-height: 26px;font-weight: 400; }
.about-content > div { width: 45%; font-size: 18px; line-height: 26px; color: #333;text-align: justify;}
.about-content > div > b { display: block; font-size: 24px; font-weight: bold; color: #33883a; padding-bottom: 10px;}

.about-info-type { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 25px; }
.about-info-type > div:nth-child(odd) { width: 30px; }
.about-info-type > div:nth-child(even) { width: calc(100% - 30px); }

.about-data { margin-bottom: 17px; background: #DFEDC4; color: #33883A; font-size: 19px; font-weight: bold; padding: 10px 20px; line-height: 140%;}
@media only screen and (min-width:1200px){
    .about-data { min-height: 72px;display: flex;align-items:center;    padding: 10px 80px 10px 99px;}

}
/*news*/
.news-section { background: none;}
.news-section:before { display: none;}
.news-title-section { position: relative;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
.news-title-section:after { position: absolute; content: ""; height: 6px; width: 100%; left: 0; /*top:calc(50% - 3px);*/ background: #94c43a; }
.news-title-section:before { position: absolute; content: ""; width: 22px; height: 100px; background: #94c43a; top:-98px; left: calc(50% - 11px);}
.news-title { position: relative; z-index: 3; width: 150px; height: 150px; border-radius: 100%; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items:center; color: #00561F; font-weight: bold; font-size: 24px; background: #94c43a;}

.news-list { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 100px; padding-top: 20px;}
.news-list:last-child { padding-bottom: 0px;}
.news-list > a { margin: 0 20px 40px 20px; width: calc(33.33% - 40px); background: #F2F2F2; display: block;}
.news-pto { line-height: 0; overflow: hidden;}
.news-pto img { object-fit: cover; width: 100%; height: 100%;}
.news-data { padding: 22px 4%; color: #33883A; font-weight: bold;}
.news-data > span { display: block; height: 50px; padding-bottom: 10px;}
.news-info { padding-bottom: 22px; margin-bottom: 12px; border-bottom: 1px solid #8FC31F; display: flex; flex-direction: row; flex-wrap: wrap;}
.news-info > div { line-height: 140%;}
.news-info > div:nth-child(odd) { width: 60px;}
.news-info > div:nth-child(even) { width: calc(100% - 60px);}
.news-btn { text-align: center;}
.news-btn span { font-size: 14px; font-weight: bold; border: 1px solid #33883A; line-height: 27px; text-align: center; padding:3px; display: inline-block;transition: all 0.4s ease-out 0s;}
.news-btn:hover span { color: #fff; background: #33883A;}

/*material*/
.material-section { background: none;}
.material-section::before { height: 65%;}
.material-list { max-width: 1070px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 0px;}
.material-list > a { position: relative; width: calc(33.33% - 70px); display: block; margin-left: 70px; padding-bottom: 150px;}
.material-list > a:after { position: absolute; content: ""; width: 100%; height: 6px; background: #94C43A; top:107px; right: -50%;}
.material-list > a:nth-child(3n + 3):after, .material-list > a:last-child:after { display: none;}
.download-btn { background: #DFEDC4; padding: 18px; width: 218px; height: 218px; border-radius: 100%; position: relative; z-index: 3;}
.download-btn > div { background: #94C43A; width: 182px; height: 182px; border-radius: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}
.download-btn > div > b { font-size: 25px; font-weight: bold; color: #00561F; display: block; text-align: center; padding-bottom: 4px;}
.download-btn-icon { position: absolute; top:180px; left: 173px;}

/*rd*/
.rd-section:before { background: #94C43A;}
.rd-section:after { background: #94C43A; }
.rd-content { border: 3px solid #94C43A;}
.rd-content-top { padding: 60px 0 10px 0; border-bottom: 3px solid #94C43A;}
.rd-content-top > div { padding: 0 10px 10px 10px;}

.rd-content-bottom { padding: 25px 0 0px 0; background: #EFF6E2; color: #33883A;}
.rd-content-bottom .layout-25 > div { padding: 0 10px 10px 10px;}

/*equipment*/
.equipment-section { border-top: 3px solid #94C43A; padding-top: 20px;}

.loop2 { position: relative; z-index: 3; padding: 35px 50px;}
.loop2 .owl-dots { display: none;}
.loop2 .owl-item > div { text-align: center; }
.loop2 .owl-nav {  right: 0;  z-index: 11;}
.loop2 .owl-prev, .loop2 .owl-next { position:absolute; z-index:100; top:calc(50% - 20px); background:none !important; border-bottom: 0px solid #4c545e !important; width: 50px;}
.loop2 .owl-prev { left:0px; }
.loop2 .owl-next { right:0px;}
.loop2 .owl-prev:before, .loop2 .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #333; opacity: 0.7;transition: all 0.4s ease-out 0s;width: 35px; height: 35px; background-size: contain; display: block; border-width: 2px 2px 0 0; border-style: solid; border-color: #94C43A; position: relative; top:-20px; left: 10px;}
.loop2 .owl-prev:before { content: ""; transform: rotate(-135deg); }
.loop2 .owl-next:before { content: ""; transform: rotate(45deg);}
.loop2 .owl-prev:hover:before, .loop2 .owl-next:hover:before { opacity: 1;}
.loop2 .owl-stage-outer {z-index: 2;}
.loop2 .owl-dots { position: absolute; z-index: 100; bottom: -70px; width: 100%; text-align: center !important; padding: 0 50px;}
.loop2 .owl-dots .owl-dot span, .loop2  .owl-dots .owl-dot span { background: #d0d0d0 !important; width: 12px !important; height: 12px !important;}
.loop2 .owl-dots .owl-dot.active span, .loop2  .owl-dots .owl-dot:hover span { background: #ed7600 !important; }
.equipment-item { position: relative; margin-bottom: 10px;}
.pro-pto {line-height: 0; overflow: hidden; margin-bottom: 14px;}
.pro-name { position: absolute; z-index: 2; width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap;align-items: center; justify-content: center; background: rgba(0,0,0,.5); transform: scale(0);}
.equipment-item:hover .pro-name { transform: scale(1);}
.pro-name > span { color: #fff; font-size: 20px; display: inline-block; padding-bottom: 12px; display: none;}
.pro-name > img { width: 35px !important;}

.equipment-bottom-section { border-bottom: 3px solid #94C43A; padding-bottom: 15px;}
.equipment-data { padding-bottom: 32px; display: flex; flex-direction: row; flex-wrap: wrap; }
.equipment-data > div:nth-of-type(1) { width: 30%;}
.equipment-data > div:nth-of-type(2) { width: 70%; padding-left: 12px;}
.equipment-title { text-align: center; border-bottom: 2px solid #33883A; padding-bottom: 8px; color: #00561F; font-size: 22px;}
.equipment-spec { width: 100%; border-spacing: 0; border-bottom: 2px solid #33883A;}
.equipment-spec th, .equipment-spec td { padding: 4px 10px;font-size: 18px; text-align: center;}
.equipment-spec th { background: #DFEDC4;  border-bottom: 1px solid #33883A; color: #33883A; font-weight: normal;font-size: 18px;}
.equipment-spec td { color: #000;}
.equipment-spec tr:nth-child(odd) { background: #fff;}
.equipment-spec tr:nth-child(even) { background: #F2F2F2;}
.align-left { text-align: left !important;}

/*quality*/
.quality-section { background: none;}
.quality-section:before { display: none;}
.quality-title-section { position: relative;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; padding-bottom: 30px;}
.quality-title-section:before { position: absolute; content: ""; width: 22px; height: 280px; background: #94c43a; top:-98px; left: calc(50% - 11px);}
.quality-title { position: relative; z-index: 3; width: 150px; height: 150px; border-radius: 100%; text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items:center; color: #00561F; font-weight: bold; font-size: 21px; background: #fff;box-shadow:inset 0px 0px 0px 8px #94C43A; line-height: 110%;}
.quality-content-box { border: 5px solid #94C43A; padding-top: 20px; position: relative; z-index: 2; background: #fff; margin-bottom: 40px;}
.quality-content-1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.quality-content-1 > div { width: 49%; margin-bottom: 20px; background: #EFF6E2; align-items: center;display: flex; flex-direction: row; flex-wrap: wrap; }
.quality-content-1 > div > div:nth-of-type(1) { width: 60%; padding: 0 4%; color: #000; line-height: 120%;}
.quality-content-1 > div > div:nth-of-type(1) span { display: block; color: #00561F;}
.quality-content-1 > div > div:nth-of-type(2) { width: 40%; line-height: 0;}
.quality-content-1 > div > div:nth-of-type(2) img { width: 100%;}
.quality-content-1 > div:nth-child(even) > div:nth-of-type(1) { order:2;}
.quality-content-1 > div:nth-child(even) > div:nth-of-type(2) { order:1;}

.quality-content-2 { margin-top: -20px; background: #EFF6E2; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.quality-content-2 > div { width: 50%;}
.quality-content-2 > div:nth-of-type(1) {padding: 20px 4%;}
.quality-content-2 > div:nth-of-type(2) { line-height: 0;}
.quality-content-2 > div:nth-of-type(2) img { width: 100%}
.quality-table { width: 100%; border-spacing: 0;}
.quality-table th, .quality-table td { text-align: left; padding: 2px 5px; line-height: 140%; font-size: 18px; color: #000;}
.quality-table th { font-weight: bold;}

.quality-content-3 { margin-top: -20px; padding: 13px 0 0 13px; background: #fff; display: flex; flex-direction: row; flex-wrap: wrap;}
.quality-content-3 > div { margin:0 13px 13px 0; width: calc(25% - 13px); background: #33883A;}
.quality-pto { line-height: 0;}
.quality-pto img { width: 100%;}
.quality-name { text-align: center; padding: 12px; color: #fff;}
.quality-50 {width: calc(50% - 13px) !important; }

.quality-content-4 { padding-bottom: 20px;}
.footer_sitemap {text-align: right;margin-top: 20px;}
.footer_sitemap a:link, .footer_sitemap a:visited{color: #333;font-size: 13px;}
.footer_sitemap a:hover {opacity: 0.5;}

.search-result {

}
.search-result .search-item{
    margin: 30px 0;
}
.search-result .search-item .search-keyword{color: red}

@media only screen and (max-width: 1199px) {
    .title01 { left: 0; padding-left: 3%; padding-right: 3%;}

    .applications-section, .products-section, .about-section { padding: 40px 0;}
    .applications-section:before, .applications-section > a:nth-child(odd):after, .applications-section > a:nth-child(odd):before, .about-section:before { display: none;}
    .applications-section > a { width: 48%;}

    .applications-list1-section:before, .products-1-section:before { height: 40px; display: block; top: 0;}
    .applications-list1-section:after { top:20px;}

    .products-1-section { padding-top: 40px; padding-bottom: 0;}

    .about-title-section { padding-bottom: 30px;}
    .about-content > div { width: 100%; }

    .material-list { margin-left: -70px;}

}

@media only screen and (max-width: 980px) {
    #content { padding-top: 0px;}

    .banner, .banner-pto { height: 300px;}
    .banner:before {  background-position: 50% -80px;}
    .banner h1 { font-size: 32px; margin-top: 10%;}

    .applications-title { font-size: 32px;}

    .products-section:before, .products-section > div:after{ display: none;}
    .products-section > div > div:nth-of-type(1) { width: 50%!important;}
    .products-section > div > div:nth-of-type(2) { }
    .products-section > div > div:nth-of-type(3) { width: 100%!important;}
    .products-section > div > div:nth-of-type(1) { order: 2;}
    .products-section > div > div:nth-of-type(2) { order: 1;}
    .products-section > div > div:nth-of-type(3) { order: 3; padding-bottom: 30px;}
    .products-section > div:nth-child(even) > div:nth-of-type(1) { order: 2;}
    .products-section > div:nth-child(even) > div:nth-of-type(2) { order: 1;}
    .products-section > div:nth-child(even) > div:nth-of-type(3) { order: 3;}

    .products-equipment > div:nth-of-type(1) { width: 100%; }
    .products-equipment > div:nth-of-type(1) > div { width: 50%; }
    .products-equipment > div:nth-of-type(1) > div img { width: 100%; }
    .products-equipment > div:nth-of-type(2) { width: 100%; }

    .news-title-section:before, .quality-title-section:before {top:-40px;}
    .news-list > a { margin: 0 0px 40px 0px; width: calc(100% - 0px); }
    .news-list { padding-bottom: 50px;}

    .material-list { padding-bottom: 0;}
    .material-list > a:after {display: none;}
    .material-list > a { width: calc(50% - 70px); margin-left: 70px; padding-bottom: 120px;}

    .equipment-data > div:nth-of-type(1) { width: 100%;}
    .equipment-data > div:nth-of-type(2) { width: 100%; padding-left: 0px;}

    .quality-content-1 > div { width: 100%; }

    .quality-content-2 > div { width:100%;}
    .quality-content-2 > div:nth-of-type(1) { order: 2;}
    .quality-content-2 > div:nth-of-type(2) { order: 1;}

    .quality-content-3 > div { width: calc(50% - 13px);}
    .quality-50 {width: calc(100% - 13px) !important; }
}
@media only screen and (max-width: 768px) {
    .applications-section > a { width: 100%;}
    .applications-pto b { height: auto; overflow: visible; font-size: 30px;}

    .applications-list1-box > div:nth-of-type(2) { background-size: contain;}
    .btn-inquiry { font-size: 20px;}

    .products-1-box > div:nth-of-type(1) { font-size: 20px; padding-top: 15px; padding-bottom: 64px; }

    .quality-content-1 > div > div:nth-of-type(1) { width: 100%; padding: 20px 3%; order: 2;}
    .quality-content-1 > div > div:nth-of-type(2) { width: 100%; order: 1;}
    .quality-content-1 > div:nth-child(even) > div:nth-of-type(1) { order:2;}
    .quality-content-1 > div:nth-child(even) > div:nth-of-type(2) { order:1;}


    .pto-rwd img:nth-of-type(1) { display: none;}
    .pto-rwd img:nth-of-type(2) { display: block;}
}
@media only screen and (max-width: 640px) {
    .layout-25 > div, .layout-33 > div, .layout-50 > div, .layout-100 > div { padding: 0 0; width: 100%;}

    .products-section > div > div:nth-of-type(1) { width: 100%!important;}
    .products-section > div > div:nth-of-type(2) { margin:0 auto;}


}
@media only screen and (max-width: 570px) {
    .material-section::before { height: 85%; display: block; top: 0;}
    .material-list { margin-left: 0; width: 218px; margin: 0 auto;}
    .material-list > a { width: calc(100% - 0px); margin-left: 0px; padding-bottom: 100px;}

}

@media only screen and (max-width: 414px) {
    .quality-content-3 > div { width: calc(100% - 13px);}



}

@media only screen and (max-width: 320px) {

}