<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Smart Coffee - dry</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <!--
    <script src="../static/js/sign_in.js"></script>

    <link rel="stylesheet" href="../static/css/sign_in.css">
    -->
    <script language="JavaScript">
        // 指定 10秒 刷新網頁一次
        var WebRestart
        // WebRestart = setTimeout(function () { location.reload() }, 10000);
    </script>
    <style>
        .video_1 img{
            padding: 5px 3px 0px 3px;   
            width: 448px;        
            height: 336px;
        }
        .video_2 img{
            padding: 5px 3px 0px 3px;   
            width: 288px;        
            height: 216px;
        }
    </style>

</head>

<body>
    <!--
        background-color:rgb(0, 238, 255);
    -->
    <div style="text-align: left;">
        <a href="/dry" style="float: left;">&nbsp;&nbsp;&nbsp;返回乾燥貨櫃首頁</a>
    </div>
    <div style="text-align: right;">
        <a href="/index_new" style="float: right;">_________________</a>
    </div>
    
    <div id="camera_dry_title" style="text-align: center; margin-top: 30px; font-size: 24px;">
        乾燥貨櫃攝影機
    </div>

    <center>1.4 × 1.4</center>

    <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
        <tr>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
        </tr>
        <tr>
            <td class="title_1">
                乾燥入料儲豆槽 DI1
            </td>
            <td class="title_1">
                乾燥入料儲豆槽 DI2
            </td>
        </tr>
    </table>

    <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
        <!-- cellpadding="10" -->
        <tr>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
        </tr>
        <tr>
            <td class="title_1">
                乾燥槽 D1
            </td>
            <td class="title_1">
                乾燥槽 D2
            </td>
            <td class="title_1">
                乾燥槽 D3
            </td>
        </tr>
        <tr>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
        </tr>
        <tr>
            <td class="title_1">
                乾燥槽 D4
            </td>
            <td class="title_1">
                乾燥槽 D5
            </td>
            <td class="title_1">
                乾燥槽 D6
            </td>
        </tr>
        <tr>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
        </tr>
        <tr>
            <td class="title_1">
                乾燥槽 D7
            </td>
            <td class="title_1">
                乾燥槽 D8
            </td>
            <td class="title_1">
                乾燥槽 D9
            </td>
        </tr>
        <tr>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
        </tr>
        <tr>
            <td class="title_1">
                乾燥槽 D10
            </td>
            <td class="title_1">
                乾燥槽 D11
            </td>
            <td class="title_1">
                乾燥槽 D12
            </td>
        </tr>
    </table>

    <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
        <tr>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_1">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
        </tr>
        <tr>
            <td class="title_1">
                乾燥出料儲豆槽 DO1
            </td>
            <td class="title_1">
                乾燥出料儲豆槽 DO2
            </td>
        </tr>
    </table>
<!--
    <br>
    <hr>
    <br>

    <center>0.9 × 0.9</center>

    <table style="border: 0px grey solid; margin-right: auto; margin-left: auto; text-align: center;">
        <tr>
            <td class="video_2" rowspan="4">
                <img src="../static/img/video_pic_2.png" alt="影片">
                <br>乾燥入料儲豆槽 DI1
            </td>

            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2" rowspan="4">
                <img src="../static/img/video_pic_2.png" alt="影片">
                <br>乾燥出料儲豆槽 DO1
            </td>
        </tr>
        <tr>
            <td class="title_2">
                乾燥槽 D1
            </td>
            <td class="title_2">
                乾燥槽 D2
            </td>
            <td class="title_2">
                乾燥槽 D3
            </td>
        </tr>
        <tr>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
        </tr>
        <tr>
            <td class="title_2">
                乾燥槽 D4
            </td>
            <td class="title_2">
                乾燥槽 D5
            </td>
            <td class="title_2">
                乾燥槽 D6
            </td>
        </tr>
        <tr>
            <td class="video_2" rowspan="4">
                <img src="../static/img/video_pic_2.png" alt="影片">
                <br>乾燥入料儲豆槽 DI2
            </td>

            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2" rowspan="4">
                <img src="../static/img/video_pic_2.png" alt="影片">
                <br>乾燥出料儲豆槽 DO2
            </td>
        </tr>
        <tr>
            <td class="title_2">
                乾燥槽 D7
            </td>
            <td class="title_2">
                乾燥槽 D8
            </td>
            <td class="title_2">
                乾燥槽 D9
            </td>
        </tr>
        <tr>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
            <td class="video_2">
                <img src="../static/img/video_pic_2.png" alt="影片">
            </td>
        </tr>
        <tr>
            <td class="title_2">
                乾燥槽 D10
            </td>
            <td class="title_2">
                乾燥槽 D11
            </td>
            <td class="title_2">
                乾燥槽 D12
            </td>
        </tr>


        
        


    </table>
-->


</body>

</html>