<div id="header-wrapper">
	<div data-aos="fade-right" id="banner-wrapper">
		<div class="row" id="banner">
			<div class="col-md-10 col-sm-10 col-xs-10">
				<div class="title">
					<h2>
						芳林的故事</h2>
					<p>
						&nbsp;</p>
					<p>
						&nbsp;</p>
					<p>
						&nbsp;</p>
					<p>
						<span class="byline">The story of FAN</span><span style="font-size: 1.3em;">G LIN ORCHARD</span></p>
				</div>
			</div>
		</div>
	</div>
</div>
<div data-aos="fade-left" data-aos-duration="1700" id="wrapper">
	<div class="row">
		<div class="col-md-1 col-sm-1 col-xs-1" style="text-align: center;">
			&nbsp;</div>
		<div class="col-md-10 col-sm-10 col-xs-10">
			<div class="col-md-12 col-sm-12 col-xs-12" data-aos-duration="1200" style="text-align: center;">
				<h22>故事的開始</h22></div>
			<div class="title col-md-12 col-sm-12 col-xs-12">
				<hr />
			</div>
			<div class="title col-md-12 col-sm-12 col-xs-12" data-aos-duration="1200">
				<span style="background-color: transparent; color: black; font-family: Calibri; font-size: 12pt; vertical-align: baseline; white-space: pre-wrap;"><img alt="C:\Users\User\AppData\Local\Microsoft\Windows\INetCache\Content.Word\芭樂樹.jpg&amp;quot; class=&quot; image-responsive=&quot;&quot; img-rounded=&quot;&quot; img=&quot;&quot; &quot;=&quot;&quot; data-cke-saved-src=&quot;&amp;quot;https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg" class="&quot;image-responsive" height:="&quot;600px;&quot;" img="" img-rounded="" src="https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg" style="float: left; height: 345px; width: 460px;" /></span></div>
		</div>
		<div class="title col-md-12 col-sm-12 col-xs-12">
			&nbsp;</div>
		<div class="title col-md-12 col-sm-12 col-xs-12">
			<h31>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生 計並能善盡孝道....</h31></div>
		<div class="title col-md-12 col-sm-12 col-xs-12">
			&nbsp;</div>
		<div class="col-md-12 col-sm-12 col-xs-12" id="wrappera">
			&nbsp;</div>
	</div>
	<div class="title col-md-6 col-sm-6 col-xs-12">
		<div class="title col-md-12 col-sm-12 col-xs-12">
			&nbsp;</div>
		<h31>對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及 專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加 農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開 始種植珍珠芭樂。</h31>
		<div class="title col-md-12 col-sm-12 col-xs-12">
			&nbsp;</div>
		<h31>2014年 承租到位於 高雄市岡山區 阿公店水庫 水源保護區下方的一塊 2.5公頃環境優美 生態自然豐 富的農地，成立了（芳林 農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土 壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關 課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努 力，新手也可以闖出一片天。</h31>
		<div class="title col-md-12 col-sm-12 col-xs-12">
			&nbsp;</div>
	</div>
</div>
<div data-aos="zoom-in" data-aos-duration="1700" id="welcome">
	<div class="row">
		<div class="col-md-1 col-sm-1 col-xs-1">
			&nbsp;</div>
		<div class="col-md-10 col-sm-10 col-xs-10">
			<div class="col-md-12 col-sm-12 col-xs-12" data-aos-duration="1000" style="text-align: center;">
				<h23><strong><span style="color:#ff0000;">芳林芭樂果園 鄭宗林</span></strong></h23></div>
			<div class="title col-md-12 col-sm-12 col-xs-12">
				<hr />
			</div>
			<div class="title col-md-12 col-sm-12 col-xs-12">
				&nbsp;</div>
			<div class="title col-md-6 col-sm-6 col-xs-12" data-aos-duration="1000" style="text-align: center;">
				<img alt="" src="/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg" style="height: 600px; width: 338px;" /><img alt="" src="/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg" style="height: 600px; width: 338px;" /></div>
		</div>
		<div class="title col-md-6 col-sm-6 col-xs-12">
			<div class="title col-md-12 col-sm-12 col-xs-12">
				&nbsp;</div>
			<h33><span style="color:#000000;">經歷 ：</span></h33></div>
		<div class="title col-md-12 col-sm-12 col-xs-12">
			<span style="color:#000000;"><span style="font-size: 16pt;">。行政院農委會 第一屆 百大青年農民</span></span></div>
		<div class="title col-md-6 col-sm-6 col-xs-12">
			<h33><span style="color:#000000;">。高雄市農業局 高雄型農<br />
			。培訓班 高雄型農精英班<br />
			。高雄市青年農民聯誼會會長</span></h33></div>
	</div>
</div>
<div data-aos="fade-right" data-aos-duration="1700" id="wrapper">
	<div class="row">
		<div class="col-md-1 col-sm-1 col-xs-1">
			&nbsp;</div>
		<div class="col-md-10 col-sm-10 col-xs-10">
			<div class="col-md-12 col-sm-12 col-xs-12" data-aos-duration="1200" style="text-align: center;">
				<h22>芳林的品質保證</h22></div>
			<div class="title col-md-12 col-sm-12 col-xs-12">
				<hr />
			</div>
			<div class="title col-md-12 col-sm-12 col-xs-12">
				&nbsp;</div>
			<div class="title col-md-12 col-sm-12 col-xs-12">
				&nbsp;</div>
			<div class="title col-md-12 col-sm-12 col-xs-12">
				<h31>優質的保證，讓人人都想品嘗這個美味</h31></div>
			<div class="title col-md-12 col-sm-12 col-xs-12">
				&nbsp;</div>
			<div class="col-md-12 col-sm-12 col-xs-12" id="wrappera">
				<h4>
					&nbsp;</h4>
			</div>
			<div class="title col-md-6 col-sm-6 col-xs-12">
				<div class="title col-md-12 col-sm-12 col-xs-12" data-aos-duration="1200" image-responsive="" img="" img-rounded="">
					<div dir="ltr" style="line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;">
						<span><span style="background-color: transparent; color: black; font-family: Calibri; font-size: 12pt; vertical-align: baseline; white-space: pre-wrap;"><img alt="" src="/userUpload/images/10512106/S_7032553691111.jpg" style="height: 267px; width: 250px; float: left;" /><img alt="" src="/userUpload/images/10512106/89573.jpg" style="width: 250px; height: 267px; float: left;" /><img alt="" src="/userUpload/images/10512106/89572.jpg" style="height: 267px; width: 250px;" /></span></span></div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="title col-md-12 col-sm-12 col-xs-12">
	&nbsp;</div>
<hr />
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	<link href="http://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet" />
	<style type="text/css">
<style>				                body
                                                {
							height: 100%;
						}
						.bgw{
						
						background-color:green;
						}
						body
						{
							margin: 0px;
							padding: 0px;
							background: #181818;
							font-family: Microsoft JhengHei,'Didact Gothic', sans-serif;
							font-size: 16pt;
							font-weight: 200;
							color: #FFF;
						}
						
						
						h1, h2, h3,h4
						{
							margin: 0;
							padding: 0;
						}
						
						p, ol, ul
						{
							margin-top: 0;
						}
						
						ol, ul
						{
							padding: 0;
							list-style: none;
						}
						
						p
						{
							line-height: 180%;
							font-size: 12pt;
						}
						
						h5
						{
							font-size: 2.5em;
							text-align: center;
							}
						
						/* 未連結 */
						.a
						{	
							font-weight:bold;
							color: #000000;
						}
						/* 已連結過 */
						a:visited
						{
							color: #FF0040;
						}
						/* 滑鼠移至連結 */
						a:hover
						{
							color: #635e5d;
						}
						/* 選擇的連結 */
						a:active
						{
							color: #ff8300;
						}
						
						/* 未連結 */
						a2
						{
							color:#ffffff;
						}
						/* 已連結過 */
						a2:visited
						{
							color: #FF0040;
						}
						/* 滑鼠移至連結 */
						a2:hover
						{
							color: #635e5d;
						}
						/* 選擇的連結 */
						a2:active
						{
							color: #ff8300;
						}
						
						.container-fluid
						{
							overflow: hidden;
							margin: 70px auto;
							
						}
						
					/*********************************************************************************/
					/* Image Style                                                                   */
					/*********************************************************************************/

						.image
						{
							display: inline-block;
						}
						
						.image img
						{
							display: block;
							width: 100%;
						}
						
						.image-full
						{
							display: block;
							width: 100%;
							margin: 0 0 2em 0;
						}
						
						.image-left
						{
							float: left;
							margin: 0 2em 2em 0;
						}
						
						.image-centered
						{
							display: block;
							margin: 0 0 2em 0;
						}
						
						.image-centered img
						{
							margin: 0 auto;
							width: auto;
						}

					/*********************************************************************************/
					/* List Styles                                                                   */
					/*********************************************************************************/

						ul.style1
						{
						}
						
						ul.actions
						{
						}
						
						ul.actions li
						{
							display: inline-block;
							padding: 0em 0.50em;
						}


					/*********************************************************************************/
					/* Button Style                                                                  */
					/*********************************************************************************/

						.button
						{
							display: inline-block;
							padding: 1em 2em 1em 2em;
							letter-spacing: 0.10em;
							margin-left: auto;
							margin-right: auto;
							
							border-radius: 6px;
							text-decoration: none;
							font-weight: 700;
							font-size: 1em;
							
							 text-align:center;
						}
						
						.button-alt
						{
							padding: 1em 2em;
							border-color: rgba(0,0,0,.8);
						}
							
					
					/*********************************************************************************/
					/* Heading Titles                                                                */
					/*********************************************************************************/
						h1{vertical-align:text-top;}
						
						h2 
						{
							font-size: 1.8em;
							
							}
						h2 
						{
							font-size: 1.8em;
							text-weight:700;
							}
						h32
						{
						color: rgba(0,0,0,1);
						font-size: 1em;
						}
						h3
						{
						color: rgba(255,255,255,1);
						font-size: 1em;
						}
						h21 
						{
							font-size: 1.3em;
							color: rgba(0,0,0,1);
							}
						h22 
						{
							font-size: 1.3em;
							color: rgba(0,0,0,1);
							}
						h5 
						{
							font-size: 1.3em;
							color: rgba(255,255,255,1);
							}
						.byline
						{
							font-size: 0.7em;
							color: rgba(255,255,255,1);
						}
						
						.byline2{
						font-size: 0.7em;
							color: rgba(0,0,0,1);
						}
					/*********************************************************************************/
					/* Welcome                                                                       */
					/*********************************************************************************/
						#welcome
						{
							position: relative;
							padding: 2em 0em 2em 0em;
							background: #98fb98;
							background-size: cover;
							text-align: left;
						}
						
						#welcome .container
						{
							width: 1000px;
							padding: 0px 100px;
							color: rgba(255,255,255,0.8);
						}
						
						
						#welcome .button
						{
							background: #FFF;
							color: #3f0900;
							text-align: center;
							
						}
					/*********************************************************************************/
					/* Header                                                                        */
					/*********************************************************************************/
						#wrapper
						{
							position: relative;
							padding: 2em 0em 2em 0em;
							background: #FFF;
							color:black;
							text-align:left;
						}
						#wrappera
						{
							
							text-align:center;
						}
					/*********************************************************************************/
					/* Header                                                                        */
					/*********************************************************************************/
						#header-wrapper
						{
							position: relative;
							padding: 3em 0em 0em 0em;
							background: rgb(0,128,0) url(/userUpload/images/10512106/S_7032526969310.jpg) no-repeat center;
							background-size:50% 100%;
						}

						#header
						{
							position: relative;
							padding: 2em 0em 2em 0em;
						}
					/*********************************************************************************/
					/* Logo                                                                          */
					/*********************************************************************************/
						#logo
						{
							position: absolute;
							top: 2.5em;
							left: 0.6em;
						}
						
						#logo h1
						{
							font-size: 1.8em;
							color: #79C255;
						}
						
						#logo a
						{
							text-decoration: none;
							color: rgba(255,255,255,1);
						}

					
					/*********************************************************************************/
					/* Banner                                                                        */
					/*********************************************************************************/
						#banner-wrapper
						{
							padding: 2em 0em;
							background: rgba(0,128,0);
						}

						#banner
						{
							text-align: center;
						}
						
						#banner .title h2
						{
							font-size: 2em;
						}
						
						#banner .title .byline
						{
							font-size: 1.3em;
						}
						
						#banner .button
						{
							margin-top: 2em;
							padding: 1.40em 3em;
							border-radius: 6px;
							font-weight: 700;
							font-size: 1em;
							
						}
						
						.banner
						{
							margin-bottom: 5em;
						}	</style>
</p>
<p>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
</p>
