/* 汽機車體檢時間表 — 樣式（scope 於 .car-check-box，可獨立用於其他頁面） */
.car-check-box{
  --cc-line:#8a7fb0; --cc-head:#3a2a5e; --cc-period:#cdbfe6;
  max-width:760px;margin:0 auto;color:#222;
  font-family:"Microsoft JhengHei","PingFang TC","Heiti TC",sans-serif;
  -webkit-text-size-adjust:100%;
}
.car-check-box *{box-sizing:border-box;}

.car-check-note{text-align:center;font-size:16px;font-weight:700;color:#3a2a5e;margin:0 0 12px;letter-spacing:1px;}

.car-check-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.car-check-table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed;}
.car-check-table th,.car-check-table td{
  border:2px solid var(--cc-line);text-align:center;vertical-align:middle;padding:10px 4px;
}
.car-check-table thead th{background:var(--cc-head);color:#fff;font-weight:700;font-size:17px;}
.car-check-table .time-col{background:var(--cc-period);color:#2a1f48;font-weight:800;width:16%;}
.car-check-table .time-col .period{display:block;font-size:18px;font-weight:800;}
.car-check-table .time-col .time-text{display:block;font-size:12px;font-weight:600;color:#3a2f58;margin-top:2px;}
.car-check-table .star{color:#1f9d3d;font-size:22px;font-weight:800;line-height:1;}
.car-check-table .no{color:#bdbdce;font-size:18px;font-weight:700;line-height:1;}

@media (max-width:600px){
  .car-check-note{font-size:14px;}
  .car-check-table th,.car-check-table td{padding:5px 2px;}
  .car-check-table thead th{font-size:13px;}
  .car-check-table .time-col .period{font-size:14px;}
  .car-check-table .time-col .time-text{font-size:10px;}
  .car-check-table .star{font-size:17px;}
  .car-check-table .no{font-size:14px;}
}