*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
html { font-size: 625%; }
@media screen and (min-width: 320px) { html { font-size:100.00px; } }
@media screen and (min-width: 360px) { html { font-size:112.50px; } }
@media screen and (min-width: 375px) { html { font-size:117.19px; } }
@media screen and (min-width: 384px) { html { font-size:120.00px; } }
@media screen and (min-width: 400px) { html { font-size:125.00px; } }
@media screen and (min-width: 414px) { html { font-size:129.38px; } }
@media screen and (min-width: 424px) { html { font-size:132.50px; } }
@media screen and (min-width: 480px) { html { font-size:150.00px; } }
@media screen and (min-width: 540px) { html { font-size:168.75px; } }
@media screen and (min-width: 720px) { html { font-size:225.00px; } }
@media screen and (min-width: 750px) { html { font-size:234.38px; } }
body{min-width:320px; margin:0 auto; color:#333; font:.12rem/1.5 arial,tahoma,simhei;background:#f5f5f5;}

input{-webkit-appearance:none;	outline:none;}

.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

.w{width:100%; min-width:320px; max-width:640px; margin: 0 auto;}
.fgray{color:#999;}
.fred{color:#f00;}
.fgreen{color:#08d468;}
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(images/blue.png);
  height: .2rem;
  vertical-align: middle;
  width: .2rem;
  background-size:.2rem;
  vertical-align:middle;
  outline:none;
  border:0;
}

input[type="checkbox"]:focus,
input[type="checkbox"]:hover {
  background-position: 0 -.2rem;
  outline: none;
}

input[type="checkbox"]:checked {
  background-position: 0 -.4rem;
}

input[type="checkbox"][disabled] {
  background-position: 0 -.6rem;
}

input[type="checkbox"][disabled]:checked {
  background-position: 0 -.8rem;
}