@charset "utf-8";
/* CSS Document */

.page{
   
    text-align: center;
    font-size: 0;
	margin: 50px auto
}
.page a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 45px;
    height: 45px;
    border: 1px solid #dcdcdc;
    vertical-align: top;
    margin: 0 10px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 45px;
    color: #666;
    font-family: arial;
    transition: all .2s;
}
.page .prev,
.page .next{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px;
}
.page .prev{
    background-image: url('../images/page-prev.png');
}
.page .next{
    background-image: url('../images/page-next.png');
}
.page a.active{
    border-color: #bca065;
    color: #bca065;
}
.show-box .page{
    padding-top: 1.5rem;
    border-top: 1px solid #f3f2f1;
}



@media (min-width: 1025px){
.page .next:hover {
    background-image: url(../images/page-next2.png);
}
}
@media (min-width: 1025px){
.page a:hover {
    background-color: #bca065;
    color: #fff;
    border-color: #bca065;
}

}