@charset "utf-8";/**------全局CSS定义-------**/html{height: 100%;text-align:center;}body{ margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif;background:url(images/bg-inner.jpg) repeat-x top #d1b176}a:active,a:focus,a:link,a:visited,a:active,a { color: #a63d05; }a:hover{ color: #39301f; }img{border:0}p { font-size: 12px; line-height: 150%; margin: 0 0 10px 0; padding: 0; color: #39301f;}p.small { font-size: 12px; line-height: 150%;}h1 { padding: 0; margin: 0 0 5px 0;}h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding: 0; margin: 0 0 10px 0; color: #39301f;}h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0 0 5px 0; color: #39301f;}h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0 0 5px 0; color: #39301f;}ul { padding: 0; margin: 0 0 8px 40px; font-size: .7em; list-style-type: square; line-height: 1.2em; color: #39301f; }li { padding-bottom: .7em;}form { padding: 0; margin: 0;}.white { color: #ffffff;}.font11{font-size:12px;font-weight:bold}.red { color: #a63d05;}.ltbrown { color: #96855f;}.brown { color: #816d48;}.quote { font-family: bold; font-size: 3em; float: left; line-height: .8em; }.right { padding-left: 15px;}.font12{font-size:12px}/**------常用样式定义-------**/.input{ border:1px solid #DADADA; width:90px;}a.underline{ text-decoration:underline; color:#0033cc;}a.underline:hover{ text-decoration:underline; color:#000000;}#container{
position: relative;
width: 950px;
min-height: 100%;
margin-left: auto;
margin-right: auto;
text-align:center;
left: 20;
}/**------头部样式定义-------**/#tophome{height:420px;background:url(images/tophome.jpg) no-repeat left top;padding-left: 55px;width: 890px;clear: both;display: block;overflow: hidden;}#tophome #leftcol { width: 325px; height: 350px; margin-top: 100px; float: left; /*overflow: scroll;*//*Set overflow:scroll to display extra text content.*/}#tophome #rightcol { width: 265px; float: right; height: 350px;}#tophome #rightcol div, #content-top #rightcol img { margin: 0; padding: 0;}#topnav { height: 70px; width: 291px; clear: both; background: url(images/topnav.gif) no-repeat left -31px;}#topnav a { display: block; float: left; height: 31px;}#trans-home { width: 465px; height: 290px; background: url(images/pic1.jpg) no-repeat top left;}#topnav #nav-home a:hover,#topnav #nav-about a:hover,#topnav #nav-factory a:hover,#topnav #nav-product a:hover,#topnav #nav-gallery a:hover,#topnav #nav-contact a:hover { background-image: none;}#topnav #nav-home a { width: 61px; background: url(images/topnav.gif) no-repeat left top;}#topnav #nav-about a { width: 93px; background: url(images/topnav.gif) no-repeat -61px top;}#topnav #nav-factory a { width: 76px; background: url(images/topnav.gif) no-repeat -154px top;}#topnav #nav-product a { width: 88px; background: url(images/topnav.gif) no-repeat -230px top;}#topnav #nav-gallery a { width: 73px; background: url(images/topnav.gif) no-repeat -318px top;}#topnav #nav-contact a { width: 100px; background: url(images/topnav.gif) no-repeat -391px top;}#topnav #flash{height: 30px; width: 201px;float:left;}#topinner { height: 141px; background: url(images/topinner.jpg) no-repeat left top; padding-left: 58px; width: 587px;}#trans-in { position: absolute; width: 312px; height: 190px; margin-left: 560px; background: url(images/pic10.jpg) no-repeat left top;}/**------中间样式定义-------**/#page { padding-bottom: 10px;/*this is so footer never overlaps content*/ padding-left: 55px;}#content-home { margin: 20px 0 20px 0; width: 789px; display: block; clear: both; overflow: hidden}#leftcol-home { width: 420px; float: left;}#rightcol-home { width: 320px; float: right; padding-left: 15px; border-left: 1px solid #88724b;}#threecol { width: 483px; display: block; clear: both; overflow: hidden; background: url('images/3colbg.gif') repeat-y left;}#threecol .txt { padding: 5px 5px 5px 8px;}.col { width: 152px; float: left; margin-right: 13px;}.colr { width: 152px; float: right;}#threecol-bot { width: 483px; display: block; clear: both; overflow: hidden; background: url('images/3colbot.gif') no-repeat bottom left;}.but { text-align: center; padding-bottom: 5px; margin: 0;font-size:11px;}.but a{font-weight:bold;text-decoration:none}/**------layout????-------**//#content { width: 900px; clear: both; display: block; overflow: hidden;}#content #leftcol { width: 217px; float: left; padding-right: 10px;}#content #rightcol {
}#leftnav #wrap { width: 207px; height: 189px; background: url(images/leftnav.gif) no-repeat left top;}#leftnav a { display: block;}#leftnav #nav-home a:hover,#leftnav #nav-about a:hover,#leftnav #nav-factory a:hover,#leftnav #nav-products a:hover,#leftnav #nav-gallery a:hover,#leftnav #nav-contact a:hover { background-image: none;}#leftnav #nav-home a { width: 207px; height: 32px; background: url(images/nav-home.gif) no-repeat left top;}#leftnav #nav-home a { width: 207px; height: 32px; background: url(images/nav-home.gif) no-repeat left top;}#leftnav #nav-about a { width: 207px; height: 31px; background: url(images/nav-about.gif) no-repeat left top;}#leftnav #nav-factory a { width: 207px; height: 31px; background: url(images/nav-factory.gif) no-repeat left top;}#leftnav #nav-products a { width: 207px; height: 31px; background: url(images/nav-products.gif) no-repeat left top;}#leftnav #nav-gallery a { width: 207px; height: 31px; background: url(images/nav-gallery.gif) no-repeat left top;}#leftnav #nav-contact a { width: 207px; height: 33px; background: url(images/nav-contact.gif) no-repeat left top;}#rtcontent { margin-top: 27px;}#ltcontent { width: 182px; margin-top: 20px; padding:0 8px 0 8px;}#header { height: 45px;}.img-left { float: left; clear: both; margin-right: 8px;}.img-right { float: right; clear: both; margin-left: 8px;}.gallery { margin-bottom: 20px;width: 540px;}.galleryimg:link, .galleryimg:visited, .galleryimg:active {border: 2px solid #ffffff; display: block; width: 150px; height: 102px;margin-bottom:-10px}.galleryimg:hover { border:2px solid #a63d05; display: block;margin-bottom:-10px}.gallery td { width: 540px; padding-bottom: 20px;text-align:center;}.gallery div { width: 180px;margin:0; padding-bottom: 20px;text-align:center;float:left}.gallery div img{ width: 150px; height: 102px;}.detailimg{width:220px;border:2px solid #ffffff;}#rightcol .contactp{ width: 551px;}.contactp p{font-size:11px}.contactp .contactl{ width: 275px;border-right:1px dotted #937c52;float:left;text-align:left}.contactp .contactr{ width: 265px;float:right;text-align:left;padding-left:10px}.contactp .portrait{ float:left; padding:1px; border:1px solid #937c52;width:60px;height:60px;margin:10px}/**------??????-------**/#footer { position: relative; font-size: 11px; height: 106px; width:100%; margin-top: -10px; /*Prevents unnecesarry scrolling. Value depends on height of footer. */ clear: both; background: #070604 url('images/bg-footer.jpg') repeat-x top;}.full { width:845px; margin-left: auto; margin-right: auto;text-align:left;line-height:140%;}#footer #text { background: url('images/bg-footer.jpg'); width: 795px; color: #b79964; padding-left:55px; padding-right:0; padding-top:15px; padding-bottom:16px}#footer #text a { color: #b79964;}#footer #footnav { border-bottom: 1px solid #917a50; padding-bottom: 5px; margin-bottom: 5px;}#footer #footnav a { color: #f9e0a6; text-decoration: none;}#footer #footnav a:hover, #footer #text a:hover { color: #ffffff;}#footer #text a.brown{color:#816d48;}