@charset "utf-8";
/* CSS Document */
/*
   author:    hong
   email:     huanghong@hotmail.com
   homepage:  design-hong.com       */

/* basic */
* {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}
body {
	padding: 30px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	color: #333;
}
a {
	color: #aaa;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
	outline: none;
}
ul li {
	list-style: none;
}
img {
	vertical-align: top;
	border: none;
}
input.text, textarea, select, button {
	padding: 2px;
	font-family: inherit;
	font-size: 10pt;
	color: #666;
	border: 1px solid #9f9f9f;
	border-right-color: #dcdcdc;
	border-bottom-color: #dcdcdc;
}
label, input.btn {
	cursor: pointer;
}
.box {
	clear: both;
	zoom: 1;
}
.box:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}
#header, #main, #footer, .contact .content {
	width: 880px;
	margin: 0 auto 40px;
}

/* header */
#header, ul.list, #footer {
	width: 780px;
}
#header h1, #header ul, #header li, ul.list, ul.list li, .prev, .next, ul.tab li {
	_display: inline;
	float: left;
}
#header h1 a, #header li a, ul.list li a, .prev a, .next a, ul.tab li a, .detail h1 {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#header h1 a {
	width: 100px;
	height: 60px;
	background-image: url(../images/logo2.gif);
}
#header ul {
	margin: 25px 0 0 30px;
}
#header li {
	margin-left: 30px;
	padding-left: 10px;
	border-left: 1px solid #bca284;
}
#header li a {
	height: 23px;
	background-image: url(../images/nav.gif);
}
#header li.n1 a {
	width: 126px;
	background-position: -136px 9px;
}
#header li.n1 a:hover, #header li.n1 a.current {
	background-position: left 9px;
}
#header li.n2 a {
	width: 63px;
	background-position: -136px -13px;
}
#header li.n2 a:hover, #header li.n2 a.current {
	background-position: left -13px;
}
#header li.n3 a {
	width: 60px;
	background-position: -136px -35px;
}
#header li.n3 a:hover, #header li.n3 a.current {
	background-position: left -35px;
}
#header li.n4 a {
	width: 68px;
	background-position: -136px -57px;
}
#header li.n4 a:hover, #header li.n4 a.current {
	background-position: left -57px;
}
#header li.n5 a {
	width: 72px;
	background-position: -136px -79px;
}
#header li.n5 a:hover, #header li.n5 a.current {
	background-position: left -79px;
}

/* main */
/* list */
ul.list {
	margin: 0 15px;
	background-image: url(../images/list.png);
}
.v ul.list {
	background-position: left -430px;
}
.list_3 ul.list {
	margin-left: 50px;
	background-position: left -860px;
}
ul.list li a {
	width: 260px;
	height: 140px;
}
ul.list li.l1 a:hover {
	background-image: url(../pic/1.jpg);
}
ul.list li.l2 a:hover {
	background-image: url(../pic/2.jpg);
}
ul.list li.l3 a:hover {
	background-image: url(../pic/3.jpg);
}
ul.list li.l4 a:hover {
	background-image: url(../pic/4.jpg);
}
ul.list li.l5 a:hover {
	background-image: url(../pic/5.jpg);
}
ul.list li.l6 a:hover {
	background-image: url(../pic/6.jpg);
}
ul.list li.l7 a:hover {
	background-image: url(../pic/7.jpg);
}
ul.list li.l8 a:hover {
	background-image: url(../pic/8.jpg);
}
ul.list li.l9 a:hover {
	background-image: url(../pic/9.jpg);
}
ul.list li.l10 a:hover {
	background-image: url(../pic/10.jpg);
}
ul.list li.l11 a:hover {
	background-image: url(../pic/11.jpg);
}
ul.list li.l12 a:hover {
	background-image: url(../pic/12.jpg);
}
ul.list li.l13 a:hover {
	background-image: url(../pic/13.jpg);
}
ul.list li.l_3_1 a:hover {
	background-image: url(../pic/w_3_1.jpg);
}
ul.list li.l_3_2 a:hover {
	background-image: url(../pic/w_3_2.jpg);
}
ul.list li.l_3_3 a:hover {
	background-image: url(../pic/w_3_3.jpg);
}
ul.list li.l_3_4 a:hover {
	background-image: url(../pic/w_3_4.jpg);
}
ul.list li.l_3_5 a:hover {
	background-image: url(../pic/w_3_5.jpg);
}
ul.list li.l_3_6 a:hover {
	background-image: url(../pic/w_3_6.jpg);
}
ul.list li.l_3_7 a:hover {
	background-image: url(../pic/w_3_7.jpg);
}
ul.list li.l_3_8 a:hover {
	background-image: url(../pic/w_3_8.jpg);
}
ul.list li.l_3_9 a:hover {
	background-image: url(../pic/w_3_9.jpg);
}
.prev, .next {
	width: 35px;
	height: 12px;
}
p.prev, p.next {
	padding-top: 200px;
}
.prev a, .next a {
	_width: 35px;
	_height: 12px;
	background-image: url(../images/page.gif);
}
.next a {
	background-position: -43px top;
}
ul.tab {
	_display: inline;
	float: right;
	margin: 10px 50px 0 0;	
}
ul.tab li {
	margin-left: 10px;
}
ul.tab li a {
	width: 59px;
	height: 26px;
	border: 1px solid #fff;
	background-image: url(../images/tab.png);
}
ul.tab li a:hover {
	border-color: #eace6f;
}
ul.tab li.t_1 a {
	background-position: 1px 1px;
}
ul.tab li.t_1 a.current {
	background-position: 1px -33px;
}
ul.tab li.t_2 a {
	width: 52px;
	background-position: -66px 1px;
}
ul.tab li.t_2 a.current {
	background-position: -66px -33px;
}
ul.tab li.t_3 a {
	background-position: -126px 1px;
}
ul.tab li.t_3 a.current {
	background-position: -126px -33px;
}
/* detail */
.detail {
	width: 840px !important;
}
.detail .pic {
	height: 380px;
	line-height: 380px;
	text-align: center;
}
.detail .pic img {
	vertical-align: middle;
}
.detailText .pic {
	_display: inline;
	float: left;
	margin-left: 20px;
}
.detail .text {
	float: right;
	width: 260px;
	color: #bca284;
}
.detail .text p {
	line-height: 1.5;
	margin-bottom: 10px;
	text-align: justify;
}
.detail h1, .detail ul.page {
	clear: both;
}
.detail h1 {
	height: 60px;
	padding-top: 10px;
	border-top: 1px solid #e0d6c3;
	background-position: left 20px;
}
.d1 h1 {
	background-image: url(../pic/1_title.gif);
}
.d2 h1 {
	background-image: url(../pic/2_title.gif);
}
.d3 h1 {
	background-image: url(../pic/3_title.gif);
}
.d4 h1 {
	background-image: url(../pic/4_title.gif);
}
.d5 h1 {
	background-image: url(../pic/5_title.gif);
}
.d6 h1 {
	background-image: url(../pic/6_title.gif);
}
.d7 h1 {
	background-image: url(../pic/7_title.gif);
}
.d8 h1 {
	background-image: url(../pic/8_title.gif);
}
.d9 h1 {
	background-image: url(../pic/9_title.gif);
}
.d10 h1 {
	background-image: url(../pic/10_title.gif);
}
.d11 h1 {
	background-image: url(../pic/11_title.gif);
}
.d12 h1 {
	background-image: url(../pic/12_title.gif);
}
.d13 h1 {
	background-image: url(../pic/13_title.gif);
}
.d_3_1 h1 {
	background-image: url(../pic/w_3_1_title.png);
}
.d_3_2 h1 {
	background-image: url(../pic/w_3_2_title.png);
}
.d_3_3 h1 {
	background-image: url(../pic/w_3_3_title.png);
}
.d_3_4 h1 {
	background-image: url(../pic/w_3_4_title.png);
}
.d_3_5 h1 {
	background-image: url(../pic/w_3_5_title.png);
}
.d_3_6 h1 {
	background-image: url(../pic/w_3_6_title.png);
}
.d_3_7 h1 {
	background-image: url(../pic/w_3_7_title.png);
}
.d_3_8 h1 {
	background-image: url(../pic/w_3_8_title.png);
}
.d_3_9 h1 {
	background-image: url(../pic/w_3_9_title.png);
}
.detail ul.other, .detail ul.page {
	float: right;
}
.detail ul.other {
	margin: -55px 0 15px;
}
.detail ul.other li {
	float: left;
	width: 51px;
	margin-left: 5px;
	padding: 1px;
	border: 1px solid #eee;
}
.detail ul.other li.current {
	border-color: #bca284;
}
.detail ul.page li.next {
	margin: 0 5px 0 30px;
}
/* contact */
.contact {
	width: auto !important;
	height: 400px;
	text-indent: -9999px;
	border-bottom: 1px solid #bca284;
	background-image: url(../images/contact.jpg);
	background-position: center top;
}

/* footer */
#footer {
	font-size: 8pt;
	color: #999;
}