@charset "utf-8";
/* CSS Document */

.contentBox .leftBox{
	padding:0 50px 0 0;}

.contentBox .rightBox{
	padding:0;}
	
/*新訊列表*/
ul.newsList{}

ul.newsList li{
	padding:25px 0;/*訊息間距*/}
ul.newsList li .item{
	border:1px solid #e5e5e5;}
ul.newsList li:nth-child(2n) .item{
	background:#f7f7f7;}
.newsDate{/*發布日期*/
	padding:0 0 17px 0;
	font-size:12px;
	color:#818181;
	text-transform:uppercase;}
.newsDate .dateIcon{
	background:url(../images/news_icon.jpg);
	color:#fff;
	width:60px;
	text-align:center;
	font-size:27px;
	font-weight:bold;
	display:inline-block;
	padding:7px 0 6px 0;}
.newsDate .dateIcon em{
	display:block;
	font-size:14px;
	font-weight:normal;}
.newsDate .date{
	margin-left:15px;
	display:inline-block;
	vertical-align:top;
	width:87%;}
.newsDate strong{
	font-size:14px;
	color:#876f47;
	font-weight:normal;}

.newsDate strong i{
	margin-right:2px;
	font-size:14px;
	color:#AE4233;}

.newsDate b{
	margin-left:3px;}

.newIcon{/*分類小圖示*/
	position:relative;
	padding:10px 0;
	font-family:新細明體;
	font-size:13px;
	font-weight:normal;
	color:#888;
	border-bottom:1px solid #e5e5e5;}
.newIcon:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-3px;
	width:70px;
	height:3px;
	background:#876f47;}
ul.newsList li .Img{/*訊息圖片*/
	float:left;}

ul.newsList li .Img img{
	display:block;
	width:100%;}

ul.newsList li .Txt{/*文字區*/
	padding:45px 110px 54px 80px;
	overflow:hidden;}

ul.newsList li .Txt h3{/*訊息標題*/
	font-size:22px;
	font-weight:normal;
	margin-bottom:13px;
	width:90%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;}

ul.newsList li .Txt h3 a{/*訊息標題*/
	color:#876f47;}

ul.newsList li .Txt h3 a:hover{/*訊息標題滑過效果*/
	text-decoration:underline;}

ul.newsList li .Txt p{/*列表說明*/
	margin-top:7px;
	font-size:13px;
	font-family:"新細明體";
	color:#888;
	height:92px;
	padding-right:158px;
	line-height:1.8;}
ul.page{
	padding-top:30px;}
ul.page li{
	display:inline-block;
	padding-right:15px;}
ul.page li a{
	display:block;
	padding:0 10px 15px 10px;
	font-size:14px;
	color:#888;
	border-bottom:3px solid #e7e7e7;}	
ul.page li a.current,
ul.page li a:hover{
	color:#c8ad80;
	border-bottom:3px solid #bfa06d;}
/*內頁*/
.mainArea.ins .contentBox{
	margin-top:20px;
	padding-top:30px;
	border-top:1px solid #e5e5e5;
	position:relative;}
.mainArea.ins .contentBox:before{
	content:"";
	position:absolute;
	top:-1px;
	left:0;
	width:70px;
	height:3px;
	background:#876f47;}
.newsDate.ins{
	padding-top:10px;}
.newsDate.ins strong{
	font-size:12px;}
/****分享*****/
/********標題區*******/
.titleArea{
	clear:both;
	padding:15px 0;/*下邊線與標題距離*/
	display:inline-block;}	

.titleArea h3{/*標題區左-訊息標題*/
	font-size:26px;
	font-weight:normal;
	color:#222;
	overflow:hidden;}

.titleArea h3 strong{
	display:block;
	font-weight:normal;}

.titleArea h3 b{/*標題區左-訊息日期*/
	font-size:12px;
	color:#A3A3A3;
	font-weight:normal;
	margin-left:5px;}

.titleArea .btn-fb{/*fb*/
	float:left;}

.titleArea a.back{/*回上頁*/
	cursor:pointer;
	display:block;
	float:right;
	margin-left:5px;
	color:#06F;
	font-size:10pt;}
.textEditor img{
	width:100%;
	overflow:hidden;
	border:1px solid #e7e7e7;}
.textEditor ul{
	padding:0;
	list-style:none;}
.textEditor ul li{
	display:inline-block;}

@media (max-width: 1160px){
	ul.newsList li .Txt {
    padding: 45px 20px 54px 20px;}
	.newsDate .date{
		width:70%;}
	ul.newsList li .Txt p{
		padding:0;}
}
@media (max-width: 850px){
	ul.newsList li .Img{
		display:none;}
	ul.page{
		text-align:center;}
}
@media (max-width: 680px){
	ul.newsList li .Img{
		float:none;}
	.newsDate .date{
		width:80%;}
}
@media (max-width: 470px){
	.newsDate .date{
		width:60%;}
}