<style type="text/css">
    a, p, h2,h3,tr {
        font-family: "微軟正黑體",'標楷體';
        font-weight: bold;
    }

    h3,hr{
        display:none;
    }

    body {
        background: #F1E3AF;
    }

    div form {
        display: none;
    }

</style>

<div class="row">
    <div class="col-md-2">
        <table class="table">
            <tbody>
                <tr>
                    <td>
                        <a class="btn btn-default btn btn-outline-primary btn-lg btn-block" href="#Introduction">產品概述</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a class="btn btn-default btn btn-outline-secondary btn-lg btn-block" href="#video">產品影片</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a class="btn btn-default btn btn-outline-primary btn-lg btn-block" href="#story">產品故事</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a class="btn btn-default btn btn-outline-secondary btn-lg btn-block" href="#technology">產品技術</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a class="btn btn-default btn btn-outline-primary btn-lg btn-block" href="#Description">產品說明</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="col-md-10" style="">
        <p>
            <a name="Introduction"></a>
        </p>
        <p>
            <img class="img-responsive center-block" src="/userUpload/images/123/1_1.jpg" />
        </p>
    </div>
    <p>
        <a name="video"></a>
    </p>
    <p style="text-align: center;">
        <iframe allowfullscreen="" frameborder="0" gesture="media" height="480" src="https://www.youtube.com/embed/anfK1UmqiFg" width="60%"></iframe>
    </p>
    <p>
        <a name="story"></a>
    </p>
    <p>
        <img class="img-responsive center-block" src="/userUpload/images/123/123456.jpg" />
    </p>
    <p>
        <a name="technology"></a>
    </p>
    <p>
        <img class="img-responsive center-block" src="/userUpload/images/123/1234.jpg" />
    </p>
    <p>
        <a name="Description"></a>
    </p>
    <p>
        <img class="img-responsive center-block" src="/userUpload/images/123/4.jpg" />
    </p>
</div>
