/* CSS Document */

body {	-webkit-text-size-adjust:100%; text-align:center; font-family: "Open Sans", sans-serif; overflow-x: hidden;}
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+ */}

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

#content { padding-top: 100px; /*font-weight: bold; */letter-spacing: 0.5px; color: #222; font-size: 18px; line-height: 30px;}
#content p { padding-bottom: 30px;}

.banner { position: relative; background: url(../images/banner-bg.jpg) no-repeat top center; background-size: cover; height: 210px; padding: 0 20px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
.banner h1 { letter-spacing: 2px; color: #fff; font-size: 32px;}

.main-content { padding: 70px 0 0 0; position: relative; overflow: hidden;}

/*about-1*/
.about-bg:before { content: ""; position: absolute; left: 0; bottom: -30%; width: 0;height: 0;border-style: solid;border-width: 560px 0 560px 560px;border-color: transparent transparent transparent #f7b146;}
.about-bg:after { content: ""; position: absolute; right: 0; top: 0; width: 0;height: 0;border-style: solid;border-width: 560px 560px 560px 0;border-color: transparent #1bac4a transparent transparent;}

.about-1-content { display: flex; flex-direction: column; flex-wrap: nowrap; position: relative; z-index: 3;}
.about-1-content > div { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding-bottom: 160px;}
.about-1-content > div:nth-child(even) > div:nth-of-type(1) { order: 2;}
.about-1-content > div:nth-child(even) > div:nth-of-type(2) { order: 1;}
.about-1-content > div > div { width: 50%;padding: 0 45px; text-align: left;}
.about-1-content > div > div img { width: 100%;}
.title01 { font-size: 26px; padding-bottom: 14px;}
.list-type-1 li {position: relative; padding-left: 30px; font-weight: bold; padding-bottom: 8px;} 
.list-type-1 li:before {position: absolute; left: 5px; top: 0; font-family: 'Font Awesome 5 Free';font-weight: 900; content: "\f054"; font-size: 20px;} 

.page-bg { background: #1bac4a; padding: 0 20px;}
#path { font-size: 20px; border-bottom: 1px solid #ffffff; color: #fff; line-height: 110%; padding: 18px 5px;}
#path a { display: inline-block;color: #ffffff; }
#path a:hover { text-decoration: underline;}
#path a:after { content: "/"; display: inline-block; padding: 0 0 0 3px;}
#path a:last-child:after { display: none;}

/*about-2*/
.about-2-content { background: url(../images/about-2-bg.jpg) no-repeat top center; padding: 32px 20px 0 20px;}
.about-2-list { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1300px; margin: 30px auto 0 auto;}
.about-2-list > div {  padding: 0 55px 70px 55px; width:25%; text-align: center;}

/*about-3*/
.about-3-content { padding: 0 20px;}
.about-3-slogon { color: #f7b146; font-weight: bold; letter-spacing: 1px; font-size: 3.5vw; line-height: 100%; padding-bottom: 28px; text-transform: uppercase;}

.title02 { padding-bottom: 20px;}
.title02 span, .title02 > div { display: inline-block; min-width: 210px; border-radius: 0 25px 25px 0; padding: 10px 18px; color: #ffffff; font-size: 26px; font-weight: bold; line-height: 100%; background: #1bac4a;}

/*about-4*/
.about-4-box { max-width: 782px; margin: 0 auto 50px auto; position: relative;}

.about-4-box .prev, .about-4-box .next { position: absolute; z-index: 10; top:calc(50% - 50px); display: none;}
.about-4-box .prev { left: 10px; }
.about-4-box .next { right: 10px; }
.about-4-box .prev:before, .about-4-box .next:before { font-family: 'Font Awesome 5 Free'; font-size:44px; color:#fff;font-weight: 900; opacity: 0.5;transition: all 0.4s ease-out 0s;}
.about-4-box .prev:hover:before, .about-4-box .next:hover:before { opacity: 1;}
.about-4-box .prev:before { content:"\f053";}
.about-4-box .next:before { content:"\f054";}

.responsive3 { padding:0 50px 15px 50px; margin-top: 15px; margin-bottom: 0px !important;}
.responsive3 .slick-slide img { display:inline-block;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.responsive3 .slick-slide:hover img { opacity:0.6;}
.responsive3 .slick-slide { position:relative; text-align:center; margin:0 5px; border:1px solid #eeeeee; line-height:0;}
.responsive3 .slick-dots { text-align:center; display:none !important;}
.responsive3 .slick-dots li { width:auto; height:3px; overflow:hidden;}
.responsive3 .slick-dots li button { width:30px; height:3px; background:#fff; margin:0 2px;}
.responsive3 .slick-dots li button::before { content:""; display:none; }
.responsive3 .slick-dots li.slick-active button  { background:#de4609;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.responsive3 .slick-prev, .responsive3 .slick-next { width:auto; height:auto; top:35%;}
.responsive3 .slick-prev { left:5px; top:calc(50% - 14px); width: 36px; height: 36px; border-radius:100%; border:0px solid #e4e4e5; background:none;}
.responsive3 .slick-prev::before { font-family: 'Font Awesome 5 Free'; content:"\f0d9"; font-size:32px; color:#333;font-weight: 900;}
.responsive3 .slick-next { right:5px; top:calc(50% - 14px);width: 36px; height: 36px; border-radius:100%; border:0px solid #e4e4e5; background:none;}
.responsive3 .slick-next::before { font-family: 'Font Awesome 5 Free'; content:"\f0da"; font-size:32px; color:#333;font-weight: 900;}
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus { background:none;}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}

.about-4-list { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 50px;}
.about-4-list > li { width: calc(33.33% - 20px); padding: 0 15px 15px 0;}

/*about-5*/
.loop2 { z-index: 10 !important; margin-bottom: 60px; padding: 0 60px;}
.loop2 .owl-dots { display: none !important;}
.loop2 .owl-nav { position: absolute; top:calc(50% - 80px); width: 100%; z-index: 11;}
.loop2 .owl-prev, .loop2 .owl-next { position:absolute; z-index:100; top:calc(50% - 0px); background:none !important;}
.loop2 .owl-prev { left:-60px; }
.loop2 .owl-next { right:60px;}
.loop2 .owl-prev:before, .loop2 .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:60px; color: #333; opacity: 0.3;transition: all 0.4s ease-out 0s;}
.loop2 .owl-prev:before { content:"\f104"; }
.loop2 .owl-next:before { content:"\f105"; }
.loop2 .owl-prev:hover:before, .loop2 .owl-next:hover:before { opacity: 1;}
.loop2 .center { margin-top: 30px;}

.video-container {position: relative;padding-bottom: 50.5%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border-width: 0;}

.video-name { font-size: 20px; text-align: center; padding: 15px 0;}

/*news*/
.news-list { display: flex; flex-direction: column; flex-wrap: nowrap;}
.news-list > div { border-bottom: 1px solid #bfbfbf; padding-bottom: 55px; margin-bottom: 55px; display: flex; flex-direction: row; flex-wrap: wrap;}
.news-list-pto {width: 35%; line-height: 0; margin-bottom: 25px;}
.news-list-pto img {transition: all 0.4s ease-out 0s; }
.news-list-pto:hover img { opacity:0.6; }
.news-list-data {width: 65%; padding-left: 28px; font-size: 18px ;line-height: 30px; color: #333333; font-weight: normal;}
.news-list-title { padding-bottom: 40px; font-size: 16px; color: #222; line-height: 130%;}
.news-list-title span { display: block; font-size: 22px; line-height: 110%; padding-top: 10px; font-weight: bold;}
.btn01 { display: block; width: 150px; text-align: center; line-height: 40px; border-radius: 20px; border: 1px solid #ee7000; color: #ee7000; font-size: 20px; font-weight: normal;}
.btn01:hover {  background: #ee7000; color: #fff; width: 180px;}

/*products*/
.products-list { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 40px;}
.products-list > div { margin: 0 22px 56px 22px; width: calc(33.33% - 44px); border: 1px solid #e5e5e5;}

.idx-pto { line-height: 0; overflow: hidden;background: #fff; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; padding: 40px;padding-bottom: 10px;}
.idx-pto img { width: 100%; transition: all 0.4s ease-out 0s;    border-radius: 2px;}
.idx-pto:hover img { transform: scale(1.05);}
.idx-name { text-align: center; font-size: 22px; line-height: 120%; letter-spacing: 0; font-weight: bold; color: #222222; padding: 10px 20px;}
.idx-name span { display:block; color: #8c8c8c;}
.idx-name a:link, .idx-name a:visited{color: #222; }
.product_list > div:hover .idx-name a{color: #1bac4a; }
/*products-detail*/
.products-detail-main-top {position: relative; padding-bottom: 40px; margin-bottom: 80px;}
.products-detail-main-top:after {position: absolute; content: ""; width: 100%; bottom: 0; left: 0; height: 318px; background: #f7b146; }
.products-detail-box { max-width: 1122px; margin: 0 auto; text-align: left; position: relative; z-index: 2;}
.products-detail-box .products_show_title_2nd {font-size: 26px;display: block;text-align: left;margin-bottom: 30px;}
.products-detail-top { padding-bottom: 90px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.products-detail-top > div { width: 50%;}
.products-detail-data { padding: 0 50px; font-weight: normal; font-size: 18px; color: #8c8c8c; line-height: 30px;}
.products-detail-data-title { font-size: 26px; color: #222222; font-weight: bold; padding-bottom: 10px;}
.products-detail-data-btn { display: block; width: 170px; line-height: 66px; border: 1px solid #1bac4a; color: #1bac4a; font-size: 20px; text-align: center;    display: inline;
    padding: 20px 30px;}
.products-detail-data-btn:hover { background: #1bac4a; color: #fff; }
.products-detail-data > ul li{list-style: disc;}
 .products_show_title_2nd {margin-top: 30px;}
.loop .owl-dots { }
.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:10px; }
.loop .owl-next { right:10px;}
.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.3;transition: all 0.4s ease-out 0s;}
.loop .owl-prev:before { content:"\f104"; }
.loop .owl-next:before { content:"\f105"; }
.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: -60px; width: 100%; text-align: center !important; padding: 0 50px;}
.loop .owl-dots .owl-dot span, .loop  .owl-dots .owl-dot span { background: #e4e4e4 !important; width: 12px !important; height: 12px !important;}
.loop .owl-dots .owl-dot.active span, .loop  .owl-dots .owl-dot:hover span { background: #f7b146 !important;}
.loop .owl-item img { margin: 0 auto;}

.products-detail-content { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; z-index: 2;}
.products-detail-content > div { background: #1bac4a; width: calc(50% - 15px); padding: 35px 30px; color: #fff;}
.products-detail-content > div span { font-size: 26px; display: block; padding-bottom: 15px;}
.products-detail-content > div:nth-of-type(1) { margin-right: 15px;}
.products-detail-content > div:nth-of-type(2) { margin-left: 15px;}

.idx-section-2-btn { width: 160px; height: 160px; line-height: 1.2; border-radius: 100%;text-align: center; background: #fff; font-size: 20px; color: #1bac4a; font-weight: bold; display:flex; flex-flow: wrap; justify-content: center; align-items: center; margin: 0px auto 50px auto; border: 10px solid #b5d9c1;}
.idx-section-2-btn:hover { color: #fff;  background: #b5d9c1;}

/*faq*/
.faq-box { max-width: 1260px; margin: 0 auto; text-align: left; padding-bottom: 60px;}
.faq-menu { padding-bottom: 24px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end;}
.faq-menu > span { display: inline-block; font-size: 22px; padding-right: 20px; padding-top: 5px;}
.faq-menu-tool { position: relative; width: 238px; padding: 0px 32px 0px 15px; font-size: 22px; border: 1px solid #aeaeae; line-height: 42px;} 
.faq-menu-tool:hover .faq-menu-tool-open { visibility: visible; opacity: 1;} 
.faq-menu-tool i { position: absolute; top:10px; right: 10px; color: #727272; font-size: 20px;} 
.faq-menu-tool-open { border: 1px solid #aeaeae; position: absolute; width: calc(100% + 2px); left: -1px; top: 40px; background: #fff; visibility: hidden; opacity: 0;} 
.faq-menu-tool-open a { display: block; padding: 2px 15px; color: #222; font-size: 22px;  border-bottom: 1px solid #aeaeae;} 
.faq-menu-tool-open a:last-child { border-bottom: 0px solid #666;} 
.faq-menu-tool-open a:hover { color: #fff; background: #222;} 

.faq-main { display: flex;flex-direction: row;flex-wrap: wrap;padding-bottom: 38px;}
.faq-main > div:first-child {width: 319px; border-top: 4px solid #3bd06d; padding-top: 30px; }
.faq-main > div:last-child {width: calc(100% - 319px - 11px); margin-left: 11px;border-top: 1px solid #aeaeae;padding-top: 30px; font-size: 20px; font-weight: normal;}
.faq-title { display: flex; flex-direction: row; flex-wrap: nowrap;}
.faq-title > div:first-child { font-size: 22px; font-weight: bold; color: #1bac4a; width:60px; line-height: 100%; padding-left: 6px;}
.faq-title > div:last-child { font-size: 22px; color: #1bac4a; width:calc(100% - 60px); line-height: 28px; padding-right: 20px;}
.faq-main ul{padding-left: 28px;}
.faq-main ul li {list-style: decimal;}
/*share*/
.share-list { display: flex;flex-direction: row;flex-wrap: wrap;margin-right: -90px;}
.share-list > div { width: calc(25% - 90px); margin: 0 90px 90px 0;}

.idx-share-pto { margin-bottom: 30px; line-height: 0; overflow: hidden;}
.idx-share-pto img { border-radius: 100%;transition: all 0.4s ease-out 0s; width: 100%; }
.idx-share-pto img:hover { border-radius: 20%;}
.idx-share-data { font-size: 18px; color: #222; line-height: 30px; text-align: left;}
.idx-share-data span { font-size: 26px; display: block; text-align: center; padding-bottom: 14px;font-weight: bold; }
.at-share-btn-elements{padding-top: 16px;}
/*contact*/
.contact-top { margin-bottom: 85px; background: #1bac4a; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.contact-top > div { width: 50%;}
.map { line-height: 0;}
.map iframe { width: 100%; height: 450px; border-width: 0;}
.contact-info { text-align: center; padding: 40px; font-size: 22px; color: #fff;}
.contact-info span  { display: block; padding-bottom: 12px;}
.contact-phone  { max-width: 568px; margin: 0 auto; background: #fff; color: #1bac4a; font-size: 30px; padding: 50px 20px;}
.contact-phone a {color: #1bac4a;}

.contact-bottom { margin-bottom: 80px; background: #f4f4f4; padding: 50px;}
.contact-bottom input[type=text], .contact-bottom input[type=tel], .contact-bottom input[type=phone], .contact-bottom input[type=email], .contact-bottom textarea{ background: none; border-width: 0 0 1px 0; border-style: solid; border-color:#d0d0d0; font-size: 22px; color: #222; padding: 15px 12px; width: 100%;}
.contact-bottom textarea { height: 230px; resize: none;}

.contact-btn { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top: 35px;} 
.contact-btn a { display: inline-block; width: 200px; line-height: 78px; text-align: center; background: #fff; color: #222;}
.contact-btn a:hover { background: #1bac4a; color: #fff;}
.contact-btn { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top: 35px;}
.contact-btn input { display: inline-block; width: 200px; line-height: 78px; text-align: center; background: #fff; color: #222;}
.contact-btn input:hover { background: #1bac4a; color: #fff;}

/*sitemap*/
.sitemap { display: flex; flex-direction: column; flex-wrap: wrap; padding: 0 0px 60px 0px; margin-top: -20px;}
.sitemap > div { }
.sitemap-link-1  { margin-top: 20px;}
.sitemap-link-1 a { display: inline-block; min-width: 130px; padding: 10px 20px;  border-radius: 15px; text-align: center; color: #fff; background: #1bac4a; font-size: 22px; font-weight: bold;}
.sitemap-link-1 a:hover { opacity: 0.6;}
.sitemap-link-2 { padding: 15px 0 10px 100px; position: relative;}
.sitemap-link-2:before { content: ""; position: absolute; width: 3px; height: 100%; left: 62px; top: 0; background: #1bac4a;}
.sitemap-link-2 > div { border: 1px solid #d8d8d8; border-radius: 15px; padding: 20px 30px; display: flex; flex-direction: row; flex-wrap: wrap;}
.sitemap-link-2 > div > div { padding-right: 55px;}
.sitemap-link-2 > div > div > a { display: block; color: #222; font-size: 18px; text-decoration: underline;}
.sitemap-link-3 { padding: 10px 0 30px 0;}
.sitemap-link-3 a { display:block; padding: 0 18px 0 17px; position: relative; color: #222; font-size: 18px; margin-bottom:8px;}
.sitemap-link-3 a:before { content: "\f105"; font-family: 'Font Awesome 5 Free';font-weight: 900; position: absolute; left: 0; top: 0; color: #222; font-size: 15px;}
.sitemap-link-2 a:hover, .sitemap-link-3 a:hover { opacity: 0.6;}

.pro_detail-box {padding: 0 15px;}
.tab_use-ovflow table {width: 100%; }
.product_list {display: flex; flex-wrap: wrap;}
.product_list > div{width: 25%;}

.noirr {max-width: 1140px;margin: 0 auto;}
.noirr:after {content: ""; clear: both;display: block;}
.noirr a{display: block; width: 33.3%; float: left;}

.tab_use-ovflow table {max-width:1120px;}
.tab_use-ovflow {overflow-x: auto;}


@media only screen and (max-width: 1279px) {
	#content { padding-top: 80px;}
	
}
@media only screen and (max-width: 980px) {
	.banner {  height: 130px;}
	.banner h1 { font-size: 24px;}
	
	.main-content { padding-top: 35px;}
	
	.about-1-content > div { padding-bottom: 50px;}
	.about-1-content > div > div { width: 100%;padding: 0 20px;}
	.about-1-content > div > div:nth-of-type(1) { padding-bottom: 20px;}
	.about-1-content > div:nth-child(even) > div:nth-of-type(1) { order: 1;}
	.about-1-content > div:nth-child(even) > div:nth-of-type(2) { order: 2;}
	
	.about-2-list > div {  padding: 0 25px 70px 25px;}
	
	.about-3-slogon { font-size: 32px;}
	
	.about-4-list > li { width: calc(50% - 20px);}
	
	.news-list-pto {width: 100%; text-align: center; }
	.news-list-data {width: 100%; padding-left: 0;}
	.btn01 {margin: 0 auto;}
	
	.products-list > div { width: calc(50% - 44px);}
	
	.products-detail-top > div { width: 100%;}
	.products-detail-top > div:nth-of-type(1) { order: 2;}
	.products-detail-top > div:nth-of-type(2) { order: 1; margin-bottom: 80px;}
	.products-detail-data { padding: 0; text-align: center;}
	.products-detail-data-btn { margin: 0 auto;}
	
	.products-detail-content > div { width: calc(100% - 0px); padding: 35px 30px; }
	.products-detail-content > div:nth-of-type(1) { margin-right: 0px;}
	.products-detail-content > div:nth-of-type(2) { margin-left: 0px;}
	
	.faq-main > div:first-child {margin-left: 0px; padding:10px 0; width: 100%;}
	.faq-main > div:last-child {margin-left: 0px; width: 100%;}
	.faq-title > div:last-child { padding-right: 0;}
	
	.share-list > div { width: calc(50% - 90px); }
	.idx-share-data span { font-size: 26px;}
	
	.contact-top > div { width: 100%;}
	.map iframe { height: 300px;}
	
	.sitemap > div { padding: 0 0px 0px 0px; width:100%;}
	.sitemap-link-1 a { font-size: 20px;}
	.products-detail-data > ul {width: 50%;text-align: left;margin: 0 auto;} 
}

@media only screen and (max-width: 768px) {
	.idx-section-2-btn { width: 120px; height: 120px; /*line-height: 110px;*/ font-size: 18px; border: 5px solid #b5d9c1;}
	.products-detail-data > ul {width: 90%;} 
	.tab_use-ovflow {overflow-x: scroll; }
	.tab_use-ovflow table {width: 768px; }
	.contact-bottom { padding: 20px 20px 40px 20px;}
	.contact-btn { flex-direction: column;  justify-content: center; align-items: center;} 
	.contact-btn > div { padding-bottom: 20px;} 
	.product_list > div{width: 33.3%;}
	.idx-name {
		font-size: 18px;
	}
	.noirr a{ width: 50%;}
}
@media only screen and (max-width: 640px) {
	.about-2-list > div { width:50%; padding-bottom: 30px;}
	
	.about-4-list > li { width: calc(100% - 20px);}

	.products-list > div { width: calc(100% - 0px); margin-right: 0; margin-left: 0;}
}
@media only screen and (max-width: 570px) {
	.loop2 .owl-nav { top:calc(50% - 40px);}
	
	.share-list > div { width: calc(100% - 90px);}
	
	.sitemap-link-2 { padding: 15px 0 10px 0px; position: relative;}
	.sitemap-link-2:before { display: none;}
	.sitemap-link-2 > div { flex-direction: column;}
	.sitemap-link-2 > div > div { padding-right: 20px;}
	.product_list > div{width: 49%;}
	.idx-name {
		font-size: 16px;
		
	}
	.noirr a{ width: 100%;}
    #cart-handler {display: flex; flex-flow: row; justify-content: center; align-items: center;}
    .products-detail-data-btn {font-size: 18px; line-height: 1; padding: 15px 10px; margin: 5px;}

}

@media only screen and (max-width: 414px) {
	
	.product_list > div{width: 100%;}
}

@media only screen and (max-width: 320px) {
    #cart-handler {flex-flow: column;}
    .products-detail-data-btn {line-height: 1.5;}
}

.contact_list { 
	padding: 15px 12px;
	color: #222;
	font-family: none;
	font-weight: normal;border-width: 0 0 1px 0;
border-style: solid;
border-color: #d0d0d0;

}
.contact_option{
	/*width: 150px;*/
	font-size: 22px;
	margin-left: 10px;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #d0d0d0;
	padding: 0px 10px 0px 10px;}


	@media only screen and (max-width: 340px) {
		
		.products-detail-data-btn {display: inline;
			padding: 10px 10px;}

	}

	@media only screen and (max-width: 980px) {
		
.oem_pic1{display: block !important; padding-bottom: 30px;}
.oem_pic2{display:  block !important; padding-bottom: 30px;}
.oem_picc{width: 100% !important;padding: 0px !important;}
.fer_o{display: block!important;overflow-x: auto;}
.fer_i1{width:100%!important;}
.fer_i2{min-width: 693px;margin-top: 30px;    margin-bottom: 30px;}
.fer_two{overflow-x: auto;}
.k13_img{margin-top:20px;}
}

@media only screen and (min-width: 850px) {.fer_two{margin: auto;}}

.oem_pic1{display: flex; padding-bottom: 30px;}
.oem_pic2{display: flex; padding-bottom: 30px;}

.oem_picc{width: 50%; padding: 0 30px;}

.fer_o{display: flex;}
.fer_i1{width:50%;}
.fer_i2{width: 60%;display: flex;justify-content: flex-end;}

@media only screen and (min-width: 981px) {.img_step{    margin-top: 30px;}}