.page-wrap {
    width: 960px;
    margin: auto;
    font-family: Calibri, sans-serif;
}
.page-wrap .page-title {
    font-size: 2.5rem;
    font-weight: bold;
    background-color: #deebf7;
    display: inline-block;
    padding: 0 1rem;
    margin: 2rem auto;
}
.page-wrap .table-wrap {
    margin-bottom: 2rem;
}
.page-wrap .table-wrap .title-wrap {
    text-align: justify;
    padding: 0 0.5rem;
}
.page-wrap .table-wrap .title-wrap:after {
    content: '';
    width: 100%;
    display: inline-block;
}
.page-wrap .table-wrap .title-wrap .title {
    font-size: 2.5rem;
    font-weight: bold;
    display: inline-block;
}
.page-wrap .table-wrap .title-wrap .remark {
    font-size: 1rem;
    font-style: italic;
    display: inline-block;
}
.page-wrap .table-wrap .table .row {
    font-size: 1rem;
    text-align: center;
    padding: 1rem 0;
}
.page-wrap .table-wrap .table .row:last-child {
    border-bottom: 2px #000000 solid;
}
.page-wrap .table-wrap .table#hpc .row:nth-child(odd) {
    background-color: #ffe5d5;
}
.page-wrap .table-wrap .table#gpu .row:nth-child(odd) {
    background-color: #fffdcc;
}
.page-wrap .table-wrap .table .row .content:first-child {
    width: 30%;
    display: inline-block;
    margin-left: -4px;
}
.page-wrap .table-wrap .table .row .content:nth-child(2) {
    width: 27%;
    display: inline-block;
    margin-left: -4px;
}
.page-wrap .table-wrap .table .row .content:nth-child(3) {
    width: 7%;
    display: inline-block;
    margin-left: -4px;
}
.page-wrap .table-wrap .table .row .content:nth-child(4) {
    width: 18%;
    display: inline-block;
    margin-left: -4px;
}
.page-wrap .table-wrap .table .row .content:nth-child(5) {
    width: 18%;
    display: inline-block;
    margin-left: -4px;
}
.page-wrap .table-wrap .table .th .row {
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 2px #000000 solid;
}
.page-wrap .table-wrap .table#hpc .th .row {
    background-color: #fe7e7e;
}
.page-wrap .table-wrap .table#gpu .th .row {
    background-color: #ffc107;
}