<p>
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/>
	<style type="text/css">
	/*****************************************************/
	div.navbar.navbar-default.load {
   right: 0;
   left: 0;
   z-index: 1030;
   position: fixed;
   top: 0;
   z-index:9999;
   
   font-size:16px;
   color:black;
   height:auto;
   background-color: rgba(255, 255, 255,1);
   border-color: rgba(0, 0, 0,0.4);
   box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);
   opacity:1;
   }
  
  
 
 .navbar-nav>li>a {
   color:rgba(0,0,0,1);
   
  }

	/******************************************************/
	*{text-align:center;-webkit-animation: zoomIn 3s 1;}
	
h2.text-center{display:none;}
hr {display:none;}

	h1
	{
	color:#FF8800;
	text-align: center;
	font-family: Microsoft JhengHei;
	}
		h22
	{
	color:#DDDDDD;
	text-align: center;
	font-family: Microsoft JhengHei;
	}
			h3
	{
	color:#FFFFFF;
	text-align: center;
	font-family: Microsoft JhengHei;
	}
	.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
  }
  /***************************************/
	 .row {
   display: -ms-flexbox;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   
   margin-right: -12px;
   margin-left: -12px;
  }

  div.col-md-12.load{
   margin:0;
   padding-right: 0;
   padding-left: 0;
    }
.container-fluid {
    width: -webkit-fill-available;
    padding-right: 11px;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
  /*********************************/
.block2 {

	height: 700px;
    background: url(/userUpload/images/15622176075_82e0b04fdb_b.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
	
}
   .block3 {
 
    clear: both;
	height: 700px;
    background: url(/userUpload/images/rice2.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;

}
.block2 .box {
    float: middle;
    margin: middle;
    width: 410px;
    background: rgba(0,0,0,0.6);
    padding: 30px 30px 60px 30px;

}
.block3 .box {
    float: middle;
    margin: middle;
    width: 410px;
    background: rgba(0,0,0,0.6);
    padding: 30px 30px 60px 30px;
}
.row2
{
  padding-top: 5%;
    padding-right: 10%;
    padding-bottom: 5%;
    padding-left: 10%;
background-color:#1e2023;

}	
</style>
</p>
<div class="container-fluid">
	<div class="block2 clearfix" style="background-image:url(/userUpload/images/15622176075_82e0b04fdb_b.jpg)">
		<!--blockarea-->
		
		<!--box end--></div>
	<div class="row2 clearfix">
		<div class="col-md-4">
		<h1 style="-webkit-animation: zoomIn 3s 1">池上飯包</h1>
			<h22>說到好吃的米，腦海自然湧現「池上米」</h22></div>
		<div class="col-md-8">
			<h3>「池上米」好吃的因素有三：一是「土質好」，由海岸山脈沖積含黏質及有機質的土壤闢為良田，最適合稻米生長。二是「水質好」，灌溉水源來自中央山脈的新武呂溪，水質清純富含礦物質。三是「氣候好」，池上鄉位居花東縱谷最高點，海拔高度在260公尺以上，日夜溫差大、日照充足。如此才能生產出享譽全國「香、Q、甜」的特級良質「池上米」。
</h3></div>
	</div>
	<div class="block3 clearfix" style="background-image:url(/userUpload/images/rice2.jpg)">
		<!--blockarea-->
		
		<!--box end--></div>
	<div class="row2 clearfix">
		<div class="col-md-8">
			<h3>說到好吃的米，腦海自然湧現「池上米」，過去火車木片便當裡香噴噴的米飯，如今是享譽國際的嘖嘖好滋味。在民國60年代參加台中農改場比賽即獲首獎。傳說中，台東是呂洞賓在蓬萊仙島上的修真之地。在海天一色間，宛如人間仙境。花東縱谷青翠的山巒，藍天綠地、田園阡陌，令人悸動的風情，這裡是稻米的原鄉，也是池上米的原產地──池上鄉。
			</h3></div>
		<div class="col-md-4">
					<h1>池上飯包</h1>
			<h22>說到好吃的米，腦海自然湧現「池上米」</h22></div>
	</div>
		<div class="block2 clearfix" style="background-image:url(/userUpload/images/15622176075_82e0b04fdb_b.jpg)">
		<!--blockarea-->
		
		<!--box end--></div>
	<div class="row2 clearfix">
		<div class="col-md-4">
		<h1 class=" class="animated bounce" style="animation-duration: 5s;animation-iteration-count:3">池上飯包</h1>
			<h22>說到好吃的米，腦海自然湧現「池上米」</h22></div>
		<div class="col-md-8">
			<h3>「池上米」好吃的因素有三：一是「土質好」，由海岸山脈沖積含黏質及有機質的土壤闢為良田，最適合稻米生長。二是「水質好」，灌溉水源來自中央山脈的新武呂溪，水質清純富含礦物質。三是「氣候好」，池上鄉位居花東縱谷最高點，海拔高度在260公尺以上，日夜溫差大、日照充足。如此才能生產出享譽全國「香、Q、甜」的特級良質「池上米」。
</h3></div>
	</div>

</div>
