/* BASIC css start */
.paginate {
    text-align: center;
    background: #fff;
}

.paginate.typeMoreview {
    margin: 0 auto;
    width: 100%;
}

.paginate.typeMoreview a {
    display: block;
    padding: 12px 0;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #d5d5d5;
    color: #757575;
    font-weight: bold;
    background: #f5f5f5;
}

.paginate.typeMoreview span.icoMore {
    display: inline-block;
    margin: 0 0 0 8px;
    width: 13px;
    height: 8px;
    font-size: 0;
    line-height: 0;
    vertical-align: baseline;
    background: url("/design/innoind01/image/btn_more.png") no-repeat 0 50%;
    background-size: 13px auto;
}

.paginate.typeSwipe {
    color: #757575;
}

.paginate.typeSwipe button.circle {
    margin: 0 3px 0 4px;
    width: 13px;
    height: 13px;
    border: 0;
    cursor: pointer;
    background: url("/design/innoind01/image/btn_swipe.png") no-repeat 0 0;
    background-size: 13px 13px;
}

.paginate.typeSwipe button.circle.selected {
    background: url("/design/innoind01/image/btn_swipe_on.png") no-repeat 0 0;
    background-size: 13px 13px;
}

.paginate.typeSwipe span {
    color: #fff;
    font-size: 0;
    line-height: 0;
}

.paginate.typeSwipe button.prev,.paginate.typeSwipe button.next {
    width: 31px;
    font-size: 15px;
    line-height: 1.2em;
    border: 0;
    cursor: pointer;
    background: url("/design/innoind01/image/btn_prev.png") no-repeat 50% 50%;
    background-size: 7px auto;
}

.paginate.typeSwipe button.next {
    background: url("/design/innoind01/image/btn_next.png") no-repeat 50% 50%;
    background-size: 7px auto;
}

.paginate.typeTotal {
    color: #696969;
}

.paginate.typeTotal > span {
    margin: 0 8px;
    font-weight: bold;
}

.paginate.typeTotal p {
    display: inline-block;
    vertical-align: middle;
}

.paginate.typeTotal .prev,.paginate.typeTotal .next {
    width: 7px;
    height: 13px;
    font-size: 15px;
    line-height: 1.2em;
    background: url("/design/innoind01/image/btn_prev.png") no-repeat 50% 50%;
    background-size: 7px auto;
}

.paginate.typeTotal .next {
    background: url("/design/innoind01/image/btn_next.png") no-repeat 50% 50%;
    background-size: 7px auto;
}

.paginate.typeTotal p span {
    overflow: hidden;
    display: block;
    width: 29px;
    text-indent: -999px;
}

.paginate.typeTotal strong {
    color: #508bed;
}

.paginate.typeList {
    padding: 7px 0;
    color: #1b1b1b;
}

.paginate.typeList ol {
    margin: 0 8px;
}

.paginate.typeList ol,.paginate.typeList ol li,.paginate.typeList p,.paginate.typeList p a,.paginate.typeList ol li a {
    display: inline-block;
    vertical-align: middle;
}

.paginate.typeList ol li {
    margin: 0 1px 5px;
    list-style: none;
    background: #fff;
}

.paginate.typeList p,.paginate.typeList ol li a {
    padding: 7px 0 2px;
    width: 31px;
    height: 19px;
    border-radius: 2px;
}

.paginate.typeList ol li .other,.paginate.typeList p,.paginate.typeList ol li a {
    border: 1px solid #d9d9d9;
}

.paginate.typeList ol li .this {
    border: 1px solid #508bed;
}

.paginate.typeList .this {
    color: #508bed;
}

.paginate.typeList .prev,.paginate.typeList .next {
    margin: 0 0 5px;
    width: 31px;
    font-size: 15px;
    line-height: 1.2em;
    background: #fff url("/design/innoind01/image/btn_prev.png") no-repeat 50% 50%;
    background-size: 7px auto;
}

.paginate.typeList .next {
    background-image: url("/design/innoind01/image/btn_next.png");
}

.paginate.typeList p span {
    overflow: hidden;
    display: block;
    width: 29px;
    text-indent: -999px;
}

.paginate.typeList p a {
    padding: 7px 0 2px;
    width: 31px;
    height: 19px;
    color: #fff;
}

/* BASIC css end */

