body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  margin: 30px 0;
  padding:0;
  text-align:center;
  background: #fff;
  font-size: 0.7em; 
}
#base {
  width:800px;
  padding:0px;
  margin-top:0px;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}
#title{
  color: #009;
  text-align: center;
  font-size: 1.4em; 
  font-weight: bold;
}
#bin{
  background: url("bg.jpg");
  padding: 20px 0;
  margin-top: 10px;  
  border-top: 1px solid #9F9FCC;
  
  width: 700px;
  margin-right:auto;
  margin-left:auto;  
}
#temp{
  background: url("bg.jpg");
  padding: 20px 0;  
  /* margin-bottom: 10px; */
  border-bottom: 1px solid #9F9FCC;
  
  width: 700px;  
  margin-right:auto;
  margin-left:auto;
}
#info{
  padding: 20px 0;
  margin-bottom: 20px; 
  border-bottom: 1px solid #ccc; 
  
  width: 550px;
  margin-right:auto;
  margin-left:auto;
}
#bin table{
  border-collapse: collapse;
  font-size: 1em;
  text-align:center;
  
  width: 480px;
  margin-right:auto;
  margin-left:auto;
}
#temp table{
  border-collapse: collapse;
  font-size: 1em;
  text-align:center;
  
  width: 640px;
  margin-right:auto;
  margin-left:auto;
}
#info table{
  border-collapse: collapse;
  font-size: 1em;
  
  width: 550px;
  margin-right:auto;
  margin-left:auto;
}

#bin .th1, #temp .th1{
  text-align: center;
  font-weight: bold;
}
#bin .th2, #temp .th2{
  background: #ded2ee;
  font-weight: bold;
}
.alarm{
  background: #f89cce;
}
.out{
  background: #ffc;
}
.invalid{
  background: #aaa;
}
#footer{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}