/* General Styles Start */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
img { border: 0;}
ul,li { list-style-type: none;}
div,p { display: block;}
fieldset { border: 0;}
fieldset legend { display: none;}
table caption { display: none;}
html, body { font-family: Tahoma,Simsun, Microsoft YaHei,  Arial Unicode MS, Mingliu, Arial, Helvetica;}
body { font-size: 63%; color: #535353; background: #e9e9cf; margin-top: 434px;}
/* Other Style  Start */
.clear { font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
.none { display: none !important;}
.block { display: block !important;}
.italic { font-style: italic !important;}
.center { text-align: center !important;}
.right { text-align: right !important;}
.left { text-align: left !important;}
.float-left { float: left !important;}
.float-right { float: right !important;}
.line-through { text-decoration: line-through !important;}
.indent { text-indent: 2em;}
.none-indent { text-indent: 0 !important;}
.v-top { vertical-align: top;}
.v-mid { vertical-align: middle;}
/* Other Style  End */
/* Link Style Start */
a { color: #679533; text-decoration: none;}
a:hover { text-decoration: underline;}
/* Link Style End */
.font-red { color: #de0000;}
/* General Styles End */

#header { width: 100%; height: 300px; position: absolute; left: 0; top: 0; background: #83a060;}
  .header-main { width: 780px; position: absolute; left: 50%; top: 0; margin: 0 0 0 -390px; padding-top: 33px; height: 409px;}
    .header-top { margin: 0 auto; width: 780px; background: url("img/bg_header_top.jpg") left top no-repeat; height: 11px; font-size: 0; line-height: 0;}
    .header-content { width: 750px; padding: 8px 15px 0; background: #fff; overflow: hidden;}
      .header-content a.logo { display: block; width: 218px; height: 76px; background: url("img/logo.jpg") left top no-repeat; text-indent: -9999em; float: left;}
      .nav-link { width: 20%; float: right; text-align: right; font-size: 1.2em; padding-right: 15px; height: 76px; display: block;}
		.header-content-main { clear: both; height: 230px; padding-top: 12px;}
		  .header-pic-show { float: left; width: 400px; height: 242px;}
		  .header-contact { float: right; width: 345px; height: 242px;}
		    .header-contact h2 { height: 88px; line-height: 88px; font-size: 3.2em; font-family: Arial; background: url("img/bg_header_contact.jpg") left top no-repeat; color: #fff; font-weight: normal; padding-left: 8px;}
          .header-contact-main { height: 127px; padding: 18px 8px 8px; border-top: 1px #a8d76f solid; background: #93c353;}
			   .header-contact-main p { font-size: 1.3em; color: #f5ffdf; padding-bottom: 8px;}
				  .header-contact-main a { color: #f5ffdf; text-decoration: none;}
				  .header-contact-main a:hover { text-decoration: underline; color: #fff;}
		.menu { width: 750px; height: 50px; background: url("img/bg_menu.jpg") left top no-repeat; margin-top: 3px; clear: both;}
		  .menu li { float: left; height: 50px; line-height: 50px; width: 150px; text-align: center;}
		    .menu li a { font-size: 1.6em; font-family: "Trebuchet MS", Arial; color: #fff; text-decoration: none;}
			 .menu li a:hover { color: #ff0; text-decoration: underline;}
			 
#wrapper { margin: 0 auto; width: 750px; padding: 15px 15px 0; overflow: hidden; background: #fff}
  #wrapper h1 { font-size: 1.6em; padding-left: 15px; color: #fff; background: #5d6862; height: 35px; line-height: 35px; font-family: Arial; margin-bottom: 15px;}
    #wrapper p { padding-bottom: 15px; text-indent: 2em; font-size: 1.3em; line-height: 160%; font-family: Verdana;}
    #wrapper h2 { font-size: 1.6em; padding: 10px 0; color: #608f3e;}
	 #wrapper h3 { font-size: 1.2em; padding: 10px 0; color: #000; text-indent: 2em;}
	 .wrapper-bottom { background: url("img/bg_wrapper_bottom.jpg") left top no-repeat; width: 780px; height: 15px; font-size: 0; line-height: 0; margin: 0 auto;}
	 
	 .img-index { float: left; margin: 0 8px 8px 0; border: 1px #000 solid;}
	 .list { overflow: hidden;}
	   .list li { margin-bottom: 5px; margin-left: 1%; width: 30%; float: left;}
		  .list li p { text-indent: 0; text-align: center;}
	 .table-price { background: #665b47; margin: 10px auto 15px; width: 100%;}
      .table-price th, .table-price td { padding: 8px 0; font-size: 1.1em; text-align: center;}
      .table-price th { background: #6e9d37; color: #fff;}
	   .table-price td { background: #fff; color: #000;}
		
#footer { margin: 0 auto; clear: both; width: 750px; padding: 5px 15px 15px;}
  #footer p { color: #535353; font-size: 1.1em;}
    #footer p a { color: #535353; text-decoration: none;}
    #footer p a:hover { color: #de0000; text-decoration: underline;}