.pageList {
  float: right;
}
.pageList > a {
  cursor: pointer;
  margin-right: 5px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  display: inline-block;
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #999;
  background-color: #f9f9f9;
}
.pageList > a:hover {
  background-color: #61AEE9;
  color: #fff;
}
.pageList > a > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.pageList .headmost > span {
  background: url('images/icon_headmost.svg') no-repeat;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
.pageList .headmost:hover > span {
  background: url('images/icon_headmost_hvr.svg') no-repeat;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
.pageList .previous > span {
  background: url('images/icon_previous.svg') no-repeat;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
.pageList .previous:hover > span {
  background: url('images/icon_previous_hvr.svg') no-repeat;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
.pageList .next > span {
  background: url('images/icon_next.svg') no-repeat;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
.pageList .next:hover > span {
  background: url('images/icon_next_hvr.svg') no-repeat;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
.pageList .backmost > span {
  background: url('images/icon_backmost.svg') no-repeat;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
.pageList .backmost:hover > span {
  background: url('images/icon_backmost_hvr.svg') no-repeat;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
.pageList > .numberSelected {
  background-color: #61AEE9;
  color: #fff;
}