@charset "utf-8";
/*--- ҳͷ ---*/
#header{
width:1000px;
margin:8px auto;
text-align:left;
}
.time{
margin-left:110px;
}

/*--- һĿ ---*/
#menu{
width:998px;
height:35px;
margin:5px 0 auto;
position:relative;
background:url(nav_bg.gif) no-repeat;
}
#menu ul{
position:absolute;
bottom:4px;
left:30px;
width: 710px;
}
#menu ul li{
display:inline;
float:left;
}
#menu ul li a{
padding:0 16px;
height:26px;
line-height:26px;
background:url(ge.gif) no-repeat left center;
float:left;
COLOR: #fff;TEXT-DECORATION: none;font-weight:bold;
}
#menu ul li a:hover{
COLOR: #ff6;
}
#menu span{
position:absolute;
width:250px;
right:5px;
top:10px;
padding-left:18px;
color:#fff;
background:url(ge2.gif) no-repeat left center;
}


/*--- Ò³ ---*/
#content{
overflow:hidden;
text-align:left;
width:1000px;
margin:0 auto;
}
#center {
width:470px;
margin:0 5px 0 0;
background:#7ab94a url(bottom_bg.gif) no-repeat center top;
}
#left{
width:255px;
background:#f3fbd6;
margin:0 5px 0 0;
}
#right {
width:265px;
background:#f3fbd6;
}
#left, #center, #right {
padding-bottom:32767px; /*ʹøж³ſ32767*/
margin-bottom:-32767px; /*ʹdivoverflow*/
float:left;
}

/*--- Ò³ ---*/
#footer {
background:#f3f3f3;
width:980px;
margin:5px auto;
padding:15px;auto;
}

/*--- Ò³ ---*/
#sideBar{
width:240px;
min-height:500px !important;
_height:500px;
float:left;
background:#f3fbd6;
}
#mainContent{
float:right;
width:760px;
}

/*--- Ä¿ ---*/
#subMenu{
width:220px;
margin:10px auto;
background:#e8f2c5;
}
#subMenu h3{
background:url(channel.gif) no-repeat left top;
padding-left:15px;height:37px;line-height:35px;
color:#000;
}
#subMenu  ul.menuList{
margin:15px auto;
width:90%;
}
#subMenu  ul.menuList ul{
margin-left:1em;
}
#subMenu  ul.menuList li{
font-weight:bold;
background:url(dot2.gif) repeat-x left bottom;
}
#subMenu  ul.menuList li a{
text-align:left;
line-height:26px;
background:url(newsListImg.gif) no-repeat 0 12px;
display:block;
padding:2px 0 2px 16px;
min-height:24px; 
height:auto !important; 
height:26px; 
overflow:visible;
color:#666;
}
#subMenu  ul.menuList li a:hover{
color:#000;
}
#subMenu  ul.menuList li li a{
background-image:url(listImg02.gif);
}


/*--- Ò³ ---*/

.content{
padding-bottom:20px;
width:736px;
margin:0 auto;
min-height:400px; 
height:auto !important; 
height:400px; 
overflow:visible;
}
.title{
background:url(topic.gif) no-repeat;
position:relative;
height:49px;
line-height:40px;
width:743px;
margin:0 auto;
}
.title span{
position:absolute;
right:50px;
top:2px;
color:#666;
}
.title span a{
color:#666;
}
.title span a:hover{
color:#4d8b02;
}
.title h3{
font-size:15px;
font-weight:bold;
padding-left:35px;
}
.message{
margin:10px;
}


/* ´ƬʹӦ߶ */
#content:after{
content:'[DO NOT LEAVE IT IS NOT REAL]'; 
display:block; 
height:0; 
clear both; 
visibility:hidden;
}
#content{
display:inline-block;
}
/*\*/
#content{
display:block;
}
/*\*/
#sideBar, #mainContent{
padding-bottom:32767px !important;
margin-bottom:-32767px !important; 
}
@media all and (min-width: 0px) {
#sideBar, #mainContent{
padding-bottom:0 !important;
margin-bottom:0 !important; 
}
#sideBar:before, #mainContent:before{
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}

/*---  ---*/
#main{
width:430px;
margin:10px auto;
}
#main h3{
background:url(center_bg.gif) no-repeat left top;
height:38px;
color:#dbffbf;
padding-left:20px;
}
.main{
margin:10px 2px;
color:#fff
}


/*--- ģ ---*/
#news,#product{
width:225px;
margin:16px auto;
}
/*--- ű ---*/
#newsTitle, #productTitle{
height:26px;
}
#newsTitle h3, #productTitle h3{
text-indent:10px;
float:left;
padding-left:15px;
background:url(biao.gif) no-repeat 3px center;
}
#newsTitle span, #productTitle span{
float:right;
text-align:right;
padding-right:10px;
}
#newsTitle span a{
text-decoration:none;
color:#000;
}
#newsTitle span a:hover{
color:#f00;
text-decoration:underline;
}
/*--- Ƽ ---*/
#recommendedNews{
padding:10px 10px 0;
}
#recommendedNews img{
float:left;
margin:0 10px 0 0;
}
#recommendedNews dl{
background:url(dot.gif) repeat-x left bottom;
margin:10px auto;
}
#recommendedNews dt{
line-height:1.4em;
}
#recommendedNews dt a{
color:#666;
text-decoration:none;
}
#recommendedNews dt a:hover{
color:#f65d00;
}
#recommendedNews dd{
line-height:18px;
}
/*--- б ---*/
#newsList{
text-align:left;
padding:10px;
padding-top:2px;
}
#newsList ul li{
margin:6px 0;
}
#newsList ul li a{
text-decoration:none;
color:#000;
background:url(ListImg.gif) no-repeat left 3px;
padding-left:13px;
line-height:16px;
}
#newsList ul li a:hover{
color:#f65d00;
text-decoration:underline;
}

/*--- Ʒб ---*/
.productList, .product{
text-align:center;
}
.productList ul, .product{
margin-top:10px;
}
.productList li{
width:223px;
margin:2px 0;
float:left;
}
.productList li img{
border:#e3e3e3 3px solid;
width:215px;height:135px;
}
.productList li a img, .product li a img{
}
.productList li a:hover img, .product li a:hover img{
border:#acd60d 3px solid;
}
.productList li a span{
text-align:left;
padding-left:28px;
background:url(p_bg.gif) no-repeat left center;
}
.productList li a:hover span{
color:#000;
text-decoration:underline;
}
.productList span{
display:block;
cursor:pointer;
width:100%;
margin:3px auto 0;
line-height:35px;
min-height:40px; 
height:auto !important; 
height:30px; 
overflow:visible;
}
.page{
text-align:right;
background:url(../images/line.gif) repeat-x left top;
line-height:30px;
padding-top:15px;
}
.page a{
text-decoration:underline;
}
.product li{
width:33%;
margin:2px 0;
float:left;
}
.product span{
display:block;
cursor:pointer;
width:100%;
margin:3px auto 0;
line-height:35px;
min-height:40px; 
height:auto !important; 
height:30px; 
overflow:visible;
}
.product li img{
border:#fff 3px solid;
}

/*--- ҳб ---*/
.newsList{
margin:0 auto;
}
.newsList li{
text-align:left;
padding:8px 0;
background:url(newsDiv.gif) repeat-x bottom;
position:relative;
}
.newsList li a{
padding-left:30px;
color:#8E7C49;
background:url(listImg.gif) no-repeat 15px 50%;
}
.newsList li a:hover{
color:#000;
}
.newsList li span{
color:#999;
position:absolute;
right:2px;
}


/*--- ϸҳ ---*/
.newsContent{}
.newsTitle{}
.newsTitle h4{
text-align:center;
font-size:14px;
line-height:24px;
}
.newsDate{
margin-bottom:16px;
text-align:center;
border-bottom:1px solid #cdcdcd;
}

/*--- Ʒϸҳ ---*/
.productDetails{
text-align:center;
}
.productName{
color:#8E7C49;
}
.productName h4{
line-height:50px;
font-size:14px;
}
.orderPrice{
line-height:30px;
}
.orderPrice span{
color:red;
}
.orderLinks a{
margin:0 10px;
}

/*--- íµ¥ ---*/
.feedback form{
width:90%;
}
.feedback fieldset{
padding-bottom:10px;
}
.feedback input.txt, .feedback input.pwd{
width:50%;
}
.feedback form p{
border-bottom:1px solid #fff;
padding:6px 0;
}
.submit{
width:90%;
text-align:center;
}
.submit button{
margin:0 10px;
}

/*--- Աܣ ---*/
.toolbar{
border:1px solid #fff;
}
.toolbar a{
padding:5px 10px;
display:block;
height:20px;
line-height:20px;
float:left;
border-right:1px solid #fff;
}
.toolbar a:hover{
background:#fff;
}

/*--- Աܣ¼޸롢һ ---*/
div.memberLogin, div.passwordModify, div.fetchPassword{
width:330px;
margin:10px auto;
}

/*--- Աܣעᡢ޸ ---*/
div.register, div.userInfo{
margin-top:10px;
}

/*--- ʹܡƸ ---*/
.questionList dt, .jobList dt{
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span{
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
.questionList dd, .jobList dd{
border:#ccc 1px solid;
padding:6px 10px;
}

/*--- Ƶб ---*/
td.videoList a{
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}
div.videoShow{
text-align:center;
background:#fff;
border:solid 1px #B5AD96;
width:80%;
padding:10px;
margin:0 auto;
}
div.videoShow h4{
width:80%;
margin:0 auto;
background:url(videoIcon.jpg) no-repeat left 50%;
text-align:left;
padding-left:25px;
font-size:14px;
height:50px;
line-height:50px;
}











.clear{
clear:both;
}