@charset "utf-8";
/* CSS Document */
@import url("2017style.css");
@import url("2017header.css");
@import url("2017footer.css");
@import url("2017streetHmenu.css");
@import url("2017record.css");

/* 大主圖區塊*/
#bigarea{
	background-color:#f0eeec;
	height:auto;
	margin-top:0px;

}
.layout{/* 統一寬*/
	display:block;
	width:100%;
	position:relative;
	margin-left:auto; margin-right:auto;
}
/* 3格圖-手機板顯示一格*/
	.image_grid{
	width:100%; margin:0px; padding:0px;
	display:block;
	margin-left:auto; margin-right:auto;
	}
	.image_grid ul{
	margin:0px; padding:0px; list-style:none;
	margin-left:auto; margin-right:auto;
	}
	.image_grid ul li{
	margin:0px; padding:0px; list-style:none;
	margin:0px auto 8px;
	width:50%; float:left;

	}
	.image_grid ul li img{
	width:95%; height:auto;
	border:0px;
	margin:0px;
	display:block;/* float:left;*/
	margin-left:auto; margin-right:auto;
	}
	.image_grid ul li a{
	text-decoration:none;
	/*float:left;*/
	}
	.image_grid ul li a img{
	border:0px;
	display:block;
	margin-left:auto; margin-right:auto;
	}
	
	li.gallery_street{
		width:98%; height:auto;}
	li.gallery_street .info{
		margin-left:0px; font-family:arial; padding:0px 0px 15px; 
	background-color:#f7f7f7;
	width:95%;
	margin-left:auto; margin-right:auto;
	}
	li.gallery_street .info strong { 
	 margin:0px; padding:0px; padding:5px 10px;
	color:#690;
	font-family:"微軟正黑體", Arial;
	display:block;
	font-size:1.0em; 
	line-height:1.5em; 
	height:1.0em;
	overflow:hidden;
		}
	li.gallery_street .info p {
		display:block;
		padding-top:0px; margin:0px;padding:5px 10px 10px; 
		color:#333333;
		 font-family:"微軟正黑體", Arial;
		 font-size:0.9em;
		line-height:1.5em;
		height:3.4em; overflow:hidden;
		}
	.clear {
		clear:both; margin-top:0px;
		}
	
	/* 首頁編輯器用(yaya20151122) */
	#homeeditdetail{
	display:block;
	width:95%;
	position:relative;
	margin-left:auto; margin-right:auto;
	}
	#homeeditdetail p{
	margin:0px; padding:0px;	
	}

/* FB,影片區塊 */
.fbmovielayout{
	background-color:#f0eeec; padding:10px 0px; text-align:center;
	width:100%;
}
.inbox3area{
	float:none; margin-left:0;
	margin-top:10px;
}
.inboxtitle{
	background-color:#2e4e8c; color:#ffffff; font-size:1.2em; padding:5px 0px; text-align:center; 
	width:95%; margin-left:auto; margin-right:auto;
}
.inbox3area .info{
	width:95%; 
	margin-left:auto; margin-right:auto; 
	padding:10px 0px; background-color:#FFF;
	font-size:1.0em;
}
iframe.movie{
	width:95%;
	height:200px;
}
iframe.fbarea{
	border:none;
/*	overflow:hidden;*/
	width:95%;
	height:400px;

}

/*如果螢幕寬度為 768px (含) 以上，就套用這些 css 設定*/
@media(min-width:768px) {

/* 大主圖區塊*/
#bigarea{
	background-color:#f0eeec;
	height:450px;
	margin-top:0px;
}

.layout{/* 統一寬*/
	display:block;
	width:1180px;
	position:relative;
	margin-left:auto; margin-right:auto;
}
/* 3格圖-手機板顯示一格*/
	.image_grid{
	width:1200px; margin:0px; padding:0px;
	display:block;
	margin-left:auto; margin-right:auto;
	}
	.image_grid ul{
	margin:0px; padding:0px; list-style:none;
	margin-left:auto; margin-right:auto; margin-left:12px;
	padding-top:8px;
	}
	.image_grid ul li{
	margin:0px; padding:0px; list-style:none; width:auto; float:left;
	margin:0px 16px 15px 0px;
	}
	.image_grid ul li img{
	width:380px; height:266px;
	border:0px;
	margin:0px;
	display:block;
	margin-left:auto; margin-right:auto;
	}
	.image_grid ul li a{
	text-decoration:none;
	/*float:left;*/
	}
	.image_grid ul li a img{
	border:0px;
	display:block;
	margin-left:auto; margin-right:auto;
	}
	
	li.gallery_street{
		width:392px; height:auto;}
	li.gallery_street .info{
		margin-left:0px; font-family:arial; padding:0px; /*height:90px; overflow:hidden;*/ line-height:1.2em; 
	background-color:#eaeaea;
	width:380px;
	display:block;
	margin-left:auto; margin-right:auto;
	padding-bottom:10px;
	}
	li.gallery_street .info strong {
		margin:0px; padding:0px;
		padding-bottom:10px; display:block; padding:10px 10px 10px;
		line-height:1.3em;
		color:#690; font-size:20px; font-weight:bold; font-family:"微軟正黑體", Arial;
		height:20px;
		}
	li.gallery_street .info p {
		display:block;
		color:#333333; padding:10px; padding-top:5px; margin:0px; 
		font-size:15px; font-family:"微軟正黑體", Arial;
		height:37px; line-height:24px; overflow:hidden;
		}
	.clear {
		clear:both; margin-top:0px;
		}
	
	/* 首頁編輯器用(yaya20151122) */
	#homeeditdetail{
	display:block;
	width:1180px;
	position:relative;
	margin-left:auto; margin-right:auto;
	}
	#homeeditdetail p{
	margin:0px; padding:0px;	
	}

/* FB,影片區塊 */
.fbmovielayout{
	background-color:#f0eeec; padding:10px 0px; text-align:center;
}
.inbox3area{
	float:left; margin-left:10px;
	margin-top:0px;
}
.inboxtitle{
	background-color:#2e4e8c; color:#ffffff; font-size:18px; padding:10px 0px; text-align:center; width:375px; margin-left:auto; margin-right:auto;
}
.inbox3area .info{
	width:375px; 
	margin-left:auto; margin-right:auto; 
	padding:10px 0px; background-color:#FFF;
	font-size:18px;
}
iframe.movie{
	width:375px;
	height:315px;
}
iframe.fbarea{
	border:none;overflow:hidden;
	width:375px;
	height:500px;

}
}