#pagesize {
	font-family: Noteworthy, Arial, sans-serif;
	
}
#pagesize ul{
	display: flex;
	justify-content: center;
}
#pagesize li:first-child a,
#pagesize li:last-child a
{
	font-weight: bold;
	color: #5b3181;
}
#pagesize li:first-child:hover a,
#pagesize li:last-child:hover a
{
	color:#fff;
}
#pagesize a,
#pagesize span {
	float: left;
	font-weight: bold;
	color: #333;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	text-align: center;
	background: #fff;
	margin: 0 8px;
}

#pagesize a:hover {
	text-decoration: none;
	background: #5b3181;
	color:#fff;
}

#pagesize .active {
	background: #5b3181;
	color: #FFF;
	cursor: default;
}

#pagesize .disabled {
	color: #ccc;
	cursor: default;
}

@media (max-width:767px) {
	#pagesize a,
	#pagesize span {
		float: left;
		font-weight: bold;
		color: #333;
		font-size: 4vw;
		width: 8vw;
		height: 8vw;
		line-height: 8vw;
		font-weight: normal;
		text-align: center;
		background: #fff;
		margin: 0 1.5vw;
	}
}