body {
/* font-family: Tahoma, Geneva, sans-serif !important; */
font-family: 'Numans', sans-serif;
font-size: 12px;
margin: 5px;
padding: 5px;
}

table {
border: 2px solid #4caf50;
border-collapse: collapse;
width: 90%;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

caption {
font-size: 22px;
background-color: #fff;
color: #4caf50;
border: 2px solid #4caf50;
}

th, td {
padding: 8px;
}

th {
text-align: left;
background-color: #4CAF50;
color: #fff;
}

td.key th.key {
width: 10%;
}

td.val th.val {
width: 20%;
}

td.head {
background-color: #fff;
overflow: hidden;
text-overflow: ellipsis;
}

td {
text-align: center;
border: 1px solid #ddd;
overflow: hidden;
text-overflow: ellipsis;
}

td.left{
text-align: left;
border: 1px solid #ddd;
overflow: hidden;
text-overflow: ellipsis;
}

td.right{
text-align: right;
border: 1px solid #ddd;
overflow: hidden;
text-overflow: ellipsis;
}

/* index */
.header {
background-color: #000;
color: #fff;
width: 100%;
}

.form {
color: #666;
padding: 15px;
background-color: rgba(192,224,192,0.3);
}
.form2 {
color: #666;
padding: 15px;
background-color: rgba(224,192,192,0.3);
}
.form3 {
color: #666;
padding: 15px;
background-color: rgba(192,192,224,0.3);
}
.formend {
color: #666;
padding: 15px;
background-color: rgba(224,224,224,0.3);
}

input {
color: #000;
}

#messageok {
background-color: rgba(0,0,185,0.3);
}
#messageer {
background-color: rgba(185,0,0,0.3);
}