.office-xycenter {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.office-xcenter {position:absolute;top:50%;transform:translateY(-50%)}
.office-ycenter {position:absolute;left:50%;transform:translateX(-50%)}

.office-vlist-program {padding:0.3vh 0;display:flex;flex-direction:column;gap:0.1vh;}
.office-vlist-program .cs-btn {min-height:2vh;float:none;justify-content:center;}
.office-student-select {margin-bottom:3vh;}
.office-student-select code {font-size:0.6vw;}
.office-student-detail {width:36vw;}
.office-student-detail-title {margin-bottom:0.5vh;text-transform:uppercase;font-size:1vw;color:#fff;}
.office-content-right {float:right;position:relative;width:50vw;}
.office-payment {display:flex;flex-direction:column;gap:0.2vh;padding:1vh 0;}
.office-payment div span:first-of-type {display:inline-block;width:2.5vw;}
.office-payment div span:last-of-type {display:inline-block;width:4vw;text-align:right;}
.office-payment .cs-btn {justify-content:center;}

.office-receipt {background:#fff;color:rgba(0,0,0,0.6);position:relative;width:210mm;height:148.5mm;}
.office-receipt div {position:absolute;}
.office-receipt .office-info {top:10mm;left:35mm;font-size:4mm;width:70mm;}
.office-receipt .office-info b {font-size:5mm;display:inline-block;margin-bottom:3mm;}
.office-receipt .office-logo {top:10mm;left:10mm;}
.office-receipt .office-logo img {width:21mm;}
.office-receipt .office-title {top:10mm;right:10mm;font-size:12mm;font-weight:bold;}
.office-receipt .office-no {top:23mm;right:10mm;font-size:8mm;color:#000;}
.office-receipt .office-date {top:38mm;right:10mm;font-size:6mm;}
.office-receipt .office-data {top:55mm;font-size:6mm;width:192mm;}
.office-receipt .office-data table {width:100%;}
.office-receipt .office-data td:nth-child(1) {width:60mm;height:10mm;}
.office-receipt .office-data td:nth-child(2) {width:5mm;}
.office-receipt .office-data td:last-of-type {color:#000;border-bottom:1px solid rgba(0,0,0,0.4);}
.office-receipt .office-qrcode {bottom:10mm;left:10mm;}
.office-receipt .office-code {bottom:10mm;left:0;width:100%;text-align:center;font-size:4mm;color:rgba(0,0,0,0.4);}

.office-idcard {position:relative;width:5.39cm;height:8.56cm;}
.office-idcard div {position:absolute;}
.office-idcard-foto {top:2.82cm;overflow:hidden;width:2cm;height:2cm;border-radius:2cm;}
.office-idcard-bg {top:0;left:0;}
.office-idcard-bg img {object-fit:cover;width:100%;height:100%;}
.office-idcard-qrcode {top:6.2cm;}
.office-idcard-qrcode img {width:1.5cm;}
.office-idcard-name {text-align:center;top:5.3cm;color:#000;font-size:0.25cm;font-weight:bold;text-transform:uppercase;width:4cm;}
.office-idcard-name span {bottom:6vh;display:inline-block;border-bottom:0.03cm solid #000;font-size:0.3cm;}