@charset "utf-8";
/************
 Common Style
 ************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#e7e7e7; font:12px/19px Arial, Helvetica, sans-serif; color:#444; text-align:center }
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal }
img { border:0; vertical-align:bottom }
input, select, textarea { font:12px; vertical-align:middle }
a { color:#444; text-decoration:none }
a:hover { color:#000; text-decoration:underline }
.wrap { clear:both; width:920px; background:#fff; margin:0 auto; text-align:left; overflow:auto; *display:inline-block
}
.clear { clear:both }
.left { float:left }
.right { float:right }
.hidden { display:none }
/************
 Page Style
 ************/
.page { clear:both; padding:10px; font:12px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#444; text-align:center }
.page span, .page a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#444; vertical-align:middle }
.page span, .page a { *display:inline
}
.page input { width:30px; height:21px; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; line-height:19px; color:#444; vertical-align:middle }
.page a:hover, .page a.s, .page span.s { border:#7b0 1px solid; background:#7b0; color:#fff }
.page span.s { font-weight:bold }
/************
 Main Style
 ************/
#main { background:url(../images/line_s.gif) 200px 0 repeat-y; overflow:auto; *display:inline-block
}
.mainLeft { float:left; display:inline; width:170px; padding:0 15px }
.mainLeft .logo { clear:both; padding:20px 0; text-align:center }
.mainLeft .productCate { clear:both; margin:10px 0 0 }
.mainLeft .productCate h6 { border-bottom:#e7e7e7 1px solid; padding:5px; line-height:19px; font-size:20px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000 }
.mainLeft .productCate li { border-bottom:#e7e7e7 1px solid; padding:3px 10px; line-height:19px; color:#444 }
.mainLeft .contact { clear:both; margin:10px 0 0 }
.mainLeft .contact h6 { border-bottom:#e7e7e7 1px solid; padding:5px; line-height:19px; font-size:20px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000 }
.mainLeft .contact li { border-bottom:#e7e7e7 1px solid; padding:5px 10px; line-height:19px; font-size:11px; color:#444; overflow:auto; *display:inline-block
}
.mainLeft .contact li b { float:left }
.mainLeft .contact li span { float:left; display:inline; padding:0 0 0 5px; word-wrap:break-word  }
.mainLeft .contact li.s b{float:none; display:block}
.mainLeft .contact li.s span{float:none; display:block; padding:0}
.mainRight { float:right; width:719px }
.mainRight .companyName { clear:both; background:url(../images/line_x.gif) left bottom repeat-x; padding:20px; line-height:19px; font-size:20px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000 }
.mainRight .companyIntr { clear:both; padding:20px; font-size:11px }
.mainRight .companyIntr img { display:block; border:#e9e9e9 1px solid; margin:0 0 10px; padding:1px }
.mainRight .productList { clear:both }
.mainRight .productList li { padding:15px }
.mainRight .productList li h1 {border-top:#e7e7e7 1px solid; background:url(../images/bar_bg.gif) no-repeat; padding:0 10px; overflow:auto; *display:inline-block}
.mainRight .productList li h1 b{ float:left; line-height:31px; font-size:20px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000 }
.mainRight .productList li h1 span{float:right; margin:10px 0 0}
.mainRight .productList li h5 { padding:20px 0; text-align:center }
.mainRight .productList li h6 { background:url(../images/line_x.gif) repeat-x; padding:10px; margin:0 40px }
/************
 Foot Style
 ************/
#foot { clear:both; border-top:#d3d3d3 1px solid; padding:20px; text-align:center }