@charset "UTF-8";
:root {
  --color-primary: #a58977;
  --color-primary-light: #f9f3ec;
  --text-primary: #585858;
}

body {
  background: url(../_image/airport.jpg) no-repeat fixed;
  background-size: cover;
}

.main {
  background-color: white;
  padding: 3rem;
}
@media only screen and (max-width: 575px) {
  .main {
    padding: 2rem 1rem;
  }
}
.main h1 {
  font-size: 1.5rem;
  color: var(--text-primary);
}
@media only screen and (max-width: 575px) {
  .main h1 {
    font-size: 1.4rem;
  }
}

/*ol li*/
olli {
  list-style: cjk-ideographic;
}
olli > olli {
  list-style-type: decimal;
}

/* table */
.table th {
  vertical-align: middle;
}
.table td {
  vertical-align: middle;
}
.table thead tr {
  background-color: var(--color-primary);
  color: white;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}
.table thead tr th {
  background-color: var(--color-primary);
  color: white;
}
.table tbody th {
  background-color: #f9f3ec;
  color: var(--text-primary);
  text-align: center;
  vertical-align: middle;
}
.table tbody td {
  color: var(--text-primary);
}
.table tbody td[data-th=城市] {
  text-align: center;
}

@media only screen and (max-width: 575px) {
  .table-rwd {
    min-width: 100%;
  }
  .table-rwd th,
  .table-rwd td {
    overflow: hidden;
    max-width: 100%;
    display: block;
  }
  tbody th {
    background-color: var(--color-primary);
    text-align: center;
    color: white;
  }
  tbody td:not(:last-child) {
    background-color: #f9f3ec;
    text-align: left;
  }
  .table-rwd thead {
    display: none;
  }
  .table-rwd td:not(th):not(:last-child):before {
    content: attr(data-th) " : ";
    display: inline-block;
    text-transform: uppercase;
    margin-right: 0.5rem;
  }
  .table-rwd .t-noshow {
    display: block;
  }
  .table-rwd .t-rwd-hide {
    display: none;
  }
}