.clear{clear: both;}
.tuto-cnt{width: 480px; background-color: #fff; border:#ccc 1px solid; height:auto; min-height: 400px; margin: 40px auto; padding: 40px; overflow: auto; }

hr{ margin: 10px 0; border:none; border-top: #ccc 1px dotted;}


.star .rate-btn1{	
	/*background: url(../img/rate-btn.png) no-repeat scroll center top rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
    text-indent: -1300px;
    width: 25px;*/
}

.star .price-rate-btn1{	
/*	background: url(../img/rate-btn.png) no-repeat scroll center top rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
    text-indent: -1300px;
    width: 25px;*/
}

.star .value-rate-btn1{	
	/*background: url(../img/rate-btn.png) no-repeat scroll center top rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
    text-indent: -1300px;
    width: 25px;*/
}


.star .rate-btn-active1:before{
	/*background: url(../img/rate-btn-hover.png) top center no-repeat; */
	  content: "\2605";
    position: absolute;
    color: orange;
	
}

.star .rate-btn-active2:before{
	/*background: url(../img/rate-btn-hover.png) top center no-repeat; */
	  content: "\2605";
    position: absolute;
    color: orange;
}

.star .rate-btn-active3:before{
	/*background: url(../img/rate-btn-hover.png) top center no-repeat; */
	  content: "\2605";
    position: absolute;
    color: orange;
}

.starss {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 20px;
}
.starss > li {
    display: inline-block;
    position: relative;
    width: 1.1em;
    cursor: pointer;
	color: black;
}
.starss > li:hover:before,
.starss > li:hover ~ li:before {
    content: "\2605";
    position: absolute;
    color: orange;
}


.starss1 {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 20px;
}
.starss1 > li {
    display: inline-block;
    position: relative;
    width: 1.1em;
    cursor: pointer;
	color: black;
}
.starss1 > li:hover:before,
.starss1 > li:hover ~ li:before {
    content: "\2605";
    position: absolute;
    color: orange;
}


.starss2 {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 20px;
}
.starss2 > li {
    display: inline-block;
    position: relative;
    width: 1.1em;
    cursor: pointer;
	color: black;
}
.starss2 > li:hover:before,
.starss2 > li:hover ~ li:before {
    content: "\2605";
    position: absolute;
    color: orange;
}