.item {
	width: 30%;
	margin: 10px;
	float: left;
	background: #0085ca;
	color: #ffffff;
}

.grid-content {
	padding: 0.2em 0.6em;
	line-height: 1.6em;
}

#ch-content .grid .articleTitle {
	text-align: center;
	font-size: 0.86em;
	color: #ffffff;
}

#ch-content .grid .datetext {
	text-align: center;
	font-size: 0.7em;
	color: #ffffff;
	/*color:#ffacf0;*/
}

#ch-content .grid .unittext {
	text-align: right;
	font-size: 0.7em;
	color: #ffff80;
}

a>img {
	width: 100%;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	box-shadow:4px 4px 4px rgba(10%,10%,40%,0.1);
}

.line img, .line .articleUnit {
	display: none;
}

.line .articleTitle {
	display: inline;
}

.line .articleDate {
	display: inline;
	float:right;
}

@media ( max-width : 640px) {
	.item {
		width: 100%;
		margin: 10px 0px 10px 0px;
		float: left;
	}
	.line .articleDate {
		display: block;
		float:none;
	}
}