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

    /*---------------------------------
    照明 即時監控
    -----------------------------------*/
    .switch-box {
        width: 24%;
    }

    /*---------------------------------
    事件檢視
    -----------------------------------*/
    /****選單****/
    .page-menu-box .menu-link {
        width: 120px;
    }

    /*---------------------------------
    冷氣 即時監控
    -----------------------------------*/
    .air-conditioner .switch-box {
        width: 32%;
    }
}

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

    /*---------------------------------
    冷氣 即時監控
    -----------------------------------*/
    .air-conditioner .switch-box {
        width: 49%;
    }

    /*---------------------------------
    冷氣 即時監控 + 冷氣設定 (第二版面)
    -----------------------------------*/
    .air-conditioner.air-conditioner-two .switch-box {
        width: 100%;
    }
}

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

    /*---------------------------------
    共用
    -----------------------------------*/
    /****導覽與時間****/
    .page-top {
        padding: 60px 1rem 5px 1rem;
    }

    /****內容****/
    .content {
        padding: 10px 1rem 0 1rem;
    }

    .navbar {
        padding: 10px 1rem;
    }

    /*---------------------------------
    冷氣 即時監控 + 冷氣設定 (第二版面)
    -----------------------------------*/
    .air-conditioner.air-conditioner-two .switch-box {
        width: 100%;
    }

    .indoor-box-all {
        padding: 20px;
        min-height: 30vh;
    }
}

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

    /*---------------------------------
    共用
    -----------------------------------*/
    /****室內圖框****/
    .indoor-box-all {
        padding: 10px;
    }

    /*---------------------------------
    照明 即時監控
    -----------------------------------*/
    .switch-box {
        width: 49%;
    }

    /*---------------------------------
    冷氣 即時監控
    -----------------------------------*/
    .air-conditioner .switch-box {
        width: 99%;
    }

    /*---------------------------------
    環境即時監控
    -----------------------------------*/
    .digital .card .card-text.environment-card-text {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        height: 50px;
        font-size: 2rem;
    }

    /*---------------------------------
    事件檢視
    -----------------------------------*/
    /****選單****/
    .page-menu-box {
        flex-wrap: wrap;
    }

    .page-menu-box .menu-link {
        width: 48%;
        margin: 0 1%;
        margin-bottom: 10px;
    }

    .page-menu-box::after {
        display: none;
    }

    /****查詢****/
    .search-box {
        margin-bottom: 20px;
    }

    .search-box .text-group {
        width: 48%;
        margin-bottom: 10px;
        margin-right: 2%;
    }

    .search-box .text-group label {
        width: 75px;
    }

    .search-box .text-group .label-text {
        width: calc(100% - 75px);
    }

    .search-box .btn {
        width: 48%;
        margin: 0 1%;
    }

    /*---------------------------------
    太陽能即時監控
    -----------------------------------*/
    .chart-box.card-curve-height-three {
        height: 300px;
    }

    /*---------------------------------
    冷氣 即時監控 + 冷氣設定 (第二版面)
    -----------------------------------*/
    /*.indoor-box {
        display: none;
    }*/
    .container-overflow {
        overflow-y: inherit;
        overflow-x: inherit;
        height: auto;
    }
}

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

    html {
        font-size: 15px;
    }

    /*---------------------------------
    共用
    -----------------------------------*/
    /****導覽與時間****/
    .page-top {
        flex-direction: column;
    }

    .analysis .page-tite-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .analysis .page-tite-box .card-title {
        color: #999;
    }

    /*---------------------------------
    照明 即時監控
    -----------------------------------*/
    .switch-box {
        width: 99%;
    }

    /*---------------------------------
    冷氣 即時監控
    -----------------------------------*/
    .air-conditioner .settings-box .btn {
        min-width: 30px;
        padding: 2px 3px;
    }

    /*---------------------------------
    太陽能即時監控
    -----------------------------------*/
    /**********天氣圖報**********/
    .weather-box .item {
        width: 100%;
        padding: 10px 15px;
    }


    .digital.digital-solar-energy .card .card-text.card-height-six,
    .digital.digital-solar-energy .card .card-text.card-height-seven {
        height: 70px;
    }

}

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

    /*---------------------------------
首頁
-----------------------------------*/
    .view {
        padding: 20px 15px 15px 15px;
    }

    .view .text {
        padding: 0 15px;
    }
}

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


@media screen and (min-width: 1200px) {

    /* 屏幕分辨率放大為 150% */
    @media (-webkit-min-device-pixel-ratio: 1.5),
    (min-resolution: 120dpi) {
        html {
            zoom: 80%;
        }

        /* 修復 */
        .modal-backdrop {
            width: 100%;
            height: 100%;
        }
    }

    /* 屏幕分辨率放大為 125% */
    @media (-webkit-min-device-pixel-ratio: 1.25) {
        html {
            zoom: 80%;
        }

        /* 修復 */
        .modal-backdrop {
            width: 100%;
            height: 100%;
        }
    }

    /* 屏幕分辨率放大為 110% */
    @media (-webkit-min-device-pixel-ratio: 1.1) {
        html {
            zoom: 80%;
        }

        /* 修復 */
        .modal-backdrop {
            width: 100%;
            height: 100%;
        }
    }

}