@charset "UTF-8";

/* li形式 */
.list {
	width:100%;
	margin:20px auto;
}

.list ul {
	margin:0;
	padding:0;
}

.list li {
}

.list .pager {
	clear:both;
	margin:30px 0;
	text-align:center;
	font-weight: bold;
	color: #888;
}

.list .pager span {
	margin:5px;
	padding:5px;
		-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
.list .pager span:after {
content:"|";
margin-left:18px;
color: #888;
}
.list .pager span:after:hover {
color: #888;
}
.list .pager span:last-of-type:after {
    content: "";
}

.list .pager span:hover {
	cursor:pointer;
	color:#93d8b9;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

.list .pager span.current {
	color:#000;
}
.list .pager span.current:hover {
	cursor:default;
}

.list .pager span.invalid {
	display:none;
}
.list .pager span.invalid:hover {
	cursor:default;
}

.list .pager span.ellipsis {
	color:#000;
	background:none;
	border:none;
}
.list .pager span.ellipsis:hover {
	cursor:default;
}

.list .pager span.first,
.list .pager span.last,
.list .pager span.prev,
.list .pager span.next {
color:#333333;
}

.list .pager span.first:hover,
.list .pager span.last:hover,
.list .pager span.prev:hover,
.list .pager span.next:hover {
color:#93d8b9;
}

.list .pageNum {
	margin:30px 0;
	text-align:center;
}