.svgMap-tooltip {
    background-color: rgba(50, 50, 50, 0.7);
    /* 半透明背景 */
    /* border: 0px solid rgba(255, 255, 255, 0.5); */
    /* 半透明邊框 */
    border: 0px solid #111;
    color: #ffffff;
    border-radius: 8px;
    /* 圓角 */
    padding: 12px;
    /* 內邊距 */
    font-size: 14px;
    /* 字體大小 */
    line-height: 1.5;
    /* 行距 */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4);
    /* 陰影效果 */
}

.svgMap-tooltip .svgMap-tooltip-content {
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin: -5px 0 0
}

.svgMap-tooltip .svgMap-tooltip-content table td span {
    color: #d9ecff;
}

.svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data {
    color: #d9ecff;
}

/* 地圖底色 */
.svgMap-map-wrapper {
    background: #F9FBFF
}

/* 國家底色、不要邊框 */
.svgMap-map-wrapper .svgMap-country {
    stroke: #000000;
    stroke-width: 0;

}
.svgMap-map-wrapper .svgMap-country:hover {
    stroke: #000000;
    stroke-width: 1;

}

/* 隱藏左下縮放控制按鈕 */
.svgMap-map-controls-wrapper {
    display: none !important;
}

.svgMap-tooltip .svgMap-tooltip-pointer::after {
    background-color: rgba(50, 50, 50, 0.7);
    /* 半透明背景 */
    border: 1px solid rgba(255, 255, 255, 0.5);
}

#svgMapContainer {
    position: relative; /* 將地圖容器設為相對定位 */
    /* border: 1px solid #ccc; */
}

#multiDiv {
    position: absolute;
    bottom: 10px;          /* 距離底部 10px，可依需求調整 */
    left: 0;
    width: 100%;
    display: flex;
    gap: 10px;             /* 按鈕間距 */
    justify-content: flex-start; /* 從左排起 */
    padding: 0 10px;
}

.multiButton {
    position: absolute; /* 絕對定位 */
    bottom: 10px; /* 距離容器底部 10px */
    left: 10px; /* 距離容器左側 10px */
    padding: 10px 20px; /* 增加按鈕內邊距 */
    background-color: #007bff; /* 藍色背景 */
    color: #fff; /* 白色文字 */
    border: none; /* 無邊框 */
    border-radius: 5px; /* 圓角按鈕 */
    cursor: pointer; /* 鼠標懸停效果 */
    z-index: 10; /* 確保按鈕顯示在地圖上方 */
}



#updateButton:hover {
    background-color: #0056b3; /* 懸停時按鈕變深色 */
}