.header h1{ display:block; text-indent:-9999px;}
.article{ background: url(../images/bg.png) repeat; color:#FFF; line-height:1.9;}
.content{}
.article .content{ padding:20px 30px;}
.article h2{ font-size:25px; font-weight:100; text-indent:-9999px; background:url(../images/about/about_title.png) no-repeat; width:100%; height:58px;}
.article h3,.article h4{ font-size:20px; margin-top:20px; border-bottom:1px solid #dc4e3c; color:#dc4e3c; margin-bottom:8px; font-weight:100;}

h3.title1,h3.title2,h3.title3{ height:35px; padding-left:45px; line-height:1.5;}
h3.title1{background:url(../images/about/01.png) no-repeat left center;}
h3.title2{background:url(../images/about/02.png) no-repeat left center;}
h3.title3{background:url(../images/about/03.png) no-repeat left center;}


.footer { background:#000;}

div.itro{ margin-top:15px;}
div.itro p{ width:27.2%; margin:0 15px 20px 15px; float:left;color:#CCC; min-height:600px;}
div.itro p span{ color: #FF0;}

.top1{border-right:1px dotted #999; padding-right:25px;}
.top2{border-left:1px dotted #999; padding-left:25px;}

@media screen and (max-width: 1100px){
	div.itro p{ margin:0 5px 20px 5px;}
}


@media screen and (max-width: 999px){
    .ie8 .header h1,.header h1{ background:url(../images/logom.png) no-repeat;}
	.article h2{height:48px;}
	.article .content{ padding:10px 20px;}
	div.itro p{ margin:0 10px 20px 10px; min-height:600px;}
}

@media screen and (max-width:700px){
	div.itro p{ min-height:800px;}
}

@media screen and (max-width: 666px){
  .links{ border-top:0; }  
  div.itro p{ width:100%; float: inherit; margin:0 5px 20px 0px; min-height:inherit; border-bottom:1px dotted #999}
  .top1{border:0; padding-right:5px;}
  .top2{border:0; padding-left:5px;}
}



