#pageGIS #map {
    z-index: unset !important;
}

/* marker樣式 */
.marker {
    position: absolute;
    width: 3rem;
    height: 3.5rem;
    text-align: center;
    -webkit-filter: drop-shadow(0 0 3px rgb(0, 0, 0));
    filter: drop-shadow(0 0 3px rgb(0, 0, 0));
    cursor: pointer;
    transform: translate(-50%, -50%); /* 讓定位點是正中心 */
}

    .marker span:empty {
        position: absolute !important;
        top: 0;
        -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 80 80"><path d="M14.2 10.7c14.3-14.3 37.4-14.3 51.6 0l.7.7c15.3 16.1 12.2 42.2-6.1 54.7L40 80 19.7 66.1C1.3 53.5-1.8 27.5 13.5 11.4c.2-.3.5-.5.7-.7z"/></svg>');
        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 80 80"><path d="M14.2 10.7c14.3-14.3 37.4-14.3 51.6 0l.7.7c15.3 16.1 12.2 42.2-6.1 54.7L40 80 19.7 66.1C1.3 53.5-1.8 27.5 13.5 11.4c.2-.3.5-.5.7-.7z"/></svg>');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center bottom;
        mask-position: center bottom;
        -webkit-mask-size: contain;
        mask-size: contain;
        display: block;
        z-index: 1;
        width: 3rem;
        height: 3rem;
        /*background-color: var(--c-brand)*/
        background-color: var(--c-white) !important;
    }

    .marker::before {
        position: relative;
        display: block;
        background-color: var(--marker-color, var(--c-brand)) !important;
        border: 1px solid var(--c-white) !important;
        color: var(--c-white) !important;
        border-radius: 99rem;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.2rem;
        font-size: 1.3rem;
        margin: .125rem .25rem 0 .25rem;
        text-transform: none;
        z-index: 2
    }


.result-all-item .item-building {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

/* 如果 <p> 裡有 <a>，把倒數第二個 <label> 後面的 > 移除 */
.result-all-item p:has(a) label.item-branch::after {
    content: "" !important;
}

#pageGIS #sidePanel button#zoomOut {
    border-radius: 99rem;
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none 0 rgba(0,0,0,0)
}

    #pageGIS #sidePanel button#zoomOut::before {
        content: "\f010";
    }

#pageGIS #sidePanel button#zoomIn {
    border-radius: 99rem;
    padding: 0;
    border: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #pageGIS #sidePanel button#zoomIn::before {
        content: ""
    }

#pageGIS #filterPanel .tool1 {
    min-width: 5rem;
    line-height: 2.25;
    border: none;
    background-color: var(--c-g1);
    color: var(--c-front-brand);
    border-radius: 0 6px 6px 0;
    font-size: .8rem;
    height: 2.25rem
}

    #pageGIS #filterPanel .tool1::before {
        margin-right: .5ch;
        color: var(--c-front);
        opacity: .6
    }

    #pageGIS #filterPanel .tool1.active {
        background-color: var(--c-brand);
        color: var(--c-brand-t)
    }

        #pageGIS #filterPanel .tool1.active::before {
            margin-right: .5ch;
            opacity: 1;
            color: var(--c-highlight)
        }

#pageGIS #filterPanel #filterPanelForm .form-group label:not(.tag) {
    flex: 0 0 7rem !important
}

@media only screen and (min-width: 768px) {
    #pageGIS #filterPanel .tool1 {
        min-width: 6.5rem;
        font-size: 1rem
    }

    #pageGIS #sidePanel .tool1 {
        border-radius: 1rem;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    #pageGIS #sidePanel .tool1::before {
        translate: 0 0;
        font-size: 2rem
    }

    #pageGIS #sidePanel .tool1:not(:hover) {
        font-size: 0;
        border-radius: 99rem;
        padding: 0;
        border: none
    }

    #pageGIS #sidePanel .tool1:not(:hover)::before {
        translate: 0 18%;
        font-size: 2.5rem
    }

    #pageGIS #sidePanel button#zoomIn {
        border-radius: 99rem;
        padding: 0;
        border: none;
        margin-top: 1.5rem
    }

    #pageGIS #sidePanel button#zoomIn::before {
        font-size: 2.5rem
    }

    #pageGIS #sidePanel button#zoomOut {
        border-radius: 99rem;
        padding: 0;
        border: none;
        margin-bottom: 1.5rem
    }

    #pageGIS #sidePanel button#zoomOut::before {
        font-size: 2.5rem
    }
}

#pageGIS #sidePanel #basemapList button:hover {
    border: 1px solid var(--c-hover);
    box-shadow: 0 0 1rem 0 var(--c-hover);
}

#pageGIS #sidePanel #basemapList button {
    display: block;
    width: auto;
    height: auto;
    aspect-ratio: 0;
    text-align: center;
    border-radius: 8px;
    font-size: 1rem;
    padding: .5ch;
    margin-bottom: 1rem;
    background-color: var(--c-back);
    color: var(--c-front-brand);
    border: none 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.2);
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.2)
}

    #pageGIS #sidePanel #basemapList button img {
        width: 100%;
        padding: 0 0 5px 0;
    }

    #pageGIS #sidePanel #basemapList button.active-basemap {
        background-color: var(--c-hover);
        color: var(--c-hover-t)
    }




#pageGIS .result-all-item .item-branch {
    cursor: pointer !important; /* 滑鼠變手指 */
}

    #pageGIS .result-all-item .item-branch:hover {
        color: var(--c-highlight) !important;
    }


@media only screen and (min-width: 768px) {
    #pageGIS .result-all-item h2 a {
        position: unset !important;
    }
}

#pageGIS .gispopup.modal-content {
    max-height: calc(100dvh - 20rem) !important;
    width: calc(100vw - 8.5rem) !important;
}

.modal-content {
    display: flex !important;
}


.gispopup {
    position: relative !important;
    visibility: hidden;
}

    .gispopup.ol-popup {
        border-radius: 1rem;
        grid-template-columns: 3fr 2fr;
        grid-template-rows: 1fr 4fr 1fr
    }

        .gispopup.ol-popup.active {
            visibility: visible;
        }

.ol-selectable-custom {
    z-index: 9999;
}

.form-group .form-control + .input-group-text::before {
    content: "\e214" !important;
}

.gispopup .modal-body {
    max-height: calc(30dvh - 5rem) !important;
}

@media only screen and (min-width: 992px) {
    .gispopup .modal-body {
        height: unset !important;
    }
}

#loadingRuning {
    position: absolute; /* 絕對定位才能真正置中 */
    top: 50%;
    transform: translate(-50%, -50%); /* 重點！從中心點往回拉一半 */
}

    #loadingRuning::after {
        content: unset !important;
    }

/*收合展開建物*/
.toggle-section-btn {
    cursor: pointer;
}

/* 導盲磚預設透明 */
.skip-link {
    opacity: 0;
}

    /* 導盲磚 focus 時顯示 */
    .skip-link:focus {
        opacity: 1;
    }

/*避免tab鍵切換跑版，預設hidden*/
.ol-viewport {
    overflow: unset !important;
}





/*0812*/
@media only screen and (min-width: 576px) {
    #pageGIS .gispopup {
        display: grid !important;
        max-width: 48rem !important; /*popup的寬度*/
    }  
}