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

.unitName{ background:#ff822f;}


/*-------------mainNav單元文字變色---------------*/

.mainNav > ul > li:nth-child(1) > a {
    color: #00babc;
    font-weight: bold;
}
[class*="-box"] .container {
    width: 100%;
}



.essay-index-box  .container header  h1{ font-size:1.6em; float:left; letter-spacing:2px; font-weight:bold; }

.essay-index-box header { margin:0 }

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

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

.essay-list .latest .item-content h3{ white-space: normal; overflow: visible; min-height:1.6em; }
.essay-list .latest .item-content .content{ display:none; }




.essay-list .latest .item-image{ width:100%; position:relative;height:220px;}
.essay-list .latest .item-image img{  min-width:100%;min-height:220px;}

.essay-list .latest .item-content{ width:100%; padding:2%; }


.essay-list .latest .item-image .fb-like {display: block; position:absolute; right:10px; bottom:10px; z-index:99;}
.essay-list .latest .fb-like { display:none;}

.essay-list .latest .more { margin-top:-20px;}



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



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

	/*---------------圖片設定--------------*/
	.essay-list .item-image{ width:22%;}

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

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

/*----------------上方-------------------*/
.latest ul.articleInfor{ width:100%;padding:0; margin:0; font-size:.9em}
.latest ul.articleInfor li{display: block; padding:0; margin:0; color:#616161; }

/*----------------下方-------------------*/
 ul.articleInfor { display:inline-block;  padding:0; margin:.3em 0 ; font-size:.9em}
 ul.articleInfor li{ width:auto;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";}



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 作者列表 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


	.about-author {width:100%; margin:0 auto;letter-spacing:-5px;border:1px solid #CCC ; margin-bottom:1em;}
	.about-author  li{ display:block;width:100%;  padding:1em .3em 0  ;  border-bottom:1px  solid  #e0e0e0;background: #ffffff;}
	.about-author  li:hover{ background:transparent ;}
	.about-author  ul{ margin-bottom:2em;}
	.about-author  ul div { display:inline-block;letter-spacing:0px; vertical-align:top; }

	/*---------------圖片設定--------------*/
	.about-author .image{ max-width:100px; padding-left:2%;}
	.about-author .image img{ width:100%; height:auto; border-radius:50%; }
	.about-author .content{ width: 84%; padding-left:2%; }	
	.about-author .content h3{ font-size:1.1em; line-height:1.1; max-width:100%; color: #333 ;  font-weight:bold; letter-spacing:1px;border-bottom:1px solid #CCC ; padding-bottom:.5em; margin-bottom:.5em;}
	.about-author .content p{font-size:1em; color: #333;  text-align:left;  padding-bottom:0em; }



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

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

	
}

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


.essay-list .latest .item-image{ height:160px;}
.essay-list .latest .item-image img{ min-height:160px;}



}

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

.essay-list .latest .item-image{ height:150px;}
.essay-list .latest .item-image img{ min-height:150px;}



}


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


.essay-list .latest .item-image{ height:120px;}
.essay-list .latest .item-image img{min-height:120px;}

.about-author .image{ max-width:80px;}	


}

	
	


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


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

.about-author .image{ max-width:80px;}

.item-image .fb-like { display:none;}

}


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

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

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

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

.about-author .image{ max-width:60px;}







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





}