@charset "UTF-8";
/*容器基本框架*/
.wrapper, .wrapper_back {
  background-size: 187.5%;
  overflow: hidden;
}

/* ================= 版頭 ================= */
.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 65%;
}

.header .main {
  width: 96.58203%;
  height: 0;
  padding-bottom: 30.37109%;
  top: 52.82759%;
  left: 1.5625%;
  background-size: 100%;
}

.header .icon {
  width: 95.41016%;
  height: 0;
  padding-bottom: 36.13281%;
  top: 1.37931%;
  left: 0%;
  background-size: 100%;
}

.countdownHolder {
  font: 33px/1.5 'Open Sans Condensed',sans-serif;
}

@media only screen and (max-width: 668px) {
  .countdownHolder {
    font: 26px/1.5 'Open Sans Condensed',sans-serif;
  }
}

@media only screen and (max-width: 415px) {
  .countdownHolder {
    font: 23px/1.5 'Open Sans Condensed',sans-serif;
  }
}

@media only screen and (max-width: 376px) {
  .countdownHolder {
    font: 19px/1.5 'Open Sans Condensed',sans-serif;
  }
}

.times {
  width: 60%;
  top: 89.65517%;
  left: 32.22656%;
}

@media only screen and (max-width: 415px) {
  .times {
    width: 85%;
  }
}

/* ================= 內容 ================= */
.content .container {
  width: 95%;
}

.content .container > h5 {
  font-size: 1.4em;
}

/*===================排行榜按鈕===================*/
/*一排兩顆*/
@media only screen and (max-width: 415px) {
  .content__main__rankBtn a, .content__main__rankBtnB a {
    width: 90%;
  }
}