table.aqi {
    border:2px #999 solid;
    border-collapse: collapse;
    width: 90%;
    margin:0 auto;
    color: #000;
  }
  
  table.aqi tr:nth-child(1) > td {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 2.4em;
    background: #eeecec;
    position: relative;
  }
  
  table.aqi tr:nth-child(1) > td > div.update_time {
    line-height: 1.8em;
    position: absolute;
    font-size: 0.4em;
    right: 0;
    bottom: 0;
  }
 
  #LastUpdate {
   display: inline;
  }

  table.aqi td:nth-child(1) {
    padding:0.4em;
    text-align:center;
    vertical-align: middle;
  }

  table.aqi td:nth-child(2) {
    padding:0.4em 1em;
    text-align:left;
    vertical-align: middle;
  }
  
  table.aqi tr > td:nth-child(1) {
    width:30%;
    position: relative;
  }
  
  table.aqi td span {
     content: "";
     display: block;
  }
  
  table.aqi tr > td {
    border:1px solid #ccc;
    vertical-align: middle;
  }
  
  table.aqi tr > td:nth-child(1):before {
      content: "";
      position: absolute;
      width: 5px;
      height: 100%;
      left: 0;
      top: 0;
  }
  
  table.aqi tr:nth-child(2) > td:nth-child(1):before {
      background: #009865;
  }
  
  table.aqi tr:nth-child(2) > td:nth-child(1) {
      background: #e5f4ef;
  }
  
  table.aqi tr:nth-child(3) > td:nth-child(1):before {
      background: #fffb26;
  }
  
  table.aqi tr:nth-child(3) > td:nth-child(1) {
      background: #ffffe9;
  }
  
  table.aqi tr:nth-child(4) > td:nth-child(1):before {
      background: #ff9835;
  }
  
  table.aqi tr:nth-child(4) > td:nth-child(1) {
      background: #fff4ea;
  }
  
  table.aqi tr:nth-child(5) > td:nth-child(1):before {
      background: #ca0034;
  }
  
  table.aqi tr:nth-child(5) > td:nth-child(1) {
      background: #fae5ea;
  }
  
  table.aqi tr:nth-child(6) > td:nth-child(1):before {
      background: #670099;
  }
  
  table.aqi tr:nth-child(6) > td:nth-child(1) {
      background: #f0e5f5;
  }
  
  table.aqi tr:nth-child(7) > td:nth-child(1):before {
      background: #7e0123;
  }
  
  table.aqi tr:nth-child(7) > td:nth-child(1) {
      background: #f2e5e9;
  }
  
  table.aqi tr:nth-child(8) > td:nth-child(1):before {
      background: #999;
  }
  
  table.aqi tr:nth-child(8) > td:nth-child(1) {
      background: #eee;
  }

.suggestion {
  vertical-align: middle;
  text-align: center;
  margin: 1em;
  font-size: 1.4em;
}

.suggestion * {
  vertical-align: middle;
}

hr {	
	height:1px;  /*寬度*/ 
	background-color:#d4d4d4;  /*線條顏色*/
}

a{
	text-decoration:none;
	color:blue;
}
a:hover{
	color:red;
}

table{
	width: 90%;
	margin: 1em auto;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 18px;	
}

.tb th,.tb td{
	border:1px solid black;
}

.tb th{
	padding:10px;
	font-family: 標楷體;
	width:100px;
}

.tb td{
	padding:3px;
	font-family: 標楷體;
}

th,.tr_1,.tr_2,.tr_3{
	text-align:center;
}