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

/*------------------------------*\
              分頁器
\*------------------------------*/

/* 頁數 */
.pagination {
    margin: 30px auto;
    text-align: center; width:100%;
}
.pagination a,
.pagination span {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    vertical-align: top;
    border-radius: 2px;
    margin: 0px 3px;
}
/* 不可連結按鈕-灰底 */
.pagination span.p_first{
    background: url(../images/p_first.svg) no-repeat center, #eee;
    background-size: 12px, 100%;
    background-position: 50% 50%;
    /*border: 1px solid #eee;*/
}
.pagination span.p_last {
    background: url(../images/p_last.svg) no-repeat center, #eee;
    background-size: 12px, 100%;
    background-position: 50% 50%;
    /*border: 1px solid #eee;*/
}
/* 可連結按鈕 */
.pagination a {
    color:#555;
    transition: all .2s linear;
    /*border: 1px solid #666;*/
}
.pagination a:hover {
    color: #fff;
    background:#666;
}
.pagination .active /*當前頁*/{
    color: #fff;
    background: #666;
}
.pagination a.p_first {
    background: url(../images/p_first2.svg) no-repeat center, #fff;
    background-size: 12px, 100%;
    background-position: 50% 50%;
}
.pagination a.p_first:hover {
    background: url(../images/p_first3.svg) no-repeat center, #666;
    background-size: 12px, 100%;
    background-position: 50% 50%;
}
.pagination a.p_last {
    background: url(../images/p_last2.svg) no-repeat center, #fff;
    background-size: 12px, 100%;
    background-position: 50% 50%;
}
.pagination a.p_last:hover{
    background: url(../images/p_last3.svg) no-repeat center, #666;
    background-size: 12px, 100%;
    background-position: 50% 50%;
}