/**/

.item {
	padding: 30px 0;
}

/**/

.news-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-list>li {
	border-bottom: 1px solid #ddd;
}

.news-list>li:last-child {
	border-bottom: 0;
}

.news-list>li>a {
	display: block;
	padding: 15px 0;
	color: inherit;
}

.news-list>li>a time {
	float: right;
	width: 120px;
	color: #3977ad;
}

@media(max-width:576px) {
	.news-list>li>a .title {
		display: inline-block;
		width: 100%;
	}

}




/**/

@media(min-width: 768px) {
	main table caption {
		border-top: 1px solid rgba(0, 0, 0, 0.5);
		border-right: 1px solid rgba(0, 0, 0, 0.5);
		border-left: 1px solid rgba(0, 0, 0, 0.5);
		background: #575c5e;
		color: #fff;
		font-weight: bold;
		padding: 10px;
		text-align: right;
	}

	main table {
		width: 100%;
		border-right: 1px solid rgba(0, 0, 0, 0.5);
		border-bottom: 1px solid rgba(0, 0, 0, 0.5);
		border-spacing: 0;
		border-collapse: collapse;
	}

	main table td,
	main table th {
		padding: 5px;
		border-top: 1px solid rgba(0, 0, 0, 0.5);
		border-left: 1px solid rgba(0, 0, 0, 0.5);
	}

	main table th {
		background: rgba(0, 0, 0, 0.1);
		text-align: right;
	}
}

@media(max-width: 768px) {

	main table,
	main table caption,
	main table thead,
	main table tbody,
	main table tr,
	main table th,
	main table td {
		display: block;
		width: 100%;
	}

	main table tr:first-child {
		display: none;
	}

	main table tr {
		margin-bottom: 10px;
		border: 1px solid #ddd;
		padding: 5px;
	}

	main table td {
		padding: 5px;
	}
}

caption a {
	color: inherit;
}

/**/

.pic img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}