二个帝国cms列表分页美化效果

.pagepage {
        height: 100%;
        padding-top: 8px;
        padding-right: 3px;
        padding-bottom: 12px;
        padding-left: 3px;
}

.pagepage .epages a{
        display: block;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        background-color: #EAF9E6;
        border: 1px solid #009900;
        float: left;
        text-align: center;
        margin-right: 2px;
        margin-left: 2px;
        text-decoration: none;
        padding-right: 8px;
        padding-left: 8px;
        color: #006600;
}
.pagepage .epages a:hover{
        display: block;
        background-color: #009900;
        border: 1px solid #009900;
        float: left;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
}
.pagepage .epages b{
        display: block;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        background-color: #FFFFFF;
        border: 1px solid #C0C0C0;
        float: left;
        text-align: center;
        margin-right: 2px;
        margin-left: 2px;
        color: #999999;
        padding-right: 8px;
        padding-left: 8px;
}
 

.epages { margin:15px auto 10px; text-align:center; }
.epages a {border:1px solid #286eac;padding:2px 4px;text-align:center;text-decoration:none; font:12px/14px Tahoma; }
.epages a:hover { background:none repeat scroll 0 0 #286eac; border-color:#6d9fcb;text-decoration:none; }
.epages b {font-weight:bold;background:none repeat scroll 0 0 #286eac;border:1px solid #286eac; display:inline-block;padding:0px 4px; line-height:18px;}
.epages a b {background:none repeat scroll 0 0 #FFFFFF; border:0 none; padding:0;line-height:14px;}
.epages a:hover b {background:none repeat scroll 0 0 #286eac;}