.td_style{
	vertical-align:top;
	position: relative;
	font-family: "Arial","Microsoft JhengHei","sans-serif";
	background-color: rgb(243, 239, 118);
}

.wrapper{
	width:97%;
	background-color: #e7f0f7;
}

.area01,.area02,.area03,.area04,.area05,.area06,.area07{
	font-size:16px;
	position: absolute;
	color:#3a5076;
	padding:3px 5px;
	border-radius:10px;
}
.area01{left:200px;top:40px;}
.area02{left:125px;top:50px;}
.area03{left:80px;top:100px;}
.area04{left:40px;top:165px;}
.area05{left:10px;top:240px;}
.area06{left:200px;top:240px;}
.area07{left:40px;top:340px;}

.area01:hover,.area02:hover,.area03:hover,.area04:hover,.area05:hover,.area06:hover,.area07:hover {
	color: #fff;
	background-color: #01ac80;
}

svg{
	width:290px;
	height:424px;
}

text{
	font-size:48px;
	fill:#2a6670;
}

body path {
  stroke:#fff;
  fill: transparent;
  transition: 0.5s;
  cursor: pointer;
}
/* 新北、基隆 */
.new_taipei_city,.keelung{
    
	fill: #589fd5;
}
/* 台北 */
.taipei{
	 fill: #4a90b9;
}

/* 桃竹苗 */
.taoyuan,.hsinchu_city,.hsinchu,.miaoli{
    fill: #3b96dc;
}

/*中彰投*/
.taichung_city,.changhua_country,.nantou_country{
    fill: #0086cd;
}

/* 雲嘉南 */
.yunlin_country,.chiayi_country,.chiayi_city,.tainan_city{
    fill: #1c85bc;
}

/* 宜花東 */
.yilan,.hualien_country,.taitung_country{
	fill: #1565a0;
}

/* 高屏離島 */
.kaohsiung_city,.pingtung_country{
	fill: #2477a5;
}
/* 地圖動畫效果 */
.ani{
	stroke:#edded9;
    fill:#01ac80;
    transform: translate(-3px, -3px);
}
@media screen and (max-width: 721px) {
	svg{
		width:290px;
		height:350px;
	}
	.area01,.area02,.area03,.area04,.area05,.area06,.area07{
		font-size:15px;
		position: absolute;
		color:#3a5076;
		padding:3px 5px;
		border-radius:10px;
	}
	.area01{left:200px;top:10px;}
	.area02{left:130px;top:10px;}
	.area03{left:80px;top:60px;}
	.area04{left:40px;top:125px;}
	.area05{left:10px;top:180px;}
	.area06{left:210px;top:180px;}
	.area07{left:10px;top:280px;}
	}