#holdTable { margin:25px 0 170px; }

#holdTable th{ background: #f7fbfc; color: #0a6d82; text-align: center; }
#holdTable tr:not(:last-child){ border-bottom: 1px solid #eee; }

#holdTable span{ font-size: 0.9em; }
#live{ margin-bottom: 20px; }
.broad{ border: 1px solid #0a6d82; color: #0a6d82; display: flex; justify-content: center; align-items: center;
width: 165px; height: 35px; margin-bottom: 5px; }


@media screen and (min-width: 641px) {
#holdTable td{ width: 80%; padding:2% 4%; }
#programTable .time{ width: 7%; }
  }


#programTable {  margin:25px 0 20px; border:1px solid #ddd }
#programTable th,#programTable td{ border-right:1px solid #ddd }
#programTable th{ background: #107686; color: #fff;  }
#programTable .time{  text-align: center; }
#programTable td{ border-bottom:1px solid #ddd ;padding:2% ; line-height: 1.6em;}
#programTable td span{ display: block; font-size: 0.9em; line-height: 1.4em; padding-top: 3px;}

#programTable tr:nth-child(odd){  background:#f6f9f6; }

@media screen and (min-width: 1271px) {
.contentBox{ width: 90%;}
}

@media screen and (max-width: 640px) {
  #holdTable td{ width: 80%; padding:2% 4%; }
  #programTable .time{ width: 75px; }
}