.page{
    list-style: none;
    width: 280px;
    margin: auto;
}
.page>li{
    float: left;
    padding: 5px 7px;
    cursor: pointer;
}
.page .pageItem{
    border: solid thin #DDDDDD;
    margin: 5px 0;
}
.page .pageItemActive{
    border: solid thin #0099FF;
    margin: 5px 0;
    background-color: #0099FF;
    color:white;
}
.page .pageItem:hover{
    border: solid thin #0099FF;
    background-color: #0099FF;
    color:white;
}
.page .pageItemDisable{
    border: solid thin #DDDDDD;
    margin: 5px 0;
    background-color: #DDDDDD;
}


.page1{
    list-style: none;
    width: 280px;
    margin: auto;
}
.page1>li{
    float: left;
    padding: 5px 7px;
    cursor: pointer;
}
.page1 .pageItem{
    border: solid thin #DDDDDD;
    margin: 5px 0;
}
.page1 .pageItemActive{
    border: solid thin #0099FF;
    margin: 5px 0;
    background-color: #0099FF;
    color:white;
}
.page1 .pageItem:hover{
    border: solid thin #0099FF;
    background-color: #0099FF;
    color:white;
}
.page1 .pageItemDisable{
    border: solid thin #DDDDDD;
    margin: 5px 0;
    background-color: #DDDDDD;
}