.pagination {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top:9px;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #666666; }
  .pagination a:hover, .pagination a:focus, .pagination a:active {
    background-color: #666666; }
  .pagination a.disabled, .pagination a.disabled:hover, .pagination a.disabled:focus, .pagination a.disabled:active {
    background-color: #666666;
    color: #555;
    cursor: default; }

.pagination a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination input {
  float: left;
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 20px;
  outline: none;
  border: none;
  font-size:15px;
  vertical-align: middle;
  text-align: center;
background:rgba(18, 52, 86, 0);  }

/* gigantic class for demo purposes */
.gigantic.pagination {
  margin: 30px 0; }

.gigantic.pagination a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }

.gigantic.pagination input {
  width: 300px;
  height: 60px;
  font-size: 30px; }
/* 尾*/
/* log element for demo purposes */
.log {
  display: none;
  background-color: #EDEDED;
  border: 1px solid #B4B4B4;
  height: 300px;
  width: 524px;
  overflow: auto;
  margin-left: 0;
  list-style: none;
  padding: 10px; }
  .log li {
    margin-top: 0;
    margin-bottom: 5px; }
	
	
.pagination1 {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination1 a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top:9px;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #666666; }
  .pagination1 a:hover, .pagination1 a:focus, .pagination1 a:active {
    background-color: #666666; }
  .pagination1 a.disabled, .pagination1 a.disabled:hover, .pagination1 a.disabled:focus, .pagination1 a.disabled:active {
    background-color: #666666;
    color: #555;
    cursor: default; }

.pagination1 a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination1 a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination1 input {
  float: left;
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 20px;
  outline: none;
  border: none;
  font-size:15px;
  vertical-align: middle;
  text-align: center;
background:rgba(18, 52, 86, 0);  }

/* gigantic class for demo purposes */
.gigantic.pagination1 {
  margin: 30px 0; }

.gigantic.pagination1 a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }

.gigantic.pagination1 input {
  width: 300px;
  height: 60px;
  font-size: 30px; }
/* 尾*/	



.pagination2 {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination2 a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top:9px;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #666666; }
  .pagination2 a:hover, .pagination2 a:focus, .pagination2 a:active {
    background-color: #666666; }
  .pagination2 a.disabled, .pagination2 a.disabled:hover, .pagination2 a.disabled:focus, .pagination2 a.disabled:active {
    background-color: #666666;
    color: #555;
    cursor: default; }

.pagination2 a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination2 a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination2 input {
  float: left;
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 20px;
  outline: none;
  border: none;
  font-size:15px;
  vertical-align: middle;
  text-align: center;
background:rgba(18, 52, 86, 0);  }

/* gigantic class for demo purposes */
.gigantic.pagination2 {
  margin: 30px 0; }

.gigantic.pagination2 a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }

.gigantic.pagination2 input {
  width: 300px;
  height: 60px;
  font-size: 30px; }
/* 尾*/


.pagination3 {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination3 a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top:9px;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #666666; }
  .pagination3 a:hover, .pagination3 a:focus, .pagination3 a:active {
    background-color: #666666; }
  .pagination3 a.disabled, .pagination3 a.disabled:hover, .pagination3 a.disabled:focus, .pagination3 a.disabled:active {
    background-color: #666666;
    color: #555;
    cursor: default; }

.pagination3 a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination3 a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination3 input {
  float: left;
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 20px;
  outline: none;
  border: none;
  font-size:15px;
  vertical-align: middle;
  text-align: center;
background:rgba(18, 52, 86, 0);  }

/* gigantic class for demo purposes */
.gigantic.pagination3 {
  margin: 30px 0; }

.gigantic.pagination3 a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }

.gigantic.pagination3 input {
  width: 300px;
  height: 60px;
  font-size: 30px; }
/* 尾*/



.pagination4 {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination4 a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top:9px;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #666666; }
  .pagination4 a:hover, .pagination4 a:focus, .pagination4 a:active {
    background-color: #666666; }
  .pagination4 a.disabled, .pagination4 a.disabled:hover, .pagination4 a.disabled:focus, .pagination4 a.disabled:active {
    background-color: #666666;
    color: #555;
    cursor: default; }

.pagination4 a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination4 a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination4 input {
  float: left;
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 20px;
  outline: none;
  border: none;
  font-size:15px;
  vertical-align: middle;
  text-align: center;
background:rgba(18, 52, 86, 0);  }

/* gigantic class for demo purposes */
.gigantic.pagination4 {
  margin: 30px 0; }

.gigantic.pagination4 a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }

.gigantic.pagination4 input {
  width: 300px;
  height: 60px;
  font-size: 30px; }
/* 尾*/


.pagination5 {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination5 a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top:9px;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #666666; }
  .pagination5 a:hover, .pagination5 a:focus, .pagination5 a:active {
    background-color: #666666; }
  .pagination5 a.disabled, .pagination5 a.disabled:hover, .pagination5 a.disabled:focus, .pagination5 a.disabled:active {
    background-color: #666666;
    color: #555;
    cursor: default; }

.pagination5 a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination5 a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination5 input {
  float: left;
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 20px;
  outline: none;
  border: none;
  font-size:15px;
  vertical-align: middle;
  text-align: center;
background:rgba(18, 52, 86, 0);  }

/* gigantic class for demo purposes */
.gigantic.pagination5 {
  margin: 30px 0; }

.gigantic.pagination5 a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }

.gigantic.pagination5 input {
  width: 300px;
  height: 60px;
  font-size: 30px; }
/* 尾*/


.pagination6 {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination6 a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top:9px;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #666666; }
  .pagination6 a:hover, .pagination6 a:focus, .pagination6 a:active {
    background-color: #666666; }
  .pagination6 a.disabled, .pagination6 a.disabled:hover, .pagination6 a.disabled:focus, .pagination6 a.disabled:active {
    background-color: #666666;
    color: #555;
    cursor: default; }

.pagination6 a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination6 a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination6 input {
  float: left;
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 20px;
  outline: none;
  border: none;
  font-size:15px;
  vertical-align: middle;
  text-align: center;
background:rgba(18, 52, 86, 0);  }

/* gigantic class for demo purposes */
.gigantic.pagination6 {
  margin: 30px 0; }

.gigantic.pagination6 a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }

.gigantic.pagination6 input {
  width: 300px;
  height: 60px;
  font-size: 30px; }
/* 尾*/




.pagination7 {
  display: inline-block;
  border: 1px solid #CDCDCD;
  border-radius: 3px; }

.pagination7 a {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  outline: none;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding-top:9px;
  font-size: 16px;
  font-family: Times, 'Times New Roman', Georgia, Palatino;
  /* ATTN: need a better font stack */
  background-color: #666666; }
  .pagination7 a:hover, .pagination7 a:focus, .pagination7 a:active {
    background-color: #666666; }
  .pagination7 a.disabled, .pagination7 a.disabled:hover, .pagination7 a.disabled:focus, .pagination7 a.disabled:active {
    background-color: #666666;
    color: #555;
    cursor: default; }

.pagination7 a:first-child {
  border: none;
  border-radius: 2px 0 0 2px; }

.pagination7 a:last-child {
  border: none;
  border-radius: 0 2px 2px 0; }

.pagination7 input {
  float: left;
  margin: 10px;
  padding: 0;
  width: 120px;
  height: 20px;
  outline: none;
  border: none;
  font-size:15px;
  vertical-align: middle;
  text-align: center;
background:rgba(18, 52, 86, 0);  }

/* gigantic class for demo purposes */
.gigantic.pagination7 {
  margin: 30px 0; }

.gigantic.pagination7 a {
  height: 60px;
  width: 60px;
  font-size: 50px;
  line-height: 50px; }

.gigantic.pagination7 input {
  width: 300px;
  height: 60px;
  font-size: 30px; }
/* 尾*/