/* paginate */
.paginate {height:35px; margin-top:20px; text-align:center;}
.paginate .arrow{display:inline-block; position:relative; width:35px; height:35px; overflow:hidden; text-indent:-999px; border:1px solid #999;background:#fff;}
.paginate .arrow:before{content:'';position:absolute;top:50%;left:50%;width:11px;height:11px;margin:-5px 0 0 -5px;background:url(../img/basic/btn_paginate.png) 0 0 no-repeat;}
.paginate .arrow.prev,.paginate .arrow.end{margin-left:-5px;}
.paginate .arrow.prev:before{background-position:0 -11px;}
.paginate .arrow.next:before{background-position:0 -22px;}
.paginate .arrow.end:before{background-position:0 -33px}
.paginate .num{display:inline-block;margin:0 9px;vertical-align:top;}
.paginate .num a{display:inline-block;width:35px;height:35px;margin:0 1px;color:#333;font-size:14px;font-weight:500;line-height:35px;border:1px solid #999; border-radius:5px;}
.paginate .num a.on{color:#fff;border-color:#007AFF;background:#007AFF;}
.paginate a:hover{background-color:#efefef;transition:ease-out 0.3s;}
.paginate .arrow.first, .paginate .arrow.next{border-radius:5px 0 0 5px;}
.paginate .arrow.prev, .paginate .arrow.end{border-radius:0 5px 5px 0;}

@media(max-width:767px){
	/*paginate*/
	.paginate {height:25px; margin:30px 0;}
	.paginate .arrow{width:27px; height:30px;}
	.paginate .arrow:before{width:11px; height:11px; margin:-5px 0 0 -5px;}
	.paginate .num{margin:0 4px;}
	.paginate .num a{width:17px; height:30px; font-size:13px; line-height:30px;border:0;}
	.paginate .num a.on, .paginate .num a:hover{color:#4779b8;background:#fff;}
}