.page-customize { 
    display: table;
    margin: 0 auto;
    padding: 40px 0;
}
.pages {
    text-align: center;
    padding: 0px;
}
.ucd-pager{
    overflow: hidden;
    height: 28px;
}

.ucd-pager-count {
    float: left;
    margin-right: 15px;
    color: #666a75;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}

.ucd-pager-count, .ucd-pager-goto, .ucd-pager-goto-page, .ucd-pager-pages, .ucd-pager-sizes, .ucd-pager-trigger {
    display: inline-block;
    vertical-align: middle;
}
.ucd-pager-pages {
    padding: 0;
    margin: 0;
    list-style: none
}

.ucd-pager-goto, .ucd-pager-pages {
    float: left
}

.ucd-pager-pages:after, .ucd-pager-pages:before {
    display: table;
    content: ""
}

.ucd-pager-pages .ucd-pager-prev {
    background: #f7f8f8 url(../images/common/left_arrow_normal.svg) no-repeat center;
}

.ucd-pager-pages .ucd-pager-prev:hover {
    background: #f7f8f8 url(../images/common/left_arrow_click.svg) no-repeat center;
}

.ucd-pager-pages .ucd-pager-prev:active {
    background: #f7f8f8 url(../images/common/left_arrow_click.svg) no-repeat center;
}

.ucd-pager-btn.ucd-pager-prev.disabled {
    background: #f7f8f8 url(../images/common/left_arrow_disabled.svg) no-repeat center;
}

.ucd-pager-btn.disabled {
    cursor: default
}

.ucd-pager-btn, .ucd-pager-ellipsis, .ucd-pager-page {
    float: left;
    margin: 2px 0;
    margin-right: 13px;
    color:#666a75;
    text-align: center;
    cursor: pointer;
}
.ucd-pager-ellipsis{
    cursor: default;
}
.ucd-pager-btn > a, .ucd-pager-btn > span, .ucd-pager-ellipsis > a, .ucd-pager-ellipsis > span, .ucd-pager-page > a, .ucd-pager-page > span {
    display: inline-block;
    padding: 0 6px;
    line-height: 16px;
    color: inherit;
    font-size: 14px;
    text-decoration: none;
}

.ucd-pager-page.active {
    background-color: transparent;
    color: #C7000B;
}

.ucd-pager-page:hover {
    background-color: transparent;
    color: #C7000B;
}

.ucd-pager-pages .ucd-pager-page {
    border-radius: 2px;
}


.ucd-pager-page.page_disable.disabled:hover {
    cursor: default;
    background-color: transparent;
    color:#666a75;
}

.ucd-pager-page {
    text-align: center;
}

.ucd-pager-page.active > a {
    background-color: #f7f8f8;
    color: #C7000B;
    border-radius: 2px;
}

.ucd-pager-page:hover > a {
    background-color: #C7000B;
    color: #fff;
    
}

.ucd-pager-page:active > a {
    background-color: transparent;
    color: #C7000B;
}

.ucd-pager-pages .ucd-pager-page a {
    font-size: 14px;
    border-radius: 2px;
    line-height: 24px;
}

.page_disable span {
    position: relative;
    top: -5px
}

.ucd-pager-pages .ucd-pager-next {
    background: #f7f8f8 url(../images/common/right_arrow_normall.svg) no-repeat center;
}

.ucd-pager-pages .ucd-pager-next:hover {
    background: #f7f8f8 url(../images/common/right_arrow_click.svg) no-repeat center;
}

.ucd-pager-pages .ucd-pager-next:active {
    background: #f7f8f8 url(../images/common/right_arrow_click.svg) no-repeat center;
}

.ucd-pager-btn.ucd-pager-next.disabled {
    background: #f7f8f8 url(../images/common/right_arrow_disabled.svg) no-repeat center;
}

.ucd-pager-btn.disabled {
    cursor: default
}

.ucd-pager-btn {
    width: 30px;
    cursor: pointer;
    height: 24px;
    line-height: 24px !important;
    border-radius: 2px;
    background-color: #f7f8f8;
}

.ucd-pager-btn a {
    display: inline-block;
    height: 18px
}

.ucd-pager-pages:after, .ucd-pager-pages:before {
    display: table;
    content: ""
}

.ucd-pager-pages:after {
    clear: both
}

.ucd-pager-goto {
    font-size: 0;
    color: #666a75;
}
.ucd-pager-goto span{
    font-size: 14px;
    display: inline-block;
    line-height: 28px;
    vertical-align: middle;
}

.ucd-pager-count, .ucd-pager-goto, .ucd-pager-goto-page, .ucd-pager-pages, .ucd-pager-sizes, .ucd-pager-trigger {
    display: inline-block;
    vertical-align: middle;
}

.ucd-pager-goto, .ucd-pager-pages {
    float: left;
    font-size: 14px;
}

.ucd-pager-goto-page {
    margin-left: 5px;
    width: 40px;
    margin-right: 5px;
    line-height: 28px;
    text-align: center;
    color:#666a75;
    padding: 0;
}

.ucd-pager-goto {
    position: relative;
}


.ucd-pager-trigger:hover {
    color: #fff;
    background-color: #C7000B;
    border: 1px solid #C7000B;
}

.ucd-pager-trigger:active {
    background: #C7000B;
    color: #fff;
    border: 1px solid #C7000B;
}

.ucd-pager-goto-page, .ucd-pager-trigger {
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 14px;
}

.ucd-pager-goto-page:hover {
    border-color: #a0a2a8;
    color: #666a75;
}

.ucd-pager-goto-page:focus {
    border-color: #a0a2a8;
}

.ucd-pager-btn.ucd-pager-next > a {
    padding: 13px 15px;
}

.ucd-pager-btn.ucd-pager-prev > a {
    padding: 13px 15px;
}

.ucd-pager-trigger {
    margin-left: 20px;
    color:#666a75;
    white-space: nowrap;
    cursor: pointer;
    text-align: center !important;
    background-color: #fff;
    height: 28px;
    line-height: 24px;
    width: 58px!important;
    padding: 0 10px;
}
.ucd-pager-pages .ucd-pager-ellipsis span{
    vertical-align: top;
}