@charset "utf-8";

body{font-family: 'Droid Sans', sans-serif; color:#333; font-size:100%; background:#ccc;}

.main_wrap{width:100%; background:#fff;position:relative;}

.content_wrap{max-width:1000px; margin:0 auto; height:180px; position:relative;}

.logo{display:block; position:absolute; left:10px; top:50%; -moz-transform:translate(0px,-50%); -webkit-transform:translate(0px,-50%); -o-transform:translate(0px,-50%); -ms-transform:translate(0px,-50%); transform:translate(0px,-50%); height:auto;}

.bucket{display:block; position:absolute; right:10px; top:50%; -moz-transform:translate(0px,-50%); -webkit-transform:translate(0px,-50%); -o-transform:translate(0px,-50%); -ms-transform:translate(0px,-50%); transform:translate(0px,-50%); height:auto;}

.counterWrap{text-align:center; padding-top:20px; width:100%; max-width:514px; margin:0 auto;}
#tzcd{width:100%;}
#tzcd > div{width:25%; float:left; padding:0 2px; text-align:center;}
#tzcd .num{padding:10px 5px; font-size:4.500em; color:#fff; border-radius:2px 2px 0 0; background:#eb1d24; font-weight:700; line-height:1;}
#tzcd .label{font-size:1em; background:#881014; border-radius:0 0 2px 2px; color:#c9c4bb; font-weight:700; font-size:0.875em; padding:3px; text-transform:uppercase; line-height:1;}

.text{font-size:1.125em; font-weight:700; padding:15px 0 0 0; text-align:center;}

.banner_link{position:absolute; top:0; left:0; display:block; width:100%; height:180px; z-index:100;}

/* < 1024 */
@media (max-width: 63em) {
  body{font-size:87.5%;}
  .logo, .bucket{ width:80px; top:40%;}
  .counterWrap{max-width:400px;}
}

/* < 600 */
@media (max-width: 37em) {
  body{font-size:75%;}
  .logo, .bucket{ width:30px; top:10px;
  -moz-transform:none;
  -webkit-transform:none;
  -o-transform:none;
  -ms-transform:none;
  transform:none;}
  .logo{left:47%;} .bucket{display:none;}
  .counterWrap{padding:55px 10px 0 10px;}  
  #tzcd .num{font-size:2em;}
}