@charset "UTF-8";

.table-wrapper {
  overflow-x: auto;
}
.table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.table-wrapper th, .table-wrapper td {
  border: 1px solid #ccc;
  padding: 6px 4px;
  text-align: center;
  vertical-align: middle;
}
.table-wrapper th {
  background-color: #009fe8;
  color: #fff;
  font-weight: normal;
}
.table-wrapper td {
  background-color: white;
  font-size: 14px;
}
.table-wrapper .table-type-3 thead th:nth-child(n+2) {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 2px;
}
:lang(en) .table-wrapper .table-type-3 thead th:nth-child(n+2), :lang(th) .table-wrapper .table-type-3 thead th:nth-child(n+2) {
  text-orientation: mixed;
}
.table-wrapper .table-type-3 thead tr:nth-child(n+2) th:nth-child(n+2) {
  background-color: white;
  color: #333;
}

.vertical-text {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 2px;
  white-space: nowrap;
  margin: 0 auto;
  font-size: 12px;
}
:lang(en) .vertical-text, :lang(th) .vertical-text {
  text-orientation: mixed;
}

.legend {
  font-size: 12px;
  margin-bottom: 20px;
  text-align: right;
}

h5 {
  margin: 2em 0 1em;
}