.wrap{width:100%;position:relative; line-height:1.6; font-size:1em; }

.unitName{ background:#6cc92f;}

/*-------------mainNav單元文字變色---------------*/
.mainNav > ul > li:nth-child(1) > a { color:#00babc; font-weight:bold;}
@media screen and (max-width: 980px) {
	
.mainNav > ul > li:nth-child(1) > a { color:#333; }

}

.fb-like { z-index:99; position:relative;}

.story{ width:100%;max-width:1180px; margin:0 auto; padding-bottom:  100px ; }

.story h1{ font-size:1.2em; float:left; letter-spacing:2px; font-weight:bold;}

.story header { margin:.5em }

/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 上方內容 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/

.story-list .latest { width:100%;letter-spacing:-5px; border-bottom:1px  solid  #e0e0e0;}
.story-list .latest li{ display: inline-block;width:50%; letter-spacing:0px;  border-bottom:none;vertical-align:top;  }
.story-list .latest li:hover{ background:#ffffff ;}

.story-list .latest .item-image{ width:100%; height:300px;}
.story-list .latest .item-image img{min-height:300px;}
.story-list .latest .item-content{ width:100%; padding:2%; }


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 下方列表內容 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/



	.story-list {width:100%; margin:0 auto;letter-spacing:-5px;}
	.story-list li{ display:block;width:100%;  padding:1.5em .8em;  border-bottom:1px  solid  #e0e0e0;background: #ffffff;}
	.story-list li:last-child{  border-bottom:none;}
	.story-list li:hover{ background:#f8f8f8 ;}
	.story-list  ul{ margin-bottom:2em;}
	.story-list  ul div {display:inline-block;letter-spacing:0px; vertical-align:top; }

	/*---------------圖片設定--------------*/
	.story-list .item-image{ width:22%;}
	.story-list .item-image img{ width:100%; height:auto; }

	.story-list  .item-content{ width:78%; padding-left:2%; }
	
	.story-list .item-content h3{ font-size:1.1em; line-height:1.1; max-width:100%; color:#009caf ;  font-weight:bold; letter-spacing:1px; /*white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/ }
	.story-list .item-content h3 a{color:#009caf;}
	.story-list .item-content .content{font-size:1em; color: #333;  text-align:left; min-height:50px; padding-bottom:.8em; }
/*	.story-list .item-content .time{font-size:.9em; color:#999999; font-family:Helvetica; letter-spacing:2px;}*/
	.story-list .item-content a.more{  }
	
	.story-list .item-content .fb-like{}


/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 標籤設定 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/



/*----------------下方-------------------*/
 ul.articleInfor { display:inline-block;  padding:0; margin:.3em 0 ; font-size:.9em; margin-left:5px;}
 ul.articleInfor li{ width:auto !important;display: inline-block ;  padding:0; margin:0 5px 0 0;border:none;background: transparent ;}
 ul.articleInfor li:hover{ background: transparent ;}


/*----------------公用-------------------*/
 ul.articleInfor li:before{ font-family: 'FontAwesome';  margin-right:2px; }
 li.browsN:before { content:"\f06e";}
 li.author:before { content:"\f11a ";}
 li.tag:before { content:"\f02b";}




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


.story-list .latest .item-image{ height:220px;}
.story-list .latest .item-image img{ min-height:220px;}


}

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

.story-list .latest .item-image{ height:200x;}
.story-list .latest .item-image img{ min-height:200px;}



}


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

.story-list .latest .item-image{ height:180px;}
.story-list .latest .item-image img{ min-height:180px;}

}

	
	




/*------手機版--------*/
@media screen and (max-width: 640px) {	


.story header { font-size:90%;}



}


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

.story-list .latest { border-bottom: none;}

.story-list .latest li{ display: block;width:100%;  border-bottom:1px  solid  #e0e0e0; }

.story-list  .item-content{  padding:2%; }



/*---------------通用設定--------------*/
[class*="-list"] .item-image{ width:100%; max-width:100%; }
[class*="-list"] .item-content{ width:100%; padding-left:0; }


}