.common-page {
    margin:0;
    text-align:right;
    font-size:0;
    display:block;
    clear:both;
    width:100%;
}
.common-page a {
    padding:4px 14px 3px;
    margin:0 4px;
    line-height:28px;
    text-decoration:none;
    background-color:#fff;
    border:1px #eee solid;
    color:#666;
    font-size:14px;
    display:inline-block;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
.common-page a:first-child {
    margin-left: 0;
}
.common-page a:last-child {
    margin-right: 0;
}
.common-page a:hover {
    border:1px #337ab7 solid;
    color:#fff;
    background:#337ab7;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    -khtml-opacity:.5;
    opacity:.5;
}
.common-page a.forbidden:hover {
    border:1px #eee solid;
    color:#666;
    background-color:#fff;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
}
.common-page i {
    font-size:12px;
    color:#999;
    display:inline-block;
    margin:0 4px;
    letter-spacing:.1em;
    margin:0 8px;
}
.common-page a.page-current, .common-page a.page-current:hover {
    background-color:#337ab7;
    color:#fff;
    cursor:default;
    border:1px #337ab7 solid;
    filter:alpha(opacity=50);
    -moz-opacity:.8;
    -khtml-opacity:.8;
    opacity:.8;
}
@media (max-width: 768px) {
    .common-page a {
        padding: 0px 7px 0px;
    }
}