table {
  border: 1px solid #222;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #fff;
  /* border: 1px solid #ddd; */
  padding: .35em;
}

table th,
table td {
  padding: .2em;
  /*text-align: center;*/
  border-right: 1px solid #222;
  font-size: 14PX;
  color: #222;
}

.dd {
  border: solid 1px #222;
}

.bb {
  border-bottom: solid 1px #222;
}

#tb1 {
width: 190px;
}

@media only screen and (max-width: 600px) {
  table {
    border: 1px solid #222;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
  }
  
  table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
  }
  
  table tr {
    background-color: #fff;
    /* border: 1px solid #ddd; */
    padding: .35em;
  }
  
  table th,
  table td {
    padding: .2em;
    /*text-align: center;*/
    border-right: 1px solid #222;
    font-size: 9PX;
    color: #222;
  }
  
  .dd {
    border: solid 1px #222;
  }
  
  .bb {
    border-bottom: solid 1px #222;
  }
  
  #tb1 {
    width: 54px;
  }
}

@media only screen and (max-width: 600px) {
  table th, table td {
    padding: .2em;
    text-align: center;
    border-right: 1px solid #222;
    font-size: 6PX;
    color: #222;
  }
}