#wrapper-index {
	width: 1280px;
	position:relative;
	text-align:left;
}
#index-head{
	width:100%;
	float:left;
}
#index-head-logo{
	width:100%;
	float:left;
	background-color:#a72b47;
	text-align:center;
}
#index-head-menu{
	width:100%;
	float:left;
	border-bottom:2px #a72b47 solid;
	text-align:center;
	padding:10px 0;
	color:#a72b47;
	font-size:16px;
}
#index-head-menu a{
	color:#a72b47;
}
#index-head-menu a:hover{
	color:#000;
}

#mask-banner{
	width:100%;
	clear:both;
	float:left;
	margin:-2px 0;
}
#mask-banner-m{
	display:none;
	width:100%;
	clear:both;
	float:left;
	margin:-2px 0;
}

#index-footer{
	width:100%;
	clear:both;
	float:left;
}
#index-footer-info{
	width:100%;
	float:left;
	background-color:#a72b47;
	text-align:center;
}
#index-footer-info .left{
	width:38%;
	float:left;
	color:#FFF;
	font-size:16px;
	line-height:160%;
	padding:3%;
	text-align:left;
}
#index-footer-info .left-m{
	display:none;
}
#index-footer-info .right{
	width:46%;
	float:right;
	padding:3%;
}
#index-footer-info .right img{
	width:100%;
}
#index-footer-menu{
	width:100%;
	float:left;
	border-top:2px #a72b47 solid;
	text-align:center;
	padding:10px 0;
	color:#a72b47;
	font-size:16px;
}
#index-footer-menu a{
	color:#a72b47;
}
#index-footer-menu a:hover{
	color:#000;
}
#notice{
	width:98%;
	float:left;
	padding:1%;
	background:#CCC;
	text-align:center;
}
#notice p{
	font-size:16px;
	letter-spacing:8px;
	font-weight:bolder;
	color:#a72b47;
}



@media only screen and (max-width:1200px) {
#wrapper-index {
	width:100%;
	position:relative;
	text-align:left;
}
#index-footer-info .left{
	width:44%;
	float:left;
	color:#FFF;
	font-size:15px;
	line-height:160%;
	padding:3%;
	text-align:left;
}
#index-footer-info .right{
	width:44%;
	float:right;
	padding:3%;
}
}



@media only screen and (max-width:1000px) {
#index-footer-info .left{
	width:40%;
	float:left;
	color:#FFF;
	font-size:12px;
	line-height:140%;
	padding:3%;
	text-align:left;
}
#index-footer-info .right{
	width:48%;
	float:right;
	padding:3%;
}
}


@media only screen and (max-width:700px) {
#index-footer-info .left{
	display:none;
}
#index-footer-info .left-m{
	display:block;
	width:90%;
	float:left;
	color:#FFF;
	font-size:14px;
	line-height:140%;
	padding:5%;
	text-align:left;
}
#index-footer-info .right{
	width:90%;
	clear:both;
	float:left;
	padding:5%;
}
}



@media only screen and (max-width:570px) {
#index-head-logo img{
	width:70%;
}
#index-head-menu{
	display:none;
}
#mask-banner{
	display:none
}
#mask-banner-m{
	display:block;
	width:100%;
	clear:both;
	float:left;
	margin:-2px 0;
}
#mask-banner-m img{
	width:100%;
}
#index-footer-info .left-m{
	display:block;
	width:90%;
	float:left;
	color:#FFF;
	font-size:12px;
	line-height:140%;
	padding:5%;
	text-align:left;
}
#index-footer-menu{
	width:100%;
	float:left;
	border-top:2px #a72b47 solid;
	text-align:center;
	padding:10px 0;
	color:#a72b47;
	font-size:12px;
}
#notice p{
	font-size:14px;
}
}