@charset "UTF-8";
img {
    width: auto;
    max-width:100%!important;
    max-height: 100%;
    border: 0;
}
div#qr_data_cover {
width:100%;
}
div#qr_data {
width:100%;
max-width:1050px;
margin:5% auto 5%;
}
div.qr_head {
font-size:xx-large;
background-color:#666;
color:#FFFFFF;
text-align:center;
font-weight:bold;
border-radius:16px 16px 0px 0px;
padding:1% 0px 0;
}
div.qr_head span.qr_small {
font-size:normal;
}
div.qr_head span.qr_yellow {
color:#f1e526;
}

div.qr_body_frame {
background-color:#f4f0e2;
border:5px solid #666;
}
div.qr_body {
margin:0% 3% 0px;
}
p.qr_pics {
width:30%;
float:right;
margin: 20px 0 0 20px;
}
p.qr_pics img {
width:100%;
height:auto;
}

p.qr_body_title {
font-size:xx-large;
color:#000000;
float:left;
width:66%;
margin:2% 0px 2%;
padding:0px;
}
p.qr_body_title span.qr_body_title_small {
font-size:x-large;
}

p.qr_body_maintext {
font-size:x-large;
color:#eb6e8e;
font-weight:bold;
line-height:150%;
}

p.qr_sub_text {
font-size:normal;
text-align: justify;
}
div.qr_caution_text {
font-size:small;
margin:1% 5%;
}
div.qr_btns_space {
margin:3% 5%;
}
div.qr_btns_space img {
width:auto;
    height: 56px;
margin:0px 1% 0px 0px;
}

br.sp_only {
display:none;
}

@media only screen and (max-width: 967px) {
    div.qr_head {
        font-size: large;
    }
div#qr_data {
width:96%;
margin:5% auto 5%;
}
div.qr_body {
margin:0% 5% 0px;
}
p.qr_pics {
text-align:center;
width:80%;
float:none;
margin:2% auto 2%;
}
p.qr_pics img {
margin-top:5%;
}

p.qr_body_title {
font-size:large;
color:#000000;
float:none;
width:96%;
margin:2% 0px 3%;
padding:0px;
}
p.qr_body_title span.qr_body_title_small {
font-size:small;
}

p.qr_body_maintext {
font-size:large;
color:#eb6e8e;
font-weight:bold;
line-height:150%;
}

p.qr_sub_text {
font-size:unset;
}
div.qr_caution_text {
font-size:small;
margin:1% 5%;
}

div.qr_btns_space {
margin:3% 3%;
text-align:center;
}
    div.qr_btns_space img {
        max-height: 39px;
    }
div.qr_btns_space img {
width:auto;
margin:1%;
}

br.sp_only {
display:block;
}


}