.product-list { width: 100%; display: inline-block; }
.pro-list { margin: 0px; padding: 0px; list-style-type: none; width: 100%; clear: both; display: inline-block; }
.pro-list ul { margin: 0px; padding: 0px; list-style-type: none; }
.pro-list li { margin: 0px; padding: 0px; list-style-type: none; float: left; width: 30.6%; margin: 0% 3% 3% 0%; background: #F9F9F9; border: 1px solid #ddd; border-radius: 5px; cursor: pointer; }
.pro-list li:nth-child(3n+0) { margin: 0% 0% 3% 0%; width: 32%; }
.pro-list li:hover { border: 1px solid #86B4CC; }
.softname { width: 96%; font-family: 'Open Sans', sans-serif; font-size: 13px; display: inline-block; min-height:120px; padding: 2%;}
.softname img { height : 90px; width : 60px; }
.soft-thumb { width: 25%; float: left; text-align: center; padding-top: 5px; }
.soft-detail { width: 70%; float: left; text-align: left; margin: 1% 0% 0% 3%; }
.soft-detail h3 { font-size: 15px; font-weight: 700; margin-bottom: 10px; line-height: normal; margin: 0px; padding: 0px; margin-bottom: 3px; }
.soft-detail h3.head-txt { height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.soft-detail h3 a { font-size: 15px; font-weight: 700; color: #222222; text-decoration: none; }
.soft-detail h3 a:hover { color: #019bff; }
.soft-detail h3 span { font-size: 12px; color: #999fae; font-weight: normal; }
.soft-detail p { font-size: 12px; color: #222222; font-weight: 400; margin: 0px; padding: 0px; margin-bottom: 3px; display: inline-block; width: 100%; }
.soft-detail p.decs-txt { height: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.star { display: block; float: left; }
.star a { margin-right: 3px; color: #d0d0d0; font-size: 13px; float: left; margin-top: 2px; }
.star a.active { margin-right: 3px; color: #62bb46; }
.fleft { float: left; margin-right: 8px; }
.rating { float: left; margin-top: 5px; }
.star { background: url(../../../images/rating-img.png) no-repeat 0px 0px; width: 13px; height: 13px; display: block; margin-right: 2px; }
.star.active { background: url(../../../images/rating-img.png) no-repeat -13px 0px; width: 13px; height: 13px; display: block; }
.product-box { display: inline-block; width: 100%; clear: left; padding: 20px 0; }
.product-box h2 { color: #000; font-size: 20px; margin: 0px; padding: 0px; padding-bottom: 15px; }
.left-menu { width: 20%; float: left; }
.right-part { width: 77%; float: right; }
.menu { margin: 0; padding: 0; width: 100%; float: left; list-style-type: none; border: 1px solid #D2D3D3; border-bottom: none; }
.menu h2 { text-decoration: none; color: #000; padding: 10.5px 11px; background: #F0F0F0; display: block; font-size: 14px; border-bottom: 1px solid #D2D3D3; }
.menu ul { margin: 0; padding: 0; list-style-type: none; display: block; }
.menu li a { text-decoration: none; color: #000; padding: 10.5px 11px;display: block; font-size: 14px; border-bottom: 1px solid #D2D3D3; }
.menu li { background: #F9F9F9; }
.menu li a .cross-ico { background: url(../../../images/close-icon.png) center center no-repeat; width: 12px; height: 12px; float: right; display: none; margin-top: 3px; }
.menu li:hover, .menu li.active { color: #fff; background: #86B4CC; }
.menu li.active .cross-ico { display: block; }
/** 1st pagination **/
.paginate { width: 100%; display: block; }
.paginate ul { margin: 0px; padding: 0px; list-style-type: none; }
.paginate li { margin: 0px; padding: 0px; list-style-type: none; }
.paginate li a { display: block; float: left; color: #222222; text-decoration: none; padding: 5px 7px; margin-right: 6px; border-radius: 3px; background: #F9F9F9; border: 1px solid #ddd; }
.paginate li.active a { border: 1px solid #86B4CC; }
.paginate li.next a { border: 1px solid #ddd; }
.paginate li.prev a { border: 1px solid #ddd; }
/******** *******************/

.search-div { float: right; clear: both; width:400px; text-align: right; }
.search-btn { background: red; color: white; height: 35px; padding: 10px; border: none; outline: none; }
.search-btn:hover { background: #86B4CC; }
.accor-plus { background: url(../../../images/accor-plus.png) center center no-repeat; width: 15px; height: 15px; float: right; margin-top: 2px; display: block; }
.accor-minus { background: url(../../../images/accor-minus.png) center center no-repeat; width: 15px; height: 15px; float: right; margin-top: 2px; display: block; }
.search-area { float: left; width:85%; height: 49px; text-align: center; line-height: 49px; position: relative; }
.search-area input { background:#fff;border: 1px solid #ccc;width: 92%;padding:9px;color:#000;outline:none;}
.search-area .btn-search { background: url(../../../images/search-icon.png) center center no-repeat;cursor: pointer;position:absolute;right:19px;top:9px;vertical-align: middle;width:20px;height:20px;border:none;}
.btn-search-close {background: url(../../../images/search-close.png) center center no-repeat;cursor: pointer;position:absolute;right:19px;top:9px;vertical-align: middle;width:20px;height:20px;border:none;}