<p style="text-align: center;">
	&nbsp;</p>
<p>
	<iframe allowtransparency="true" scrolling="no" src="//www.facebook.com/v2.5/plugins/page.php?href=https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%8E%8A%E5%9C%92-297327576945814/;&#10;width=300&amp;&#10;show_facepile=false&amp;&#10;small_header=true&amp;hide_cover=false&amp;show_posts=false&amp;locale=zh_TW" style="border:none; overflow:hidden;max-width: 100%; height: 200px;"></iframe></p>
<div id="whiteblockback">
	<div class="revealOnScroll" data-animation="zoomIn" id="whiteblock">
		<div class="title1area">
			<div class="clearfix ">
				<h4 class="smalltitle revealOnScroll">
					2017芳林芭樂莊園</h4>
				<h4 class="bigtitle revealOnScroll">
					WELCOME</h4>
			</div>
		</div>
	</div>
</div>
<p>
	&nbsp;</p>
<p>
	<meta charset="utf-8" />
</p>
<hr />
<p style="color: indianred; font-family: 標楷體; text-align: center;">
	<span style="color:#008080;"><strong><span style="font-size:28px;">芳林簡介</span></strong></span></p>
<p style="color: indianred; font-family: 標楷體; text-align: center;">
	<span style="font-size:25px; text-align:center;"><b>一生懸命，自慢的芭樂&mdash;芳林</b></span></p>
<p style="text-align: center;">
	&nbsp;</p>
<div id="introduce">
	<div class="p1">
		<b>芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，嚴謹的管理及記錄生產過程，<br />
		<br />
		並讓它以最自然 的方式自然生長，讓它擁有該有的原始風味，就像眾給自己家人吃一樣，希望您也可以透過芳林，<br />
		<br />
		安心與健康的食用，這就是芳林給您最好的祝福。</b></div>
</div>
<p style="text-align: center;">
	<img alt="" src="/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg" style="width: 338px; height: 600px;" /></p>
<hr />
<div class="p1">
	<div style="text-align: center;">
		<div style="text-align: center;">
			<div>
				<span style="color:#008000;"><span style="font-size:25px;">芭樂展現浪漫原味</span></span></div>
			<div>
				&nbsp;</div>
			<div>
				<span style="font-size:20px;">&ldquo;<b>我的芭樂自然熟成，八、九分熟最好吃！</b>&rdquo;</span></div>
		</div>
		<hr />
		<br />
		<div class="container-fluid bgw" style="margin-left: 10px; margin-right: 10px; ">
			<div class="row">
				<!-- .content -->
				<div class="col-md-12" style="padding-top: 0px; ">
					<!--div class="bgw" style="margin-top: 0px; padding-top: 0px; "-->
					<div class="row">
						<div class="col-md-6">
							<img alt="" class="image-responsive img-rounded img" src="/userUpload/images/89560.jpg" style="width: 400px; height: 350px; text-align: start; float: right;" /></div>
						<div class="col-md-6">
							<img alt="" class="image-responsive img-rounded img" src="/userUpload/images/89561.jpg" style="text-align: start; width: 400px; height: 350px; float: left;" /></div>
						<div class="row">
							<div class="col-md-6">
								<img alt="" class="image-responsive img-rounded img" src="/userUpload/images/10512106/%E8%8A%AD%E6%A8%82(2).jpg" style="width: 400px; height: 350px; text-align: start; float: right;" /></div>
							<div class="col-md-6">
								<img alt="" class="image-responsive img-rounded img" src="/userUpload/images/10512106/%E8%8A%AD%E6%A8%822.jpg" style="text-align: start; width: 400px; height: 350px; float: left;" /></div>
						</div>
						<p>
							&nbsp;</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<p>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
.showdiv{ text-align: center }
/**************************welcome主要區塊****************************************/					
		#welcome
			{
				position: relative;
				padding: 0em 0em 0em 0em;
				margin-right: -9px;
				margin-top:-59px;			
				background-color:#e7e7e7;
							
				text-align: center;
				color:#000;
						}
		#welcome1
			{
				position: relative;
				padding: 0em 0em 0em 0em;
				margin-right: -9px;
							
				background-color:#e7e7e7;
							
				text-align: center;
				color:#000;
						}
						

		#welcome .button .a
		{
				background: #FFF;
				color: #3f0900;
						}
	/******************************第一標語標題區塊***************************************/
		#whiteblockback
			{
				position: relative;
				background: url('/userUpload/images/10512106/guavatree.jpg');
				background-repeat: no-repeat;
				background-attachment: fixed;
				background-position: center;
				background-size: cover;
				
			}
		#whiteblock
			{
				position: relative;
				padding: 0em 2.45em 5em 2.45em;
				display:inblock;
				background-color:rgba(0,0,0,0.5);
				color:white;
				text-align:center;
			}
		
		.title1area {
				width: 100%;
				height: 580px;
				text-align: center;
				padding: 115px 0;
				overflow: hidden;
				box-sizing: border-box;
				background-color: rgba(0,0,0,0);
			}
		
		.title1area .smalltitle {
		
				color: #e7b623;
				margin-bottom: 5px;
				font-weight: 100;
				letter-spacing: .06em;
				font-size: 22px;
				
			}
		.title1area .bigtitle {
				position: relative;
				font-weight: 100;
				letter-spacing: .06em;
				text-transform: uppercase;
				color:white;
				font-size: 1.5em;
				margin-bottom: 50px;
			}
		.title1area .bigtitle:before, .title1area .bigtitle:after {
				content: '';
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: calc((100% - 200px) / 2);
				height: 2px;
				background: rgba(255, 255, 255, 0.9);
			}
			
		.title1area .bigtitle:before {
				left: 0;
			}
		.title1area .bigtitle:after {
				right: 0;
			}
		
		.title1area p {
				display: inline-block;
				padding: 25px;
				line-height: 3;
				text-align: justify;
				margin-top: 30px;
				color: #ffffff;
				text-align: left;
				font-size: 18px;
				
			}	
			
		
		
			
		
		#whiteblockback3
			{
				position: relative;
				background: url('/userUpload/images/mingchuan/firefly.jpg');
				background-repeat: no-repeat;
				background-attachment: fixed;
				background-position: center;
				background-size: cover;
				
			}
		#whiteblock3
			{
				position: relative;
				padding: 0em 2.45em 0em 2.45em;
					
				background-color:rgba(0,0,0,0.7);
				color:white;
				text-align:center;
			}
			
/****************************內文及圖片介紹區塊*********************************/
		
		#animation1{
				position: relative;
				min-height: 1px;
				padding:1em;
					}
		.clearfix:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
		
					}	</style>
</p>
<p>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
/*************************************************字形設定********************************************************************************************/
.p1{Font-Family:'微軟正黑體';;text-align: center;}
/************************************************文字介紹*********************************************************************************************/
	#introduce
			{
				position: relative;
				padding: 0em 0em 0em 0em;
				margin-right: 0px;
				margin-top:-5px;			
				background-color:darkseagreen;
			    font-size:20px; ">			
				color:#000;
	}
/**********************************************圖片表格*************************************************************************************************/
	
	
	


					
/******************************************************************************************************************************************************/	</style>
</p>
