/* ==================== 內容編輯樣板1 ==================== */
ul.blockList {margin: 0;padding: 0;}
ul.blockList li {padding: 0;margin: 0px 0px 40px 0px;}

/* 區塊背景樣式一 */
ul.blockList li .item {
	position: relative;
	/* 區塊陰影 */
	box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
	/* 背景色 */
	background: rgba(255,255,255,0.5);
}

/* 區塊背景樣式二 */
/*ul.blockList li .item {
	position: relative;
	box-shadow: none;
	background: rgb(255,255,255);
	border: 1px #CCCCCC solid;
}*/

ul.blockList li .Img {
	position: relative;
	width: 100%;
	/* 靠左浮動 */
	float: left;
}
/* ---圖靠左排列語法--- */
ul.blockList li .Img img {
	display: block;
	width: 100%;
	/* 圖放大特效 */
	/*-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;*/
	/* 透明度 */
	/*opacity: 0.8;*/
}
/* ---圖靠右排列語法--- */
/*ul.blockList li .Img img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	opacity: 0.8;
}
ul.blockList .col-1-3 {
	float: right;
}
*/
/*ul.blockList li .Img:hover img {
	width: 100%;
	/* 圖放大特效 */
	/*-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}*/
ul.blockList li .textArea {
	padding: 0px 20px 0px 20px;
	/* 避免出現捲軸 */
	overflow: hidden;
}
ul.blockList li .textArea h3 {display: block;font-size: 1.5em;line-height: 2em;}
ul.blockList li .textArea p {line-height: 2em;}
/* 響應式螢幕大小判斷語法及內容排列 */
@media only screen and (max-width: 1024px) {
ul.blockList .col-1-3 {
	width: 50%;
}
ul.blockList li .Img img {
	opacity: 1;
}
}
@media only screen and (max-width: 960px) {
ul.blockList li .Img img {
	width: 100%;
}
ul.blockList .col-1-3 {
	width: 55%;
}
ul.blockList li .textArea {
	padding: 0px 5px 0px 5px;
}
}
@media only screen and (max-width: 840px) {
ul.blockList li .Img img {
	width: 100%;
}
ul.blockList .col-1-3 {
	width: 100%;
}
}
/* ==================== 内容编辑模板1 end ==================== */



/* ==================== 内容编辑模板2 ==================== */
.blockList02 {margin: 0;padding: 0;}
.blockList02 .item02 {position: relative;margin: 20px 0px;}
.blockList02 .Img01 , .blockList02 .Img02{position: relative;width: 33.3333%;float: left;display: inline-block;}
.blockList02 .Img01 img, .blockList02 .Img02 img {display: block;width: 100%;}
.blockList02 .textArea {padding: 0px 0px 0px 20px;overflow: hidden;}
.blockList02 p, .blockList02 .textArea p {line-height: 1.5em;margin: 0;padding: 0;}
@media only screen and (max-width: 1024px) {
.blockList02 .Img02 {
	width: 50%;
}
}
@media only screen and (max-width: 960px) {
.blockList02 .Img02 img {
	width: 100%;
}
.blockList02 .Img02 {
	width: 100%;
	float: none;
}
.blockList02 .textArea {
	padding: 10px 0px;
}
}
@media only screen and (max-width: 620px) {
.blockList02 .Img01 {
	width: 100%;
}
}
/* ==================== 内容编辑模板2 end ==================== */