.r-star, 
.r-star-shape{
    position:relative;
    overflow:hidden;
    padding:5px 0;
}

.r-star .cn,
.r-star-shape .cn{
    position:absolute;
    width:10px;
    height:10px;
    left:-5px;
    top:-5px;
    background:url(r-star.png);
}

.r-star .green{
    background:url(g-star.png);
}

.r-star .cn.tr, .r-star .cn.br,
.r-star-shape .cn.tr, .r-star-shape .cn.br {
    margin-left:100%;
}

.r-star .cn.bl, .r-star .cn.br,
.r-star-shape .cn.bl, .r-star-shape .cn.br {
    top:auto;
}

.r-star-shape .cn{
    background:url(r-star2.png);
}

.r-star-shape .cn.tl, .r-star-shape .cn.bl {
    width:100%;
}