.page_index{
    width: 30px;
    height: 10px;
    background-color: #ffffff;
    color: #9e9e9e;
    border: 1px solid #999999;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    font-size: 15px;
}

.page_index:hover{
    background-color: #121212;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.page_previous{
    width: 30px;
    height: 10px;
    background-color: #ffffff;
    color: #9e9e9e;
    border: 1px solid #999999;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    font-size: 15px;
}

.page_previous:hover{
    background-color: #121212;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.page_next{
    width: 30px;
    height: 10px;
    background-color: #ffffff;
    color: #9e9e9e;
    border: 1px solid #999999;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    font-size: 15px;

}

.page_disabled{
    width: 30px;
    height: 10px;
    background-color: #C8C8C8;
    color: #9e9e9e;
    border: 1px solid #999999;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    font-size: 15px;
}

.page_next:hover{
    background-color: #121212;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.page_current{
    width: 30px;
    height: 10px;
    background-color: #121212;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    font-size: 15px;
}

.page_all{
    width: 30px;
    height: 10px;
    background-color: #ffffff;
    color: #9e9e9e;

    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    font-size: 15px;
}