#keyboard{height:135px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;border:1px solid #000;text-align:center;cursor:pointer;position:relative}table{table-layout:fixed}table.white{top:0;left:0;height:120px;border-spacing:0 0}table.black{position:absolute;border-collapse:separate;border-spacing:20px 0;height:60px;top:17px;left:30px}table.white>tbody>tr{position:relative}table.white>tbody>tr>td{min-width:80px;width:80px;max-width:80px;height:100%;vertical-align:bottom;border:1px solid #000}table.black>tbody>tr>td{min-width:60px;width:60px;max-width:60px;height:100%;vertical-align:bottom;border:1px solid #fff;background-color:#000;color:#fff;z-index:100}select.keySelect{background-color:#fff;display:inline-block;width:50px;border:1px solid #000!important}