@charset "utf-8";
/*CSS Info ======================================================================
File Name: indexRWD.css
Editor: Rebecca
CreateDate:2025/7/15
Version: 1.0
---------------------------
【 Table of Contents 】
	DIV XHTML頁面
	Free Style
	使用jQuery
	登入首頁
【 說明 】
    覆蓋 Index.css & Qurey.css 的 RWD 設定
=================================================================================*/



@media screen and (max-width: 960px) {

    .aside {
        position: unset;
    }
    .pageBtn {
        height: 95vh;
    }
    .Map {
        height: 95vh;
    }
/*    .Map.genaral {
        height: calc(80vh - 75px - 60px);
    }*/
}
/*@media (min-width: 768px) and (max-width: 1024px) {
    .Map.air,.map {
        height: calc(80vh - 45px);
    }
}*/

/*@media (min-width: 481px) and (max-width: 767px) {
    .aside {
        position:unset;
    }
}*/


@media only screen and (max-width: 47.9735em) {

    .box {
        float: unset;
        overflow: hidden;
    }

    .GIS {
        height: calc(80vh + 21px);
        width: 100%;
    }

    .Map.air {
        height: calc(80vh - 75px - 60px);
    }

        .Map.genaral {
            height: 82.5vh;
        }

    .pageBtn {
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: 0;
        z-index: 99;
    }

        .pageBtn ul {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            padding: 0;
            list-style: none;
            background-color: #6093a2;
            height: 100%;
        }

            .pageBtn ul a {
                width: 33.33%;
            }

            .pageBtn ul li {
                background-position: center 54px;
                background-repeat: no-repeat;
                border-bottom: 1px solid #6093a2;
                color: #d1e0e4;
                text-align: center;
                padding: 0;
                height: 60px;
                line-height: 60px;
                width: 100%;
            }
    .aside {
        height: 90vh;
    }
    .Map.air {
        height: calc(80vh - 75px);
    }

    .btnAir, .btnElectric, .btnCEMS, .btnAir:hover, li.btnAir.btnMark, .btnElectric:hover, li.btnElectric.btnMark, .btnCEMS:hover, li.btnCEMS.btnMark {
        background-image: none;
    }
}
@media only screen and (max-width: 430px) {

    .Map.air {
        height: calc(80vh - 79px);
    }

}


@media only screen and (max-width: 375px) {

    .Map.air {
        height: calc(80vh - 60px - 60px);
    }
}