﻿@charset "utf-8";

html, body, td, th {
	font-size:12.4px;
}
body, a, strong, input, select, button, td, th, p,h2 {
	font-family: "宋体";
	color: #97894E;
}
body, form, dir, fieldset, blockquote, pre, dl, dd, dt {
	padding:0;
	margin:0;
}
body {
	background: url(../images/bg.jpg);
	width:890px;
	margin: 0px auto;
	padding: 0px;

}
div, p { display:block; }
img { border:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
table { border-collapse: separate; }


h2 {font-size:14px; text-align:left; text-indent:5px; margin:5px;}
ul {
	float:left;
	list-style:disc outside;
	margin:5px auto 5px 5px;
	padding-left:3px !important;
	padding-left:0px;
}
li {
	padding-left:2px;
	text-align:left;
	line-height:160%;
	list-style: none;
}
.container {
	width:906px;
	color: #FFFFFF;
	background: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
}
#header {
	width:899px;
	margin:0 auto;
	background: url(../images/headerbg.gif);
	padding: 0px;
	height: 136px;
}
.topline {
	border: 1px solid #AEAA7B;
	background: url(../images/topline.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	height: 16px;
}
#logo {
	width:177px;
	padding:10px 22px 10px 15px;
	float:left;
}
#flash {
	width:684px;
	float:left;
}
#global_Nav {
	background: url(../images/Global_Nav_Bg.gif) no-repeat;
	margin: 3px auto;
	padding: 0px;
	height: 31px;
	width: 900px;
}
#browse_nvg {
	color:black;
	margin:10px;
	float:left;
	width:662px;
	text-align:left;
}
ul.horizontal {
	list-style:none;
	margin:0 auto 0 20px;
	padding:0;
	width:890px;
	text-align:center;
}
ul.horizontal li {
	float:left;
	display:inline;
	margin:0;
	padding:3px 8px;
	color:#000000;
}
ul.horizontal a:link {
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	color:#000000;
	font-weight: bolder;
}
ul.horizontal a:visited {
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	color:#000000;
	font-weight: bolder;
}
ul.horizontal a:hover {
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	color:#000000;
	font-weight: bolder;
}
ul.horizontal a:active {
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	color:#000000;
	font-weight: bolder;
}
.commondiv {
	margin: 0px 3px;
	padding: 0px 0px;
	clear: both;
	height: auto;
	width:100%;
	text-align:center;
}
.commondiv .left {
	float:left;
	width:205px;
	height:auto;
}
.commondiv .mid {
	float:left;
	width:520px;
	height:auto;
}
.commondiv .right {
	float:left;
	width:172px;
	height:auto;
}
.memberdiv { margin:2px auto; }
.memberdiv .top {
	background: url(../images/membertop.gif);
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 204px;
}
.memberdiv .vmid {
	background: url(../images/membermid.gif) repeat-y;
	height:100px;
	width:204px;
	margin: 0px;
	padding: 0px;
}
.memberdiv .btm {
	background: url(../images/memberbtm.gif);
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 204px;
}
.title {
	float:left;
	margin: 0px;
margin-top:2px;
	padding: 0px;
	height: 24px;
	width: 100%;
	/*clear: both;*/ /*double column*/ 
	color: #000000;
	font-weight: bold;
	text-align:left;
	text-indent:15px;
	line-height:25px;
}
.title2 {
	float:left;
	margin: 0px;
	padding: 0px;
	height: 24px;
	/*clear: both;*/ /*double column*/ 
	color: #000000;
	font-weight: bold;
	text-align:left;
	text-indent:15px;
	line-height:25px;
}
.title3 {
	float:left;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 100%;
	/*clear: both;*/ /*double column*/ 
	color: #000000;
	font-weight: bold;
	text-align:left;
	text-indent:10px;
	line-height:25px;
}
fieldset.memberlogin {
	margin:0;
	padding:0;
	width:90%;
	border:0;
	color:#000000;
}
fieldset.memberlogin div { margin:10px auto; }
fieldset.memberlogin label { text-align:right; }
fieldset.memberlogin input {
	border:1px;
	font-size:11px;
	padding:2px;
	background:#EFEFEF;
}
.btn {
	font-size:12px;
	padding:2px;
	background:url(../images/btn_bg.gif) no-repeat;
	margin: 0px;
	height: 20px;
	width: 54px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	color: #000000;
}
.longdiv {
	margin:0px auto;

}
.longdiv .top {
	background: url(../images/longdivtop.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 25px;
	width: 512px;
}
.longdiv .vmid {
	background: url(../images/longdivmid.gif) repeat-y;
	margin: 0px auto;
	padding: 0px;
	width:512px;
	height:200px;
	height:auto!important;
	min-height:200px;

}

.longdiv .Dynamicbg{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background: url(../images/tea.gif) no-repeat right bottom;
}

.longdiv .btm {
	background: url(../images/longdivbtm.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 9px;
	width: 512px;
}
.rightdiv {
	margin:0px auto;
}
.rightdiv .top {
	background: url(../images/rightdivtop.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 25px;
	width: 169px;
}
.rightdiv .vmid {
	background: url(../images/rightdivmid.gif) repeat-y;
	width:169px;
	margin: 0px auto;
	text-align:center;
}
.rightdiv .vmid p {
	margin:0 auto;
	padding:0;
	width:90%;
	text-align:justify;line-height:140%;
}
.rightdiv .btm {
	background: url(../images/rightdivbtm.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 7px;
	width: 169px;
}
.leftdiv { margin:0px auto; margin-bottom:3px !important; margin-bottom:0px;}
.leftdiv .top {
	background: url(../images/leftdivtop.gif);
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 203px;
}
.leftdiv .top1 {
	background: url(../images/leftdivtop1.gif);
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 203px;
}
.leftdiv .vmid {
	background: url(../images/leftdivmid.gif) repeat-y;
	width:203px;
	margin: 0px;
	padding: 0px;
}
.leftdiv .vmid p{
	margin:0 auto;
	padding:0;
	width:80%;
	text-align:left; line-height:140%;}
.leftdiv .btm {
	background: url(../images/leftdivbtm.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 203px;
}
.ads_div {
	clear:both;
	margin:2px auto;
	padding:0;
	padding-left:3px;
}
#linklogo {
	margin: 0px auto;
	padding: 3px 0px;
}
#linklogo ul {
	margin:0px 5px;
	padding:0px;
	width:900px;
}
#linklogo ul li {
	float:left;
	margin:0px;
	padding:5px;
}
#linklogo img {
	width:88px;
	height:31px;
}
#linkurl {
	margin: 0px auto;
	padding: 3px 0px;
	clear: both;
}
#linkurl ul {
	margin:0px 5px;
	padding:0;
	width:900px;
	list-style:none;
}
#linkurl ul li {
	float:left;
	margin:0px;
	padding:2px;
	padding-left:5px;
	
}
#footer {
	margin-bottom:10px;
	padding-bottom:10px;
}
#footerlink {
	width:50%;
	margin:0 auto;
	text-align:center;
	padding:5px 20px;
	height:30px;
}
#footer p {
	line-height:140%;
	margin:0;
	padding:0;
	text-align:center;
}
ul.onlineshop{ margin:0 auto; padding:0; list-style:none; width:475px;}
ul.onlineshop li{ text-align:center;float:left;  padding:15px 20px;}
ul.onlineshop li a:link{color:#CC3300; font-weight:bold;}
ul.gzlm li a:link{color:red; font-weight:bolder;}
.longdiv2 {
	margin:0px auto;
	float:left;

}
.longdiv2 .top {
	background: url(../images/longdiv2top.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 24px;
	width: 475px;
}
.longdiv2 .vmid {
	background: url(../images/longdiv2mid.gif) repeat-y;
	margin: 0px auto;
	padding: 0px;
	width:475px;
	min-height:200px;
	clear: both;
}

.longdiv2 .btm {
	background: url(../images/longdiv2btm.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 5px;
	width: 475px;
}
.rightdiv2 {
	margin:0px auto;
	float:left;
}
.rightdiv2 .top {
	background: url(../images/rightdiv2top.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 24px;
	width: 214px;
}
.rightdiv2 .vmid {
	background: url(../images/rightdiv2mid.gif) repeat-y;
	min-height:200px;
	width:214px;
	margin: 0px auto;
	text-align:center;
}

.rightdiv2 .vmid img {

	padding:3px;
}

.rightdiv2 .vmid p {
	margin:0 auto;
	padding:0;
	width:90%;
	text-align:justify;
}
.rightdiv2 .btm {
	background: url(../images/rightdiv2btm.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 7px;
	width: 214px;
}
.commondiv2 {
	margin: 0px 3px;
	padding: 3px 0px;
	clear: both;
	height: auto;
	width:100%;
	text-align:center;
}
.commondiv2 .left {
	float:left;
	width:205px;
	height:auto;
}
.commondiv2 .mid {
	float:left;
	width:477px;
	height:auto;
}
.commondiv2 .right {
	float:left;
	width:220px;
	height:auto;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/******************************  new  ******************************/
#linklogo2 {
	margin: 0px auto;
	padding: 3px 0px;
	clear: both;
}
#linklogo2 ul {
	margin:0 auto;
	padding:0;
}
#linklogo2 ul li {

	display:inline;
	margin:0px;
	padding:6px;
}



.longdiv3 {
	float:left;
	width: 302px;
	margin:0px 5px;
}
.longdiv3 .top {
	background: url(../images/longdiv3top.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 24px;
	width: 302px;
}
.longdiv3 .vmid {
	background: url(../images/longdiv3mid.gif) repeat-y;
	margin: 0px auto;
	padding: 0px;
	width:302px;
	height:auto!important;
	min-height:200px;
	clear: both;
}

.longdiv3 .btm {
	background: url(../images/longdiv3btm.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 5px;
	width: 302px;
}
.longdiv4 {
	background-color:#D6CEA7;
	border:1px 1px 1px 1px solid #B4AB80;
	width:278px;
	margin-left:1px;
	float:left;
}	
.longdiv5 {
	background-color:#E9E9CF;
	border:1px 1px 1px 1px solid #C3C7A4;
	width:278px;
	margin-left:1px;
	float:left;
	height:380px;
}	
.longdiv6 {
	background-color:#FFFCF3;
	border:1px 1px 1px 1px solid #E7E7CF;
	width:612px;
	float:left;
	margin-left:5px;
}	


/* news list */

.newslist{
		text-align:left;
		 width:650px;
		 border:1px #CCCCCC solid;
		 float:left;
		 padding:5px 10px;
		 line-height:20px;	
		 color:black;
}
.newslist dl{
	width:650px;
	margin:10px auto 0px;       
	display:block;
	border-bottom:1px dotted #DDD;
	
}
.newslist dl dt{
	margin:0px auto 0px;
}	

.piclist dt{
	float:left;
}

/* maybe news page*/
.mid_right .btm{
	border:solid 1px 1px 1px 1px #EFEFEF;
	float:left;
	width:652px;
	height:169px;
	margin:10px;
}
.mid_right .mid {
	margin:3px;
	min-height:550px;
	width:652px;
	color:black;
}
.mid_right .mid1 {
	margin:3px;
	min-height:autopx;
	width:652px;
	color:black;
}

.mid_right .btm .top{
	background-color:#EFEFEF;
	float:left;
	width:652px;
	text-align:left;
	height:20px;
}
.divsch {
	background-color:#EEEEEE;
	border:1px 1px 1px 1px solid #CCCCCC;
	margin:10px;
	float:left;
	width:652px;
	height:516px;
}
.divsch .pannel{
	background-color:#ffffff;
	border:1px 1px 1px 1px solid #CCCCCC;
	margin:3px;
	float:left;
	width:640px;
	height:450px;
}
.pannel .cell {
	text-align:left;
	float:left;
	background-color:#ffffff;
	border:1px 1px 1px 1px solid #CCCCCC;
	width:153px;
	height:104px;
	margin: 3px auto auto 3px;
}




/* ads */
.img_ads4{
	width:655px;
	height:59px;
	background:url(../images/ads4.gif) no-repeat;
}




/* ?? */
.img_rightdiv3{
	float:left;
	width:678px;
	background:url(../images/rightdiv3.jpg) no-repeat;
}
.img_rightdiv4{
	float:left;
	width:339px;
	background:url(../images/rightdiv4.jpg) no-repeat;
}
.img_rigdiv4{
	float:left;
	width:339px;
	background:url(../images/rigdiv4.jpg) no-repeat;
}
.img_rightdiv5{
	float:left;
	width:678px;
	background:url(../images/rightdiv5.jpg) no-repeat;
}
.img_rightdiv6{
	float:left;
	width:678px;
	background:url(../images/rightdiv6.jpg) no-repeat;
}
.img_rightdiv7{
	float:left;
	width:678px;
	background:url(../images/rightdiv7.jpg) no-repeat;
}
