/* CSS Document */
#container{
width:1002px;
margin:0 auto;
}
#content{
overflow: hidden;
}
#sideBar{
float:left;
width:171px;
}
#leftBar{
background:url(../images/right_bg.jpg) no-repeat left bottom;
height:600px;
}
/*    Ò»Ä¿     */
#meun{
width:124px;
margin:0 auto;
}
#meun ul{
margin-top:10px;
}
#meun ul a:hover{
text-decoration: underline;LEFT: 1px; POSITION: relative; TOP: 1px 
}
/*    Ò³ß¹     */
#adBox{
width:124px;
margin:30px auto;
}
#adBox p img{
margin:20px auto;
}
#adBox p a:hover{
text-decoration: underline;LEFT: 1px; POSITION: relative; TOP: 1px 
}


#mainContent{
float:right;
width:831px;
}
#rightBox{
height:452px;
background:url(../images/index_02.jpg) no-repeat left bottom;
}
#rightBox p{
padding-top:1px
}
#rightBox2{
height:115px;
background:url(../images/right_bg02.jpg) no-repeat left bottom;
}
/*    Ò³Æ¼     */
#tuijie{
width:100%;
*width:98%;
*height:22px;
height:28px;
text-align:left;
background:url(../images/mem_bg.jpg) no-repeat left bottom;
}
#tuijie span{
float:left;
color:#F6E3B0;
padding-left:105px;
line-height:23px;
}
#tuijie span a{
color:#F6E3B0;
}
#tuijie span a:hover{
color:#fff;text-decoration: none;
}
/*    Ò³Ô±Â¼     */
#login{
float:right;
width:540px;
height:25px;
line-height:26px;
*line-height:22px;
}
#login fieldset {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#login legend {
FONT-SIZE: 12px; LINE-HEIGHT: 20px;
}
#login span{
float:right;
}
.yellow{
color:#f6e3b0;font-weight:bold;padding-left:6px;
}
#login input.inputTxt {
BORDER-RIGHT: #4c0600 1px solid; BORDER-TOP: #4c0600 1px solid; BACKGROUND: #9d382e; BORDER-LEFT: #4c0600 1px solid; LINE-HEIGHT: 10px; BORDER-BOTTOM: #4c0600 1px solid; HEIGHT: 10px;padding:2px;color:#f6e3b0;width:80px;
}
#login a{
color:#f6e3b0;margin-left:10px;
}
#login a:hover{
color:#fff;
}
/*    Ò³Æ¼Ð±     */
#rollList{
width:817px;
height:88px;
border-left:1px solid #F9A252;
BACKGROUND:#81362E;
}
#rollList ul{
margin-left:5px;
}
#rollList ul li{
float:left;
margin:7px 5px;
}
#rollList ul li a:hover{
text-decoration: underline;LEFT: 1px; POSITION: relative; TOP: 1px 
}

/*    È¨Ï¢     */
#copyright{
height:33px;
color:#741311;
text-align:left;
padding:0px 10px;
background:url(../images/copyright_bg.jpg) no-repeat left bottom;
}
#copyright img{
padding:3px 10px 0 0;
}
#copyright p{
float:left;width:545px;
}
#copyright a{
color:#741311;
}
#copyright span a{
color:#741311;text-decoration: none;
}
#copyright span a:hover{
color:#000;text-decoration: none;
}


/* Ò³  */

#leftBarTopic{
background:url(../images/right_bg03.jpg) no-repeat left bottom;
height:697px;
}
#rightBoxTopic{
height:549px;
_height:548px;
background:#F7F3ED url(../images/right_bg04.jpg) repeat-x left top;
}
#title{
height:70px;width:793px;
margin:20px auto 0;
text-align:right;
background:url(../images/box01.gif) no-repeat left top;
}
#title span {
padding:0px 88px 5px 0;
line-height:28px;
color:#fff;font-weight:bold;
}
.left{
float:left;
}
.left img{
padding-left:40px;
}
#main{
background:url(../images/box_bg.gif) repeat-y left top;
width:793px;
margin:0 auto;
min-height:400px;
*height:400px;
}
#topicmeun{
background:url(../images/box02.gif) no-repeat left top;
height:40px;
width:793px;
margin:0 auto;
}
#topicmeun ul{
padding-left:30px;
}
#topicmeun ul li{
float:left;
display:inline;
margin-right:15px;
background:url(../images/btn_off.gif) no-repeat left top;
}
#topicmeun ul li a{
text-align:center;
float:left;
color:#B87C04;font-size:14px;font-weight:bold;
width:154px;
height:28px;
line-height:25px;
}
#topicmeun ul li a:hover{
color:#fff;font-size:14px;font-weight:bold;
background:url(../images/btn_on.gif) no-repeat left top;
}
#message{
OVERFLOW: auto; WIDTH: 700px; HEIGHT: 355px;
text-align:left;
margin:15px 10px auto;
line-height:22px;
padding-right:10px;
scrollbar-face-color:#E6E6E6;
scrollbar-highlight-color:#DDDDDD;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:#DDDDDD;
scrollbar-arrow-color:#7B7B7B;
scrollbar-track-color:#EFEFEF;
}

/* -----Ð±------  */
#newslist{
width:90%;
}
#newslist ul{
padding-left:35px;
}
#newslist ul li{
padding-right:4px;
text-align:left;
line-height:30px;
height:30px;
*line-height:28px;
*height:28px;
}
#newslist ul li a{
float:left;
width:490px;
background:url(../images/dian.gif) no-repeat 5px 50%;
padding-left:15px;
}
#newslist ul li a:hover{
color:#ff6600;
}
#newslist ul li span{
line-height:35px;
height:35px;
font-size:11px;
color:#666666;
}
.page{
padding:10px 0 0 40px;
text-align:right;
}
/*--- Æ·Ð± ---*/
#product{
margin:0 auto;
text-align:left;
background:#ECE8DD;
}
#product h3{
background:#BEB392;
}
.productList{
text-align:center;
min-height:160px; 
height:auto !important; 
height:160px; 
overflow:visible;
}
.productList li{
width:25%;
margin:10px 0;
float:left;
}
.productList li a span{
text-align:center;
color:#8E7C49;
font-weight:bold;
}
.productList li img{
border:#fff 4px solid;
}
.productList li a:hover span{
color:#000;
text-decoration:underline;
}
.productList span{
display:block;
cursor:pointer;
width:80%;
margin:6px auto 0;
line-height:20px;
min-height:40px; 
height:auto !important; 
height:40px; 
overflow:visible;
}


/*--- íµ¥ ---*/
.formFeedback form{
width:100%;
}
.formFeedback fieldset{
padding-bottom:10px;
padding:10px;
margin-top:5px;
border:1px solid #ffffff;
}
.formFeedback fieldset legend{
font-weight:bold;
padding:3px 20px;
border:1px solid #ffffff;
}
.formFeedback label{
float:left;
height:22px;
line-height:22px;
width:50px;
text-align:left;
}
.formFeedback input.txt, .formFeedback input.pwd{
width:50%;
}
.formFeedback form p{
border-bottom:1px solid #fff;
padding:6px 0;
}
.submit{
width:90%;
text-align:center;
}
.submit button{
margin:0 20px;
}

.formFeedback textarea{
color:#0a3ca1;padding-left:3px;
HEIGHT: 130px;
}


/* Â´Æ¬Ê¹Ó¦ß¶ */
#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;
}


#footer{
height:19px;
background:(../images/index_26.jpg) no-repeat left bottom;
}