DIV.page {
    padding: 5px; margin: 5px;font-size: 14px; line-height:34px; text-align: center;
}
DIV.page A {
    border: #eee 1px solid; background-position: 50% bottom; padding:0 5px 0 5px; margin-right: 5px; color: #333; text-decoration: none; display:inline-block;  vertical-align:top;min-width:36px; line-height:34px; box-sizing:border-box; border-radius:4px;
}
DIV.page A:hover {
    border: var(--primary-color) 1px solid; background-image: none; color: #fff; background-color: var(--primary-color);
}
DIV.page A:active {
    border: var(--primary-color) 1px solid; background-image: none; color: #fff; background-color: var(--primary-color);
}
DIV.page SPAN{ display:inline-block; vertical-align:top; min-width:36px; line-height:36px; box-sizing:border-box; border-radius:4px;}
DIV.page SPAN.current {
    padding:0 5px 0 5px; margin-right: 5px; font-weight: bold; background-color: var(--primary-color); color:#fff;
}
DIV.page SPAN.disabled {
    display: none
}
DIV.page SPAN.ellipsis{
    margin-right: 5px;
}
DIV.page A.next {
    border: var(--primary-color) 2px solid; margin: 0px 0px 0px 10px;
}
DIV.page A.next:hover {
    border: var(--primary-color) 2px solid;
}
DIV.page A.prev {
    border: var(--primary-color) 2px solid; margin: 0px 10px 0px 0px;
}
DIV.page A.prev:hover {
    border: var(--primary-color) 2px solid;
}
DIV.page select{ display:inline-block; vertical-align:top;
    border: #eee 1px solid; padding:0 5px 0 5px; color: #333; line-height:34px; height:36px; min-width:36px;font-size: 14px;
}
@media(max-width:767px){
DIV.page {
    font-size: 12px; line-height:28px;
}
DIV.page A {
    min-width:30px; line-height:28px;
}
DIV.page SPAN{ min-width:30px; line-height:30px; }
DIV.page select{ line-height:28px; height:30px; min-width:30px;font-size: 12px;
}
}