@charset "UTF-8";


.infolist {
	display: block;
	margin: 30px 0 0 0;
	padding: 0;
	clear: both;
	list-style:none;
}

.infolist .item {
	display:block;
	position: relative;
	width: 16.666%;
	margin: 0;
	float: left;
	text-align: center;
	padding: 0px;
	-webkit-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
	opacity:0;
}

.infolist .item a {
	display:block;
	color:rgba(0,0,0,1);
	text-decoration:none;
}

.infolist .item a:before,
.infolist .item a:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.infolist .item a:after {
    clear: both;
}

.infolist .item a:hover img {
	opacity:0.8;
}


.infolist .item img {
  display:block;
  width:  100%;
  height:auto;
  padding:0;
  margin:0;
}

.infolist .item p {
	display: block;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 12px;
	text-align:left;
}




@media screen and (max-width: 1280px) {

.infolist .item {
	width: 20%;
}

}


@media screen and (max-width: 960px) {
	
.infolist .item {
	width: 25%;
}

}



@media screen and (max-width: 680px) {
	
.infolist .item {
	width: 33.33%;
}

}

@media screen and (max-width: 480px) {

.infolist .item {
	width: 33.33%;
}


}