/* ---- isotope ---- */

.grid {
  text-align: center;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 20px 10px;
	display: inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	width: 300px; /*原222px
	height: 318px;*/
	margin: 0 16px 15px;
	border: 1px solid #cccccc;
}
.element-item span{
	font-size: 13px;
}
.element-item p{
	line-height: 1.5em;
	padding: 20px 0 0;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

/* ---- rwd ---- */
@media screen and (max-width: 1280px) {
.element-item{	
	width: 30%;
}
}
@media screen and (max-width: 1024px) {
.element-item{	
	width: 45%;
}
}
@media screen and (max-width: 650px) {	
.element-item{	
	width: 85%;
}
}
@media screen and (max-width: 600px) {

.grid {
	padding: 5px;
}
    
}