#jianpan {
    /*position: absolute;*/
    background: #ffffff;
    position: absolute;
    bottom: 2px;
    width:350px;
    height:350px;
    z-index: 9999;
    border: 1px solid #b4b3b8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#jianpan .title {
    width: 100%;
    height: 20%;
    border-bottom: 1px solid #b4b3b8;
    padding: 0;
    cursor: move;
    font-size:1em;
}
#jianpan .jianpan_hide{
    width: 40px;
    float: right;
}

#xfjp {
    width: 100%;
    height:75%;
}
#shift{
    font-size:0.8em;
}
.scroll-button,.jianpan {
    color: #dcdddd;
}

.scroll-button td,.jianpan td {
    color: #000000;
    width: 10%;
    text-align: center;
    font-size: 30px;
    border-bottom: 1px solid #b4b3b8;
    border-left: 1px solid #b4b3b8;
    border-top:1px solid #b4b3b8;
}

.scroll-button tr td:first-child,.jianpan tr td:first-child {
    border-left: none;
}

.scroll-button tr:last-child td,.jianpan tr:last-child td {
    border-bottom: 1px solid #b4b3b8;
}

.scroll-button td:active,.jianpan td:active {
    /*background: #efeff0;*/
    -moz-box-shadow:0px 0px 10px #AAAAAA inset;
    -webkit-box-shadow:0px 0px 10px #AAAAAA inset;
    box-shadow:0px 0px 10px #AAAAAA inset;
}

.enter-key{
    background:#c1c3da;
}