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

#about {
	margin: 0 auto;
	padding: 0 ;
	max-width: 785px;
	display: inline-block;
	list-style: none;
	vertical-align: text-top;
	
}

#about ul{
	margin: 0 auto;
	padding: 15px;
	padding-top:0px;
	max-width: 790px;
	font-size: 0;
	display: inline-block;
	list-style: none;
	border-left: 1px solid #e5e5e5 ;
	text-align: justify;
	text-justify: inter-ideograph;
}
#about li{
	margin: 0px;
	max-width: 410px;
	display: inline-block;
	zoom: 1; /*for IE6-7*/
	outline: none;
	vertical-align: text-top;
	text-align: justify;
	text-justify: inter-ideograph;
}
	
#about h1{
	margin: 0px;
	width: 377px;
	display: inline-block;
	zoom: 1; /*for IE6-7*/
	outline: none;
	text-align: justify;
	text-justify: inter-ideograph;
}

#about h2{
	margin: 0px;
	max-width: 100%;
	display: inline-block;
	list-style: none;
	word-wrap:break-word;
	text-align:right;
	text-justify:inter-ideograph;
	
}

#about h3{
	margin: 0px;
	width: 377px;
	display: inline-block;
	zoom: 1; /*for IE6-7*/
	outline: none;
	text-align:right;
	text-justify: inter-ideograph;
	font-size:16px;
}


#about h4{
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}

#about h5{
	display:none;
}




@media (max-width: 1020px) 
{
	
	
    #about ul {
		padding: 0px;
        border-left: 0px solid #e5e5e5 ;;
    }
	
	#about h1{
	width: 100%;
	}
	
#about h3{
	text-align:left;
	width: 100%;
	}
	
	#about h4{
	display:none;
}

#about h5{
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	display:block;
}

}