.holder {
    margin-top:0px;text-align:center
  }

   .holder a {
     float:left;width:30px;height:30px;margin:0 5px;font-size:14px;line-height:214%;text-align:center
  }

  .holder a:hover {
    color:#fff;background: none;
    
  }
  
  .jp-first, .jp-previous, .jp-next, .jp-last {width:28px;height:28px;margin:0;border:1px solid #222}
  .holder a.jp-first { background:url(../img/web/page_first.png) no-repeat 50% 50% }
  .holder a.jp-previous { margin-right:20px;margin-left:-6px;background:url(../img/web/page_prev.png) no-repeat 50% 50% }
  .holder a.jp-next { margin-right:-1px;margin-left:20px;background:url(../img/web/page_next.png) no-repeat 50% 50% }
  .holder a.jp-last { margin-left:0px;background:url(../img/web/page_last.png) no-repeat 50% 50% }


  .holder a.jp-current, a.jp-current:hover {
    color:#fff;background:#0093d5;
    font-weight: bold;
  }

  .holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
  }

  
  .holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: none;
	border:none;
  }

  .holder span { margin: 0 5px; }
  @media only screen and (max-width:768px){
   .jp-first, .jp-previous {position:absolute;left:10px;}
   .holder a.jp-previous { left:52px; }
   .jp-next, .jp-last {position:absolute;right:10px;}
   .holder a.jp-next { right:46px; }
  }