@charset "utf-8";
 @import "reset.css";
@import "common.css";
/*----------------------*/

#container {
	background:url(../img/index/bg_hd_index.jpg) 0 0 repeat-x;
}
#aside {
	display:none;
}
/* contents
===============================*/
#main {
	overflow:hidden;
}
#news-section, #brands-section, #about-section, #related-section {
	float:left;
	margin-bottom:20px;
}
#news-section, #brands-section {
	margin-right:19px;
}
#main h2 {
	position:relative;
}
#main h2 a {
	position:absolute;
	top:2px;
	right:0;
}

#outer_bnr ul{
	overflow:hidden;
	margin:0 0 0 -5px;	
}
#outer_bnr li{
	float:left;
	margin:0 0 5px 5px;
}
/* news
-------------------*/
#news-section {
	width:354px
}
#news_wrapper {
	background:#f7f4f2;
	padding:7px 12px 0;
}
#news_wrapper table {
	width:340px;
}
#news_wrapper .first td, #news_wrapper .first .img {
	border:none;
}
#news_wrapper .img {
	border-top:solid 1px #e0d5c8;
	padding:5px 0;
	width:90px;
}
#news_wrapper .img a {
	min-height:60px;
width: 80px;
display: inline-block;
border: solid 1px #E3CDB6;
	display:inline-block;
}
#news_wrapper td {
	border-top:solid 1px #e0d5c8;
	padding:5px 0;
}
#news_wrapper table span {
	padding:0 5px;
	margin:0 0 2px 0;
	display:inline-block;
	background:#ebb921;
	color:#FFF;
}
#news_wrapper table img {
	margin:0 10px 0 0;
	position:absolute;
	clip:rect(auto 80px 60px auto);
}
/* about
-------------------*/
#about-section {
	width:523px;
}
#about-section h3 {
	margin:0 0 10px 0;
}
#about-section .img_area {
	float:left;
}
#about-section .text_area {
	width:330px;
	float:right;
}
#btn_recruit{
	margin:5px 0 0;
	float:right;	
}

/* brands
-------------------*/
#brands-section {
	width:547px;
}
#brands-section .ul_wrapper {
	width:547px;
}
#brands-section ul {
	width:558px;
	margin-left:-11px;
	overflow:hidden;
}
#brands-section li {
	float:left;
	width:175px;
	margin:0 0 10px 11px;
}
#brands-section h3 {
	background:url(../img/index/news_arrow.gif) 0 50% no-repeat;
	padding:0 0 0 12px;
	margin:5px 0 4px;
}
#brands-section p {
	font-size:92%;
}
/* related
-------------------*/
#related-section {
	width:330px;
}
#related-section ul {
	margin-left:-6px;
	overflow:hidden;
}
#related-section ul li {
	float:left;
	margin:0 0 6px 6px;
}
#related-section .ul_wrapper {
	width:340px;
}
#related-section .single {
	margin:10px 0;
}
#related-section .text_tel {
	margin:10px 0 0 0;
}