html { -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {
    background-color:#cccccc;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    font-family: Roboto,'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif,微软雅黑; color: #222;
    margin: 0;
    padding: 0;
}
a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration:none; }
a:active,a:hover {outline-width: 0;}
b,strong { font-weight: inherit;}
b,strong { font-weight: bolder;}
h1 { font-size: 2em; margin: 0.67em 0;}
small,.small{ font-size: 80%;}
img { border-style: none;}
figure { margin: 1rem 2.5rem;}
hr {box-sizing: content-box;  height: 0; overflow: visible;}
button,input,select,textarea { font: inherit; margin: 0; border-radius: 0;}
input[type=number],input[type=text]{-webkit-appearance : none ;}
button,input {  overflow: visible;}
button,select {  text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}
textarea { overflow: auto;}
[type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto;}
[type="search"] { -webkit-appearance: textfield;outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-input-placeholder { color: inherit; opacity: 0.54;}
::-webkit-file-upload-button { -webkit-appearance: button;font: inherit;}
ul,ol,dl {list-style: none;}
input,button,textarea{outline:none}
.clearfix:after { content: " "; display: block; clear: both; height: 0;}

.header{  min-width: 20rem;}
.header h1{ font-size: 1.5rem; font-style: italic; text-align: center; color: #666;}
.container{ min-width: 19rem; margin: 0 auto; padding: 0 .5rem}

.tabs-group{  margin-bottom: 1rem;}
.tabs-group input{ display: none;}
.tabs-group label{display: inline-block; margin: 0; padding: .5rem .25rem; font-weight: 600; text-align: center;
    color:#666; background: #e9e9e9; font-size: .875rem; border-radius: .25rem .25rem 0 0;  border:.0625rem #ccc solid; border-bottom: none; }
.tabs-group label:hover { color: #fff; background-color: #999;  cursor: pointer;}
.tabs-group .tab-content{ display: none; padding: 1rem; border:.0625rem  transparent solid; background-color: #fff; font-size: .875rem;}
.tabs-group input:checked + label{ color: #fff; background: #666;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3{
    display: block;
    border-radius: 0 0 .25rem .25rem;
    line-height: 1.5rem;
    border-color: #ddd;
}
#content3{ padding-top: 0;}
.tabs-group .tab-content>img{ max-width: 96%; display: block; margin:  0 auto;}

.policy{ font-size: .875rem; margin-bottom: 1rem;}
.policy h2{ margin: 0 -1rem;  color: #576c79; background: #ececec; font-size: 1rem;  height: 2rem; line-height: 2rem; padding: 0 1rem;}
.policy h3{ border-left: .125rem #576c79 solid;  padding-left: .5rem;}
.policy p{ line-height: 1.5rem;}
.policy p>img{ max-width: 96%;}


.footer{ height: 3rem; text-align: center; padding-top: 1rem;
    background-image: url(../images/footer-bg.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.footer a{ color:#576C79; font-size: .75rem;}
.footer a:hover{ color: #333;}

@media screen and (min-width: 650px) {
    .header h1{ text-align: left; max-width: 60rem; margin: 1rem auto; font-size: 2rem;}
    .container{ max-width:60rem; }
    .footer{ height: 4rem;}
    .tabs-group label{ min-width: 20%;}
}