.qrcode20
{
    border-collapse: collapse;
    margin:20px auto 20px auto;
}

.qrcode20 td
{
    width:20px;
    height:20px;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

.qrcode5
{
    border-collapse: collapse;
}

.qrcode5 td
{
    width:5px;
    height:5px;
}

.qrmask
{
    border-collapse: collapse;
    margin:20px auto 20px auto;
}

.qrmask td
{
    width:14px;
    height:14px;
}

.mapblock
{
    border-collapse: collapse;
    border:2px black solid;
    margin:auto;
}

.mapblock td
{
    width:10px;
    height:10px;
}

@media only screen and ( min-width: 1100px ){
    .qrcode20
    {
        float:left;
        margin:0px;
    }

    .qrmask
    {
        float:left;
        margin:20px 0px 40px 0px;
    }

    .qrmask td
    {
        width:10px;
        height:10px;
    }
}