.left {float:left;}
.right {float:right;}
@media only screen and (max-width: 840px) {
.left, .right {
	float: none;
	}
}

/* ==================== 內容編輯樣板1, 2 ==================== */
.blockList01 {margin: 0;padding: 0;}
.blockList01 .item01 {position: relative;margin: 20px 0px;}
.blockList01 .Img01{position: relative;display: inline-block;}
.blockList01 .Img01_l {width: 33.333333%;margin: 0px 30px 0px 0px;}
.blockList01 .Img01_r {width: 33.333333%;height:300px;margin: 0px 0px 0px 30px;}
.blockList01 .Img01 img {display: block;width: 100%;}
.blockList01 .textArea {
padding: 0px 0px 0px 0px;overflow: hidden;margin: 0px 30px;

}
.textArea.b-box:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.blockList01 p, .blockList01 .textArea p {line-height: 1.8em;
margin: 0;
padding: 0;
color: #A6AAAD;
font-size: 18px;}
@media only screen and (max-width: 1024px) {
.blockList01 .Img01 {
	width: 50%;
}
}
@media only screen and (max-width: 840px) {
.blockList01 .Img01_l, .blockList01 .Img01_r {
	margin: 0px 0px 10px 0px;
}
.blockList01 .textArea {
	padding: 10px 0px;
	margin: 0px;
}
}
@media only screen and (max-width: 640px) {
.blockList01 .Img01_l, .blockList01 .Img01_r {
	width: 100%;
	height:auto;
}
}
/* ==================== 內容編輯樣板1, 2 end ==================== */



/* ==================== 內容編輯樣板3 ==================== */
ul.blockList {margin: 0;padding: 0;list-style-type:none;}
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: none;
}

/* 區塊背景樣式二 */
/*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: 98%;
	/* 圖放大特效 */
	-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.85;
}
/* ---圖靠右排列語法--- */
/*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 .item: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:1.75em;}
/* 段落自動縮行----有需要請自行更換
ul.blockList li .textArea p {position:relative;line-height:1.75em;height:165px;overflow:hidden;}
ul.blockList li .textArea p:after {
    content:"...";
    position:absolute;
    bottom:0;
    right:0;
    padding: 0 5px;
    background-color: #fff;
}*/
/* 響應式螢幕大小判斷語法及內容排列 */
@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 .col-1-3 {
	width: 55%;
}
ul.blockList li .textArea {
	padding: 0px 5px 0px 5px;
}
}
@media only screen and (max-width: 640px) {
ul.blockList li .Img img {
	width: 100%;
}
ul.blockList .col-1-3 {
	width: 100%;
}
}
/* ==================== 內容編輯樣板3 end ==================== */


/* ==================== 內容編輯樣板4 ==================== */
.introArea{margin: 0;padding: 0px 0px 0px 0px;}
.introArea ul{padding:0px;margin:0;list-style:none;}
.introArea ul li{overflow:hidden;float:left;}
.introArea ul li .item{cursor:pointer;position:relative;margin: 10px;}
/* 圖片滑入效果 */
.introArea ul li .item:before{content:"";background: #EEE;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:all 0.6s ease;}
.introArea ul li .item:after{content:"";background-size:cover;width:100%;position:absolute;top:0px;left:0;opacity:0;transition:all 0.6s ease;}

.introArea ul li .photo{}
.introArea ul li .photo img{display:block;}
/* 圖片滑入文字樣式 */
.introArea ul li .txt{text-align:center;width:100%;height:100%;padding:0px;box-sizing:border-box;position:absolute;top:0;left:0;opacity:0;transition:all 0.6s ease;transform:rotateY(90deg);transform-style:preserve-3d;}
.introArea ul li .txt h3{color:#333;overflow:hidden;}
.introArea ul li .txt h3 a{display:block;font-size:1.313em;font-weight:bold;color:#09C;margin-top:35%;}
.introArea ul li .txt h3 a:before {content:"\f0c1";font-family: FontAwesome;font-style: normal;font-weight: normal;padding-right: 10px;}
.introArea ul li:hover .txt {transition-delay:0.3s;opacity:1;transform:rotateY(0deg);}
.introArea ul li:hover .item:before {opacity:1;top:0;}
.introArea ul li:hover .item:after {top:100%;opacity:1;}

@media only screen and (max-width: 840px) {
.introArea ul li{float:none;}
.introArea ul li .photo img{width: 100%;height: auto;}
.introArea ul li .txt h3 a{font-size:1.105em;}
}
@media only screen and (max-width: 640px) {
	.introArea ul li.col-1-3 {width: 100%;}
.introArea ul li .photo{width:100%;height:auto;}
.introArea ul li .txt h3 a{font-size:1.313em;}
}
/* ==================== 內容編輯樣板4 end ==================== */


/* ==================== 內容編輯樣板5 ==================== */
.blockList01 {margin: 0;padding: 0;}
.blockList01 .Img01 {position: relative;width: 33.3333%;float: left;display: inline-block;}
.blockList01 .Img01 img {display: block;width: 100%;}
@media only screen and (max-width: 640px) {
.blockList01 .Img01 {
	width: 100%;
}
}
/* ==================== 內容編輯樣板5 end ==================== */