.container {
    width: 100%;
}
/* =========================================================================== */
.DV_PAGETITLE {
    padding:10px 0;
}
/* ...............................................................*/
.DV_HEAD_BOX {
    height: auto;
    width: 99%;
    margin: 5px auto;
}

    .DV_HEAD_BOX > div {
        height: 100%;
    }

        .DV_HEAD_BOX > div:first-child {
            width: 90%;
        }

        .DV_HEAD_BOX > div:last-child {
            text-align: center;
        }

            .DV_HEAD_BOX > div:last-child > input[type=button] {
                margin-right: 10px;
                font-weight: bold;
                padding: 3px 20px;
                border-radius: 3px;
            }
/* =========================================================================== */
/* 溫度 圖表切換設定 */
.DV_SWITCH_BOX {
    margin: 0;
    padding: 0 5px;
    background-color: #e5f6db;
    border-radius: 5px;
    height: 100%;
    width: 100%;
}

    .DV_SWITCH_BOX > div {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-top: 5px;
    }
/* =========================================================================== */
.DV_FIELD_BOX .DV_FIELD_LABEL {
    width: 100px;
}

    .DV_FIELD_BOX .DV_FIELD_LABEL span {
        font-size: 16px;
    }
/* ...............................................................*/
.DV_CONTENT_BOX_OUT {
    position: relative;
    clear: both;
    top: 0;
    left: 0;
    padding: 0;
    background-position: top;
    overflow-x: hidden;
}
/* ...............................................................*/
    .DV_CONTENT_BOX_OUT > .DV_CONTENT_BOX_IN {
        clear: both;
        top: 0;
        left: 0;
        width: 99%;
        margin: 5px auto 0;
        padding-top: 5px;
        overflow-x: auto;
    }

    .DV_CONTENT_BOX_OUT > .DV_CONTENT_BOX_IN > div {
        width: auto;
        height: 99%;
    }
/* =========================================================================== */
.DV_TEMP_BOX_OUT {
    position: relative;
    clear: both;
    top: 0;
    left: 0;
    padding: 0;
    background-position: top;
    overflow-x: hidden;
}
    /* ...............................................................*/
    .DV_TEMP_BOX_OUT > .DV_TEMP_BOX_IN {
        clear: both;
        top: 0;
        left: 0;
        width: 99%;
        margin: 5px auto 0;
        padding-top: 5px;
        overflow-x: auto;
    }

/* 溫度表格 */
.DV_TempTable,
.DV_TempTimeTable {
    clear:both;
    margin: 5px auto;
    padding: 0;
    border: 5px solid black;
}
    .DV_TempTable > div {
        margin:0;
        width: 100%;
        border-bottom: 1px solid black;
    }

        .DV_TempTable > div > div {
            border-right: 1px solid black;
        }

    .DV_TempTable > div:first-child {
        font-size:20px;
        text-align:center;
        font-weight:bolder;
        background-color: darkgray;
    }

    .DV_TempTable > div:nth-child(2) {
        font-size: 16px;
        text-align: center;
        font-weight: bolder;
        background-color: darkgray;
    }

    .DV_TempTable > div:nth-child(3) {
        background-color: #DDEBF7;
    }

    .DV_TempTable > div:nth-child(3) > div {
        font-size: 16px;
        text-align: center;
        font-weight: bolder;
        border-right: 1px solid black;
    }

        .DV_TempTable > div:nth-child(3) > div:last-child {
            border-right:none;
        }

    .DV_TempTable .DV_TEMP {
        text-align: right;
        width: 100px;
        padding-right:3px;
    }

    .DV_TempTable > .DV_CHKTEMP {
        text-align: center;
        font-size: 14px;
        font-weight:bolder;
        width: 100%;
    }

    .DV_TempTable > .DV_CHKTEMP {
        background-color: #FFE699;
    }

    .DV_TempTable > div > div:last-child {
        border-right: none;
    }

        .DV_TempTable > div:first-child ,
        .DV_TempTable > div:last-child {
            border-bottom: none;
        }

        .DV_TempTable > div:nth-child(2) {
            border-bottom: 3px solid black;
        }

        .DV_TempTable > div:nth-child(2) > div {
            border-right: none;
        }
/* =========================================================================== */
/* 溫度時間表格 */
    .DV_TempTimeTable > div {
        margin: 0;
        width: 100%;
        border-bottom: 2px solid black;
    }
        .DV_TempTimeTable > div:nth-child(3) {
            background-color: #EDEDED;
        }

        .DV_TempTimeTable > div > div:first-child > div:first-child {
            text-align: center;
        }

        .DV_TempTimeTable > div > div > div:first-child,
        .DV_TempTimeTable > div > div:first-child > div:nth-child(2) > div:first-child {
            border-bottom: 1px solid black;
        }

        .DV_TempTimeTable > div .DV_TIME_BOX {
            background-color: yellow;
        }

            .DV_TempTimeTable > div > div:first-child > div:first-child {
                border-bottom: none;
            }

        .DV_TempTimeTable > div:nth-child(3) > div:first-child {
            text-align:right;
        }

    .DV_TempTimeTable > div > div:first-child {
        width: 160px;
    }

        .DV_TempTimeTable > div:last-child {
            border-bottom: none;
        }

        .DV_TempTimeTable > div > div {
            border-right: 1px solid black;
        }

        .DV_TempTimeTable > div > div:first-child > div:first-child {
            border-right: 1px solid black;
        }
            .DV_TempTimeTable > div > div:last-child {
                border-right: none;
            }

        .DV_TempTimeTable > div:first-child {
            font-size: 20px;
            text-align: center;
            font-weight: bolder;
            background-color: darkgray;
        }

    .DV_TempTimeTable .DV_TEMP {
        text-align: right;
        width: 80px;
        padding-right: 3px;
    }

    .DV_TempTimeTable > div:nth-child(2) {
        font-size: 16px;
        text-align: center;
        font-weight: bolder;
        background-color: #DDEBF7;
    }