#activity-Taichung {
  /* cursor: pointer; */
  margin: 0px 12px;
  padding: 0px;
  position: fixed;
  z-index: 9999;
  bottom: 100px;
  top: auto;
  height: 60px;
  width: 60px;
  border-radius: 999px;
  box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px 0px;
  background: none;
  display: block;
  right: 12px;
  transition: 0.5s;
  overflow: hidden;
}

#activity-Taichung img {
  width: 100%;
  height: 100%;
}
/*------------------------*/
#activity-Taichung .back {
  transform: rotate(0deg);
  transition: 0.5s;
}
.activity-Taichung-hover:hover .back {
  transform: rotate(90deg) !important;
}
/*------------------------*/
#activity-Taichung .text {
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.5s;
  opacity: 1;
}

.activity-Taichung-hover:hover .text {
  top: -60px !important;
  opacity: 0 !important;
}
/*------------------------*/
#activity-Taichung .phone {
  position: absolute;
  top: 60px;
  left: 0px;
  transition: 0.3s;
  opacity: 0;
}
.activity-Taichung-hover:hover .phone {
  top: 0px !important;
  opacity: 1 !important;
}