/* CSS Document */

#homepage #content{
background:url(home_c_bg.gif) no-repeat 350px 80px;/**/
}




#mc_top{
background:url(home_c_kh.gif) no-repeat 20px 30px;
height:120px;
}

#mc_main{
line-height:30px;
font-size:14px;
}





#product_content{
margin:15px 0;
border:#E4CF9A 1px solid;
}
.p_list_top{
background-color:#FFF;
line-height:20px;
padding:5px 10px;
}
.p_list_top h4{
float:left;
color:#C0AD82;
font-size:12px;

}
.current_p,
.other_p{
color:#FF0000;
margin:0 3px;
}
.p_list_top .current_p{
background:url(nav_icon_3_1.gif) no-repeat 10px center;
padding:0 20px;
}

a.other_p:link,
a.other_p:visited{
text-decoration:none;
color:#FF9900;

}
a.other_p:hover,
a.other_p:active{
text-decoration:underline;
color:#FFAE00;
}


.search {
float:right;
margin-top:10px;
line-height:18px;
}
.btn_off,
.btn_on {
border:0;
width:56px;
height:18px;
line-height:18px;
font-size:12px;
margin-left:5px;
_padding-top:2px;
}
.btn_off {
  background:url(../images/btn_bg_off.gif) no-repeat center top;
}
.btn_on {
  background:url(../images/btn_bg_on.gif) no-repeat center top;
}
.input_out,
.input_off {
  background:#ffffff;
  border:1px solid #666666;
  line-height:24px;
}
.input_over,
.input_on {
  background:#FFFFEC;
  border:1px solid #666666;
  line-height:24px;
}




#product_content li{
list-style:none;
}

#p_sp_sum{
padding:0 9px;
width:600px
}
/*--poducts 01----*/

.product_sp {
float:left;
height:220px;
margin-top:15px;
width:196px;
}
.product_sp img{/*0422*/
display:block;
text-align:center;
background:#fff;
border:#ECE9E1 1px solid;
padding:3px;
border:0;
margin:0 auto;
}
.product_sp li{
color:#c3c3c3;
line-height:20px;
margin:0 10px;
}
.product_bp img{
display:block;
margin:0 auto;
padding:15px 0;
text-align:center;
}
.product_bp li{
margin:0 70px;
line-height:30px;
border-bottom:#E4CF9A  1px dashed;
}
/*--poducts 02----*/

.product_sp2{/*0422*/
float:left;
margin:15px 0;
width:300px;
height:320px;
overflow:hidden;

}
.product_sp2 a {
border:#dddddd 1px solid;
display:block;
float:left;
}
.product_sp2 a:hover {
border:#333333 1px solid;
}
.product_sp2 a:hover img {
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
.product_sp2 img{
display:block;
text-align:center;
background:#fff;
padding:3px;
border:0;
}
.product_sp2 ul {/*0422*/
float:left;
width:152px;
padding:0 6px;
font-size:12px;
}
.product_sp2 li{
color:#666;
line-height:20px;
word-wrap:break-word; 
word-break:keep-all; 
}

.product_bp2 {
margin:20px 10px;
}
.product_bp2 img{
display:block;
text-align:center;
float:left;
padding:5px;
border:1px solid #dddddd;
}
.product_bp2 ul {
width:276px;
float:left;
padding:0 5px;
font-size:12px;
}
.product_bp2 ul li{
line-height:24px;
word-wrap:break-word; 
word-break:keep-all; 
}
.product_bp2 ul b {
padding-right:5px;
font-size:14px;
}



.red_px,
.blue_px,
.black_px{
padding-left:4px;
}
.red_px{
color:#F00;
}
.blue_px{
color:#1D8FCC;
}
.black_px{
color:#000;
}
.black_b_px{
font-weight:bold;
padding:0 4px;
}
.page{
display:block;
clear:both;
border-top:#F3E8CE 1px solid;
margin-top:10px;
line-height:24px;
text-align:center;
}



#products .red_px,
#products .blue_px,
#products .black_px{
font-size:14px;
padding-left:20px;
}
#products .red_px,
#products .blue_px{
font-weight:bold;
}

#page2{
display:block;
text-align:center;
}
#page2 a{
line-height:40px;
margin:0 10px;
color:#FF9900
}
#page2 a:hover,
#page2 a:active{
color:#FF6600;
font-weight:bold;
text-decoration:none;
}




#comments #footer{
float:left;
width:600px;
}

form p{
float:left;
width:540px;
padding:8px 40px;
}

/* fieldset styling */
fieldset {
float:left;
width:600px;
  margin: 10px 0; /*  space out the fieldsets a little*/
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: bold;
}


/* style for  labels */
label {
  display: block;
  float:left;
  text-align:right;
  width:120px;
}


input {
  width: 200px;
}


/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}


textarea {
  width: 430px;
  height: 100px;
  margin-left:30px;
}
.submit{
width:50px;
margin-left:200px;
}


#contact_content{
background:url(contact_bg.gif) no-repeat 40px 30px;
font-size:14px;
line-height:30px;
height:370px;
position:relative;
}
#contact_content pre{
position:absolute;
left:60px;
top:60px;
}
#contact_content pre span{
font-weight:bold;
color:#FF0000;
font-size:16px;
}

#about #footer{/*090331 by mj*/
float:left;
width:620px;
margin:0 auto;
}
#about_content{/*090331 by mj*/
width:620px;
margin:10px 0;
float:left;
}




#fla{/*090331 by mj*/
width:580px;
margin:5px auto;
padding:0 20px;
/*border:#e2e2e2 5px solid;*/
float:left;
}