@charset "utf-8";
/* CSS Document */
.paging2 {
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
	line-height: 1;
}
.flip{
	float: left;
	font-size: 0;
}
.flip li.prev{
	width: auto;
}
.flip li.prev a, .flip li.next a{
	padding-left: 10px;
	padding-right: 10px;
}
.flip li.prev a img{
	width: 11px;
	transform:rotateZ(180deg);
	filter: brightness(0%);
	margin-top: -2px;
}
.flip li.disabled a{
	cursor: not-allowed;
	opacity: .2;
}
.flip li.disabled a:hover{
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.flip li.disabled a:hover img{
	filter: brightness(0%)!important;
}
.flip li{
	width: 30px;
	height: 34px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	margin-right: 12px;
	border-radius: 0.25rem;
	display: inline-block;
}
.flip li:last-child{
	border-bottom: 1px solid #e5e5e5;
}
.flip li.disabled{
	cursor: not-allowed;
}
.flip li.next{
	width: auto;
	margin-right: 0px;
}
.flip li a{
	display: block;
	font-size: 14px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	color: #000000;
}
.flip li.active a, .flip li a:hover, .jump button:hover{
	background-color: #e5e5e5;
	color: #295d72;
}
.flip li.next a img{
	width: 11px;
	filter: brightness(0%);
	margin-top: -2px;
}
.flip li.prev a:hover img, .flip li.next a:hover img{
	filter: brightness(100%);
}
.jump{
	float: right;
	display: flex;
	align-items: center;
	height: 34px;
	margin-left: 50px;
	font-size: 14px;
	line-height: 34px;
}
.jump input{
	width: 50px;
	height: 34px;
	text-align: center;
	margin: 0 0.5rem;
	border: 1px solid #e5e5e5;
	border-radius: 0.25rem;
	outline: 0;
}
.jump button{
	height: 34px;
	padding: 0px 10px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 0.25rem;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	.paging2 {
		margin-top: 14px;
	}
	.flip, .jump{
		float: none;
	}
	.flip li{
		width: 26px;
		height: 30px;
		line-height: 28px;
		margin-right: 6px;
		margin-top: 6px;
	}
	.flip li.prev a, .flip li.next a{
		padding-left: 8px;
		padding-right: 8px;
	}
	.jump{
		margin-top: 10px;
		margin-left: 0;
		justify-content: center;
		height: 30px;
		line-height: 30px;
	}
	.jump input {
	    height: 30px;
	}
	.jump button {
	    height: 30px;
	    padding: 0px 8px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.paging2 {
	    margin-top: 22px;
	}
	.flip, .jump{
		float: none;
	}
	.flip li{
		margin-right: 10px;
		margin-top: 8px;
	}
	.jump{
		margin-top: 10px;
		margin-left: 0;
		justify-content: center;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.flip, .jump{
		float: none;
	}
	.jump{
		margin-top: 10px;
		margin-left: 0;
		justify-content: center;
	}
}