<div>
	佳芳茶園以自然農法栽培的台灣原生種茶，強調不發酵、不加工，喝起來帶有淡淡的海苔香氣，口味健康、口感獨特，冷泡風味更佳！</div>
<div>
	佳芳有機茶園所生產的天然冷泡綠茶就是使用台灣原生種茶葉製造而成，優點包含:</div>
<div>
	&nbsp; ※天然綠茶是不發酵不加工，含氧量非常高，富含兒茶素、葉綠素、茶多酚、茶酵素。</div>
<div>
	&nbsp; ※不刺激腸胃、不妨礙睡眠、不分年齡老少咸宜。</div>
<div>
	原生種綠茶‧冷泡風味最佳佳芳原生種綠茶適於７０度Ｃ以下溫泡，更推薦常溫或低溫冷泡，沖出淡淡海苔香氣，是夏日飲料的健康首選</div>
<div>
	有機驗證</div>
<div>
	采園生態驗證有限公司</div>
<div>
	證書字號：EG-13602F1Z</div>
<div>
	規格說明&nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
	品名：天然冷泡綠茶</div>
<div>
	產品內容物：茶葉</div>
<div>
	內容量：300公克&plusmn;5公克</div>
<div>
	產地：台灣</div>
<div>
	有效日期：見包裝上(西元年/月/日)</div>
<div>
	保存方法：存放於陰涼乾燥處，避免陽光直射。</div>
<style type="text/css">
.modal-title{
  letter-spacing: 0.2em;
  font-weight: 200;
}


label{
  letter-spacing: 0.1em;
  font-size: 15px !important;
}

.md-form{
  margin-bottom: 2.5rem !important;
}</style>
<section>
	&nbsp;</section>
<p>
	<!-- Material Design Bootstrap --></p>

	<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.4/css/mdb.min.css" rel="stylesheet" />
</p>
<p>
	<button class="btn btn-rounded btn-brown" data-target="#tea-5" data-toggle="modal" style="letter-spacing: 0.1em; position:absolute; top: 46.97em; left: 14em" type="button">立即購買</button></p>
<div aria-hidden="true" aria-labelledby="tea-product-5" class="modal fade" id="tea-5" role="dialog" tabindex="-1">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<!--Modal header-->
			<div class="modal-header text-center">
				<h4 class="modal-title w-100 font-weight-bold" id="tea-5">
					您所選購買品名：天然冷泡綠茶</h4>
				<button aria-label="close" class="close" data-dismiss="modal" style="opacity: 1 !important; transform: translateY(-10%) !important" type="button"><span aria-hidden="true">&times;</span></button></div>
			<form action="#" method="POST">
				<div class="modal-body mx-3">
					<div class="text-center view overlay zoom">
						<img class="img-fluid img-responsive z-depth-1-half" id="tea-5" src="http://ecloud.ewang.com.tw/userUpload/images/%E5%8F%B0%E7%81%A3%E5%86%B7%E6%B3%A1%E7%B6%A0%E8%8C%B6%E8%8C%B6%E8%91%89.jpg" style="opacity: 1 !important; transform: translateY(-10%) !important" /></div>
					<div class="md-form mb-5">
						<input class="form-control validated" id="tea-username" type="text" /> <label data-error="錯誤-wrong" data-success="正確-correct" for="tea-username">請輸入您的名字</label></div>
					<div class="md-form mb-5">
						<input class="form-control validated" id="tea-phone-number" type="text" /> <label data-error="錯誤-wrong" data-success="正確-correct" for="tea-phone-number">電話或手機號碼</label></div>
					<div class="md-form mb-5">
						<input class="form-control validate" id="tea-user-email" style="margin-bottom: 50px;" type="email" /> <label data-error="錯誤-wrong" data-success="正確-correct" for="tea-user-email">請輸入您的電子郵件</label></div>
					<div class="md-form mb-4">
						<input class="form-control validate" id="tea-address" type="text" /> <label data-error="錯誤-wrong" data-success="正確-correct" for="tea-address">請輸入您的地址</label></div>
				</div>
				<div class="modal-footer d-flex justify-content-center">
					<button class="btn btn-cyan btn-rounded waves-effect waves-light" id="tea-5" style="opacity: 1 !important; transform: translateY(-10%) !important" type="submit">送件</button></div>
			</form>
		</div>
	</div>
</div>
<div>
	<!-- Bootstrap tooltips --><script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js"></script><!-- MDB core JavaScript --><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.4/js/mdb.min.js"></script></div>
