#mapCheck {
  background: url(../assets/images/Map.svg) no-repeat;
  background-position: center;
  background-size: contain;
  height: 650px;
  position: relative;
}

.tag {
  background: url(../assets/images/tag.svg) no-repeat;
  background-position: 50% 0%;
  background-size: contain;
  width: fit-content;
  -moz-width: fit-content;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1rem;
  padding: 0 10px 12px;
  cursor: pointer;
}

.tag:hover {
  z-index: 99;
  transform: scale(1.2);
  width: fit-content;
  -moz-width: fit-content;
  font-size: 1.2rem;
  padding-bottom: 14px;
}

.number-count {
  width: fit-content;
  aspect-ratio: 1/1;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.tag.kee {
  top: 5.5%;
  left: 64.3%;
  transform: translate(-50%, -50%);
}

.tag.nwt {
  top: 13%;
  left: 62%;
  transform: translate(-50%, -50%);
}

.tag.tpe {
  top: 8%;
  left: 62.3%;
  transform: translate(-50%, -50%);
}

.tag.tao {
  top: 13%;
  left: 58%;
  transform: translate(-50%, -50%);
}

.tag.hsq {
  top: 20%;
  left: 57%;
  transform: translate(-50%, -50%);
}

.tag.hsz {
  top: 13%;
  left: 54%;
  transform: translate(-50%, -50%);
}

.tag.mia {
  top: 25%;
  left: 54%;
  transform: translate(-50%, -50%);
}

.tag.txg {
  top: 32%;
  left: 52%;
  transform: translate(-50%, -50%);
}

.tag.cha {
  top: 39%;
  left: 48%;
  transform: translate(-50%, -50%);
}

.tag.nan {
  top: 42%;
  left: 55%;
  transform: translate(-50%, -50%);
}

.tag.yun {
  top: 44%;
  left: 46%;
  transform: translate(-50%, -50%);
}

.tag.cyq {
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag.cyi {
  top: 50%;
  left: 47.3%;
  transform: translate(-50%, -50%);
}

.tag.tnn {
  top: 62%;
  left: 45%;
  transform: translate(-50%, -50%);
}

.tag.khh {
  top: 64%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag.pts {
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tag.ilc {
  top: 23%;
  left: 64%;
  transform: translate(-50%, -50%);
}

.tag.hua {
  top: 45%;
  left: 60%;
  transform: translate(-50%, -50%);
}

.tag.ttt {
  top: 66%;
  left: 55.5%;
  transform: translate(-50%, -50%);
}

.tag.pen {
  top: 49%;
  left: 36%;
  transform: translate(-50%, -50%);
}

.tag.kin {
  top: 25.5%;
  left: 33.5%;
  transform: translate(-50%, -50%);
}

.tag.lie {
  top: 7%;
  left: 42.2%;
  transform: translate(-50%, -50%);
}

/* col-10下的調整 */
.not-full-map .tag.kee {
  top: 5%;
  left: 66%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.nwt {
  top: 14%;
  left: 63%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.tpe {
  top: 7%;
  left: 63.7%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.tao {
  top: 12%;
  left: 59%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.hsq {
  top: 20%;
  left: 58.4%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.hsz {
  top: 14%;
  left: 54.4%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.mia {
  top: 24%;
  left: 54%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.txg {
  top: 32%;
  left: 52%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.cha {
  top: 39%;
  left: 48%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.nan {
  top: 42%;
  left: 55%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.yun {
  top: 46%;
  left: 46%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.cyq {
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.cyi {
  top: 49%;
  left: 47%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.tnn {
  top: 62%;
  left: 45%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.khh {
  top: 64%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.pts {
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.ilc {
  top: 23%;
  left: 64%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.hua {
  top: 45%;
  left: 60%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.ttt {
  top: 66%;
  left: 55.5%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.pen {
  top: 49%;
  left: 36%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.kin {
  top: 25.5%;
  left: 33.5%;
  transform: translate(-50%, -50%);
}

.not-full-map .tag.lie {
  top: 8%;
  left: 42.2%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width:768px) and (max-width:992px) {
  .tag.kee {
    top: 5%;
    left: 78%;
    transform: translate(-50%, -50%);
  }

  .tag.nwt {
    top: 13%;
    left: 73%;
    transform: translate(-50%, -50%);
  }

  .tag.tpe {
    top: 5.5%;
    left: 73%;
    transform: translate(-50%, -50%);
  }

  .tag.tao {

    top: 13%;
    left: 68%;
    transform: translate(-50%, -50%);
  }

  .tag.hsq {
    top: 20%;
    left: 65%;
    transform: translate(-50%, -50%);
  }

  .tag.hsz {
    top: 13%;
    left: 58%;
    transform: translate(-50%, -50%);
  }

  .tag.mia {
    top: 24%;
    left: 56%;
    transform: translate(-50%, -50%);
  }

  .tag.txg {
    top: 30%;
    left: 56%;
    transform: translate(-50%, -50%);
  }

  .tag.cha {
    top: 36%;
    left: 45%;
    transform: translate(-50%, -50%);
  }

  .tag.nan {
    top: 42%;
    left: 55%;
    transform: translate(-50%, -50%);
  }

  .tag.yun {
    top: 44%;
    left: 42%;
    transform: translate(-50%, -50%);
  }

  .tag.cyq {
    top: 52%;
    left: 49%;
    transform: translate(-50%, -50%);
  }

  .tag.cyi {
    top: 49.5%;
    left: 45%;
    transform: translate(-50%, -50%);
  }

  .tag.tnn {
    top: 58%;
    left: 42%;
    transform: translate(-50%, -50%);
  }

  .tag.khh {
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tag.pts {
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tag.ilc {
    top: 23%;
    left: 74%;
    transform: translate(-50%, -50%);
  }

  .tag.hua {
    top: 45%;
    left: 70%;
    transform: translate(-50%, -50%);
  }

  .tag.ttt {
    top: 66%;
    left: 60%;
    transform: translate(-50%, -50%);
  }

  .tag.pen {
    top: 47%;
    left: 24%;
    transform: translate(-50%, -50%);
  }

  .tag.kin {
    top: 24%;
    left: 18%;
    transform: translate(-50%, -50%);
  }

  .tag.lie {
    top: 7%;
    left: 36%;
    transform: translate(-50%, -50%);
  }


  /* not full map */
  .not-full-map .tag.kee {
    top: 5%;
    left: 75%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.nwt {
    top: 13%;
    left: 70%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.tpe {
    top: 5.5%;
    left: 71%;
    transform: translate(-50%, -50%);

  }

  .not-full-map .tag.tao {

    top: 13%;
    left: 65%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.hsq {
    top: 20%;
    left: 65%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.hsz {
    top: 13%;
    left: 57%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.mia {
    top: 24%;
    left: 56%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.txg {
    top: 30%;
    left: 56%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.cha {
    top: 36%;
    left: 45%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.nan {
    top: 42%;
    left: 55%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.yun {
    top: 44%;
    left: 42%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.cyq {
    top: 52%;
    left: 49%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.cyi {
    top: 49.5%;
    left: 45%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.tnn {
    top: 58%;
    left: 42%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.khh {
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.pts {
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.ilc {
    top: 23%;
    left: 74%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.hua {
    top: 45%;
    left: 70%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.ttt {
    top: 66%;
    left: 60%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.pen {
    top: 47%;
    left: 24%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.kin {
    top: 24%;
    left: 18%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.lie {
    top: 7%;
    left: 36%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width:768px) {
  /* .tag.kee {
    top: 15%;
    left: 100%;
    transform: translate(-50%, -50%);
  }

  .tag.nwt {
    top: 13%;
    left: 73%;
    transform: translate(-50%, -50%);
  }

  .tag.tpe {
    top: 5.5%;
    left: 73%;
    transform: translate(-50%, -50%);
  }

  .tag.tao {

    top: 13%;
    left: 68%;
    transform: translate(-50%, -50%);
  }

  .tag.hsq {
    top: 20%;
    left: 65%;
    transform: translate(-50%, -50%);
  }

  .tag.hsz {
    top: 13%;
    left: 58%;
    transform: translate(-50%, -50%);
  }

  .tag.mia {
    top: 24%;
    left: 56%;
    transform: translate(-50%, -50%);
  }

  .tag.txg {
    top: 30%;
    left: 56%;
    transform: translate(-50%, -50%);
  }

  .tag.cha {
    top: 36%;
    left: 45%;
    transform: translate(-50%, -50%);
  }

  .tag.nan {
    top: 42%;
    left: 55%;
    transform: translate(-50%, -50%);
  }

  .tag.yun {
    top: 44%;
    left: 42%;
    transform: translate(-50%, -50%);
  }

  .tag.cyq {
    top: 52%;
    left: 49%;
    transform: translate(-50%, -50%);
  }

  .tag.cyi {
    top: 49.5%;
    left: 45%;
    transform: translate(-50%, -50%);
  }

  .tag.tnn {
    top: 58%;
    left: 42%;
    transform: translate(-50%, -50%);
  }

  .tag.khh {
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tag.pts {
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tag.ilc {
    top: 23%;
    left: 74%;
    transform: translate(-50%, -50%);
  }

  .tag.hua {
    top: 45%;
    left: 70%;
    transform: translate(-50%, -50%);
  }

  .tag.ttt {
    top: 66%;
    left: 60%;
    transform: translate(-50%, -50%);
  }

  .tag.pen {
    top: 47%;
    left: 24%;
    transform: translate(-50%, -50%);
  }

  .tag.kin {
    top: 24%;
    left: 18%;
    transform: translate(-50%, -50%);
  }

  .tag.lie {
    top: 7%;
    left: 36%;
    transform: translate(-50%, -50%);
  } */


  /* not full map */
  #mapCheck {
    height: 400px;

  }

  .tag {
    font-size: 0.6rem;
    padding: 0 6px 8px;
  }

  .tag:hover {
    font-size: 0.8rem;
  }

  .not-full-map .tag.kee {
    top: 4.5%;
    left: 81%;
  }

  .not-full-map .tag.nwt {
    top: 13%;
    left: 76%;
  }

  .not-full-map .tag.tpe {
    top: 5.5%;
    left: 76%;

  }

  .not-full-map .tag.tao {

    top: 13%;
    left: 70%;
  }

  .not-full-map .tag.hsq {
    top: 19%;
    left: 67%;
  }

  .not-full-map .tag.hsz {
    top: 13%;
    left: 58%;
  }

  .not-full-map .tag.mia {
    top: 24%;
    left: 58%;
  }

  .not-full-map .tag.txg {
    top: 30%;
    left: 55%;
  }

  .not-full-map .tag.cha {
    top: 36%;
    left: 45%;
  }

  .not-full-map .tag.nan {
    top: 42%;
    left: 59%;
  }

  .not-full-map .tag.yun {
    top: 43%;
    left: 42%;
  }

  .not-full-map .tag.cyq {
    top: 52%;
    left: 49%;
  }

  .not-full-map .tag.cyi {
    top: 49.5%;
    left: 44.5%;
  }

  .not-full-map .tag.tnn {
    top: 58%;
    left: 42%;
  }

  .not-full-map .tag.khh {
    top: 62%;
    left: 50%;
  }

  .not-full-map .tag.pts {
    top: 76%;
    left: 50%;
  }

  .not-full-map .tag.ilc {
    top: 22%;
    left: 76%;
  }

  .not-full-map .tag.hua {
    top: 45%;
    left: 70%;
  }

  .not-full-map .tag.ttt {
    top: 66%;
    left: 60%;
  }

  .not-full-map .tag.pen {
    top: 47%;
    left: 22%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.kin {
    top: 24%;
    left: 16%;
    transform: translate(-50%, -50%);
  }

  .not-full-map .tag.lie {
    top: 7%;
    left: 34%;
    transform: translate(-50%, -50%);
  }
}