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

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

.header .container .MouseAim_imgA {
  width: 15.23438%;
  height: 0;
  padding-bottom: 15.23438%;
  top: 37.33333%;
  left: 45.41016%;
  background-size: 100%;
}

.header .container .MouseAim_imgB {
  width: 15.23438%;
  height: 0;
  padding-bottom: 15.23438%;
  top: 75.85185%;
  left: 68.35938%;
  background-size: 100%;
}

.header .container .MouseAim_imgC {
  width: 11.71875%;
  height: 0;
  padding-bottom: 11.71875%;
  top: 61.33333%;
  left: 4.88281%;
  background-size: 100%;
}

.header .container .main {
  width: 87.89062%;
  height: 0;
  padding-bottom: 31.93359%;
  top: 51.85185%;
  left: 6.05469%;
  background-size: 100%;
}

.header .container .logo {
  width: 18.94531%;
  height: 0;
  padding-bottom: 12.89062%;
  top: 2.96296%;
  left: 4.39453%;
  background-size: 100% !important;
}

/* ================= 頁面選單 ================= */
.nav .container {
  width: 100% !important;
}

.nav .container .navBtn {
  width: 90%;
  max-width: 524px;
}

.nav .container .navBtn ul li {
  width: 33%;
  height: 0;
  padding-bottom: 12.84722%;
}

.nav .container .navBtn ul li.navBtn01 a {
  background-position-x: 0% !important;
}

.nav .container .navBtn ul li.navBtn02 a {
  background-position-x: -100% !important;
}

.nav .container .navBtn ul li.navBtn03 a {
  background-position-x: -200% !important;
}

.nav .container .navBtn ul li a {
  width: 100%;
  height: 0;
  padding-bottom: 38.54167%;
  background-position-y: 100%;
  background-size: 300% 200%;
}

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

@media only screen and (max-width: 415px) {
  .item__box .labtext {
    position: absolute;
    width: 60%;
    top: -50px;
    left: 58%;
  }
}

@media only screen and (max-width: 415px) {
  .table tr td .comment {
    width: 3em;
    height: 3em;
    left: calc(80% + 15px);
  }
  .table tr td .comment:before {
    font-size: 4em;
  }
  .table tr td .comment:after {
    top: -.5em;
    left: .7em;
    font-size: xx-small;
    line-height: normal;
  }
}

/*一排兩顆*/
.content__main__rankBtnB {
  font-size: 90%;
}

@media only screen and (max-width: 415px) {
  .content__main__rankBtnB a {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 569px) {
  .content__btn li {
    width: 150px;
  }
}

/* ================= 內容區塊 ================= */
@media only screen and (max-width: 569px) {
  .box {
    margin-top: 35px;
    padding: 30px 25px;
  }
}

/*標籤*/
@media only screen and (max-width: 569px) {
  .iconbox .icon_tit01, .iconbox .icon_tit02, .iconbox .icon_tit03 {
    position: absolute;
    width: 40%;
    height: 180px;
  }
  .iconbox .icon_tit01, .iconbox .icon_tit02, .iconbox .icon_tit03 {
    margin-left: 80%;
    margin-top: -4%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}

.m-col-12 {
  width: 8%;
}

@media only screen and (max-width: 569px) {
  .m-col-12 {
    width: 92%;
  }
}

@media only screen and (max-width: 569px) {
  .col-3 {
    padding: 0;
    width: 40%;
  }
}

@media only screen and (max-width: 569px) {
  .col-4 {
    width: 90%;
  }
}