/* CSS Document */

.mainArea{background:#fff;padding:40px 0 ;}
ul.itemList{
	margin:0 -14px;}

ul.itemList li{
	padding:40px 14px ;
	transition:all 0.3s ease;}
ul.itemList li .item{
	position: relative;}
ul.itemList li .Img{
	width: 268px;
	display: inline-block;
	float: left;
	position:absolute;
	left: 0;
	top: -20px;}
ul.itemList li .Img a{
	display:block;
	overflow:hidden;}
ul.itemList li .Img img{
	display:block;
	width:100%;}
ul.itemList li .Txt{
	width: 60%;
	float: right;
	background: #F3EEE8;
	padding:0;}
ul.itemList li .Txt .detail{
	padding: 30px 20px 0 75px;
}
ul.itemList li .Txt h3 a{
	position:relative;
	display:block;
	font-size:20px;
	font-weight: normal;
	color:#000;
	}

ul.itemList li .Txt h3 a:hover{
	color:#660000;}

ul.itemList li .Txt p{
	margin: 15px 0 ;
	color:#888888;
	line-height:1.5;
	height:95px;}
ul.itemList li .Txt .btn{
	position: relative;
	display:block;}

ul.itemList li .Txt .btn a{
	display:block;
	padding:10px 25px 10px 0;
	color:#fff;
	font-size: 14px;
	text-align: right;
	background:#660000;}
	
ul.itemList li .Txt .btn a i{
	margin-left:30px;}
	
ul.itemList li .Txt .btn a:hover{
	background:#663300;}
	
.fbox{border:1px solid #C5B8B0; padding:30px; margin-bottom:30px;}	
.fbox h3{ font-size:24px; font-weight:normal; color:#660000; border-bottom:1px solid #C5B8B0; margin-bottom:10px; padding-bottom:10px;}

	
/*767*/
@media (max-width: 1110px){
	ul.itemList li .Txt .detail {
	    padding: 35px 23px 0 70px;}	
	ul.itemList li .Img{
		width: 240px;
	}
}

@media (max-width: 960px){
	ul.itemList li .Img{
		width: 100%;
		position: static;
	}
	ul.itemList li .Txt{
		width: 100%;
		float: none;
	}
	ul.itemList{
		margin: 0;
	}
	ul.itemList li .Txt .detail {
	    padding: 10px 20px 0 20px;}
	ul.itemList li{
		padding: 10px;
	}
}


@media (max-width: 480px){
	
	ul.itemList li .Txt .btn a i{
	margin-left:10px;}
	
	ul.itemList li .Txt .btn a{
	display:block;
	padding:10px 0px 10px 0;
	color:#fff;
	font-size: 14px;
	text-align: center;
	background:#660000;}
}