﻿
.td_style{
	vertical-align:top;
	position: relative;
	font-family:"Arial","Microsoft JhengHei","sans-serif";
}

.map_frame{
	width:355px;
	height:315px;
	position: relative;	
}

.northeast,.north,.central,.southern,.east{
	font-size:16px;
	position: absolute;
	color:#3a5076;
	font-weight:bold;
}
.northeast{left:255px;top:60px;}
.north{left:105px;top:50px;}
.central{left:75px;top:100px;}
.southern{left:45px;top:165px;}
.east{left:195px;top:240px;}

svg{
	width:355px;
	height:308px;
	margin-top:1px;
	box-shadow:1px 1px 3px #777;
	border-radius:10px;
	background-color:#fff;
}

svg path {
  stroke:#fff;
  fill: transparent;
  transition: 0.5s;
  cursor: pointer;
}

text{
	font-size:38px;
	fill:#2a6670;
}


/* 北基宜金馬 */
.keelung,.taipei,.new_taipei_city,.yilan{
    fill: #7ee0d6;
}
/* 桃竹苗 */
.taoyuan,.hsinchu_city,.hsinchu,.miaoli{
    fill: #52a2dd;
}
/* 中彰投 */
.taichung_city,.changhua_country,.nantou_country{
    fill: #7f98dd;
}
/*雲嘉南*/
.yunlin_country,.chiayi_country,.chiayi_city,.tainan_city{
    fill: #d3927f;
}
/* 高屏花東 */
.kaohsiung_city,.pingtung_country,.taitung_country,.hualien_country{
    fill: #dbcc7f;
}

/* 地圖動畫效果 */
.ani{
	stroke:#ddd;
    fill:#886600;
    transform: translate(-5px, -5px);
}