section.product {clear:both; overflow:hidden;  width:100%;  padding:0px 0 30px 0; }
section.product div.pro {width:1100px; clear:both; overflow:hidden;}
section.product div.pro+div.pro {margin-top:50px;}
section.product div.proR {padding:50px 0 ; overflow:hidden;}

section.product div.pro_img { float:left; width:402px; text-align:center; border:1px solid #dfdfdf;}
section.product div.pro_img img {vertical-align: top;}
section.product div.pro_txt {float:right; width:698px; border:1px solid #dfdfdf; height:365px; padding:20px 40px 0 60px}
section.product div.pro_txt h2 {font-size:28px; /*font-family:"noto_m";*/ padding:15px 0;}
section.product div.btn {padding-top:20px;}
section.product a{ border:1px solid #ccc;	padding: 10px 16px 12px 16px; font-size: 17px;	margin-top:20px;	;	border-radius: 6px}
section.product a:hover {	color: #333;	background-color: #f0f0f0; }

div.catalog {}
div.catalog ul.li2 li {float:left; width:50%; text-align:center;}
div.catalog ul.li2 li img { border:2px dashed #777; /*box-shadow:3px 3px 20px rgba(0,0,0,0.3);*/ margin-top:20px;}
div.catalog ul.li2 li span a{display:block ; padding:10px 10px; width:250px; margin: 30px auto 0 auto; background-color:#0f7e43; 
color:#fff; font-size:18px; background-image:url("../img/ico_down.png"); background-repeat:no-repeat; background-position:95% center;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
section.product {clear:both; overflow:hidden; text-align: center;  padding:35px 0px 60px 0px;  }
section.product div.pro {width:100%; margin:0 auto; }
section.product div.pro_img {clear:both; width:100%; }
section.product div.pro_img img {max-width:100%;}
section.product div.pro_txt {clear:both;  width:100%; padding:20px 20px; height:auto; }
section.product div.pro_txt h1 {font-size:25px; padding:20px 0;}
section.product div.pro_txt .mgT30,section.product div.pro_txt .mgT10 {margin:0;}
section.product div.pro_txt p {font-size:15px; line-height:30px; }
section.product div.pro_txt p.txtGreen { font-size:15px; line-height:25px;}
section.product div.proR div.pro_img { float:none; width:100%; }
section.product div.proR div.pro_txt {float:none; width:100%; text-align:center;}
section.product div.btn {padding-top:0px; margin-bottom:50px;}
div.catalog ul.li2 li {float:left; width:49%; text-align:center;}
div.catalog ul.li2 li:last-child {float:right;}
div.catalog ul.li2 li span a{display:block ; padding:10px 12px; width:100%; text-align:left; margin:10px auto }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}