/* header
*****************************************************************/
.header {
	overflow: hidden;
	position:relative;
	height: 94px;
	padding-right: 20%;
	background:#fff;
	border-bottom:1px solid #ddd;
}
.header .layout-inner {
	overflow:hidden;
	float:right;
	width:100%;
	padding-bottom: 40px;
}
.header img {
	vertical-align:top; 
}
.header .logo {
	float:left;
	width:20%;
	padding-top: 0.5%;
	line-height:1;
	margin:0;
}

.common-menu {
	position:absolute;
	right:10px;
	top:5px;
	text-align:right;
}
.common-menu a {
	margin-left:10px;
	padding-left:10px;
	border-left: 1px solid #ddd;
	line-height:1.2;
	font-size: 11px;
	color:#999;
}
.common-menu a:first-child {
	margin-left:0; padding-left:0; border-left: 0;
}

.common-banner {
	position: absolute;
	left: 120px; bottom: 64px;
}

@media only screen and (max-width : 1399px) {
	.header { padding-right:0; }
	.header .layout-inner { float:none; width:auto; }
	
}/*/mediaquery*/

@media only screen and (max-width : 1024px) {
	.header .logo { width: 17%; padding: 1px 0 0; }
	.common-banner { left: 80px; }
}/*/mediaquery*/

@media only screen and (max-width : 860px) {
	.header { height: auto !important; }
	.header .layout-inner { min-height: 62px; padding-bottom: 0; }
	.header .logo { float:none; width:110px; padding:15px 0; }
	.common-banner { display:none; }
	.common-menu { display:none; }
}/*/mediaquery*/


.header .nav-menu span {  }
.header .nav-menu {
	display:none;
	text-decoration:none;
	position:absolute; 
	top:35px; right:3%; 
	height:22px; 
	padding-right:35px;
	border:0; 
	font-size:13px;
	line-height:22px;
}
.header .nav {
	float:left;
	margin-left: 150px;
	margin-top: 39px;
}
.header .nav .section { 
	float:left;
}
.header .nav a {
	display: block;
}
.header .nav h2 {
	height: 40px;
	padding:0 50px 15px 0;
	background:#fff;
}
.header .nav .section:last-child h2 { 
	padding-right:0;
}
.header .nav h2 a {
	padding: 0 0 10px;
	color:#333;
	font-size:20px;
	letter-spacing:-1px;
	text-decoration:none;
}

.header .nav h2 a:hover,
.header .nav h2.active a {
	color:#2fa0e1;
}
.header .nav ul {
}
.header .nav li {
	overflow: hidden;
	height: 35px;
	padding-right: 10px;
	vertical-align: top;
}
.header .nav li a {
	display:block;
	padding: 9px 0;
	font-size:13px;
	line-height:1.2;
	text-decoration:none;
}
.header .nav li.current a,
.header .nav li a:hover {
	color:#3faef5;
	text-decoration:underline;
}

#leftNav { margin-left:100px; }
.backimgnav { background-image:url(../img/left_title.gif); height:63px; width:187px; font-size:22px; font-weight:bold; line-height:59px; }
.navah { height:32px; width:187px; margin-top:5px; line-height:30px; border-bottom: 1px dashed #dddddd;} 
.navah:last-child { border:none; }
.navpoint { background-image:url(../img/left_bg.gif); background-repeat:no-repeat; padding-bottom:5px; }
.navpoint a {color:#ffffff;  }

@media only screen and (max-width : 1200px) 
{
    #leftNav { width:187px; }
}
@media only screen and (max-width : 1152px) {
	.header .nav h2 { padding-right:40px; }
	.header .nav .section:last-child h2 { padding-right: 20px; }
	#leftNav { width:187px; }
}/*/mediaquery*/

@media only screen and (max-width : 1024px) {
	.header .nav h2 { padding-right:33px; }
	#leftNav { width:187px; }
}/*/mediaquery*/

@media only screen and (max-width : 980px) {
	.header .nav .section:last-child h2 { padding-right: 10px; }
	.header .nav h2 a { font-size:18px; }
	.header .nav li a { font-size: 13px; }
	#leftNav { width:187px; margin-left:30px; }
}/*/mediaquery*/

@media only screen and (max-width : 860px) 
{
    #leftNav { display:none; }
	.header .nav { clear:both; float:none; margin:0 3% 0 0; background:none; }
	.header .nav .section { display: none; overflow:hidden; float:none; padding:18px 4%; border-top:1px solid #f0f0f0; }
	.header .nav h2 { float:left; height: auto; width:25%; margin:0; padding:0 !important; }
	.header .nav h2 a { padding-bottom: 0; font-size:15px; letter-spacing: 0; }
	.header .nav h2.current a { background: none; }
	.header .nav ul { float:left; width:75%; margin:0; }
	.header .nav li { float:left; width:25%; height: auto; padding-right: 0; }
	.header .nav li a { padding: 4px 5px 3px 0; }
	.header .nav-menu { 
		display:block;
		background:url(/Asset/img/btn_nav.png) right 0 no-repeat; 
	}
}/*/mediaquery*/

@media only screen and (max-width : 768px) {
	.header .nav .section { padding:15px 5%; }
	.header .nav h2 { width:30%; }
	.header .nav ul { width:70%; }
	.header .nav li { width:33.33333%; }
}/*/mediaquery*/

@media only screen and (max-width : 580px) {
	.header .nav ul li { width:50%; }
}/*/mediaquery*/

@media only screen and (max-width : 460px) {
	.header .nav-menu { top:32px; }
	.header .nav h2 { float:none; width:auto; margin-bottom: 5px; }
	.header .nav ul { float:none; width:auto; }
	.header .nav li { width:50%; }
}/*/mediaquery*/