/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.wrap-star{
	background: url(../images/stars30.png) repeat-x;
	text-indent: -9999px;
	overflow: hidden;
	width: 150px;
	height: 30px;
	position: relative;
}
.wrap-star.wrap-star-small{
	background: url(../images/stars20.png) repeat-x;
	height: 20px;
	width: 100px;
}

.wrap-star.wrap-star-medium{
	background: url(../images/stars24.png) repeat-x;
	height: 24px;
	width: 120px;
}

.wrap-star .total-star{
	background: url(../images/stars30.png) 0px -60px repeat-x;	
	height: 30px;
	overflow: hidden;
}
.wrap-star.wrap-star-small .total-star{
	background: url(../images/stars20.png) 0px -40px repeat-x;	
	height: 20px;
}
.wrap-star.wrap-star-medium .total-star{
	background: url(../images/stars24.png) 0px -48px repeat-x;	
	height: 24px;
}

.wrap-star .total-star.total-star-50{
	width: 150px;
}
.wrap-star .total-star.total-star-45{
	width: 135px;
}
.wrap-star .total-star.total-star-40{
	width: 120px;
}
.wrap-star .total-star.total-star-35{
	width: 105px;
}
.wrap-star .total-star.total-star-30{
	width: 90px;
}
.wrap-star .total-star.total-star-25{
	width: 75px;
}
.wrap-star .total-star.total-star-20{
	width: 60px;
}
.wrap-star .total-star.total-star-15{
	width: 45px;
}
.wrap-star .total-star.total-star-10{
	width: 30px;
}

.wrap-star.wrap-star-small .total-star.total-star-50{
	width: 100px;
}
.wrap-star.wrap-star-small .total-star.total-star-45{
	width: 90px;
}
.wrap-star.wrap-star-small .total-star.total-star-40{
	width: 80px;
}
.wrap-star.wrap-star-small .total-star.total-star-35{
	width: 70px;
}
.wrap-star.wrap-star-small .total-star.total-star-30{
	width: 60px;
}
.wrap-star.wrap-star-small .total-star.total-star-25{
	width: 50px;
}
.wrap-star.wrap-star-small .total-star.total-star-20{
	width: 40px;
}
.wrap-star.wrap-star-small .total-star.total-star-15{
	width: 30px;
}
.wrap-star.wrap-star-small .total-star.total-star-10{
	width: 20px;
}


.wrap-star.wrap-star-medium .total-star.total-star-50{
	width: 120px;
}
.wrap-star.wrap-star-medium .total-star.total-star-45{
	width: 108px;
}
.wrap-star.wrap-star-medium .total-star.total-star-40{
	width: 96px;
}
.wrap-star.wrap-star-medium .total-star.total-star-35{
	width: 84px;
}
.wrap-star.wrap-star-medium .total-star.total-star-30{
	width: 72px;
}
.wrap-star.wrap-star-medium .total-star.total-star-25{
	width: 60px;
}
.wrap-star.wrap-star-medium .total-star.total-star-20{
	width: 48px;
}
.wrap-star.wrap-star-medium .total-star.total-star-15{
	width: 36px;
}
.wrap-star.wrap-star-medium .total-star.total-star-10{
	width: 24px;
}

@media (max-width: 1023px){
	.one-post-caption-all .wrap-star {
        background: url("../images/stars30.png") repeat-x;
        height: 21px;
        width: 110px;
        background-size: 22px;
    }
    .one-post-caption-all .wrap-star .total-star {
        background: url("./images/stars30.png") 0px -44px repeat-x;
        height: 21px;
        overflow: hidden;
        background-size: 22px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-50 {
        width: 110px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-45 {
        width: 99px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-40 {
        width: 88px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-35 {
        width: 84px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-30 {
        width: 66px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-25 {
        width: 55px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-20 {
        width: 44px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-15 {
        width: 33px;
    }
    .one-post-caption-all .wrap-star .total-star.total-star-10 {
        width: 21px;
    }
}

@media (max-width: 639px) {
	.one-post .wrap-star {
        background-size: 18px;
        width: 91px;
        height: 18px;
    }
    .one-post .wrap-star .total-star {
        height: 18px;
        background: url("../images/stars30.png") 0px -36px repeat-x;
        background-size: 18px;
    }
    .one-post .wrap-star .total-star.total-star-50 {
        width: 92px;
    }
}