*{padding:0;margin:0;box-sizing:border-box;}
.mbox{padding:50px 50px 70px;border:1px solid #e5e5e5;}
.card{width:390px;height:260px;margin:0 auto 50px;background:url(../images/card.png) no-repeat center;padding:10px 20px;color:#fff;position:relative;z-index:10;}
.cardbg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.cardbg img{width:100%;height:100%;}
.card .cardlogo{margin-bottom:15px;}
.card .cardmid{text-align:center;margin-bottom:20px;line-height:1;}
.card .cardmid .tit{font-size:34px;font-weight:bold;margin-bottom:7px;}
.card .cardmid .t2{text-transform:uppercase;font-size:16px;}
.card .cardinfo1{background:rgba(255,255,255,0.7);border-radius:10px;padding:8px 10px;}
.card .cardinfo1 table{width:100%;}
.card .cardTitle{font-size:0;white-space:nowrap;}
.card .cardTitle .cname{display:inline-block;vertical-align:middle;font-size:30px;color:#000;font-weight:bold;padding:0 14px 0 4px;}
.cardtype{display:inline-block;vertical-align:middle;border-left:4px solid #000;padding:0 15px;line-height:1;}
.cardtype .tp{display:none;}
.cardtype.type1 .tp1{display:block;}
.cardtype.type2 .tp2{display:block;}
.cardtype.type3 .tp3{display:block;}
.cardtype.type4 .tp4{display:block;}
.cardtype .tt1{font-size:20px;font-weight:bold;color:#000;margin-bottom:5px;}
.cardtype .tt2{font-size:14px;color:#000;font-weight:bold;text-transform:uppercase;}
#code{padding:3px;background:#fff;width:53px;}
#code canvas{width:100%;}
.card .cardinfo1 td:last-child{text-align:right;width:53px;}
.card .cardinfo2{line-height:1;margin-top:10px;padding:0 10px;}
.card .cardinfo2 table{width:100%;}
.card .cardinfo2 td:last-child{text-align:right;}
.mtext{font-size:16px;line-height:1.875;}
.mtext strong{font-size:18px;color:#2948a4;font-weight:normal;}
.mtext .tit{font-size:24px;text-align:center;margin-bottom:30px;}
.mtext .subt{font-size:20px;text-align:center;margin-bottom:10px;}
.mtext h3{font-size:18px;margin:10px 0;}
.mtext table{width:100%;border-spacing:0;border-collapse:collapse;border:1px solid #e5e5e5;}
.mtext table th,.mtext table td{padding:10px 30px;text-align:left;font-weight:normal;border:1px solid #e5e5e5;height:70px;}
.mtext table th{background:#f7f7f7;}
.mtext table td:nth-child(1),.mtext table td:nth-child(2){width:150px;}
@media (max-width:768px){.mbox{padding:30px 20px;}
.mtext{font-size:14px;}
.card{transform:scale(0.8);margin:0 0 20px;transform-origin:left top;margin-bottom:-2%;}
.mtext .tit{font-size:18px;margin-bottom:20px;}
.mtext .subt{font-size:16px;}
.mtext table th,.mtext table td{padding:5px 10px;font-size:12px;height:50px;}
.mtext table td:nth-child(1),.mtext table td:nth-child(2){width:auto;}
.mtext h3{font-size:16px;}
}
@media(max-width:480px){.card{transform:scale(0.65);margin-bottom:-70px;}
}
@media print{.mbox{padding:30px;max-width:900px;margin:auto;}
.card{margin:0 auto 30px;transform:none;}
.card .cardmid .tit,.card .cardmid .t2{color:#fff;}
.mtext{font-size:14px;}
.mtext strong{font-size:16px;}
}