/* 校友名單表格 */
.alumniList {
    border: solid 1px;
    width: 100%;
    margin-top: 1rem;
    border-collapse: collapse;
    border-radius: 1rem;
    margin-bottom : 2rem;
}

.alumniList tbody td, .alumniList thead th {
    padding: 1rem;
}

.alumniList thead th {
    font-weight: 900;
    font-size: 1.2rem;
}

/* 校友名單表格，標頭，名稱 */
.alumniList > thead > tr > td.name
{
}

/* 校友名單表格，標頭，電郵 */
.alumniList > thead > tr > td.email
{
}

.alumniList > tbody > tr > td
{
    line-height: 1em;
    padding-left : 1em;
}

/* 校友名單表格，學年 */
.alumniList > tbody > tr > td.year
{

}

/* 校友名單表格，名稱 */
.alumniList > tbody > tr > td.name
{

}

/* 校友名單表格，電郵 */
.alumniList > tbody > tr > td.email
{

}

@media screen and (max-width: 600px) {
    .alumniList {
        border: 0;
        margin-top : 0;
    }

        .alumniList thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .alumniList tr {
            border-bottom: 1px solid #000;
            display: block;
            margin-bottom: .625em;
        }

        .alumniList td {
            display: block;
            text-align: right;
        }

            .alumniList td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
            }

            .alumniList td:last-child {
                border-bottom: 0;
            }
}