body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#scale-wrapper {
    transform-origin: top left;
    /* Ensures scale happens from top-left */
}

.nub1 {
    background-position: -246px 0;
}

.nub2 {
    background-position: -42px 0;
}

.nub3 {
    background-position: -83px 0;
}

.nub4 {
    background-position: -123px 0;
}

.nub5 {
    background-position: -286px 0;
}

.nub6 {
    background-position: -1px 0;
}

.nub7 {
    background-position: -205px 0;
}

.nub8 {
    background-position: -164px 0;
}

.nub9 {
    background-position: -327px 0;
}

.nub10 {
    background-position: -368px 0;
}

#jnumber li {
    background-image: url("/assets/images/bjpknum.png");
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.num_ul .num1 {
    background: url("/assets/images/bjpknum.png") no-repeat -424px 0;
}
.num_ul .num2 {
    background: url("/assets/images/bjpknum.png") no-repeat -424px -43px;
}
.num_ul .num3 {
    background: url("/assets/images/bjpknum.png") no-repeat -424px -86px;
}
.num_ul .num4 {
    background: url("/assets/images/bjpknum.png") no-repeat -424px -129px;
}
.num_ul .num5 {
    background: url("/assets/images/bjpknum.png") no-repeat -424px -172px;
}
.num_ul .num6 {
    background: url("/assets/images/bjpknum.png") no-repeat -424px -215px;
}

.kajianhao li {
    background-image: url("/assets/images/bjpknum.png");
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}