/**searchbar**/
.mm-menu{
	background:#6cc;
	}
.mm-menu .textbox{
	width:90%;
	margin:0;
	}
.mm-list{
	font-size:1.1em;
	}
.mm-list form{
	line-height:1.6em;
    margin:0 0 20px;
    padding:5px 5px 3px 10px;
	overflow:hidden;
	zoom:1;
	background-color:#fff;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.mm-list #sf_keyword{
    color:#777;
    font-size:110%;
    padding:0;
	border:0;
	}
.mm-list #sf_submit{
    font-size:0;
	float:right;
	text-shadow:none;
	width:19px;	
    height:19px;
    padding:0;
	background:url("../images/search.png") 0 0 no-repeat;
	border:none;
	}
.mm-menu .mm-selected > a{
	color:#00b;
	}
/**searchbar end**/
.mm-list a:hover{
	color:#fff;
	}
#rwd_logo img{
	max-width:100%;
	}
.mm-panel > .mm-list{
	margin:0;
	}
.mm-list h3{
	display:none;
	}
.mm-list > li > a, .mm-list > li > span, .mm-menu .mm-list li.contact_info{
	color:#000;
	}
.mm-list > li > a, .mm-list > li > span{
	white-space:normal;
	padding:10px 0;
	}
.mm-menu .mm-list a.reset{
	background:none;
	padding:0;
	}
.mm-menu .mm-list li.contact_info{
	margin:0;
	padding:10px 0;
	}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after{
	margin-left:0;
	}
.contact_info a{
	display:block;
	}
.mm-menu .mm-list .contact_info a.reset:last-child{
	display:block;
	padding-bottom:10px;
	}
@media screen and (max-width:960px) {
	.colMain{
		width:70%;
		}
	.contactWrap{
		background:none;
		}
	#navMenu a{
		padding:9px 27px;
		}
	#navMenu, .bannerArea, .header, .breadcrumb{
		width:100%;
		}
	.content, .footer{
		width:97%;
		}
	a.imgBorder{
		width:25%;
		height:auto;
		}
	.aboutIntro{
		width:90%;
		}
	}
@media screen and (max-width:840px) {
	#navMenu a{
		padding:9px 20px;
		}
	.colMain{
		width:68%;
		}
	.aboutIntro h2{
		width:55%;
		}
	.aboutIntro .more{
		width:20%;
		}
	.social{
		position:static;
		}
}
@media screen and (max-width:800px) {
	#navMenu a{
		padding:9px 18px;
		}
	.aboutIntro h2{
		width:45%;
		}
	.social, .footer .menu{
		margin-bottom:10px;
		}
}
@media screen and (max-width:768px) {
	.colMain{
		width:98%;
		
		/*add by hank 2016.5.24*/
		float:none;
		margin:0 auto;
		}
	.colMain img{
		max-width:100%;
		}
	.rwd-header{
		background:#00a;
		}
	footer .menu{
		float:none;
		}
	#qrcode{
		display:none;
		}
	.footer{
		padding-top:40px;
		}
	}
@media screen and (max-width:768px) {
	.aboutIntro h2{
		width:55%;
		}
	.index .content{
		margin:0 auto;
		}
}
@media screen and (max-width:768px) {
	/**figure{
		width:50%;
		}**/
}
@media screen and (max-width:533px) {
	.aboutIntro h2{
		width:65%;
		}
	.aboutIntro .more{
		width:30%;
		}
}
@media screen and (max-width:414px) {
	.aboutIntro h2{
		width:75%;
		}
	.footer{
		padding-top:20px;
		}
}
@media screen and (max-width:375px) {
	.aboutIntro h2{
		width:100%;
		}
}