.topPro-nav {color:#fff; padding:50px 0 5px 0; height:120px;}
.topPro-nav .btn-close {position:absolute; z-index:200; top:-25px; left:50%; margin-left:-28px; width:56px; height:25px; background:url(images/btn_img.webp) no-repeat 17px -153px; border-radius:80px 80px 0 0; cursor:pointer;}
.topPro-nav .btn-close2 {background-position:17px -120px;}
.topPro-nav .pro-name {float:left; font-size:21px; font-weight:bold; padding:5px 0 15px 0;}
.topPro-nav .pro-name span {font-size:14px; display:block;}
.topPro-nav .navMenu {float:left; padding-top:12px;}
.navMenu-fr .navMenu {float:right; padding-top:20px;}
.topPro-nav .navMenu a {float:left; color:#fff; font-weight:bold; margin-right:20px;}
.topPro-nav .navMenu a.curr {text-decoration:underline;}
.topPro-nav .navMenu .rating {margin:3px 0 0 -50px;}
.topPro-nav .btn {float:right; margin-left:10px;}
.topPro-nav .btn p {text-align:center; padding-top:5px; font-size:12px;}
.topPro-nav .btn p span span{font-size:18px; font-weight:bold; color:#ffec16;}
.topPro-nav .btn .btn-try.btn-s{ line-height:18px; padding-top:5px;}
.topPro-nav .btn .btn-try .ver{ display:block; font-size:12px; padding-top:0; font-weight:normal;}
.topPro-nav .btn-selectPro {float:right;}
.topPro-nav .btn-selectPro .selectRadio { float:left; border-radius:5px; padding:10px 5px;}
.topPro-nav .btn-selectPro label {cursor:pointer; padding:0 5px;}
.top-nav-fixed {position:fixed; top:0; left:0; width:100%; z-index:200; padding:10px 0;}
.top-nav-fixed .navMenu {padding-top:10px;}
.top-nav-fixed .btn p {display:none;}
.top-nav-fixed .pro-name {padding:10px 0;}
.bg-color7 {
	background-color:#78B949 !important;
	background-image: url(../images/product-bg-1.webp);
	background-repeat: no-repeat;
	background-position: center center;
}
.container{width:1050px;margin:0 auto;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:15px;width:15px; background:url(../images/star_img.webp) no-repeat 0 -3px; zoom:1}


/*rating*/
.rating{display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}
.bigRating li{background-position:-30px 0; width:30px; height:30px; }
.bigRating li.on{background-position:-30px -36px}
.bigRating li.half{background-position:-30px -72px}


/*review*/
.proTop-review {border-bottom:solid 1px #e5e5e5; padding:40px 0 30px 0;}
.proTop-review .title-name {float:left; font-size:34px; line-height:1.2em;}
.proTop-review .rev-btn {float:right;}
.proTop-review .rev-btn .rat-num {float:left; border:solid 1px #e5e5e5; padding:7px 15px; border-radius:5px; margin-right:10px;}
.proTop-review .rev-btn .rating {float:left;}
.proTop-review .rev-btn .rev-num {float:left; line-height:30px; padding-left:15px; color:#aab2bb; font-size:16px;}
.proTop-review .rev-btn .rev-num strong {color:#333;}
.proTop-review .rev-btn .btn {float:left;}
@media (max-width: 767px) {
	.proTop-review .title-name {float:none;}
	.proTop-review .rev-btn {float:none;}
	.proTop-review .rev-btn .rat-num {margin:10px 0;}
}
.review-listBox {padding:10px 0;}
.review-listBox .list {overflow:hidden; border-bottom:solid 1px #e5e5e5; padding:25px 0; position:relative; font-size:13px; }
.review-listBox .rev-rat {float:left; width:150px;}
.review-listBox .rev-rat .rating {display:block;}
.review-listBox .rev-rat span { font-size:12px; color:#aab2bb;}
.review-listBox .rev-rat p {line-height:1.2em; font-size:12px; padding-top:10px;}
.review-listBox .rev-info {padding:0 190px 0 150px;}
.review-listBox .rev-info strong {font-size:16px;}
.review-listBox .rev-info em {display:block; font-size:12px; color:#aab2bb;  line-height:1.2em;}
.review-listBox .rev-info p {padding:10px 0 0 0;}
.review-listBox .rev-btn {position:absolute; top:30px; right:0; width:160px; line-height:1.3em; overflow:hidden;}
.review-listBox .rev-btn a {margin:10px 8px 0 0; background:url(../images/ioc-word.webp) no-repeat 10px -84px #ccd5da; overflow:hidden; text-indent:-99999px; width:38px; height:30px;display:block; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;}
.review-listBox .rev-btn a:hover {background-color:#374e59;}
.review-listBox .rev-btn span {display:block; float:left; margin:17px 15px 0 0;}
.review-listBox .rev-btn .btn-yes {background-position:10px -84px;}
.review-listBox .rev-btn .btn-no {background-position:-38px -84px;}
@media (max-width: 767px) {
	.review-listBox .list {position:inherit;}
	.review-listBox .rev-info  {padding:0 0 0 180px;}
	.review-listBox .rev-btn {position:inherit; padding:10px 0 0 180px; width:auto;}
}
@media (max-width: 479px) {
	.review-listBox .rev-rat {float:none; width:auto;}
	.review-listBox .rev-info,.review-listBox .rev-btn {padding:10px 0 0 0;}
}