@charset "utf-8";

/*  ===== 基本覆寫 ===== */
* {
    font-family: Verdana, 微軟正黑體, Microsoft JhengHei, Arial, Helvetica, sans-serif;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* 覆寫套件 */
/* metisMenu custom */
ul.metismenu {
    margin: 0 0 0 -40px;
}

ul.metismenu ul {
    margin: 0 0 0 -40px;
}

ul.metismenu li {
    list-style: none;
    margin: 0;
}

ul.metismenu li a {
    text-decoration: none;
    border-bottom: 1px solid #e9e9e9;
    padding: 12px 17px;
    display: block;
    color: #000;
    background: #fff;
}

ul.metismenu li ul li a {
    padding-left: 30px;
    background: #f0f0f0;
    border-bottom: 1px solid #d4d4d4;
    transition: all ease-in-out 0.2s;
}

ul.metismenu li ul li.mactive a,
ul.metismenu li.mactive a {
    background: #3d7db5;
    color: #fff;
}

ul.metismenu li ul li a:hover {
    background: #d4e7f7;
}

ul.metismenu li ul li.mactive a:hover,
ul.metismenu li.mactive a:hover {
    background: #124098;
    color: #fff;
}

ul.metismenu li ul li ul li a {
    padding-left: 45px;
    background: #e6e6e6;
}

/* superfish menu */
.superfishmenu ul a {
    text-decoration: none;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    transition: all ease-in-out 0.2s;
}

.superfishmenu>ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.superfishmenu>ul>li {
    flex: 1 1 0;
    /* flex-grow為1，代表會平均伸展填滿容器 */
    text-align: center;
}

.superfishmenu>ul>li>a {
    display: block;
    width: 100%;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

.superfishmenu ul li:hover a,
.superfishmenu ul li.sfHover a {
    color: #124098;
}

.superfishmenu ul li ul li {
    border-bottom: 1px solid #666666;
}

.superfishmenu ul li ul li:last-child {
    border-bottom: 0;
}

.superfishmenu ul li ul li a:hover,
.superfishmenu ul li ul li.sfHover a:hover,
.superfishmenu ul li ul li ul li,
.superfishmenu ul li ul li.sfHover ul li a {
    color: #124098;
}

.superfishmenu ul li ul li.sfHover ul li a:hover {
    color: #124098;
}

.superfishmenu>ul li.activemenu {}

.superfishmenu ul>li>a {}

.superfishmenu ul>li:first-child a {}

.superfishmenu ul>li:last-child a {}

.superfishmenu>ul>li.activemenu>a {
    color: #124098;
}



/* Wrapkit Lite修正 */
body {
    font-size: 1em;
    color: #161616;
    font-weight: normal;
}

.form-control {
    padding: 0.375rem 0.75rem;
    border-color: rgba(120, 130, 140, 0.25);
}

.form-check-input {
    border-color: rgba(120, 130, 140, 0.65);
}

.btn {
    padding: 0.375rem 0.75rem;
}

.table td,
.table th {
    color: #161616 !important;
}

.btn-outline-dark {
    color: #263238;
    transition: all ease-in-out 0.2s;
}

.breadcrumb {
    padding-left: 0;
    padding-right: 0;
}

.table {
    --bs-table-bg: transparent;
}

.card {
    border: 0;
}

.pagination .page-item.disabled .page-link {
    color: #adb5bd;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
    cursor: not-allowed;
}

/* BS5 客製 */
.d-flexOchi {
    display: flex;
}

.container-ochi {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.w-large-ochi {
    width: 100%;
    max-width: 1200px;
}

.w-middle-ochi {
    width: 100%;
    max-width: 1000px;
}

/* 覆蓋 Bootstrap 5 Outline Info 的核心顏色 */
.btngroupswitch .btn-outline-info {
    --bs-btn-color: #2EB6AA;
    --bs-btn-border-color: #2EB6AA;

    /* Hover 狀態 */
    --bs-btn-hover-bg: #2EB6AA;
    --bs-btn-hover-border-color: #2EB6AA;
    --bs-btn-hover-color: #fff;

    /* Active / Checked 狀態 (對應你的 radio 切換) */
    --bs-btn-active-bg: #2EB6AA;
    --bs-btn-active-border-color: #2EB6AA;
    --bs-btn-active-color: #fff;

    /* Focus 狀態的陰影光圈 (選配，讓視覺更一致) */
    --bs-btn-focus-shadow-rgb: 46, 182, 170;
}

/* 處理 Checkbox/Radio 選中時的樣式補強 */
.btngroupswitch .btn-check:checked+.btn-outline-info {
    background-color: #2EB6AA;
    border-color: #2EB6AA;
    color: #fff;
}

.accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #dee2e6;
    outline: 0;
    box-shadow: none;
}

/* 1. 客製化 Carousel 左側按鈕 */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm.854 4.146a.5.5 0 0 1 0 .708L5.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
    width: 2rem;
    height: 2rem;
    opacity: 0.2;
}

/* 2. 客製化 Carousel 右側按鈕 */
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm-1.854 4.146a.5.5 0 1 0 0 .708L9.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
    width: 2rem;
    height: 2rem;
    opacity: 0.2;
}


/* 本系統專用 */
body {
    background: #f8f8f8;
}

#basecontentwrapper {
    min-height: 100vh;
}

#mainheaderwrapper {
    position: sticky;
    top: 0;
    z-index: 1001;
}

#mainheader {
    background: #ffffff;
    padding: 10px;
}

.logoimg {
    max-height: 60px;
}

.menubarstyle {
    background: #fff;

    width: 100%;
    height: 52px;
}

.metismenubox {
    overflow: auto;
    position: absolute;
    width: 250px;
}

#mainfooter {
    padding: 10px;
    text-align: center;
    font-size: 0.9rem;
    background: #35434f;
}

.loginbox {
    max-width: 600px;
}

.contactbox {
    max-width: 800px;
}

#sidebar-wrapper {
    min-width: 250px;
    z-index: 990
}

.itribreadcrumb {
    --bs-breadcrumb-divider: '>';
}

.filetitle {
    border-bottom: 2px solid #449ce8;
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: -6px;
}

.filetitlewrapper {
    border-bottom: 1px solid #bababa;
    padding: 5px 0;
}

.filetitlewrapper .itemright {
    float: right;
    padding-top: 15px;
}

.filetitlewrapper .btnright {
    float: right;
    padding-top: 5px;
}

.tboverW {
    overflow-x: auto;
}

.backTop {
    position: fixed;
    z-index: 996;
    bottom: 5%;
    right: -100px;
    opacity: 0.7;
}

.backTop a {
    color: #fff;
    padding: 10px 20px 10px 20px;
    background: #000;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    height: 20px;
    text-decoration: none;
    font-size: 1.2em;
}

.footerlogo img {
    max-height: 30px;
}

.headingStyA {
    position: relative;
    padding-left: 10px;
}

.headingStyA:after {
    background-image: linear-gradient(to right top, #1855de, #007af1, #0099fb, #00b7fe, #53d2ff);
    position: absolute;
    content: "";
    left: 0;
    top: 6px;
    bottom: 4px;
    width: 5px;
    border-radius: 5px;
}

.boxshadowA {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.footersitemapbg {
    background: #4c6071;
    padding: 20px 10px;
}

.footersitemapbg ul {
    margin: 0;
}

.footersitemapbg ul ul {
    margin: 0 0 0 -10px;
}

.footersitemapbg ul li {
    list-style: none;
    line-height: 1.5em
}

@media (max-width: 575.98px) {
    .pagination-responsive {
        --bs-pagination-padding-x: 0.5rem;
        --bs-pagination-padding-y: 0.25rem;
        --bs-pagination-font-size: 0.875rem;
        --bs-pagination-border-radius: 0.2rem;
    }
}

/* 小於768px以下的螢幕 */
@media (max-width: 767px) {
    .searchbox {
        width: 100%
    }

    #mapdiv {
        width: 100%;
        height: 300px;
    }

    .footersitemapbg ul {
        margin-top: 20px;
    }

    .widthmaxA {
        max-width: inherit;
    }
}

/* 介於991~768px的螢幕 */
@media (min-width: 768px) {
    .searchbox {
        width: 30%
    }

    #mapdiv {
        width: 100%;
        height: 100%;
    }

    .text-clamp-A {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .footersitemapbg ul {
        margin-top: 20px;
    }


}

/* 介於1199~992px的螢幕 */
@media (min-width: 992px) {
    .text-clamp-A {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* 大於1200px的螢幕 內容最大到970px,故需覆寫bootstrap container原始設定 */
@media (min-width: 1200px) {}

/* Swiper 容器 */
.swiper {
    width: 100%;
    /* 移除固定高度，改用 aspect-ratio 達成等比縮放 (原設定為 1200x450, 即 1200/450) */
    height: auto;
    aspect-ratio: 1400 / 450;
    max-height: 450px;
    /* 如果需要的話可以限制最大高度 */
}

/* 每個 slide 預設黑色背景 */
.swiper-slide {
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Slide 內容 */
.swiper-slide img,
.swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 分頁位置 */
.swiper-pagination {
    bottom: 10px !important;
}

/* 分頁圖示用小圓點 */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    margin: 0 5px !important;
    border-radius: 50%;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

/* 左右箭頭：灰色圓圈 */
.swiper-button-next,
.swiper-button-prev {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 50%;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    display: none;
    /* 不顯示左右按鈕 */
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 18px;
    height: 18px;
}

.swiper-button-prev {
    left: 10px;
}

.swiper-button-next {
    right: 10px;
}

.leaflet-tooltip.city-permanent-label {
    background-color: white !important;
    border: none !important;
    border-radius: 20px !important;
    /* 圓角膠囊感 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    color: #555 !important;
    font-weight: bold;
    padding: 5px 10px !important;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
    /* 關鍵：滑鼠穿透 */
}

/* 去除 Tooltip 預設小箭頭 */
.city-permanent-label::before {
    display: none !important;
}

/* Popup 連結樣式優化 */
.map-popup-link {
    display: block;
    color: #12448b;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
}

.map-popup-link:hover {
    text-decoration: underline;
}

.fixnowrapforflex {
    flex: 1 1 auto;
    width: 100%;
    word-break: break-all;
}

.cardimgtitlebg {
    background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, transparent 50%);
}

.indexmaplist {
    max-height: 345px;
    overflow-y: scroll;
}

.aboutlist {
    max-height: 400px;
    overflow-y: scroll;
}

.custom-card-label .label-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
    /* 配合 BS5 card-img-top 的圓角 */
}

/* 標籤主體 */
.custom-card-label .ribbon {
    position: absolute;
    top: 8.5px;
    left: -35px;
    /* 根據文字長度微調 */
    background-color: #0baaaf;
    color: #fff;
    width: 120px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-size: 0.9rem;
    letter-spacing: 1px;
    transform: rotate(-45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10;
    pointer-events: none;
    /* 確保不會干擾圖片點擊或拖曳 */
}

a.linkstylecustomA {
    color: #000;
    text-decoration: none;
    border-bottom: 0;
    transition: all ease-in-out 0.2s;
}

a.linkstylecustomA:hover {
    color: #0063c5;
}

a.linkstylecustomB {
    color: #124098;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    transition: all ease-in-out 0.2s;
}

a.linkstylecustomB:hover {
    border-bottom: 1px solid #124098;
}

a.sitemaplink {
    color: #dddddd;
    text-decoration: none;
    border-bottom: 0;
    transition: all ease-in-out 0.2s;
}

a.sitemaplink:hover {
    color: #ffffff;
}

/*2026-04-22,修改網站地圖有底線*/
a.sitemaplinkUnderline {
    font-family: Arial, Verdana, 微軟正黑體, Microsoft JhengHei, Helvetica, sans-serif;
    color: #dddddd;
    border-bottom: 0;
    transition: all ease-in-out 0.2s;
}

a.sitemaplinkUnderline:hover {
    color: #ffffff;
}

.widthauto {
    width: auto;
}

.widthmaxA {
    max-width: 220px;
}

/* 隱藏原始 Checkbox 但保留 Focus 功能 */
.custom-selector-input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

/* 預設狀態：灰色系 */
.custom-selector-btn {
    display: flex;
    align-items: center;
    padding: 0.45rem 1.05rem;
    cursor: pointer;
    border: 1px solid #d1d5db;
    /* 淺灰色外框 */
    border-radius: 0.375rem;
    color: #6b7280;
    /* 灰色文字 */
    background-color: #fff;
    transition: all 0.2s ease-in-out;
    user-select: none;
}

/* 圖示顯示邏輯控制 */
.custom-selector-btn .icon-checked {
    display: none;
}

.custom-selector-btn .icon-unchecked {
    display: inline-block;
}

/* --- 核選後狀態：藍色系 --- */
.custom-selector-input:checked+.custom-selector-btn {
    border-color: #027bc6;
    /* 藍色外框 */
    color: #027bc6;
    /* 藍色文字與圖示 */
    background-color: #ebf3fa;
    /* 極淺藍背景（增加辨識度，可移除） */
}

/* 核選後的圖示切換 */
.custom-selector-input:checked+.custom-selector-btn .icon-unchecked {
    display: none;
}

.custom-selector-input:checked+.custom-selector-btn .icon-checked {
    display: inline-block;
}

/* 鍵盤導覽支援 (Focus 狀態) */
.custom-selector-input:focus-visible+.custom-selector-btn {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.custom-overlay-bg {
    background-color: rgba(0, 0, 0, 0.5);
    /* 黑色透明度 50% */
    padding: 0.5rem;
    /* 根據 Card Body 慣例給予間距 */
    margin-bottom: 10px;
    /* 距底部 20px */
    padding-bottom: 0;
    /* UX 加強：毛玻璃效果 (選配) */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* 若想讓文字不貼齊背景邊緣，可以微調 card-text */
.custom-overlay-bg .card-text {
    margin: 0;
}

/* 隱藏leaflet LOGO */
.leaflet-control-attribution {
    display: none !important;
}

/* 容器留白 */
.carousel-custom-spaced {
    padding: 0 60px;
    /* 給左右按鈕留空間 */
    position: relative;
}

/* 強制調整按鈕層級與位置 */
.carousel-custom-spaced .carousel-control-prev,
.carousel-custom-spaced .carousel-control-next {
    width: 50px;
    /* 增加熱區寬度 */
    z-index: 10;
    /* 確保在最上層 */
    opacity: 1;
    /* 讓深色按鈕清晰可見 */
}

.carousel-custom-spaced .carousel-control-prev {
    left: 0;
    /* 定位於 padding 區 */
}

.carousel-custom-spaced .carousel-control-next {
    right: 0;
    /* 定位於 padding 區 */
}

/* 修正：確保 carousel-inner 不會溢出擋到按鈕 */
.carousel-custom-spaced .carousel-inner {
    z-index: 1;
}

/* 首頁聯絡介紹BTN */
.cta {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    transition: all 0.2s ease;
}

.cta:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    border-radius: 28px;
    background: #ddfbf5;
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
}

a.cta {
    text-decoration: none;
}

.cta span {
    position: relative;
    font-size: 20px;
    line-height: 18px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    vertical-align: middle;

}

.cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}

.cta:hover:before {
    width: 100%;
    background: #90efd9;
}

.cta:hover svg {
    transform: translateX(0);
}

.cta:active {
    transform: scale(0.96);
}

.keywordsearchgroup {}

.keywordsearchgroup .btn-search-icon {
    border-color: #dee2e6;
    /* 維持與 input 一致的邊框色 */
    border-left: none;
    /* 移除與 input 交界的線 */
    background-color: #fff;
    color: #333;
    /* 圖示顏色 */
    padding-left: 0.5rem;
    padding-right: 1rem;
    z-index: 4;
    /* 確保點擊熱區在最上方 */
}

/* 處理 Input 的邊框，使其與按鈕視覺融合 */
.keywordsearchgroup .form-control {
    border-right: none;
    /* 移除右側邊框 */
    border-radius: 0.375rem 0 0 0.375rem;
    /* 圖二的膠囊狀圓角 */
}

/* 讓按鈕右側也變圓角 */
.keywordsearchgroup .btn-search-icon {
    border-radius: 0 0.375rem 0.375rem 0;
}

/* 處理 Focus 狀態：確保點擊時邊框顏色同步 */
.keywordsearchgroup .form-control:focus {
    box-shadow: none;
    border-color: #dee2e6;
}

.keywordsearchgroup .form-control:focus+.btn-search-icon {
    border-color: #dee2e6;
}


.midgraycolor {
    color: #8A8989
}

.cardminwA {
    min-width: 150px;
}

.bagdelightblue {
    background: #eaedf6;
}

.iconlightblue {
    color: #124098;
}

:root {
    --btn-bg-color: #7db6d1;
    /* 按鈕背景色 */
    --btn-bg-hover: #115788;
    --btn-text-color: #ffffff;
    /* 文字與 Icon 顏色 */
    --btn-size-circle: 45px;
    /* 初始圓形尺寸 */
    --btn-width-hover: 120px;
    /* Hover 後的長方形寬度 */
    --transition-speed: 0.3s;
    /* 動畫速度 */
    --transition-timing: cubic-bezier(0.34, 1.56, 0.64, 1);
    /* 帶有回彈感的 EaseOut 後段 */
}

/* 1. 按鈕基礎容器 */
.btn-scale-swap {
    /* 初始圓形狀態 */
    width: var(--btn-size-circle);
    height: var(--btn-size-circle);
    border-radius: calc(var(--btn-size-circle) / 2);

    padding: 0;
    border: none;
    background-color: var(--btn-bg-color);
    color: var(--btn-text-color);
    cursor: pointer;
    overflow: hidden;
    /* 隱藏溢出內容 */

    /* 針對寬度、背景色、圓角的過渡 */
    transition:
        width var(--transition-speed) var(--transition-timing),
        border-radius var(--transition-speed) var(--transition-timing),
        background-color var(--transition-speed) ease;
}

/* Hover 狀態 (按鈕本身變長) */
.btn-scale-swap:hover,
.btn-scale-swap:focus-visible {
    width: var(--btn-width-hover);
    background-color: var(--btn-bg-hover);
    /* 若想保持圓角長方形，不需要修改 border-radius；
       若想變更尖角，可在此修改 */
}

/* 2. 內容包裝器 (關鍵：使用 Grid 讓內容重疊且置中) */
.btn-content-wrapper {
    display: grid;
    place-items: center;
    width: 100%;
    /* 強制寬度與父層(button)同步 */
    height: 100%;
    position: relative;
    /* 確保內部定位基準 */
}

/* 將 Icon 與文字放在同一個 Grid Cell */
.btn-content-wrapper i,
.btn-content-wrapper .btn-text {
    grid-area: 1 / 1;
    /* 佔據第一行第一列，達成重疊 */

    /* 設定變形中心點為各自的中心 */
    width: 100%;
    /* 讓文字容器填滿 grid cell */
    text-align: center;
    /* 確保文字在 cell 內水平居中 */
    transform-origin: center center;

    /* 針對縮放與透明度的過渡 */
    transition:
        transform var(--transition-speed) var(--transition-timing),
        opacity var(--transition-speed) var(--transition-timing);

    white-space: nowrap;
    /* 防止文字動畫時換行 */
    overflow: hidden;
    /* 防止過長的文字溢出 */
}

/* 3. 元素初始狀態 */
.btn-content-wrapper i {
    font-size: 1.1em;
    grid-area: 1 / 1;
    transform-origin: center center;
    /* 確保 Icon 也在 cell 內置中 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-content-wrapper .btn-text {
    font-weight: 500;
    opacity: 0;
    transform: scale(0);
    /* 預設縮小隱藏 */
}

/* 4. Hover 狀態 (內部元素縮放切換) */
.btn-scale-swap:hover i,
.btn-scale-swap:focus-visible i {
    /* Icon 中心縮小到消失 */
    opacity: 0;
    transform: scale(0);
}

.btn-scale-swap:hover .btn-text,
.btn-scale-swap:focus-visible .btn-text {
    /* 文字從中心放大顯示 */
    opacity: 1;
    transform: scale(1);

    /* 補償：若動畫有時間差，文字應稍晚出現以減少重疊感 */
    transition-delay: 0.05s;
}

.popupwrapperA img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

#adhint {
    position: absolute;
    width: 100%;
    text-align: center;
}
#adcountA,#adcountB,#adcountC,#adcountD,.arialnum{font-family: Arial, Verdana, 微軟正黑體, Microsoft JhengHei, Helvetica, sans-serif}