table {font:300 18px/20px 'Noto Sans', sans-serif; color:#141415;}        
td {text-align:left;}

input:read-only {background-color: #000; font:300 18px/20px 'Noto Sans', sans-serif; color:#fff;}
input:read-only:hover {background-color: #fff; font:300 18px/20px 'Noto Sans', sans-serif; color:#000;}   
input {text-align: center; width: 100px; height: 24px; font:300 18px/20px 'Noto Sans', sans-serif; color:#141415;}

.content {width: 600px; padding: 10px; border: 1px solid #888; background-color: #fff;}

.trr {position: fixed; left: 50%; margin-left: 500px; top: 0px;}
.trr2 {position: fixed;right: 50%;margin-right: 500px;top: 0px;}
.erg {background-color: #ccc;}
.a {background-color: #eee;border: 1px solid #bbb;}
.b {background-color: #ddd; border: 1px solid #bbb;}
.in {width: 40px;}
.in2 {width: 60px;}
.l {text-align: left;}
.r {text-align: right;}

input, select, button {box-shadow: none; border:1px solid black; cursor:pointer; width: 130px; height:26px; padding: 0; margin: 0; box-sizing: border-box; } 
select {width:70px;} 
input {vertical-align:-3px; } 
button {background-color:red;}