#segment-left {
  overflow-x: auto;
}

#segment-left table {
  min-width: 900px;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  table-layout: auto;
}

#segment-left thead {
  background-color: #f0f0f0;
  font-weight: bold;
}

#segment-left th,
#segment-left td {
  border: 1px solid #ccc;
  padding: 6px;
  text-align: center;
  white-space: normal;
  word-break: break-word;
}

#segment-left tbody tr:nth-child(odd) {
  background-color: #fafafa;
}

#segment-left tbody tr:hover {
  background-color: #eef;
}

@media (max-width: 600px) {
  #segment-left table {
    font-size: 4px;
    min-width: 100%;
  }

  #segment-left th,
  #segment-left td {
    padding: 1px 2px;
  }
}