@import "reset.css";
@import "default.css";

@charset "utf-8";

body { background: url(../img/main/all_bg.gif) repeat-y top center #e6e9eb;}

#page_wrap { 
	width: 100%; 
	position: relative; 
	margin: 0px auto; 
	background-color: #EDEDED;}

#header {
	width: 100%;
	height: 87px;
	background: url(../img/common/header_bg.gif) repeat-x bottom left #fff;
	position: relative;
	z-index: 10;}
	
	.nav_wrap {
		width: 980px;
		height: 82px;
		margin: 0px auto;}
	
	#header h1 {
		width: 230px;
		height: 82px;
		background: url(../img/common/logo.gif) no-repeat top left;
		float: left;}

	.nav_bg {
		width: 100%;
		height: 42px;
		background: url(../img/common/nav_bg.png) no-repeat top center;
		position: absolute;
		bottom: -38px;
		left: 0px;
		z-index: -1;}
		
	.nav_1d {
		width: 750px;
		height: 82px;
		float: left;}		
		
		.nav_1d li.one_d { float: left; position: relative;}
		
			.nav_1d li.one_d>a {
				width: 137px;
				height: 82px;
				display: block;
				background: url(../img/common/nav_one.gif) no-repeat -5px 0px;}
				
			/*.nav_1d li.one_d>a:hover, .nav_1d li.one_d>a.on { background-image:url(../img/common/nav_on.gif);}*/
				
			.nav_1d>li.list_02>a { background-position: -143px 0px;}
			.nav_1d>li.list_03>a { background-position: -280px 0px; width: 184px;}
			.nav_1d>li.list_04>a { background-position: -464px 0px;}
			.nav_1d>li.list_05>a { background-position: -601px 0px;}
			
			.nav_2d { 
				width: 410px;
				height: 21px;
				position: absolute;
				bottom: -29px;
				left: 45px;}
				
			.nav_2d_02 { width: 290px; left: 30px;}
			.nav_2d_03 { width: 280px; left: 65px;}
			.nav_2d_04 { width: 290px; left: -5px;}
			/*.nav_2d_05 { width: 110px; left: 25px;}*/
			.nav_2d_05 { width: 195px; left: -60px;}
				
				.nav_2d li { 
					height: 21px;
					margin-right: 20px;
					overflow: hidden;
					float: left;}
				
				.nav_2d li a {
					width: 60px;
					height: 21px;
					display: block;
					background: url(../img/common/nav_off.png) no-repeat 0px 0px;}
					
				.nav_2d li a.h_menu, .nav_2d li a.s_menu{ background-image: url(../img/common/nav_on.png);}
				.nav_2d li a.h_menu { margin-top: -21px;}
					
				.nav_2d_01 li.list_02 a { background-position: 0px -30px;}
				.nav_2d_01 li.list_03 a { background-position: 0px -60px; width: 124px;}
				.nav_2d_01 li.list_04 a { background-position: 0px -90px; width: 79px;}
				
				.nav_2d_02 li.list_01 a { background-position: 0px -120px; width: 94px;}
				.nav_2d_02 li.list_02 a { background-position: 0px -150px; width: 73px;}
				.nav_2d_02 li.list_03 a { background-position: 0px -180px; }

				.nav_2d_03 li.list_01 a { background-position: 0px -210px; width: 60px;}
				.nav_2d_03 li.list_02 a { background-position: 0px -240px; width: 83px;}
				.nav_2d_03 li.list_03 a { background-position: 0px -270px; width: 73px;}

				.nav_2d_04 li.list_01 a { background-position: 0px -300px; width: 90px;}
				.nav_2d_04 li.list_02 a { background-position: 0px -330px; width: 51px;}
				.nav_2d_04 li.list_03 a { background-position: 0px -360px; width: 83px;}

				.nav_2d_05 li.list_01 a { background-position: 0px -390px; width: 80px;}
				.nav_2d_05 li.list_02 a { background-position: 0px -420px; width: 71px;}
				
	h3.paper {
		width: 151px;
		height: 145px;
		background: url(../img/common/paper.png) no-repeat top left;
		position: absolute;
		top: 83px;
		right: 0px;}

#content_wrap { 
	width: 100%; 
	height: 673px; 
	overflow: hidden;
	position: relative;}

	.rolling_wrap {
		width: 1280px;
		height: 625px;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -640px;}
		
		.rolling { width: 7700px;}
		
			.rolling li { float: left;}
			
		.btn_wrap {
			width: 47px;
			height: 82px;
			position: absolute;
			top: 250px;
			left: 50%;
			margin-left: -610px;}
			
			.btn_wrap li {
				position: absolute;
				top: 0px;
				left: 0px;}
				
			.btn_wrap li.list_02 { left: 1170px;}
				
				.btn_wrap li a {
					width: 47px;
					height: 82px;
					display: block;
					background: url(../img/main/prev_btn2.png) no-repeat top left;}
				
				.btn_wrap li.list_02 a { background: url(../img/main/next_btn2.png) no-repeat top left;}
		
		.num_list {
			width: 280px;
			height: 15px;
			padding-top: 13px;
			padding-left: 140px;
			background: url(../img/main/btn_bg.png) no-repeat top left;
			position: absolute;
			bottom: 12px;
			left: 50%;
			margin-left: -210px;}
			
			.num_list li {
				float: left;
				margin-right: 10px;
				width: 15px;
				height: 15px;
				background: url(../img/main/bulit_01.png) no-repeat top left;}
				
			.num_list li.on { background: url(../img/main/bulit_02.png) no-repeat top left;}
		
	.quick_wrap {
		width: 100%;
		height: 48px;
		background: url(../img/common/quick_bg.gif) repeat-x top left;
		position: absolute;
		bottom: 0px;
		left: 0px;}
		
		.quick_bar {
			width: 980px;
			padding-top: 8px;
			margin: 0px auto;}
			
			.quick_bar li { 
				float: left;
				margin-right: 40px;
				height: 35px;
				overflow: hidden;}
			
			.quick_bar li.list_04 { margin-right: 55px;}
			.quick_bar li.list_05 {
				width: 215px;
				height: 35px;
				margin-right: 0px;
				background: url(../img/common/quick_img.png) no-repeat 0px 2px;}
			
				.quick_bar li a {
					width: 140px;
					height: 35px;
					display: block;
					background: url(../img/common/quick_menu_off.png) no-repeat top left;}
					
				.quick_bar li a.h_menu, .quick_bar li a.s_menu { background-image: url(../img/common/quick_menu_on.png)}
				
				.quick_bar li a.h_menu { margin-top: -35px;}
					
				.quick_bar li.list_02 a { background-position: -179px 2px; }
				.quick_bar li.list_03 a { background-position: -357px 2px; }
				.quick_bar li.list_04 a { background-position: -536px 2px; }

#footer { width: 100%; background: url(../img/common/footer_bg.gif) repeat-x top left #EDEDED; height: 78px; position: relative;}
	
#footer address {
	width: 980px;
	height: 58px;
	margin: 0px auto;
	background: url(../img/common/main_addr.gif) no-repeat top left;
	position: relative;}	

	#footer .btn1 {
		display: block;
		float: left;
		position: absolute;
		top: 49px;
		left: 50%;
		margin-left: -400px;}
	
	#footer .btn2 {
		display: block;
		float: left;
		position: absolute;
		top: 49px;
		left: 50%;
		margin-left: -303px;}