.friends-ul{display: block;width: 80%;margin: 0 auto;padding-top: 30px;}
.friends-ul li{float: left;width: 33.33%;margin-bottom: 38px;}
.friends-li{margin:0 25px;}
.friends-li a{display: block;}
.friends-li img{max-width: 100%;vertical-align: middle;}
.friends-title a{color: #4D4D4D;font-size: 16px;font-weight: bold;line-height: 20px;height: 40px;overflow: hidden;}
.friends-title{margin: 10px 0px;}
.friends-more{display: block;background: #f2f2f2;color: #808080;font-size: 12px;border: 1px solid #cccccc;text-align: center;padding: 6px 0px;}
.color-pure{color: #A392B3;font-weight: bold;}
.band-text .color-pure{text-decoration: underline;}
@media (min-width:1080px) {
	.friends-ul li a:hover{opacity: 0.8;}
	.band-text a:hover{opacity: 0.8;}
}
@media (max-width:1200px) {
	.friends-li{margin:0 10px;}	
}
@media (max-width:991px) {
	.friends-ul li{width: 50%;}
}
@media (max-width:767px) {
	.friends-ul{width: 100%;}
	.friends-ul li{margin-bottom: 15px;}
	.friends-ul{padding-top: 15px;}	.friends-li{margin: 0 5px;}
}