<div class="container">
	<div class="row">
		<div align="center" class="col-md-4" style="background-color:rgba(144, 133, 133, 0.8)">
			<br />
			<br />
			<br />
			<span class="morning_title">早上場</span> &nbsp;&nbsp; <span class="time">時間: 0900~1200</span><br />
			<br />
			<span class="morning_title">下午場</span> &nbsp;&nbsp; <span class="time">時間: 1300~1600</span>
			<ul class="morning_title_content">
				<li class="morning_title_content_title">
					| 體驗DIY活動流程 |</li>
			</ul>
			<p>
				<span style="font-size:22px;">九鳥陶燒歡迎您</span></p>
			<p>
				<span style="font-size:22px;">廖光亮老師講座</span></p>
			<p>
				<span style="font-size:22px;">認識DIY器具</span></p>
			<p>
				<span style="font-size:22px;">認識陶土</span></p>
			<p>
				<span style="font-size:22px;">認識陶土</span></p>
			<p>
				<span style="font-size:22px;">陶土搓圓</span></p>
			<p>
				<span style="font-size:22px;">陶土成型</span></p>
			<p>
				<span style="font-size:22px;">DIY構思&amp;造型設計</span></p>
			<p>
				<span style="font-size:22px;">茶敘</span></p>
			<span style="font-size: 18px;">*活動流程將會視當天情況做調整 </span><br />
			<br />
			&nbsp;</div>
		<div class="col-md-8">
			<span class="light"><img alt="Responsive image" class="img-responsive img-thumbnail" src="http://210.240.164.114:8000/ninebird_beta/ninebird_web/shopping/DIY/pic/diy_0911.jpg" style="width: 370px;height: 400px;overflow:hidden;" /> </span>
			<div class="box">
				<br />
				<br />
				<hr />
				<h2>
					<span class="light"><font class="up_write">小陶兵 DIY</font></span></h2>
				<p class="contect">
					<span class="light">&nbsp;&nbsp;&nbsp; 來自布農族部落的孩童，來到九鳥陶燒體驗製陶過程，用自己的創意想法DIY做出屬於自己的陶藝品。 </span></p>
				<hr />
			</div>
			<span class="light"><img alt="Responsive image" class="img-responsive img-thumbnail" src="http://210.240.164.114:8000/ninebird_beta/ninebird_web/shopping/DIY/pic/diy_0902.jpg" style="width: 370px;height: 400px;overflow:hidden;" /> </span>
			<div class="box">
				<br />
				<br />
				<hr />
				<h2>
					<span class="light"><font class="up_write">貓頭鷹 DIY</font></span></h2>
				<p class="contect">
					<span class="light">&nbsp;&nbsp;&nbsp; 昨天來到我們民宿的過夜的客人，今天一大早就來體驗陶藝DIY，這次客人選擇寫實派的貓頭鷹，沒想到第一次上手的客人竟然那麼厲害，這隻貓頭鷹栩栩如生阿! </span></p>
				<hr />
			</div>
			<span class="light"><img alt="Responsive image" class="img-responsive img-thumbnail" src="http://210.240.164.114:8000/ninebird_beta/ninebird_web/shopping/DIY/pic/diy_0813.jpg" style="width: 370px;height: 400px;overflow:hidden;" /> </span>
			<div class="box">
				<br />
				<br />
				<hr />
				<h2>
					<span class="light"><font class="up_write">團體 DIY</font></span></h2>
				<p class="contect">
					<span class="light">&nbsp;&nbsp;&nbsp; 今天有一大群孩子們來到九鳥陶燒「排灣族陶文化之傳承手捏陶壺體驗活動」，大家都很認真在設計自己的陶藝品呢! </span></p>
				<hr />
			</div>
			<span class="light"><img alt="Responsive image" class="img-responsive img-thumbnail" src="http://210.240.164.114:8000/ninebird_beta/ninebird_web/shopping/DIY/pic/diy_0821.jpg" style="width: 370px;height: 400px;overflow:hidden;" /> </span>
			<div class="box">
				<br />
				<br />
				<hr />
				<h2>
					<span class="light"><font class="up_write">家庭 DIY</font></span></h2>
				<p class="contect">
					<span class="light">&nbsp;&nbsp;&nbsp; 今天來訪的客人超熱鬧的，一家大小都來到九鳥陶燒，體驗陶藝品DIY，我們師傅都是一對一教學喔!歡迎放假的時候來九鳥陶燒一同體驗製陶樂趣。 </span></p>
				<hr />
			</div>
		</div>
	</div>
</div>
<style type="text/css">
.time {
            font-size: 18px;
            font-weight: bold;
            font-family: '微軟正黑體';
        }
        .morning_title {
            font-size: 35px;
            line-height: 30px;
            font-family: '微軟正黑體';
            font-weight: bold;
        }

        .morning_title_content {
            font-family: '微軟正黑體';
            font-size: 24px;
            line-height: 40px;
        }

        .morning_title_content_title {
            list-style-type: none;
            font-weight: bold;
            font-size: 26px;
            line-height: 60px;
        }

        /* 容器样式 */
        .light {
            position: relative;
            overflow: hidden;
            float: left;
            margin-right: 3px;
            display: inline;
        }

        /* 替换元素样式 */
        .box {
            width: 100%;
            height: 0;
            background: #020000;
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            line-height: 18px;
            color: #e69714;
            text-align: center;
            cursor: pointer;
            line-height: 30px;
            transition: .5s ease;
            overflow: hidden;
            opacity:0.8;
        }

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

        .contect {
            text-align: left;
            font-family: "標楷體";
            font-size: 20px;
            margin: 12px;
            font-weight: bold;
            text-align: left;
        }
        .up_write {
            font-family: "標楷體";
            font-size: 30px;
        }</style>
