#topBigImage {
	width: 100%;
	height: 250px;
	background: url(../images/topbigpic/01.jpg) no-repeat center top;
}

#section01 {
	margin-top: 20px;
	padding-bottom:60px;
}
.topline {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 3px #0583cd solid;
	margin-bottom: 30px;
}

.topline span:first-child {
	float: left;
	font-size: 18px;
	color: #0472b3;
	font-weight: bold;
	margin-right: 5px;
}

.topline span:nth-child(2) {
	float: left;
	font-size: 12px;
	font-style: italic;
	color: gray;
	margin-top: 5px;
}

.topline span:last-child {
	float: right;
	font-size: 14px;
	font-style: italic;
	margin-top: 4px;
}

#articlelist ul{
	display:flex;
	width:100%;
	max-height:280px;
	padding-bottom:40px;
	overflow:hidden;
}
#articlelist ul li{
	flex:1;
	height:100%;
	padding-right:10px;
}
#articlelist ul li div{
	width:160px;
	height:100%;
	float:left;
	margin-right:20px;
}
#articlelist ul li div img{
	max-width:160px;
	max-height:180px;
	margin-bottom:10px;
}
#articlelist ul li div p{
	text-align:center;	
}
#articlelist ul li p{
	margin:0;
	padding-bottom:10px;
	white-space: nowrap;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;		
}

.TeaBlogRanking{
	height:20px;
}
.TeaBlogRanking li{
	flex:1;
	text-align:left;
}