#canvas{width:600px;height:600px}.td1{background-color:#639a00;border-width:1px;border-style:solid;border-color:#639a00;color:#fff}.td2{background-color:#ddd;border-width:1px;border-style:solid;border-color:#000;color:#000;padding:5px}.input{width:50px;border-width:1px;border-style:solid;border-color:#000}.button{background-color:#639a00;color:#fff;border:1px solid #000}.slider{-webkit-appearance:none;width:300px;height:8px;background:#bbb;border:1px solid #000}.slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:#666;opacity:.7;width:8px;height:16px;border:1px solid #000}.hide{width:400px;margin-left:450px;display:none;padding:5px;border:2px solid #000;z-index:1;position:absolute;background-color:#639a00;color:#fff}