/* 	countdown
============================== */
#countdown {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  box-sizing: border-box;
  background: white;
}
@media all and (max-width: 767px) {
  #countdown {
    padding: 0 1%;
  }
}
#cdall {
  width: 100%;
  height: 0;
  padding-top: 5.069708491761724%;
  padding-top: -webkit-calc(186 / 1940 * 100%);
  padding-top: calc(186 / 1940 * 100%);
  position: relative;
}

#cdsp {
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

#cd, #cd0 {
  width: 100%;
  height: 0;
  padding-top: 5.069708491761724%;
  padding-top: -webkit-calc(186 / 1940 * 100%);
  padding-top: calc(186 / 1940 * 100%);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: cover;
  position: absolute;
  background-position: center;
  top: 0;
  left: 0;
  /* filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); */
}

.ctmgl div {
  box-sizing: border-box;
  float: left;
  width: 45%;
  height: 100%;
  margin: 0 0 0 25%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.ctmgl1 div {
  box-sizing: border-box;
  float: left;
  width: 45%;
  height: 100%;
  margin: 0 0 0 30%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.ctmgl0 div {
  box-sizing: border-box;
  float: left;
  width: 45%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#cdd:before, #cdh:before, #cdm:before, #cds:before, #cdd:after, #cdh:after, #cdm:after, #cds:after {
  content: "";
  display: table;
}

#cdd:after, #cdh:after, #cdm:after, #cds:after {
  clear: both;
}

#oas {
  box-sizing: border-box;
  width: 4.25%;
  height: 100%;
  position: absolute;
  top: 7%;
  left: 4%;
}

#oam {
  box-sizing: border-box;
  width: 7.2%;
  height: 100%;
  position: absolute;
  top: 7%;
  left: 13%;
}

#oad {
  box-sizing: border-box;
  width: 7.2%;
  height: 100%;
  position: absolute;
  top: 7%;
  left: 25%;
}

#oas div {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#oam div, #oad div {
  box-sizing: border-box;
  float: left;
  width: 45%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#as1 {
  background-image: url(../img/cd/s1.png);
}

#as2 {
  background-image: url(../img/cd/s2.png);
}

#as3 {
  background-image: url(../img/cd/s3.png);
}

#as4 {
  background-image: url(../img/cd/s4.png);
}

#as5 {
  background-image: url(../img/cd/s5.png);
}

#as6 {
  background-image: url(../img/cd/s6.png);
}

#as7 {
  background-image: url(../img/cd/s7.png);
}

#as8 {
  background-image: url(../img/cd/s8.png);
}

#as9 {
  background-image: url(../img/cd/s9.png);
}

#cdd {
  box-sizing: border-box;
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 39.7%;
}

#cdh {
  box-sizing: border-box;
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 50.4%;
}

#cdm {
  box-sizing: border-box;
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 64.4%;
}

#cds {
  box-sizing: border-box;
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 75.7%;
}

.none_day #cdd {
  display: none;
}

.none_day #oas {
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 9%;
}

.none_day #oam {
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 18%;
}

.none_day #oad {
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 30%;
}

.none_day #cdh {
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 45.1%;
}

.none_day #cdm {
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 59.7%;
}

.none_day #cds {
  width: 7.2%;
  height: 46.935484%;
  position: absolute;
  top: 27.107527%;
  left: 70.9%;
}

#d1, #h1, #m1, #s1, .am1, .ad1 {
  background-image: url(../img/cd/1.png);
}

#d2, #h2, #m2, #s2, .am2, .ad2 {
  background-image: url(../img/cd/2.png);
}

#d3, #h3, #m3, #s3, .am3, .ad3 {
  background-image: url(../img/cd/3.png);
}

#d4, #h4, #m4, #s4, .am4, .ad4 {
  background-image: url(../img/cd/4.png);
}

#d5, #h5, #m5, #s5, .am5, .ad5 {
  background-image: url(../img/cd/5.png);
}

#d6, #h6, #m6, #s6, .am6, .ad6 {
  background-image: url(../img/cd/6.png);
}

#d7, #h7, #m7, #s7, .am7, .ad7 {
  background-image: url(../img/cd/7.png);
}

#d8, #h8, #m8, #s8, .am8, .ad8 {
  background-image: url(../img/cd/8.png);
}

#d9, #h9, #m9, #s9, .am9, .ad9 {
  background-image: url(../img/cd/9.png);
}

#d0, #h0, #m0, #s0, .am0, .ad0 {
  background-image: url(../img/cd/0.png);
}