@charset "UTF-8";
.table, .table tr th, .table tr td {
  border: 1px solid #76ae21;
}

body {
  padding: 10px;
}

.table {
  color: #08180a;
  font-size: 1em;
  font-family: "Helvetica Neue","微軟正黑體","Helvetica","Arial","PingFangTC-Light","STHeitiTC-Light","Microsoft JhengHei",sans-serif;
}

.table-full {
  width: calc(100% - 20px);
  margin: 0 auto;
}

.table tr {
  background-color: #fff;
}

.table tr th {
  position: relative;
  color: #fff;
  font-size: 1.125em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #76ae21), to(#9fdc44));
  background: linear-gradient(to bottom, #76ae21 20%, #9fdc44 100%);
  padding: 10px;
}

.table tr td {
  position: relative;
}

.table tr td img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.table tr [data-thstyle="style01"] {
  color: #450c00;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff799), to(#fffbca));
  background: linear-gradient(to bottom, #fff799 20%, #fffbca 100%);
}

.table .f-danger {
  color: #ff0000;
}

.pageBtn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.pageBtn li {
  list-style: none;
  margin: 0 5px;
  font-size: 1.25em;
  font-family: "Helvetica","Arial";
}

.pageBtn li a {
  color: #133c1a;
  padding: 10px;
  border: 1px solid #ace25a;
}

.pageBtn li a:hover, .pageBtn li a.action {
  background-color: #e2ffb7;
}