    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="light">
                    <div id="addr" class="show_data_title">
                        <img alt="" height="20" src="http://icons.iconarchive.com/icons/martz90/circle-addon1/16/text-plus-icon.png" width="20">
                        地址
                        <div class="show_data_content">
                            台東縣卑南鄉11 鄰 萬 萬 8 號
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br />
        <div class="row">
            <div class="col-md-12">
                <div class="light">
                    <div id="phone" class="show_data_title">
                        <img alt="" height="20" src="http://icons.iconarchive.com/icons/martz90/circle-addon1/16/text-plus-icon.png" width="20">
                        連絡電話
                        <div class="show_data_content">
                            0905635500
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <hr />
        <div class="row">
            <div class="col-md-6">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3677.0306156739703!2d121.09441201423216!3d22.83835678504665!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fba8c0005a5b3%3A0xfe0bb82189340956!2z5beS5beS5bGx5pyJ5qmf6L6y5aC0!5e0!3m2!1szh-TW!2stw!4v1508254821177" 
                        width="100%" height="450" frameborder="1" style="border:1" allowfullscreen></iframe>
            </div>
            <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
            
            <div class="col-md-6">
                <blockquote class="grass">
                    <h3>請問，在平台進行購買產品是否能保持新鮮度?</h3>
                    <h4> Some content here </h4>
                </blockquote>
                <blockquote class="grass">
                    <h3>請問，出貨時間大概多久?</h3>
                    <h4> Some content here </h4>
                </blockquote>
                <blockquote class="grass">
                    <h3>請問，產品如何保鮮? 使用時間為?</h3>
                    <h4> Some content here </h4>
                </blockquote>
                <blockquote class="grass">
                    <h3>請問，如何證明是有機農產品?</h3>
                    <h4> Some content here </h4>
                </blockquote>
            </div>
        </div>
    </div>

    <style>
        .light {
            position: relative;
            overflow: hidden;
            float: left;
            margin-right: 3px;
            display: inline;
        }
        .show_data_title {
            font-size: 16px;
        }

        .show_data_content {
            height: 0;
            font-size: 18px;
            overflow: hidden;
            transition:2s ease-in;
        }

        .light:hover .show_data_content {
            height:100%;
        }

        @import url('https://fonts.googleapis.com/css?family=Montez');
        @import url(https://fonts.googleapis.com/css?family=Francois+One);
        blockquote {
            display: block;
            background: #fff;
            padding: 15px 20px 15px 45px;
            margin: 0 0 20px;
            position: relative;
            /*Font*/
            font-family: Georgia, serif;
            font-size: 14px;
            line-height: 1.2;
            color: #666;
            /*Box Shadow - (Optional)*/
            -moz-box-shadow: 2px 2px 15px #ccc;
            -webkit-box-shadow: 2px 2px 15px #ccc;
            box-shadow: 2px 2px 15px #ccc;
            /*Borders - (Optional)*/
            border-left-style: solid;
            border-left-width: 15px;
            border-right-style: solid;
            border-right-width: 2px;
        }

            blockquote::before {
                content: "\201C";
                ; /*Unicode for Left Double Quote*/
                /*Font*/
                font-family: Georgia, serif;
                font-size: 60px;
                font-weight: bold;
                color: #999;
                /*Positioning*/
                position: absolute;
                left: 10px;
                top: 5px;
            }

            blockquote::after {
                /*Reset to make sure*/
                content: "";
            }

            blockquote a {
                text-decoration: none;
                background: #eee;
                cursor: pointer;
                padding: 0 3px;
                color: #c76c0c;
            }

                blockquote a:hover {
                    color: #666;
                }

            blockquote em {
                font-style: italic;
            }
        /*Grass Color Palette*/
        blockquote.grass {
            border-left-color: #9fd477;
            border-right-color: #8bc163;
        }
    </style>
