.container{margin:0 auto;padding:10px 0 0 0;height:auto}.card-box{margin:0 auto;height:578px}.bg-card-box,.card-box{width:100%;position:relative;padding:0}.bg-card-box{margin:10px auto 0 auto;height:598px}.bg{height:568px;z-index:1}.bg,.sub-company{width:100%;position:absolute}.sub-company{margin:100px 0 0 0;display:inline-block;text-align:center;color:#fff;font-size:24px;z-index:2}.photo{width:140px;margin-left:115px;margin-top:220px}.name,.photo{position:absolute;z-index:2}.name{margin:430px 0 0 130px;display:inline-block;width:168px;text-align:center}.duty{margin:450px 0 0 130px}.code,.duty{position:absolute;display:inline-block;width:168px;text-align:center;z-index:2}.code{margin:473px 0 0 130px}.qr-code{width:220px;height:220px;margin-left:170px;margin-top:479px;position:absolute;z-index:2;opacity:.4}.func-area{margin:80px auto;text-align:center;position:fixed;left:20px;bottom:20px}@media print{@page{margin-bottom:0;margin-top:0}.func-area{visibility:hidden}}