Medicare Service Tables

by vicary

HTML

<script src="https://code.jquery.com/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<p class="service-caption">
  <span style="font-size:18px; color:#f1af2c;">肝功能檢查</span>
  <small style="margin: 0 10px;color:#595757">(MELFT 1/35)</small>
  <span style="margin: 0 15px;font-size:16px; color:#595757;">原價 <del>HKD$480</del></span>
  <span style="margin: 0 15px;font-size:16px; color:red;">優惠價 HKD$300</span>
</p>

<table class="service-table-bordered">
  <tr>
    <th>血液檢測 Blood Check</th>
  </tr>
  <tr>
    <td>谷草轉氨酶 AST/SGOT</td>
  </tr>
  <tr>
    <td>谷丙轉氨酶 ALT/SGPT</td>
  </tr>
  <tr>
    <td>總膽紅素 Bilirubin, total</td>
  </tr>
  <tr>
    <td>直接膽紅素 Bilirubin, Direct</td>
  </tr>
  <tr>
    <td>間接膽紅素 Bilirubin, Indirect</td>
  </tr>
  <tr>
    <td>總蛋白質 Protein, total</td>
  </tr>
  <tr>
    <td>白蛋白 Albumin</td>
  </tr>
  <tr>
    <td>球蛋白 Globuim</td>
  </tr>
  <tr>
    <td>白蛋白球蛋白比率 Albumin/Globulin (A/G) ratio </td>
  </tr>
  <tr>
    <td>鹼性磷酸酶 Alkaline phosphatase</td>
  </tr>
  <tr>
    <td>丙種谷氨酰轉移酶 Gamma Glutamyl Transferase (GGT)</td>
  </tr>
</table>

<p class="service-caption">
  <span style="font-size:18px; color:#f1af2c;">乙型肝炎帶菌者定期跟進</span>
  <small style="margin: 0 10px;color:#595757">(MEHEPBF 1/66)</small>
  <span style="margin: 0 15px;font-size:16px; color:#595757;">原價 <del>HKD$3800</del></span>
  <span style="margin: 0 15px;font-size:16px; color:red;">優惠價 HKD$2400</span>
</p>

<table class="service-table-bordered">
  <tr>
    <th>肝功能 Liver Function Test</th>
  </tr>
  <tr>
    <td>谷草轉氨酶 AST/SGOT</td>
  </tr>
  <tr>
    <td>谷丙轉氨酶 ALT/SGPT</td>
  </tr>
  <tr>
    <td>總膽紅素 Bilirubin, total</td>
  </tr>
  <tr>
    <td>直接膽紅素 Bilirubin, Direct</td>
  </tr>
  <tr>
    <td>間接膽紅素 Bilirubin,...

CSS

.service-caption {
  margin-top: 1.5em;
}

.service-table-bordered {
  width: 100%;
  border-collapse: collapse;
  background-color: #f2f2f2;
}

.service-table-bordered.titleless {
  margin-top: 5px;
}

.service-table-bordered table,
.service-table-bordered td,
.service-table-bordered th {
  border: 1px solid #f1af2c;
}

.service-table-bordered th {
  text-align: left;
  padding: 8px;
  color: #3e3a39;
}

.service-table-bordered td {
  padding: 5px;
  color: #3e3a39;
}

.service-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #d8d8d8;
  border: 0 none;
}

.service-table td,
.service-table th {
  border: 1px solid #fff;
  padding: 10px
}