.MapSon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform-style: preserve-3d;
  perspective: 1000px;

  :global {
    .mapSonImg {
      transition: all .3s linear;
      position: absolute;
      top: -3%;
      left: -3%;
      width: 106%;
      height: 106%;
      z-index: 1;

      img {
        width: 100%;
        height: 100%;
      }

      .tagBox {
        position: absolute;
        z-index: 10;
        cursor: pointer;
        transition: all .2s;

        &>img {
          width: 20px;
          height: 122px;
          position: relative;
          left: 50%;
          transform: translateX(-50%);

        }



        .tagName {
          min-width: 120px;
          text-align: center;
          padding: 0px 18px;
          height: 40px;
          line-height: 40px;
          border-radius: 20px;
          background-color: rgba(200, 185, 146, 0.3);
          backdrop-filter: blur(4px);
          color: var(--themeColor);
          font-size: 18px;
          transition: all .2s;

        }

        &:hover {
          transform: scale(1.1);

          .tagName {
            color: #47392C;
          }
        }
      }
    }

  }
}