#stopics h2{
	background-color: #14973c;
}
#emergency h2{
	background-color: #ab272c;
}
#emergency a{
	color:#d2616d;
}

#topics ul.latest,
#stopics ul.latest,
#emergency ul.latest{
	margin-bottom:20px;
}
#topics ul.latest li,
#stopics ul.latest li,
#emergency ul.latest li{
	display:flex;
	padding:20px 0;
	line-height: 1.7rem;
	border-bottom: 1px solid #dfdfdf;
}
#topics ul.latest li .date,
#stopics ul.latest li .date,
#emergency ul.latest li .date{
	width: 120px;
	text-align: center;
}
#topics ul.latest li .title,
#stopics ul.latest li .title,
#emergency ul.latest li .title{
	flex:1;
	padding-left:20px;
}
#topics .all_view ul.button,
#stopics .all_view ul.button,
#emergency .all_view ul.button{
	margin-bottom:0;
}

.banners p a:hover{
	transition-duration: 0.3s;
	opacity: 0.5;
}

/*------------------- sp -------------------*/
@media screen and (max-width: 768px) {
	#topics ul.latest li,
	#stopics ul.latest li,
	#emergency ul.latest li{
		padding: 10px 0;
	}
	#topics ul.latest li .date,
	#stopics ul.latest li .date,
	#emergency ul.latest li .date{
		width: 100px;
		text-align: left;
	}
	#topics ul.latest li .title,
	#stopics ul.latest li .title,
	#emergency ul.latest li .title{
		flex:1;
		padding-left:0px;
	}
	
	.banners p img{
		width: 100%;
	}
}