.st0{
  fill: #E6E6E6;
}

.map{
  width: 100%;
  text-align: center;
  background: var(--bs-white);
}

.city {
  stroke: #fff;
  stroke-width: 0.1rem;
  fill: #6fd5ff;
  &:hover {
    fill: #20255d;
  }
}

.taiwan-block a path{
  transition: all 0.2s;
}

.taiwan-block a:hover path{
  stroke: #696969;
  stroke-width: 3px;
}

.taiwan-block a.active path{
  stroke: #696969;
  stroke-width: 3px;
}

.city-Jilong{
  fill: #F97055;/* 基隆市 */
}

.city-Xinbei{
  fill: #F97E79;/* 新北市 */
}

.city-Taipei{
  fill: #F97055;/* 臺北市 */
}

.city-Taoyuan{
  fill: #F99151;/* 桃園市 */
}

.city-Yilan {
  fill: #F9A0B6;/* 宜蘭市 */
}

.city-Hualien {
  fill: #94AED3;/* 花蓮 */
}

.county-Hsinchu {
  fill: #FBBC30;/* 新竹縣 */
}

.city-Hsinchu {
  fill: #FBBC30;/* 新竹市 */
}

.county-Taidong {
  fill: #258AC8;/* 臺東縣 */
}

.county-Miaoli {
  fill: #FDE444;/* 苗栗縣 */
}

.county-Nantou {
  fill: #BEE058;/* 南投縣 */
}

.city-Taichung {
  fill: #DCDF4A;/* 臺中市 */
}

.county-Changhua {
  fill: #A9D24E;/* 彰化縣 */
}

.county-Pingtung {
  fill: #30B0DA;/* 屏東縣 */
}

.city-Kaohsiung {
  fill: #36C4D0;/* 高雄市 */
}

.county-Yunlin {
  fill: #74C65B;/* 雲林縣 */
}

.county-Chiayi {
  fill: #7BDA93;/* 嘉義縣 */
}

.city-Chiayi {
  fill: #41c12c;/* 嘉義市 */
}

.city-Tainan {
  fill: #38CEA8;/* 臺南市 */
}

.city-gray{
  fill: #c7c7c7!important;
  cursor:not-allowed;
}

.info {
  pointer-events: none;
  position: absolute;
  line-height: 1.1;
  font-size: 15px;
  background: white;
  z-index: 5;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #222;
  display: none;
  color: #20255d;
  padding: 10px 20px;
  text-align: center;

  /*right:-30px;
  top: -100px;*/
  width: 120px;
  &.active {
    display: block;
  }
  p {
    margin: 0;
  }
}

/* 行政區 */

.mapDistrict path {
  stroke: #fff;
  stroke-width: 0.01rem;
}

.mapDistrict.mapBorder-1 path {
  stroke: #fff;
  stroke-width: 3px;
}

.mapDistrict .district {
  fill: #6fd5ff;

  &:hover {
    fill: #5bc2ed;
  }
}

.mapDistrict .district-1 {
  fill: #43b2e0;

  &:hover {
    fill: #359fcb;
  }
}

.mapDistrict .district-disabled {
  fill: #c7c7c7 !important;
  cursor: not-allowed;
}

.mapDistrict .district-active {
  fill: #f680a2 !important;
}

.city.map-islands {
  fill: transparent;
  stroke: transparent;
  stroke-width: 0;
}

.city.map-islands .map-islandsBorder {
  fill: #eae3dc;
}

.city.map-islands.islands-gray {
  cursor: not-allowed;
}

.city.map-islands.islands-gray .entry-islands {
  fill: #c7c7c7;

}

.city.map-islands .entry-islands {
  fill: #6fd5ff;
}

.city.map-islands:hover .map-islandsBorder {
  fill: #F97E79;
}

.city.map-islands .map-islandsBorder {
  fill: #bfa890;
}