@charset "utf-8";

/*      css reset
-----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-family: inherit;
	vertical-align: baseline;
	line-height:1.5em;
	letter-spacing :0;
	font-size:100%;
	}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align:middle;
	}
blockquote:before, blockquote:after,q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/*      basic elements
-----------------------------------------------------------------------*/
body {
	color: #614629;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #ab1917 url(../images/bg.gif) repeat-x top left;
}
html, body {height: 100%;text-align: center;}
a , a:link , a:active{
	color:#848484;
	font-size: 0.9em;
	text-decoration: none;
	vertical-align: middle;
	blur:expression(this.onFocus=this.blur());/*ie 消除虛線框*/
	}
a:hover {color:#000000;}
a:focus { -moz-outline-style: none; }/*ff 消除虛線框*/
h1 {text-indent:-5000px;}
.atten {color:#DF9702;letter-spacing:1px;font-weight:bold;}
.atten2 {color:#CC0000;font-weight:bolder;font-size:1.2em;}

/*      page
-----------------------------------------------------------------------*/
#container {
	overflow:hidden;
  width:780px;
  min-height:100%;
  height:auto;
  text-align:left;
  margin:auto;/*ff*/
  *margin:0;/*ie*/ 
  position:relative;
}
#main { 
  margin:0;
  position:relative;
  padding:75px 0 30px 0;
  min-height:450px;*height:520px;
  z-index:1;
  background: transparent url(../images/main_bg.gif) repeat-y top left;
	}
body.pro_nav4 #main {min-height:600px;*height:700px;}
#content {
	width:510px;*width:536px;
	left:20px;
	background:transparent url(../images/content_bg.gif) no-repeat bottom left;
	position:relative;
	min-height:360px;
  _height:360px;
  clear:both;
  padding:13px;padding-top:0;
	}
	
.page_current {
	background: transparent url(../images/page_current_bg.gif) no-repeat top left;
	height:115px;
	width:100%;
	position:absolute;
	top:0;
	}
.page_current h3 {
	text-indent:-5000px;
	width:180px;height:39px;
	float:right;
	margin:35px 100px 0 0;
	*-margin:35px 50px 0 0;
	}
body#page_products .page_current h3 {background: transparent url(../products/images/page_title.png) no-repeat top left;}
body#page_about .page_current h3 {background: transparent url(../about/images/page_title.png) no-repeat top left;}
body#page_service .page_current h3 {background: transparent url(../service/images/page_title.png) no-repeat top left;}
body#page_contact .page_current h3 {background: transparent url(../contact/images/page_title.png) no-repeat top left;}

ul#subMenu {
	float:left;
	margin:15px 0 0 40px;
	*-margin:17px 0 0 20px;
	}
ul#subMenu li {
	float:left;
	padding:2px 0;
	}
ul#subMenu a {
	color:#711f15;
	padding:0 10px;
	border-right:1px solid #711f15;
	}
ul#subMenu a:hover {background-color:#ffcf00}
ul#subMenu li.end a {border-right:none;}
ul#subMenu li#current {background: transparent url(../images/subNav_over.gif) no-repeat top center;}
ul#subMenu li#current a {color:#000000}
ul#subMenu li#current a:hover {background-color:transparent }

.title {
	background: transparent url(../images/title_bg.gif) no-repeat top left;
	padding:0 0 10px 15px;
	
	}
.title h3 {	
	font-weight:bold;
	color:#8a724c;	
  padding:3px 20px;  
  display:inline;
  background: transparent url(../images/h3_bg.gif) no-repeat top left;
	}

.part {
	background:#f0d79e url(../images/part_bg.gif) repeat-x top left;
	border:2px solid #c69c6d;border-top:none;	
	clear:both;
	min-height:320px;
  *height:320px;  
	}
.prolist2 h5{
	font-size:1.4em;
	color:#CF7C19;
	font-weight:bold;
	background: transparent url(../images/icon.gif) no-repeat top left;	
	padding:2px 0;
	*margin-bottom:7px;
	margin-top:15px;
	}
.prolist2 ul {
	background: transparent url(../images/line.gif) no-repeat top left;
	margin:5px 0;margin-left:28px;
	padding:10px 0;
	}
.prolist2 li {margin:5px 0}
.prolist2 li span {font-weight:bolder;color:#7c6700;margin-right:7px}
table.prolist , .prolist2{
	width:480px;*width:480px;
	margin:0 15px;*margin:0;*margin-left:15px;
	font-size:0.85em;
	}
table.prolist tr {background: transparent url(../images/line.gif) no-repeat bottom center;}
table.prolist tr.end {background:none}
table.prolist td {
  width:50%;
  text-align:center;
  vertical-align:top;
  padding:20px 0;
	}
table.prolist .pic {	
	border:2px solid #BCA07E;
	display:inline-block;*display:inline;
	margin:5px 0;
	padding:2px;
	}
table.prolist .pic img {background:#fff8e6 url(../products/images/pro_bg.gif) repeat-x top center;}
table.prolist h4,table.prolist p {
	text-align:left;
	}
table.prolist h4 , .prolist2 h5{
	font-size:1.2em;
	color:#CF7C19;
	font-weight:bold;
	background: transparent url(../images/icon.gif) no-repeat top left;
	text-indent:27px;
	padding:2px 0;
	margin-left:0px;*margin-bottom:7px;
	}
table.prolist h4 span.main {
	background: transparent url(../products/images/h4_main_bg.gif) no-repeat top left;
	padding:2px 4px;
	color:#ffffff;
	font-size:1.2em;
	}
table.prolist p {
	margin-left:4.5em;
	*margin-top:7px;
	text-indent:-3em;
	}

img.page {float:left;margin:18px 0 0 20px;}
.part h4 {color:#DA145A;margin-left:95px;font-weight:bold}

.ch {border-left:1px solid #e3daaf;margin-left:90px;}	
.ch p {
	text-indent:2.2em;
	margin:10px;
	letter-spacing:1px;
	}

.ch ul {margin:10px;}
.ch ul li {margin:15px 0;font-weight:bold;}
.ch ul p {
	font-weight:normal;
	text-indent:0em;
	margin:0 10px 10px 14px;
	background: transparent url(../images/icon2.gif) no-repeat top left;
	padding-left:15px;
	}
.map {margin:0 0 15px 15px;}

ul.infor li {
	font-weight:normal;
	background: transparent url(../images/icon2.gif) no-repeat center left;
	padding-left:20px;
	margin:0;
	font-size:0.85em;
	}

ul#preNext {
	float:right;clear:both;
	margin:-7px 240px 10px 0;
	*-margin:0 120px 10px 0;
	}
ul#preNext li {float:left;}
ul#preNext a {
	font-size:0.85em;
	color:#42210b;
	padding:0 7px;
	border-right:1px solid #42210b;
	
	}   
ul#preNext li.end a {border-right:none;}
ul#preNext a:hover{
	background-color:#FED801;
	}

/*      header
-----------------------------------------------------------------------*/
#header {
	width:100%;
	position:relative;
	height:188px;
	background: transparent url(../images/banner.gif) no-repeat top left;
  z-index:3;
	}
#banner {
  /*background: transparent url(../images/banner.gif) no-repeat top left;*/
  width:100%;
  height:130px;
  margin-left:250px;  
	}
/*html>body #banner {
	background-image: none;/*ie6
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner.png', sizingMethod='image');/*ie6
	}*/

h1 {
	position:absolute;
	top:15px;left:200px;
	/*cursor:pointer;cursor:hand;*/
	z-index:5;
	}
h1 a {
	width:263px;
	height:100px;
	display:block;	
	}
h2 {
	text-indent:-5000px;
	background: transparent url(../images/h2.gif) no-repeat top right;
	margin:35px 25px 0 0;
	}
.contact {
	font-size:0.83em;
	width:200px;
	text-align:right;
	position:absolute;
	top:27px;
	left:7px;
	color:#42210b;
	}

ul#menu {
	background:transparent url(../images/menu_bg.gif) no-repeat top left;
	width:420px;*width:453px;
	height:35px;*height:48px;
	padding:13px 0 0 32px;
	margin-left:5px;
	float:left;
	z-index:7;
	}	
ul#menu li {
	float:left;
	margin:0 2px;
	padding-top:1px;*padding-top:0;
	height:31px;	
	}

ul#menu a {
	color:#c4983e;
	padding:0 10px;
	*font-size:0.85em;	
	border-right:1px solid #c4983e;
	}
ul#menu a:hover {
	color:#f4cd00;
	}
ul#menu li.end a {border-right:none;}
ul#menu li#current {
	background:transparent url(../images/nav_over_bg_l.gif) no-repeat top left;
	}
ul#menu li#current a {
	color:#ffffff;
	}
ul#menu li#current a:hover {color:#ffffff}


/*      sidebar                                                         
-----------------------------------------------------------------------*/
#sidebar {
	width:215px;*width:235px;
	position:absolute;
	right:0;
	margin-top:10px;
	clear:both;
	padding:10px;
}
.area {
	background:transparent url(../images/sidebar_area_bg.gif) no-repeat top center;
  padding-top:5px;
  margin-top:20px;
	}
.area h3 {
	text-indent:-5000px;
	background:transparent url(../images/sidebar_h3.png) no-repeat top left;
	height:40px;
	}
.area p {
	padding:7px 0 7px 60px;
  margin:10px 0;
	border-bottom:2px dotted #8D734B;
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
	min-height:41px;
	*height:41px;
	}
.area p.tel {background:transparent url(../images/icon_tel.gif) no-repeat center left;}
.area p.fax {background:transparent url(../images/icon_fax.gif) no-repeat center left;}

#sidebar ol span {
	color:#ffffff;
	background:transparent url(../products/images/pro_em_bg.gif) repeat-y top left;
	width:64px;
	margin-top:55px;
	padding:3px 5px;
	position:absolute;
	}
#sidebar ol li {margin-bottom:7px;position:relative;}

/*      footer                                                        
-----------------------------------------------------------------------*/
#footer {
	background: transparent url(../images/footer_bg.gif) repeat-x top left;
	clear:both;
	position:relative;
	height:83px;
	letter-spacing:0em;
	font-size:0.85em;padding-top:50px;
	text-align:center;
	color:#fbb03b;
	}
#footer p {line-height:220%;}
#footer a {color:#fbb03b;}
#footer a:hover {font-weight:bold}

p.copyright {
	clear:both;
	font-size:0.8em;
	}