body {
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    background-color: #fff;
    color: #000;
    padding: 0px;
    margin: auto;
}
.container {
    padding: 0px;
    width: 420px;
    overflow: hidden;
}
.header, .footer {
    border-top: 1.5px solid blue;
    border-bottom: 1.5px solid blue;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}
.footer {
    padding: 12px 5px;
}
.title {
    text-align: center;
    margin-bottom: 10px;
}
.section {
    margin: 8px 0;
    padding: 5px 0 5px 0;
}
.bold {
    width: 49%;
    float: left;
    text-align: right;
}
.boldright {
    font-weight: normal;
    width: 47%;
    float: left;
    text-align: left;
    padding-left: 8px;
}
.code {
    font-family: arial;
    text-align: center;
    margin-top: 10px;
}
.md5 {
    text-align: center;
    margin-top: 10px;
}
.note {
    text-align: center;
    font-weight: bold;
    margin-top: 2px;
}

@media print {
    @page {
        size: A4 portrait;
        margin: 0; 
    }

    
    body, html {
        width: 100%;
        height: 100%;
        font-size: 10px;

    }
}