<style type="text/css">
@charset "utf-8";html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
						}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
	}
blockquote, q{
	quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';content:none;
	}
*{-webkit-text-size-adjust:none;}
a{text-decoration:none;}
em{font-style:normal;}
fieldset, img{border:0;}
ol, ul{list-style:none;}
abbr, acronym{border:0;}
.CLEAR{clear:both;height:0;font-size:0px;line-height:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
*:first-child + html .clearfix{min-height:1%;}
/*******************************carousel-fade*******************/
.carousel-fade .carousel-inner .item {
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/**********************************************************************/
.container-fluid {
			width: -webkit-fill-available;
			padding-right: 15px;
			padding-left: 15px;
			margin-right: auto;
			margin-left: auto;
		}
	#carousel01{display:none;}
	#myCarousel{margin-top: -20px;}

	body{
			
		
		
		}
		* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	/*************************navbar***********************/
		
		body > div:nth-child(1){	margin: 0;}
		
		div.navbar.navbar-default.load {
		right: 0;
		left: 0;
		z-index: 1030;
		position: fixed;
		top: 0;
		z-index:9999;}
		
	.navbar-default {
			
			opacity:0;
			height:auto;
			background-color: rgba(0, 0, 0,0);
			border-color: rgba(0, 0, 0,0);
			transition: all 0.5s ease;
		 
			}
			
	.navbar-default .navbar-nav>li>a {
			color:rgba(255,255,255,1);
			font-size:18px;
			border-bottom:0px solid #FFF ;
			
		}
	.navbar-default .navbar-nav>li>a:hover{
			color:rgba(255,255,255,1);
			background-color:#c00;
			font-size:18px;
			border-bottom:2px solid #000;
			
		}
		.navbar-default2 {
			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-default2 .navbar-nav>li>a {
			color:rgba(0,0,0,1);
			
		}
		
/****************************************************/		
		.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;
				}
		.bgw{background-color:rgba(255,255,255,0);}
			container-fluid{
			margin-top:5px;
		}
		
		
		body > div.container-fluid.bgw.load > footer > div{padding: 1.2em;}
		footer {
			
			color: #000;
			/* background-color: rgba(0, 0, 0,0); */
			}
/************body*****************/
		*{font-family: 'cwTeXYen', sans-serif;}
		body{
		
		
		position: relative;
			padding: 0;}
		
		div {
				display: block;
			}
		.btn{display: block;}

		.BDBOX {
		  -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
				}
		
		.clearfix2 {
			  overflow: auto;
			}
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.p1{
			    position: absolute;
				top: 32%;
				right: 0px;
				z-index:0;
				}
		h2,h3,h4{text-align: center;}
		.smalltitle{ color:#ffa100;	}
		h2 {
			margin-bottom: 30px;
			padding-top: 0;
			color: #000;
			text-align: center;
		}
		.text{
			line-height:3;
		}
		.mainarea {
			position:relative;
			padding: 0;
			margin-top: -112px;
			background: #FFF;
			}
		.image-full
		{
			display: block;
			width: 100%;
			margin: 0 0 0 0;
		}
		.image-rounded
		{
			border-radius: 10%;
		}
/**************************************************/
		.COL4{
			width: 25%;
			float: left;
			min-height: 30%;
		}
		.COL3{
			width:33.33%;
			float:left;
			padding:0;
			position: relative;
		}
		.COL12{
			width:100%;
			padding:2em;
			
			
		}
		.COL6{
			width:50%;
			float:left;
			padding:2em;
			
		}
		.clearfix:after {
			  content: ".";
			  display: block;
			  height: 0;
			  clear: both;
			  visibility: hidden;
		}
		
		
/***********blockarea***************/
		.block0	{
				
				height:100vh;
				width:100%;
				position:absolute;
				top:0;
				left:0;
				 margin-top: -20px;
				background: linear-gradient(180deg,rgba(0,0,0,0) -14%,rgba(0,0,0,0.68) 71%);
				}
		.block1 {
				clear: both;
				background: url('/userUpload/images/01.jpg');
				background-repeat: no-repeat;
				background-attachment: fixed;
				background-position: bottom;
				background-size: cover;
				z-index:50;
				height:100vh;
		}
		.block1 .box {
				float: left;
				margin-left: 12%;
				width: 410px;
				background: rgba(0,0,0,0.6);
				padding: 150px 30px 60px 30px;
		}
		.block2 {
				clear: both;
				position:relative;
				
				background-position: center;
				background-size: cover;
				z-index:20;
		}
		.block2 .box {
				float: right;
				margin-right: 12%;
				width: 410px;
				background: rgba(0,0,0,0.7);
				padding: 150px 30px 60px 30px;
		}
		
		.block1 .text, .block2 .text {
				margin-top: 30px;
				font-size: 15px;
				
				color: #FFF;
				line-height: 1.8;
			}
		.block1 .btn a:hover, .block2 .btn a:hover {
				border: 1px solid #a27c48;
				background: #a27c48;
				color: #FFF;
			}
		.block1 .btn a, .block2 .btn a {
				display: inline-block;
				padding: 10px 15px;
				border: 1px solid #FFF;
				font-size: 12px;
				color: #FFF;
				text-transform: uppercase;
			}
		.block3 {
				    position: relative;
					padding: 5em 0 0 0;
					color: white;
					background-image: url(/userUpload/images/06-1.jpg);
					background-repeat: no-repeat;
					background-attachment: fixed;
					background-position: center;
					background-size: cover;
		}
		.block3 h2{color:#ffbe00;font-size:2.5em;}
		.block3 h2:after{
			content: "";
			display: block;
			margin: 10px 0;
			width: 100%;
			height: 2px;
			border-bottom: 4px double #fff;
			
		
		}
		
/*******************標題美化*************/
		.title1area {
				width: 100%;
				height: auto;
				text-align: center;
				padding: 60px 0 0 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:#ffa100;
				font-size: 1.5em;
				margin-bottom: 50px;
			}
		
/*******************STORYAREA****************************/

		.STORY {	
				position:relative;
				clear: both;
				background-image:url('/userUpload/images/storybg3.png');
				background-repeat: no-repeat;
				background-attachment:fixed;
				padding:  0;
				
			}
		.storya{
			
			display: inline-block;
			float: left;
			box-sizing: border-box;
			padding: 12px;
			border: 1px solid rgba(66,66,37,0.4);
		
		}
		 h2:after{
			content: "";
			display: block;
			margin: 10px 0;
			width: 100%;
			height: 2px;
			border-bottom: 4px double #fff;
			
		
		}
		
		div.STORY > div.COL12.clearfix2 > div.text.COL6{
		
				border-bottom: 1px dashed #ae1d49;
				padding: 0.5em;
		}
		
		body > div.STORY > div.COL4{
				;
				background-color:#e9ecef;
				padding: 20px 0;}
		.content{
				
				background-color: #ced4da;
				padding:30px;
		}
/*******************banner********************/
		.item{
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			height: 100vh;
		}
		.carousel-caption{
			padding:30% 20% 7% 20%;
			
		}
		.carousel-caption h3{font-size:5em;}
		.carousel-caption p{font-size:1.8em;}
		
		
		.boxtop{
			position: absolute;
			width: 40%;
			height:auto;
			background-image:url('/userUpload/images/0001.jpg');
			background-repeat:auto;
			background-attachment:scroll;
			display: block;
			padding: 25px 35px;
			border: 2px solid #FFF;
			font-size: 18px;
			color: #000;
			text-transform: capitalize;
			top: 4%;
			left: 30%;
			z-index: 100;
			font-family: 'cwTeXYen', serif;
			line-height: 1.2;
			text-align:center;
		}
		.boxtop h4{
			color: #ffdb70;
			margin-bottom: 5px;
			font-weight: 100;
			letter-spacing: .06em;
			font-size: 22px;
		}
		.boxtop h2{
			position: relative;
			font-weight: 100;
			letter-spacing: .06em;
			text-transform: uppercase;
			color: #e8c027;
			font-size: 3em;
			
		}
		
		.boxtop h2:after{
			content: "";
			display: block;
			margin: 10px 0;
			width: 100%;
			height: 2px;
			border-bottom: 4px double #7d5e29;;
			
		
		}
		.boxtop nav{padding-top:50px;}
		.boxtop nav{display: block;}
		.boxtop ul li:first-child {
			border-left: 1px dashed rgba(255,255,255,0.6);
				}
		.boxtop li{
			
			border-right: 1px dashed rgba(255,255,255,0.8);
			min-width:10%;
			position: relative;
			display: inline-block;
			padding: 10px 7px;
		}
		.imga{
			position: absolute;
			top: 0;
			z-index: 9;
			left: 7%;
			width: 85%;
		}
		
		.boxtop a{
			position: relative;
			
			font-size: 24px;
			color: #fff;
			letter-spacing: 2px;
			height: 150px;
			text-align: left;
			text-decoration: none;
			-webkit-writing-mode: vertical-rl;
			writing-mode: vertical-rl;
			writing-mode: tb-rl;
}

		.boxtop li:hover  {
			color: #fff;
			background-color:rgba(160,0,0,0.8);
			text-decoration: none;
		
  
 
		}
		
		.boxtop li:hover a {
			color: #fff;
			
			text-decoration: none;
		}
		
		
		.boxa{
		  position:absolute; 
		  top:590px;
		  left:50%;
		  z-index:100;
		}
		.scroll:after{
			position: absolute;
			    position: absolute;
				top: 23%;
				LEFT: 51%;
				transform: translateX(-50%) rotate(-45deg);
				content: 'scroll down';
				z-index: 3;
				
				color: #f5f5f5;
	
		}
		
		.scroll{
			position: fixed;
			z-index: 999;
			top: 80%;
			bottom: 50%;
			left: 50%;
			transform: translateX(-50%);
			border: 1px solid #FFF;
			font-size: 12px;
			color: #FFF;
			text-transform: capitalize;
			width: 80px;
			height: 80px;
			background-color: #322309;
			border-radius: 2px;
			transform: translateX(-50%) rotate(45deg);
			-webkit-animation: boxa 1.8s infinite;
		}

		@-webkit-keyframes boxa{
		  0%{
			top:80%;
		  }
		  20%{
			border-radius:2px;
		  }
		  50%{
			top:85%; 
			border-bottom-right-radius:25px;
		  }
		  80%{
			border-radius:2px;
		  }
		  100%{
			top:80%;
		  }
		}
		
		.area{width: 1200px;
			margin: 0 auto;}
			
		h4.img1:before {
			content: '';
			position: relative;
			z-index: 99;
			width: 82px;
			margin-left: -74px;
			margin-bottom: -42px;
			height: 58px;
			display: inline-block;
			background: url(/userUpload/images/4-3.png) no-repeat;
		}
/****************************************/

		@media screen and (max-width: 480px){

			.block1 .box, .block2 .box ,.COL6,.COL3{
				width: 100%;
				margin: 0;
				line-height:2;
							}
			.COL4{ padding:15px;}
			.COL12{ padding:15px;}
			.boxtop h4{font-size: 15px;}
			.boxtop h2{font-size: 1.8em;}
			.boxtop nav{display:none;}
			.carousel-caption h3{display:none;}
			.p1{top:53%;}
			.area{width: 100%;}
			}
		@media screen and (min-width: 481px) and (max-width: 639px){
		.area{width: 100%;}
		.COL3{
				width: 50%;
				margin: 0;
				line-height:2;
							}
		}
		@media screen and (max-width: 640px){.boxtop nav{display:none;}
		
		}
		@media screen and (min-width: 640px) and (max-width: 767px) {
		.COL6{	width: 100%;
				margin: 0;
				line-height:2;}
		.area{width: 100%;}
			.COL12{ padding:20px;}
			.area{width: 100%;}
			.STORY div.COL4 {
				float: none;
				padding: 10px;
				width: 100%;
			}
			.navbar-default {opacity:1;}
			}
		@media (min-width: 768px) and (max-width: 1200px) {
		
		.area{width: 100%;}
	
		.boxtop a {font-size: 30px;}
		}
		@media screen and (min-width: 1400px) {
			.imageshow2 .btn {
							margin: 191px auto;
						}	
			.boxtop a {font-size: 30px;}
		
		}
		
		
			
		body > div.STORY > div.COL4{
				
				background-color:#e9ecef;
				}
		body > div > div.STORY > div{ padding:20px; }
			}
		/***************************活動資訊圖文介紹hover效果***************************/							
		
		
		.animation2 {
				position: relative;
				height:100%;	
				background-repeat: no-repeat;
				background-size:cover;
				display: inline;
					}
		
		
		.animation2 a{color:white;}
		.imageshow2{
				color:#fff;
				width: 0px;
				height: 0px;
				background: rgba(0,0,0,0);
				position: absolute;
				border: 0px solid #fff;			
				top:50%;
				left:50%;
				padding: 0.5em 0.8em ;			
				text-align: center;
				font-size: 1em;
				transition: 0.5s ease;
				overflow: hidden;
				opacity:0;
						}
						
		.animation2:hover .imageshow2 {
				width: calc((100% - 10%) ); 
				height: calc(100% - 10%);
				top:5%;
				left:5%;
				border: 1px solid #fff;	
				opacity:1;
						}
		.imageshow2  .btn{
				
				

		}
		.imageshow4{
				width: 0%;
				height: 0%;
				background-color:rgba(0,0,0,0.3);
				position: absolute;
				top:50%;
				left:50%;	
				text-align: center;
				font-size: 1em;
				transition: 0.7s ease;
				overflow: hidden;
				opacity:0.1;
						}	
		.animation2:hover .image-transform {
				transform:rotate(15deg);
				overflow:hidden;
						}				
						
		.animation2:hover .imageshow4 {
				width: 100%; 
				height: 100%;
				top:0;
				left:0;
				opacity:1;
						}
		
		#gotop {
			margin: 15px 18px 35px 15px;
			padding: 3px 5px 7px 5px;
			background: rgba(0,0,0,0.5);
			color: #FFFFFF;
			z-index: 99999;
			position: fixed;
			bottom: 0;
			right: 0px;
			border-radius: 5px;
			text-align: center;
			text-decoration: none;
			width: 3.5em;
			line-height: 0.5em;
			opacity:0;
		}
		.iframe-rwd {
							position: relative;
							padding-bottom: 40%;
							padding-top: 0;
							height: 0;
							overflow: hidden;
						}
	.iframe-rwd iframe {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
						}
		 h4	{
						font-size:1.8em;
						font-weight: 800;
		 }
		
		
			</style>
	<link href="https://fonts.googleapis.com/earlyaccess/cwtexyen.css" rel="stylesheet" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" type="text/css" />
	<script src="https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script>

<div class="mainarea">
<a class="show" href="#top" id="gotop" >^<br>Top</a>
	
	
	<div class="scroll">
		</div>
	<div class="boxtop">
		<div class="title1area0 clearfix">
			<h4 class="smalltitle revealOnScroll" data-animation="pulse">
				Taitung Chishang</h4>
			<h2 class="bigtitle revealOnScroll" data-animation="zoomIn" style="letter-spacing: .08em;font-weight: normal;">
				東軒坊</h2>
			<nav class="clearfix">
				<ul class="topA  clearfix">
					<li>
						<a href="#story">首頁</a></li>
					<li>
						<a href="http://ecloud.ewang.com.tw/index.php?Act=1139&MK=1139&PK=1141">商品介紹</a></li>
					<li>
						<a href="http://ecloud.ewang.com.tw/index.php?Act=1139&MK=1139&PK=1142">線上介紹</a></li>
					
				</ul>
			</nav>
		</div>
		
	</div>
	
	<div class="block1 clearfix">
		<!--blockarea-->
		<div class="boxa">
			&nbsp;</div>
		<div class="carousel slide carousel-fade " data-ride="carousel" id="myCarousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li class="active" data-slide-to="0" data-target="#myCarousel">
					&nbsp;</li>
				<li data-slide-to="1" data-target="#myCarousel">
					&nbsp;</li>
				<li data-slide-to="2" data-target="#myCarousel">
					&nbsp;</li>
			</ol>
			<!-- Wrapper for slides -->
			<div class="carousel-inner ">
				<div class="item active" style="background-image:url(/userUpload/images/tc053001.jpg)">
					<!--<div class="carousel-caption ">
									<h3>銘泉生態</h3>
									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>
								  </div>--></div>
				<div class="item" style="background-image:url(/userUpload/images/tc053002.png);">
					<!--   <div class="carousel-caption ">
									<h3>黃記包子</h3>
									
									<li>堅持不添加化學改良劑
									<li>堅持使用天然酵母
									<li>堅持手工捏製
									
								  </div> --></div>
				<div class="item" style="background-image:url(/userUpload/images/tc053003.png)">
					<div class="carousel-caption">
						&nbsp;</div>
				</div>
			</div>
			<!-- Left and right controls --><!-- <a class="left carousel-control" href="#myCarousel" data-slide="prev"> --><!-- <span class="glyphicon glyphicon-chevron-left"></span> --><!-- <span class="sr-only">Previous</span> --><!-- </a> --><!-- <a class="right carousel-control" href="#myCarousel" data-slide="next"> --><!-- <span class="glyphicon glyphicon-chevron-right"></span> --><!-- <span class="sr-only">Next</span> --><!-- </a> -->
			</div>
		<!--box end-->
	<div class="block0 clearfix"></div>	
	</div>
	<!--blockarea end-->
	<div  id="story"class="STORY">
		<!--STORY-->
		<div class="COL12 clearfix area">
			<div class="title1area">
				<h4 class="img1 smalltitle revealOnScroll" data-animation="zoomInUp">
					Taitung Chishang</h4>
				<h2 class="bigtitle revealOnScroll " data-animation="zoomIn" style="letter-spacing: .08em;font-weight: normal;">
					東軒坊</h2>
				<p>
					來自清淨無汙染的台東,生長在優質米的故鄉關山</p>
				<p>
					東軒坊位於關山鎮德高里一個聞名全國的良質米產地,小球自行返鄉清農，曾做過行銷，原生植物園助理等.....。</p>
			</div>
			<hr class="style1 revealOnScroll" data-animation="zoomInUp" />
			<!-- <div class="p1">
				<img class="p1 revealOnScroll" data-animation="zoomIn" src="/userUpload/images/02-3.png" /></div> -->
			<div class="COL12 storya" style="z-index:2;">
				<img class="image-full revealOnScroll" data-animation="zoomIn" src="/userUpload/images/tc053004.jpg" /></div>
			<!--text-box-->
			<div class="text COL12 " >
				<p class="revealOnScroll" data-animation="pulse">
					後來因健康因素放棄超商百萬年薪，回歸故鄉。回歸故鄉後建 優質農產品銷售受限,從盤商、行口,看到農村被收購的困境,加上對國物安全的理念,因而向良質米產銷班優良模範的舅舅，學習種植技術,努力參加競賽，比賽自有品" SAY Q 米"讓購買的的消費者得到更好的品質;並發揮先前做的行銷專長,投入農產品銷售,也協助地方農產的銷售,期能改善務農者的從農獲利。

					</p>
				<P>
					農場主力作物為稻米及健康導向的黑糯米(紫米),以無毒農法種植,並開始朝降農藥及化肥使用的目標前進。斷藥期30-50天。 以「鮮度」作為市場區隔,農場稻米及糯米等,均以冷藏保鮮維持如新米初收的口 感,客人下訂後才製及包裝出貨,因此下訂單後需等待3~5天的準備及配送喔。
				</P>
			</div>
			<!--text-box--></div>
	</div>
	
	
		
<div class="GOODNEWS "><!--STORY-->
		
		
		<div id="map" class=" clearfix" style="background-color:#fff;">

			
				<div class="COL12 title1area clearfix" style="background-color:white;" >
				
                <h4 class="smalltitle revealOnScroll" data-animation="pulse"style="color:black;font-size:2.5em;"> LOCATION</h4>
                <h4 class="bigtitle revealOnScroll" data-animation="pulse">交通位置</h4>
				</div>
				<div class="iframe-rwd COL12map">
						<div class="iframe-rwd">
						<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3670.701543145434!2d121.17060481496871!3d23.07140108492832!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346f0a2ac167aca5%3A0xfcea9085f828760c!2z6Zec5bGx5p2x6LuS5Z2K!5e0!3m2!1szh-TW!2stw!4v1525286900737" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
						
						</div>
					</div>
				<div class="text COL12 clearfix revealOnScroll"style="background-color:#fff;color:black;min-height:370px;text-align:center;padding:4em 2em;" data-animation="pulse">
					<div class="COL12 title1area clearfix" style="background-color:white;border-bottom:1px #000 dashed;" >	
					

						<h4>本店地址</h4>
						<p>	
998-0854台東縣關山鎮德高里永豐48號
					</p>
					<P>
					碾米方式:小農接單現碾 <br>
					包裝地址:關山鎮德高里永豐路48號 <br>
					訂購專線:0963-259-025<br>
					訂購信箱:polo.lin1224@msa.hinet.net <br>
					網 址 :http://weigo.tw/21 <br>
					付款方式:滿2000元免運費,未滿2000元 以上一箱加收100元運費<br>
					*若訂購大宗數量(5箱以上,每箱20公斤)即享有其他優惠 請直接來電0963-259-025東軒坊-林振球先生

					</P>
					<br>
				</div>
				</div>
			
		</div>
	
</div>			


<script type="text/javascript">

</script><script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js"></script><script type="text/javascript">

$(document).ready(function(){
$("div h2.text-center").hide();

$("div hr").hide();


$("div hr.style1").show();
$("div hr.style3").show();

$('div.collapse.navbar-collapse.load > ul:nth-child(2) > li:nth-child(3) > a').attr('target','_self');


});


$(function(){
    $(window).scroll(function(){
        var scrollTop = $(window).scrollTop();
        if(scrollTop > 70){
            $(' body > div.navbar.navbar-default.load').addClass('navbar-default2');
			$('a.navbar-brand').addClass('nav000');
			$('a.navbar-brand').removeClass('navbar-brand');
			$(".boxa").css({"opacity": "0", "-webkit-transition": "opacity 1s ease-in"});
			$(".boxtop").css({"opacity": "0", "-webkit-transition": "opacity 1s ease-in"});
			$(".imga").css({"opacity": "0", "-webkit-transition": "opacity 0.89s ease-in"});
			$(".scroll").css({"opacity": "0", "-webkit-transition": "opacity 0.89s ease-in"});
			$("#gotop").css({"opacity": "1", "-webkit-transition": "opacity 0.89s ease-in"});
			
			
        }else{
            $(' body > div.navbar.navbar-default.load').removeClass('navbar-default2');
			$(' a.nav000').addClass('navbar-brand');
			$('a.navbar-brand').removeClass('nav000');
			$(".boxa").css({"opacity": "1", "-webkit-transition": "opacity 1s ease-in"});
			$(".boxtop").css({"opacity": "1", "-webkit-transition": "opacity 1s ease-in"});
			$(".imga").css({"opacity": "1", "-webkit-transition": "opacity 0.89s ease-in"});
			$(".scroll").css({"opacity": "1", "-webkit-transition": "opacity 0.89s ease-in"});
			$("#gotop").css({"opacity": "0", "-webkit-transition": "opacity 0.89s ease-in"});
			
        }
    });
});

$(function() {

  var $window           = $(window),
      win_height_padded = $window.height() * 1.1,
      isTouch           = Modernizr.touch;

  if (isTouch) { $('.revealOnScroll').addClass('animated'); }

  $window.on('scroll', revealOnScroll);

  function revealOnScroll() {
    var scrolled = $window.scrollTop(),
        win_height_padded = $window.height() * 1.1;

    // Showed...
    $(".revealOnScroll:not(.animated)").each(function () {
      var $this     = $(this),
          offsetTop = $this.offset().top;

      if (scrolled + win_height_padded > offsetTop) {
        if ($this.data('timeout')) {
          window.setTimeout(function(){
            $this.addClass('animated ' + $this.data('animation'));
          }, parseInt($this.data('timeout'),10));
        } else {
          $this.addClass('animated ' + $this.data('animation'));
        }
      }
    });
    // Hidden...
   $(".revealOnScroll.animated").each(function (index) {
      var $this     = $(this),
          offsetTop = $this.offset().top;
      if (scrolled + win_height_padded < offsetTop) {
        $(this).removeClass('animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse')
      }
    });
  }

  revealOnScroll();
});</script>
