<p>
	本茶採自高山原始森林茶區，早晚溫差大，雲霧繚繞，士壞肥沃無污染，雨量適中，在天然環境優越的條件下，以手工摘採一心二葉，所產製成的茶品，茶湯滋味甘醇，香氣清香幽雅、飲後口齒留香，堪稱茶中極品。</p>
<p>
	有機驗證</p>
<p>
	采園生態驗證有限公司</p>
<p>
	證書字號：EG-13602F1Z</p>
<p>
	規格說明 :</p>
<p>
	產品內容物：150g/單罐裝</p>
<p>
	成份：茶葉</p>
<p>
	產地：台灣</p>
<p>
	有效日期：見包裝上(西元年/月/日) ◎保存方法：存放於陰涼乾燥處，避免陽光直射。</p>
<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>
<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-6" data-toggle="modal" style="letter-spacing: 0.1em; position:absolute; top: 48.6em; left: 14em" type="button">立即購買</button></p>
<div aria-hidden="true" aria-labelledby="tea-product-6" class="modal fade" id="tea-6" 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-6">
					您所選購買品名：台灣高山茶</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-6" src="http://ecloud.ewang.com.tw/userUpload/images/%E5%8F%B0%E7%81%A3%E9%AB%98%E5%B1%B1%E8%8C%B6.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-6" 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>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
