.page {
    list-style: none;
    padding: 2% 0 2% 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #969696;
    display: inline-block;
}

    .page > li {
        float: left;
        padding: 8px 13px;
        cursor: pointer;
    }

    .page .pageItem {
        width: 40px;
        height: 40px;
        font-size: 14px;
        font-size: 1.4rem;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        padding: 0;
        border: none;
        background: none;
        margin-right: 5px;
        color: #333;
    }

    .page .pageItemActive {
        background: #049942;
        color: #fff;
        cursor: default;
        width: 40px;
        height: 40px;
        font-size: 14px;
        font-size: 1.4rem;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        padding: 0;
        border: none;
        margin-right: 5px;
        position: relative;
        float: left;
    }

    .page .pageItem:hover {
        border: solid thin #0d7ac3;
        background-color: #049942;
        color: white;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .page .pageItemDisable {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        padding: 0;
        color: #333;
        font-weight: normal;
        font-size: 14px;
        font-size: 1.4rem;
    }