#summary-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(img/bg.png);
    overflow: hidden;
}
#summary-wrapper>img {
    position: absolute;
    top: 0;
    left: 0;
}
#summary-wrapper>.btn-download {
    position: absolute;
    top: 110px;
    left: 870px;
    margin: 0;
    width: 108px;
    height: 36px;
    background: url('img/btn_download.png');
}
#summary-wrapper>.btn-save {
    position: absolute;
    top: 103px;
    left: 860px;
    margin: 0;
    width: 112px;
    height: 25px;
    background: url('img/save.png');
}
#summary-wrapper>.page-wrapper {
    position: absolute;
    top: 520px;
    left: 50%;
    height: 33px;
    transform: translateX(-50%);
}
#summary-wrapper>.page-wrapper>.btn-prev,
#summary-wrapper>.page-wrapper>.btn-next {
    float: left;
    margin: 0 5px;
    width: 16px;
    height: 15px;
    background: url(img/btn_page.png);
    position: absolute;
    top: 112px;
}
#summary-wrapper>.page-wrapper>.btn-prev{left: -473px;}
#summary-wrapper>.page-wrapper>.btn-next{left: -55px;}

#summary-wrapper>.page-wrapper>.btn-prev:hover,
#summary-wrapper>.page-wrapper>.btn-next:hover {
    background-position-y: -15px;
}
#summary-wrapper>.page-wrapper>.btn-next {
    background-position-x: -15px;
}
#summary-wrapper>.page-wrapper>.paginator {
    float: left;
    margin: 0 5px;
    padding: 0;
    list-style: none;
}
/*
#summary-wrapper>.page-wrapper>.paginator>li {
    float: left;
    margin: 13.5px 0;
    width: 17px;
    height: 17px;
    background: url(img/dot.png) no-repeat center;
    cursor: pointer;
}
#summary-wrapper>.page-wrapper>.paginator>li+li {
    margin-left: 7px;
}
#summary-wrapper>.page-wrapper>.paginator>li.active,
#summary-wrapper>.page-wrapper>.paginator>li:hover {
    background-image: url(img/dot_active.png);
}
*/