footer{
	background: #f7f2f0;
}
.webframe{
	width:1480px;
	margin: 0 auto;
}
#content{
	margin-bottom: 100px;
}
.content-wrap{
	overflow:hidden;
}
.content-wrap .content-main{
	float:right;
	width:calc(100% - 303px);
}
.content-wrap aside{
	float:left;
	width:250px;
}
.waylink{
    margin: 40px 0;
}
.waylink li{
	color: #777777;
    display: inline-block;
    padding-right: 15px;
    font-size: 15px;
	position:relative;
}
.waylink li:after{
	position:absolute;
	content:'>';
	color:#777777;
	font-size:15px;
	right:0;
	top:0;
}
.waylink li:last-child:after{
	display:none;
}
.waylink li a{
	color:#777777;
}
aside ul >h3{
    color: #aa8774;
    font-size: 18px;
    border-left: 5px solid #aa8774;
    padding-left: 7px;
    line-height: 140%;
    margin-bottom: 10px;
}
aside ul li h3 a{
	background-color: #f7f2f0;
    display: block;
    color: #b39886;
    padding: 10px 15px;
    margin: 5px 0;
    font-size: 18px;
    line-height: 110%;
    font-weight: normal;
	background-image:url(/images/31/leftscrrow.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
}
aside ul li h3.action a{
	background:#c6a895;
	color:#fff;
	background-image:url(/images/31/leftscrrow2.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
}
@media screen and (max-width: 1680px) {
	.webframe{
		width:90%;
	}
}
@media screen and (max-width: 1280px) {
	.webframe{
		width:90%;
	}
	.content-wrap .content-main{
		width:100%;
	}
	.content-wrap aside{
		width:100%;
		margin-top: 100px;
	}
	#contact h5 img{
	    height: 40px;
	}
}
@media screen and (max-width: 480px) {
	.waylink{
		margin: 20px 0;	
	}
	.waylink li,
	.waylink li:after{
		font-size:6pt;
	}
	.waylink li{
		padding-right: 10px;	
	}
}