#area_map svg {
    position: absolute;
    top: 2rem; left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
#area_map #_zone1 {
    fill: rgba(55, 0, 255, 0.2);
    stroke-width: .5px;
    stroke: rgba(46, 10, 129, 0.6);
}
#area_map #_zone2 {
    fill: rgba(30, 255, 0, 0.2);
    stroke-width: .5px;
    stroke: rgba(30, 255, 0, 0.6);
}
#area_map #_zone3 {
    fill: rgba(0, 38, 255, 0.2);
    stroke-width: .5px;
    stroke: rgba(0, 38, 255, 0.6);
}
#area_map #_zone4 {
    fill: rgba(255, 102, 0, 0.2);
    stroke-width: .5px;
    stroke: rgba(255, 102, 0, 0.6);
}
#area_map #_zone5 {
    fill: rgba(41, 73, 255, 0.2);
    stroke-width: .5px;
    stroke: rgba(41, 73, 255, 0.6);
}
#area_map #_zone6 {
    fill: rgba(0, 0, 0, 0.2);
    stroke-width: .5px;
    stroke: rgba(0, 0, 0, 0.6);
}
#area_map #_zone7 {
    fill: rgba(255, 60, 255, 0.2);
    stroke-width: .5px;
    stroke: rgba(255, 60, 255, 0.6);
}
#area_map #_zone8 {
    fill: rgba(0, 204, 102, 0.2);
    stroke-width: .5px;
    stroke: rgba(0, 204, 102, 0.6);
}
#area_map #_zone9 {
    fill: rgba(0, 204, 102, 0.2);
    stroke-width: .5px;
    stroke: rgba(0, 204, 102, 0.6);
}
#area_map #_zone10 {
    fill: rgba(204, 0, 204, 0.2);
    stroke-width: .5px;
    stroke: rgba(204, 0, 204, 0.6);
}
#area_map #_zone11 {
    fill: rgba(204, 173, 0, 0.2);
    stroke-width: .5px;
    stroke: rgba(204, 173, 0, 0.6);
}
#area_map #_zone12 {
    fill: rgba(204, 0, 0, 0.2);
    stroke-width: .5px;
    stroke: rgba(204, 0, 0, 0.6);
}
#area_map #_zone13 {
    fill: rgba(255, 217, 0, 0.2);
    stroke-width: .5px;
    stroke: rgba(255, 217, 0, 0.6);
}
#area_map #_zone14 {
    fill: rgba(132, 0, 255, 0.2);
    stroke-width: .5px;
    stroke: rgba(132, 0, 255, 0.6);
}
#area_map #_zone15 {
    fill: rgba(234, 0, 255, 0.2);
    stroke-width: .5px;
    stroke: rgba(234, 0, 255, 0.6);
}
#area_map #_zone16 {
    fill: rgba(185, 99, 0, 0.2);
    stroke-width: .5px;
    stroke: rgba(185, 99, 0, 0.6);
}
#area_map _polygon {
    fill: wheat;
    stroke-width: .5px;
    opacity: 30%;
}