:root
{
	--ci-color									:#51948B;
}
body
{
	margin:0;
}
body layout *
{
	display:block;
}
body,html
{
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
}
mask
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.8);
}
img[posi=ci-logo]
{
	max-width:100px;
	border:0;
}
banner
{
	position:relative;
	background:#D7DBE6;
}
top[posi=topmenu] a:link,top[posi=topmenu] a:visited
{
	color:#626365;
	text-decoration:none;
}
top[posi=topmenu] a:hover
{
	color:orange;
}
@media only screen and (min-width:0px) and (max-width:768px)
{
	vieWindow[posi=parent]
	{
		position:relative;
		display:none;
		width:95vw;
		height:90vh;
		background:white;
		margin:calc((100vh - 90vh) / 2) auto;
		border-radius:5px;
	}
	vieWindow[posi=close]
	{
		position:absolute;
		top:10;
		right:10;
		font-size: 20px;
	}
	vieWindow[posi=close]:hover
	{
		color: #3C3C3C;
	}
	vieWindow[posi=detial]
	{
		display:flex;
		flex-direction: column;
		position:absolute;
		top:5%;
		bottom: 5%;
		left:5%;
		right:5%;
		overflow-y: auto;
		overflow-x: hidden;
	}
	vieWindow[posi=detial_title]
	{
		display: block;
		width: 100%;
		margin: 10px;
		font-size:18px;
		font-family:Century,微軟正黑體;
		font-weight: bold;
		color: #B18153;
	}
	
	vieWindow[posi=detial_text]
	{
		display: block;
		width: 95%;
		max-height: 95%;
		margin: 10px;
		font-size: 16px;
		font-family: Century, 微軟正黑體;
		color: #5B5B5B;
	}
	img
	{
		max-width:100vw;
	}
	top[posi=ci-color-line]
	{
		display:none;
	}
	top[posi=ci-menu-switch]
	{
		position:absolute;
		top:50;
		right:20;
		color:white;
		font-size:24px;
	}
	top[posi=ci-topbanner-bar]
	{
		padding:50 0 10 10;
		position:relative;
		background:var(--ci-color);
	}
	top[posi=ci-topbanner-bar] img
	{
		max-width:70px;
		max-height:70px;
	}
	top[posi=ci-topmenu-parent]
	{
		display:none;
		position:absolute;
		top:0;
		left:0;
		z-index:9;
		width:100%;
		background:white;
	}
	top[posi=fixTopMenu]
	{
		width:60vw;
		margin:70 auto;
	}
	top[posi=topmenu]
	{
		padding:15 0;
		color:#626262;
		font-size:18px;
		font-weight:bold;
		font-family:Century, 微軟正黑體;
		border-bottom:1px solid silver;
		box-sizing:border-box;
	}
	top[posi=menuclose]
	{
		color:#626262;
		font-size:22px;
		float:right;
		margin:-30 0 0 0;
	}
	carousel[posi=siteName]
	{
		position:absolute;
		top:50;
		left:90;
		color:white;
		font-size:18px;
		font-weight:bold;
		font-family:Century, 微軟正黑體;
	}
	carousel[posi=subTitle]
	{
		position:absolute;
		top:75;
		left:90;
		color:#D4E74F;
		font-size:18px;
		font-weight:bold;
		font-family:Century, 微軟正黑體;
	}
	carousel[posi=photo] img
	{
		max-width:100vw;
	}
	carousel[posi=narRate1],carousel[posi=narRate2]
	{
		width:49vw;
		margin:10 0 5 0;
		display:inline-block;
		text-align:center;
		color:white;
		font-size:18px;
		font-weight:bold;
		font-family:Century, 微軟正黑體;
	}
	content[posi=replenish1]
	{
		margin:5 0 10 10;
		display:inline-block;
		color:#666666;
		font-size:16px;
		font-weight:bold;
		font-family:Century, 微軟正黑體;
	}
	content[posi=replenish2]
	{
		vertical-align:middle;
		margin:0 0 0 20;
		display:inline-block;
	}
	content[posi=community] > content
	{
		margin:0 5 0 0;
		display:inline-block;
	}
	content[posi=replenish2] img
	{
		vertical-align:middle;
		max-width:20px;
		max-height:20px;
	}
	/****品牌故事****/
	brand[posi=parents]
	{
		width:100%;
		background:#D7DBE6;
	}
	brand[posi=Title]
	{
		width:80vw;
		margin:0 auto;
		padding:50 0 20 0;
		color:#B18153;
		font-size:24px;
		font-family: Century, 微軟正黑體;
		font-weight: bold;
	}
	brand[posi=photoList]>brand
	{
		
		width:80vw;
		margin:20 auto;
	}
	brand[posi=photoList] img,brand[posi=photoList] iframe
	{
		width:80vw;
		border:3px solid black;
		border-radius:5px;
	}
	brand[posi=editText]
	{
		width:80vw;
		margin:20 auto;
		padding:0 0 20 0;
		line-height:28px;
		color:#666666;
		font-size:16px;
		font-family:Century, 微軟正黑體;
	}
	/****關於我們****/
	about[posi=Title]
	{
		text-align:center;
		width:90%;
		margin:50 auto;
		color:#B18153;
		font-size:24px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	about[posi=photoList]
	{
		width:80%;
		margin:0 auto;
	}
	about[posi=photoList]>about
	{
		margin:10 0;
	}
	about[posi=photoList] img
	{
		max-width:100%;
	}
	about[posi=editText]
	{
		width:80vw;
		margin:20 auto;
		padding:0 0 20 0;
		line-height:28px;
		color:#666666;
		font-size:16px;
		font-family:Century, 微軟正黑體;
	}
	/****最新消息****/
	
	news[posi=parents]
	{
				
		width:100%;
		/*background:#D7DBE6;*/
				
	}
	
	news[posi=en_title]
	{
				
		display: flex; 
		justify-content: center; 
		align-items: center; 
		font-size: 24px; 
		font-weight: bold;
		margin-bottom: 50px;
		font-family: Century, 微軟正黑體;
		color: #B18153;
				
	}
			
	news[posi=ch_title]
	{
				
		display: flex; 
		justify-content: center; 
		align-items: center; 
		font-size: 24px; 
		font-weight: bold;
		font-family: Century, 微軟正黑體;
		color: #B18153;
				
	}
			
	news[posi=content]
	{
				
		display: flex; 
		flex-direction: column; 
		justify-content: center; 
		align-items: center;
				
	}
	
	news[posi=news]
	{
				
		display: flex;
		flex-direction: column;
		width: 90vw;
				
	}
			
	news[posi=news-container]
	{
				
		display: flex; 
		flex-direction: column; 
		width: calc((100wv - 90vw) / 2); 
		height: 50vh;
		padding: 10px;
		margin-bottom: 20px;
				
	}
	
	img[posi=newsimage]
	{
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		
	}
			
	news[posi=news-image]
	{
		
		width: 100%;
		height: 100%;
		/*border: 1px solid #ccc; */
		/*padding: 10px; */
		text-align: center; 
		max-width: 100%;
		max-height: 100%;
		border-radius:10px;
				
	}
			

	news[posi=photo-1], news[posi=photo-2], news[posi=photo-3], news[posi=photo-4]
	{
		
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-size:100%;
    background-position:center;
    border-radius:10px;
				
	}
			
			
	news[posi=news-title]
	{
				
		display: block; 
		/*overflow: hidden; */
		word-wrap: break-word;
		width: 100%; 
		max-width: 100%; 
		margin: 20px 0px; 
		font-size: 22px; 
		font-weight: bold;
		font-family: Century, 微軟正黑體;
				
	}
			
	news[posi=news-items]
	{
				
		display: none; 
		overflow: hidden; 
		width: 100%; 
		height: 100%; 
		font-size: 16px;
		/*max-width: 200px;*/
		font-family: Century, 微軟正黑體;
		margin-bottom: 10px;
				
	}
			
	news[posi=news-date]
	{
				
		display: block; 
		width: 100%; 
		max-width: 100%; 
		margin-top: 10px;
		font-size: 14px;
		font-family: Century, 微軟正黑體;
				
	}
			
	/*news[posi=per]
	{
				
		display: none;
		font-size: 50px;
		cursor: pointer;
		transition: margin-right 0.3s;
		padding: 0px 55p;
				
	}
			
	news[posi=per]:hover
	{
				
		margin-right: 10px; 
				
	}
			
	news[posi=next]
	{
				
		font-size: 50px;
		cursor: pointer;
		transition: margin-left 0.3s;
		padding: 0px 55p;
				
	}
			
	news[posi=next]:hover
	{
				
		margin-left: 10px; 
				
	}*/
	
	/****農場特色****/
	feature[posi=parents]
	{
		/*
		background:url("../images/featrueBG.jpg");
		background-repeat:no-repeat;
		background-position:top;
		*/
		width:100vw;
	}
	feature[posi=Title]
	{
		display:inline-block;
		text-align:right;
		width:90%;
		margin:50 auto;
		color:#4B8461;
		font-size:24px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	feature[posi=editText]
	{
		width:80%;
		margin:10 auto 0 auto;
		padding:0 0 20 0;
		line-height:28px;
		color:#4B8461;
		font-size:16px;
		font-family:Century, 微軟正黑體;
	}
	feature[posi=photoList]
	{
		width:80%;
		margin:30 auto 0 auto;
	}
	feature[posi=photoList] img
	{
		margin:0 auto;
		max-width:80%;
	}
	feature[posi=photoname]
	{
		padding:10 0;
		text-align:center;
		color:#4B8461;
		font-size:18px;
		font-family:Century, 微軟正黑體;
	}
	/****照片集****/
	photo[posi=parents]
	{
		background:#DEDED4;
		width:100vw;
	}
	photo[posi=Title]
	{
		display:inline-block;
		text-align:center;
		width:100%;
		margin:50 0 0 0;
		color:#BD803F;
		font-size:24px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	photo[posi=photoBorder]
	{
		width:95%;
		margin:10 auto 0 auto;
		color:red;
	}
	/*
	photo[posi=photoGrid]
	{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-auto-rows:100px;
	}
	photo[posi=photoGrid]>photo
	{
		margin:5;
		background:#D8AD6D;
		background-repeat:no-repeat;
		background-size:100% auto;
    background-position:center top;
    border-radius:5px;
    box-sizing:border-box;
    color:rgba(0,0,0,0);
	}
	photo[posi=photo-1]
	{
		grid-column-start:1;
		grid-column-end:4;
	}
	photo[posi=photo-4]
	{
		grid-column-start:1;
		grid-column-end:2;
		grid-row-start:3;
	}
	photo[posi=photo-5]
	{
		grid-column-start:2;
		grid-column-end:3;
		grid-row-start:3;
	}
	photo[posi=photo-6]
	{
		grid-column-start:1;
		grid-column-end:2;
		grid-row-start:4;
		grid-row-end:6;
	}
	photo[posi=photo-7]
	{
		grid-column-start:2;
		grid-column-end:3;
		grid-row-start:4;
	}
	photo[posi=photo-8]
	{
		grid-column-start:2;
		grid-column-end:4;
		grid-row-start:5;
	}
	*/
	/****流程與收費****/
	pac[posi=parents]
	{
		background:#DEDED4;
		width:100%;
	}
	pac[posi=Title]
	{
		display:inline-block;
		text-align:center;
		width:100%;
		margin:30 0;
		color:#BD803F;
		font-size:24px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	pac[posi=editText]
	{
		width:95%;
		margin:10 auto 0 auto;
		padding:0 0 20 0;
		color:#4B8461;
		font-size:16px;
		font-family:Century, 微軟正黑體;
	}
	pac[posi=editText] img
	{
		max-width:100%;
	}
	pac[posi=ListParent]
	{
		width:90%;
		margin:0 auto;
	}
	pac[posi=photoList] pac
	{
		display:inline-block;
		vertical-align:middle;
		margin:0 0 20 0;
	}
	pac[posi=Content]>pac:nth-child(3n+1)::before
	{
		content:"\f005";
		font-family:"FontAwesome";
		font-size:16px;
		margin:0 10 0 0;
	}
	pac[posi=Content]>pac:nth-child(3n+1)
	{
		display:block;
	}
	pac[posi=Content]>pac:nth-child(3n+2)
	{
		font-size:16px;
		color:black;
	}
	pac[posi=Content]>pac:nth-child(3n+3)
	{
		color:#C40000;
		margin:0 0 20 0;
	}
	/****適合對象****/
	suit[posi=parents]
	{
		background:#F2E9D8;
		width:100vw;
	}
	suit[posi=Title]
	{
		display:inline-block;
		text-align:right;
		width:90%;
		margin:50 auto 0 auto;
		color:#BD803F;
		font-size:24px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	suit[posi=photoList]
	{
		width:90%;
		margin:30 auto 0 auto;
	}
	suit[posi=photoList]>suit
	{
		width:100%;
	}
	suit[posi=photoList] img
	{
		margin:0 auto;
		max-width:100%;
	}
	suit[posi=photoname]
	{
		padding:10 0 50 0;
		text-align:center;
		color:#BD803F;
		font-size:16px;
		font-family:Century, 微軟正黑體;
	}
	/****連絡我們****/
	contacts[posi=parents]
	{
		position:relative;
		width:100vw;
	}
	contacts[posi=Title]
	{
		text-align:center;
		width:100%;
		margin:30 auto 30 auto;
		color:black;
		font-size:24px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	contacts[posi=contentFix]
	{
		width:80%;
		margin:0 auto;
	}
	contacts[posi*=content-]>contacts
	{
		display:inline-block;
		vertical-align:middle;
		line-height:36px;
	}
	contacts[posi*=content-] img
	{
		vertical-align:middle;
		max-width:20px;
		margin:0 auto;
	}
	contacts[posi=icon]
	{
		text-align:center;
		width:40px;
		font-size:18px;
	}
	/****頁尾****/
	footer[posi=parents]
	{
		position:relative;
		background:var(--ci-color);
		width:100vw;
	}
	footer[posi=fix]
	{
		width:90%;
		margin:0 auto;
		padding:20 0 30 0;
	}
	footer[posi=fix]>footer
	{
		vertical-align:top;
	}
	footer[posi=Left]>footer[posi=contentFix]
	{
		display:grid;
		grid-template-columns:1fr 2fr;
		grid-auto-rows:30px;
	}
	footer[posi=SiteLogo]
	{
		grid-column-start:1;
  	grid-row-start:1;
  	grid-row-end:3;
  	justify-content:center;
  	align-items:center;
	}
	footer[posi=SiteLogo] img
	{
		max-width:70px;
		margin:0 auto;
	}
	footer[posi=siteName]
	{
		grid-column-start:2;
		grid-column-end:2;
		color:white;
		font-size:18px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	footer[posi=subTitle]
	{
		grid-column-start:2;
		grid-column-end:2;
		color:white;
		font-size:16px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	footer[posi=siteCopyright]
	{
		position:absolute;
		bottom:5;
		left:0;
		width:100%;
		text-align:center;
		color:white;
		font-size:14px;
		font-family:Century, 微軟正黑體;
	}
	footer[posi=Left],footer[posi=Middle],footer[posi=Right]
	{
		width:95%;
		margin:10 0 0 0;
	}
	footer[posi=menu] a:link,footer[posi=menu] a:visited
	{
		color:#FFF;
		text-decoration:none;
	}
	footer[posi=Middle] footer[posi=menu]
	{
		text-align:center;
		padding:5 0;
		color:white;
		font-size:20px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	footer[posi=Right] iframe
	{
		width:95%;
		height:150px;
		margin:30 auto 0 auto;
	}
	
	backhome[posi=fixed-icon] 
	{
  	position:fixed;
  	flex-direction: column;
   	bottom:15px;
  	right:15px;
  	width:50px; 
  	height:50px;
  	/*background-color:#3498db;*/
  	background: linear-gradient(to bottom, #3498db, #00f2fe);
  	color:#fff;
 		border-radius:50%;
  	display:flex;
  	align-items:center;
  	justify-content:center;
  	cursor:pointer;
  	text-decoration:none;
  	font-size:25px;
  	z-index:5;
  	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	}

	backhome[posi=fixed-icon] a 
	{
   	color: #fff; 
   	text-decoration: none;
	}	
	
	backhome[posi=text]
	{
		
		font-size: 10px;
		font-family: Century, 微軟正黑體;
		
	}
	
}

@media only screen and (min-width:769px) and (max-width:3000px)
{
	vieWindow[posi=parent]
	{
		display:none;
		position:relative;
		width:40vw;
		height:60vh;
		background:white;
		margin:calc((100vh - 90vh) / 2) auto;
		border-radius:10px;
		overflow-y: auto;
	}
	vieWindow[posi=close]
	{
		position:absolute;
		top:10;
		right:10;
		font-size: 24px;
		cursor: pointer;
		border-radius: 10px;
	}
	vieWindow[posi=close]:hover
	{
		color: #3C3C3C;
	}
	vieWindow[posi=detial]
	{
		display: flex;
		flex-direction: column;
		position:absolute;
		top:5%;
		left:5%;
		right:5%;
	}
	vieWindow[posi=detial_title]
	{
		display: block;
		width: 100%;
		margin: 10px;
		font-size:36px;
		font-family: Century, 微軟正黑體;
		font-weight: bold;
		color: #B18153;
	}
	
	vieWindow[posi=detial_text]
	{
		display: block;
		width: 100%;
		margin: 20px;
		font-size: 16px;
		font-family: Century, 微軟正黑體;
		color: #5B5B5B;
	}
	
	top[posi=menuclose],top[posi=ci-menu-switch]
	{
		display:none;
	}
	top[posi=ci-color-line]
	{
		width:100vw;
		height:5px;
		background:var(--ci-color);
	}
	top[posi=ci-topbanner-bar]
	{
  	display:flex;
  	flex-direction:row;
  	background:white;
	}
	top[posi=ci-toplogo]
	{
		display:inline-block;
		margin:5 0 5 30;
	}
	/*
	top[posi=ci-toplogo] img
	{
		-webkit-filter: drop-shadow(2px 2px 2px #222);
  	filter: drop-shadow(2px 2px 2px #222);
	}
	*/
	top[posi=ci-topmenu-parent]
	{
		position:relative;
		display:inline-block;
		margin:0 0 0 30;
	}
	top[posi=topmenu]
	{
		cursor:hand;
		display:inline-block;
		margin:0 10;
		padding:35 10 0 10;
		height:100%;
		color:#626365;
		font-size:22px;
		font-weight:bold;
		font-family:Century, 微軟正黑體;
		box-sizing:border-box;
	}
	carousel[posi=parents] img
	{
		max-width:100%;
	}
	carousel[posi=parents]
	{
		position:relative;
		display:flex;
  	flex-direction:row;
		background:var(--ci-color);
	}
	carousel[posi=photo]
	{
		display:inline-block;
		max-width:65vw;
	}
	carousel[posi=information]
	{
		display:inline-block;
		width:35vw;
	}
	carousel[posi=information-fix]
	{
		width:90%;
		margin:20 auto;
	}
	carousel[posi=siteName]
	{
		color:white;
		font-size:72px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	carousel[posi=subTitle]
	{
		text-align:right;
		color:#F0E91D;
		font-size:54px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	carousel[posi=narRate1]
	{
		margin:150 0 0 0;
		color:white;
		font-size:36px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	carousel[posi=narRate2]
	{
		margin:30 0 0 173;
		color:white;
		font-size:36px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	content[posi=replenish1]
	{
		margin:0 0 0 30;
		padding:20 0;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	content[posi=community]
	{
		width:85%;
		margin:10 auto 0 0;
		padding:0 0 20 0;
		text-align:right;
	}
	content[posi=community] content
	{
		display:inline-block;
	}
	content[posi=community] img
	{
		cursor:hand;
		width:30px;
		margin:0 5;
	}
	/****品牌故事****/
	brand[posi=parents]
	{
		width:100%;
		background:#D7DBE6;
	}
	brand[posi=Title]
	{
		width:90%;
		margin:0 auto 50 auto;
	}
	brand[posi=Title]>brand
	{
		color:#B18153;
		font-size:36px;
		font-family:Century,微軟正黑體;
		font-weight:bold;
	}
	brand[posi=photoList]
	{
		width:80%;
		margin:0 auto;
	}
	brand[posi=photoList] brand
	{
		width:24%;
		display:inline-block;
		text-align:center;
	}
	brand[posi=photoList] iframe,brand[posi=photoList] img
	{
		border:3px solid black;
		border-radius:5px;
	}
	brand[posi=editText]
	{
		width:80%;
		margin:50 auto 0 auto;
		padding:0 0 50 0;
		line-height:36px;
		color:#57585A;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	/****關於我們****/
	about[posi=Title]
	{
		text-align:center;
		width:90%;
		margin:50 auto;
		color:#B18153;
		font-size:36px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	about[posi=photoList]
	{
		width:80%;
		margin:0 auto;
	}
	about[posi=photoList] about
	{
		width:33%;
		display:inline-block;
		text-align:center;
	}
	about[posi=editText]
	{
		width:80%;
		margin:100 auto 0 auto;
		padding:0 0 50 0;
		line-height:36px;
		color:#4B8461;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	/****最新消息****/
	
	news[posi=parents]
	{
				
		width:100%;
		height: 70vh;
		/*background:#D7DBE6;*/
				
	}
	
	news[posi=en_title]
	{
				
		display: flex; 
		justify-content: center; 
		align-items: center; 
		font-size: 36px; 
		font-weight: bold;
		margin-bottom: 50px;
		font-family: Century, 微軟正黑體;
		color: #B18153;
				
	}
			
	news[posi=ch_title]
	{
				
		display: flex; 
		justify-content: center; 
		align-items: center; 
		font-size: 36px; 
		font-weight: bold;
		font-family: Century, 微軟正黑體;
		color: #B18153;
				
	}
			
	news[posi=content]
	{
				
		display: flex; 
		flex-direction: row; 
		justify-content: center;
		align-items: center;
				
	}
	
	news[posi=news]
	{	
		width:80%;
		display:grid; 
		grid-template-columns:1fr 1fr 1fr 1fr;
		padding:10px;		
	}
	
	news[id="1"], news[id="2"], news[id="3"], news[id="4"]
	{
		cursor: pointer;
	}
	
	news[id="1"]:hover, news[id="2"]:hover, news[id="3"]:hover, news[id="4"]:hover
	{
		color: orange;		
	}
			
	news[posi=news-container]
	{
		width:100%; 
		height:100%;
		padding:10px;	
		margin:0 0 40 0;	
	}
	
	/*img[posi=newsimage]
	{
		width: 100%;
    height: 100%;
		max-width: 100%;
		max-height: 100%;
		
	}*/
			
	news[posi=news-image]
	{
		/*border: 1px solid #ccc; */
		padding: 10px; 
		text-align: center; 
		width:100%;
		height:40%;
		/*background-color: black;*/
		border-radius:20px;	
	}
	
	news[posi=photo-1], news[posi=photo-2], news[posi=photo-3], news[posi=photo-4]
	{
		max-width:90%;
		height:200px;
		background-repeat:no-repeat;
		background-size:100%;
    background-position:center;
    border-radius:20px;
    border:2px solid silver;
	}
			
			
	news[posi=news-title]
	{
		display:block; 
		/*overflow: hidden; */
		word-wrap:break-word;
		width:100%; 
		max-width:100%; 
		margin:20 10; 
		font-size: 24px; 
		font-weight: bold;
		font-family: Century, 微軟正黑體;
	}
			
	news[posi=news-items]
	{
				
		display: none; 
		overflow: hidden; 
		width: 100%; 
		height: 100%; 
		font-size: 22px;
		margin-bottom: 20px;
		/*max-width: 200px;*/
		font-family: Century, 微軟正黑體;
				
	}
			
	news[posi=news-date]
	{
				
		display: block; 
		width: 100%; 
		max-width: 100%; 
		margin: 30px 10px;
		font-size: 16px;
		font-family: Century, 微軟正黑體;
				
	}
	
	/****農場特色****/
	feature[posi=parents]
	{
		/*
		background:url("../images/featrueBG.jpg");
		background-repeat:no-repeat;
		background-position:top;
		*/
		width:100%;
		/*height:1000px;*/
	}
	feature[posi=Title]
	{
		display:inline-block;
		text-align:right;
		width:90%;
		margin:50 auto;
		color:#4B8461;
		font-size:36px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	feature[posi=editText]
	{
		width:80%;
		margin:100 auto 0 auto;
		padding:0 0 50 0;
		line-height:36px;
		color:#4B8461;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	feature[posi=photoList]
	{
		width:70%;
		margin:50 auto 0 auto;
	}
	feature[posi=photoList]>feature
	{
		display:inline-block;
		width:24%;
	}
	feature[posi=photoList] img
	{
		margin:0 auto;
		max-width:90%;
	}
	feature[posi=photoname]
	{
		padding:10 0;
		text-align:center;
		color:#4B8461;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	/****照片集****/
	photo[posi=parents]
	{
		background:#DEDED4;
		width:100%;
	}
	photo[posi=Title]
	{
		display:inline-block;
		text-align:center;
		width:100%;
		margin:50 0;
		color:#BD803F;
		font-size:36px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	photo[posi=photoBorder]
	{
		width:80%;
		margin:100 auto 0 auto;
		padding:0 0 50 0;
		line-height:30px;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	photo[posi=photoGrid]
	{
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		grid-auto-rows:300px;
	}
	photo[posi=photoGrid]>photo
	{
		margin:5;
		background:#D8AD6D;
		background-repeat:no-repeat;
		background-size:100% auto;
    background-position:center top;
    border-radius:5px;
    color:rgba(0,0,0,0);
	}
	photo[posi=photo-1]
	{
		grid-column-start:1;
		grid-column-end:3;
	}
	photo[posi=photo-5]
	{
		grid-column-start:3;
		grid-row-start:2;
		grid-row-end:4;
	}
	photo[posi=photo-8]
	{
		display:none;
	}
	/****流程與收費****/
	pac[posi=parents]
	{
		background:#DEDED4;
		width:100%;
	}
	pac[posi=Title]
	{
		display:inline-block;
		text-align:center;
		width:100%;
		margin:50 0;
		color:#BD803F;
		font-size:36px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	pac[posi=editText]
	{
		width:80%;
		margin:10 auto;
		padding:0 0 50 0;
		line-height:36px;
		color:#4B8461;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	pac[posi=editText] img
	{
		margin:0 auto;
	}
	pac[posi=ListParent]
	{
		width:60%;
		margin:0 auto;
	}
	pac[posi=photoList] pac
	{
		display:inline-block;
		margin:0 0 20 0;
	}
	pac[posi=Content]>pac:nth-child(3n+1)::before
	{
		content:"\f005";
		font-family:"FontAwesome";
		font-size:22px;
		margin:0 10 0 0;
	}
	pac[posi=Content]>pac:nth-child(3n+1)
	{
		display:block;
	}
	pac[posi=Content]>pac:nth-child(3n+2)
	{
		font-size:18px;
		color:black;
	}
	pac[posi=Content]>pac:nth-child(3n+3)
	{
		color:#C40000;
		margin:0 0 20 0;
	}
	/****適合對象****/
	suit[posi=parents]
	{
		background:#F2E9D8;
		width:100%;
	}
	suit[posi=Title]
	{
		display:inline-block;
		text-align:right;
		width:90%;
		margin:50 auto 0 auto;
		color:#BD803F;
		font-size:36px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	suit[posi=photoList]
	{
		width:80%;
		margin:100 auto 0 auto;
	}
	suit[posi=photoList]>suit
	{
		display:inline-block;
		width:24%;
	}
	suit[posi=photoList] img
	{
		margin:0 auto;
		max-width:90%;
	}
	suit[posi=photoname]
	{
		padding:10 0;
		text-align:center;
		color:#BD803F;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	/****連絡我們****/
	contacts[posi=fix]
	{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		width:80%;
		margin:50 auto;
	}
	contacts[posi=fix]>contacts
	{
		display:inline-block;
	}
	contacts[posi=Right]
	{
		flex:1;
	}
	contacts[posi=contentFix]
	{
		width:80%;
		margin:50 auto;
	}
	contacts[posi=Title]
	{
		display:inline-block;
		text-align:center;
		width:90%;
		margin:30 auto 30 auto;
		color:black;
		font-size:36px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	contacts[posi=contentFix] img
	{
		max-width:30px;
		max-height:30px;
		margin:0 auto;
		vertical-align:middle;
	}
	contacts[posi*=content-]>contacts
	{
		display:inline-block;
		align-items:center;
	}
	contacts[posi=icon]
	{
		width:60px;
		padding:20 0;
		font-size:30px;
		align-items:center;
		text-align:center;
		vertical-align:middle;
	}
	contacts[posi=info]
	{
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	/****頁尾****/
	footer[posi=parents]
	{
		background:var(--ci-color);
	}
	footer[posi=fix]
	{
		width:80%;
		margin:0 auto;
		padding:20 0 30 0;
	}
	footer[posi=fix]>footer
	{
		display:inline-block;
		vertical-align:top;
	}
	footer[posi=Left]
	{
		position:relative;
		width:40%;
		display:inline-block;
	}
	footer[posi=Left]>footer[posi=contentFix]
	{
		display:grid;
		grid-template-columns:150px 2fr;
		grid-auto-rows:55px;
	}
	footer[posi=SiteLogo]
	{
		grid-column-start:1;
  	grid-row-start:1;
  	grid-row-end:3;
  	justify-content:center;
  	align-items:center;
	}
	footer[posi=SiteLogo] img
	{
		margin:0 auto;
		max-width:100;
	}
	footer[posi=siteName]
	{
		grid-column-start:2;
		grid-column-end:2;
		color:white;
		font-size:22px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	footer[posi=subTitle]
	{
		grid-column-start:2;
		grid-column-end:2;
		color:white;
		font-size:32px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	footer[posi=siteCopyright]
	{
		grid-column-start:1;
		grid-column-end:4;
		grid-row-start:6;
  	grid-row-end:7;
		color:white;
		font-size:20px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	footer[posi=Middle]
	{
		width:10%;
	}
	footer[posi=menu] a:link,footer[posi=menu] a:visited
	{
		color:#FFF;
		text-decoration:none;
	}
	footer[posi=menu] a:hover
	{
		color:orange;
	}
	footer[posi=Middle] footer[posi=menu]
	{
		padding:5 0;
		color:white;
		font-size:20px;
		font-family:Century, 微軟正黑體;
		font-weight:bold;
	}
	footer[posi=Right]
	{
		width:45%;
	}

	backhome[posi=fixed-icon] 
	{
  	position:fixed;
   	bottom:20px;
  	right:50px;
  	width:60px; 
  	height:60px;
  	flex-direction: column;
  	/*background-color:#3498db;*/
  	background: linear-gradient(to bottom, #3498db, #00f2fe);
  	color:#fff;
 		border-radius:50%;
  	display:flex;
  	align-items:center;
  	justify-content:center;
  	cursor:pointer;
  	text-decoration:none;
  	font-size:30px;
  	z-index:5;
  	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	}
	
	backhome[posi=text]
	{
		
		font-size: 14px;
		font-family: Century, 微軟正黑體;
		
	}

	backhome[posi=fixed-icon] a 
	{
   	color: #fff; 
   	text-decoration: none;
	}	

	/*backhome[posi=fixed-icon]:hover 
	{
		
   	width:70px; 
  	height:70px;
  	font-size:40px;
  	
	}*/

}



/*
justify-content:center;
align-items:center;
*/