.match { width: 100vw; height: 100vh; display: grid; grid-template-rows: 40px 1fr 40px; }
.match > .header, .match > .footer { display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); text-align: center; }
.match > .header > div, .match > .footer > div {
    background-color: #222; border: #444 1px solid; font-size: 18px; line-height: 1.5em; padding: 10px; cursor: pointer;
}
.match > .list {
    margin: 20px; overflow: auto;
}
.match > .list > div {
    font-size: 14px; line-height: 1.5em; padding: 10px 20px; border-bottom: #444 1px solid; text-align: center;
}
.match > .list > div.notInCus {
    text-align: right; color: #F44;
}
.match > .list > div.notInZoom {
    text-align: left; color: #F44;
}

.uploadList {
    padding: 0 20px;
}
.uploadList > div {
    font-size: 14px; line-height: 1.5em; padding: 10px 20px; border-bottom: #444 1px solid;
}

.uploadField {
    margin: 20px; font-size: 18px; line-height: 1.5em; border-bottom: #444 1px solid;
}
.uploadField input, .uploadField textarea {
    width: 100%; padding: 10px; margin: 5px 0; font-size: 18px; line-height: 1.5em;
}
.uploadField textarea {
    height: 100px;
}