/*讓高度佔滿整個畫面*/
form { display: table; width: 100%; height: 100%; }
form > #content, nav, footer { display: table-row; }
form > #content { height: 100%; }

/*RWD TABLE*/
.rwd-table { background: #fff; overflow: hidden; }
.rwd-table tr:nth-of-type(2n) { background: #b2cfe8; }
.rwd-table th,
.rwd-table td { margin: 0.5em 1em; }
.rwd-table { min-width: 100%; }
.rwd-table th { display: none; }
.rwd-table td { display: block; }
.rwd-table td:before { content: attr(data-th) " : "; font-weight: bold; width: 7em; display: inline-block; color: #000; /*手機 標題顏色 */ }
.rwd-table th, .rwd-table td { text-align: left; }
.rwd-table th, .rwd-table td:before { font-weight: bold; }
@media (min-width: 480px) {
    .rwd-table th, 
    .rwd-table td:before { color: #000; /*電腦 標題顏色 */ font-weight: bold; }
    .rwd-table td:before { display: none; }
    .rwd-table th, 
    .rwd-table td { display: table-cell; padding: 0.25em 0.5em; }
    .rwd-table th:first-child,
    .rwd-table td:first-child { padding-left: 0; }
    .rwd-table th:last-child,
    .rwd-table td:last-child { padding-right: 0; }
    .rwd-table th,
    .rwd-table td { padding: 1em !important; }
}