@charset "utf-8";
/* CSS Document */
body, span, iframe, p, a, ul, li, img, h1, h2, h3, h4, h5, h6{margin:0; padding:0; border:0; list-style-type:none;}
body{ background:url(images/bg.png) no-repeat top center #f3f3f3; color:#484848; font-family:Arial, Helvetic, sans-serif; font-size:12px; letter-spacing:1px;}
a:link{text-decoration:none; color:#484848;}
a:visited{text-decoration:none; color:#484848;}
a:hover{text-decoration:none; color:#484848; cursor:pointer;}
img, div{ behavior:url(iepngfix.htc) }

#container{width:1002px; margin:auto; overflow:hidden; }

/*header*/
#header{}
.logo{margin-left:51px; float:left; display:inline;}
.menu{ width:630px;  float:right;  margin-top:25px; margin-right:-5px; display:inline;}
.menu ul{  font-size:14px; font-weight:bold; }
.menu ul li{float:left; margin-right:20px; }
.menu ul li a:hover{ color:#e87e34;}
.s_menu{ background:url( images/header_09.jpg) no-repeat bottom right; margin-right:40px; float:right; margin-top:20px; display:inline; }
.s_menu ul{ line-height:24px; color:#7a7a7a; }
.s_menu ul li{float:left; margin-left:15px; display:inline; }
.s_menu ul li img{ margin-right:5px;}
.s_menu ul li a{ color:#7a7a7a;}
.number{ float:right; width:412px; display:inline; color:#e97d34;margin-top:20px; letter-spacing:0px;  height:30px;}
/*user*/
#user{ float:left; width:1002px;}
.user_header{width:1002px; height:37px; background:url(images/user_header_11.jpg) no-repeat;}
.user_left{ float:left; width:490px; margin-left:131px; margin-top:25px; display:inline; line-height:40px; }
.table1{ border-bottom:1px #cbcbcb dashed; padding-bottom:20px; width:440px;}
.table2{  width:440px;}
.table2 table{margin-top:10px;}
.input1{ border:#c3c7c6 1px solid; width:190px; vertical-align:middle;}
.input2 { border:#c3c7c6 1px solid; width:125px; vertical-align:middle;}
.remark{ width:120px; color:#e97d34; }
.label{ margin-left:10px; margin-top:15px;vertical-align:middle;}
.user_right{ width:300px; float:left; padding-left:40px; background:url(images/line_14.gif) no-repeat left top; line-height:33px; margin-top:30px; height:632px; }


/*bottom_menu*/
#bottom_menu{ float:left; display:inline;  letter-spacing:0; border:1px solid #53b343;}
.b_tit{ width:1000px; background:#53b343; height:35px;}
.b_tit ul{ color:#fff; font-weight:bold;margin-top:10px; margin-left:50px; }
.b_tit ul li{ float:left; display:inline; width:100px; text-align:center;} 
.b_tit ul li img{margin:0 5px;}
.b_tit ul li a{ color:#fff;}
.b_menu{ margin-left:47px; margin-top:10px; line-height:18px; float:left; display:inline; width:105px;}

/*friend*/
#friend{ background:url(images/friend_18.gif) no-repeat left top; width:623px; height:44px; padding:10px 50px; margin-top:30px; line-height:24px; float:left; margin-left:148px; display:inline;}
#friend a{ margin-left:5px;}
/*footer*/
#footer{ width:900px; float:left; display:inline; margin-left:51px; color:#7a7a7a; letter-spacing:0; padding-bottom:15px; margin-top:20px;}
.f_menu{ margin:20px 110px; width:680px; }
.f_menu ul{}
.f_menu ul li{ float:left; display:inline; margin-left:18px;}
.f_menu ul li a{ color:#7a7a7a;}
.f_menu ul li a:visited{ color:#7a7a7a;}

/*h*/
h1{ font-size:14px; font-weight:bold;}
h2{ font-size:12px; font-weight:normal; color:#939393;}
h3{ font-size:12px; font-weight:bold;}
h4{ font-size:14px; font-weight:bold; color:#e87e34;}


/*login*/
#login{ float:left; width:1002px; }
.login_header{width:1002px; height:37px; background:url(images/login1_02.jpg) no-repeat;}
.login_left{ width:310px;  padding-top:50px;  line-height:45px; height:300px; margin:auto;}
.login_left a{color:#e97d34; font-size:12px; font-weight:normal; text-decoration:underline; margin-left:10px;}
.login_left a:visited{color:#e97d34; font-size:12px; font-weight:normal; text-decoration:underline; margin-left:10px;}
.login_right{ width:490px; float:left; margin-left:40px;  line-height:40px; margin-top:-30px;}
.button1{ width:60px;padding-top:2px; padding-left:2px; background:#f1f1f2; border:1px #5e5e5e solid; height:20px; cursor: hand;}


/*user2*/
#user2{ float:left; width:1002px;}
.user2_header{ width:1002px; height:37px; background:url(images/user2_11.jpg) no-repeat;}
.user2_left{float:left; width:170px; margin-left:131px; margin-top:25px; display:inline; line-height:27px; background:url(images/line_14.gif) no-repeat right top; height:632px;}
.user2_left ul{ margin-top:5px; padding-top:5px; border-top:1px dashed #cbcbcb; width:150px; }
.user2_left ul li{ font-weight:bold;}
.user2_left ul li a{ font-weight:normal;  margin-left:14px;}
.user2_left ul li a:hover{ text-decoration:underline;}
.user2_right{width:500px; float:left; margin-left:50px;  line-height:40px; margin-top:30px;}
.user2_right img{ float:left; margin-right:20px;}
.succeed{ clear:none; width:370px; margin-top:50px; line-height:24px;}
.user2_menu{ float:left; margin-left:33px; display:inline; margin-top:30px;}
.user2_menu ul{ }
.user2_menu ul li{ width:110px; float:left; margin-left:70px; display:inline;}
.user2_menu ul li a{ text-decoration:underline;}
.user2_menu ul li a:hover{ color:#e87e34; text-decoration:underline;}

/*buy*/
#buy{ float:left; width:1002px;}
.buy_header{width:1002px; height:37px; background:url(images/buy1_11.jpg) no-repeat;}
.buy_left{float:left; width:240px; margin-left:71px; margin-top:25px; display:inline; line-height:27px; background:url(images/line_14.gif) no-repeat right top; height:632px; }
.buy_right{width:600px; float:left; margin-left:35px;  line-height:40px; margin-top:30px; display:inline;}
.buy_tit{ float:left;width:570px;}
.buy_tit img{ float:left;}
.prolist{}
.prolist img{ margin-bottom:20px; }
.prolist ul{}
.prolist ul li{ width:240px; float:left;}
.prolist ul li img{ margin:0; padding:0; float:left; margin-top:8px; margin-right:10px;}
.prolist ul li a{ float:left;}
.prolist ul li a:hover{ text-decoration:underline;}
.profrom{ width:600px; float:left; letter-spacing:0; font-weight:bold; display:inline;}
.buylist{ width:600px; float:left; border-bottom:1px solid #cccccc; border-top:1px solid #3fa13c; text-align:center; padding-bottom:10px;} 
.line{ border-top:1px dashed #cccccc; height:10px; }
.input3{ width:30px;  border:#c3c7c6 1px solid;}
.buttom{ width:600px; float:left; margin-top:15px; }
.button2{ width:99px; height:25px; background:url(images/buttom3_25.gif) left top no-repeat; border:0; cursor: hand;}
.button3{ width:79px; height:25px; background:url(images/buttom2_26.gif) left top no-repeat; border:0; cursor: hand;}
.button4{ width:78px; height:25px; background:url(images/buttom1_26.gif) left top no-repeat; border:0; cursor: hand;}

/*buy2*/
#buy2{ float:left; width:1002px; margin-bottom:30px;}
.buy2_header{ width:1002px; height:37px; background:url(images/buy2_11.jpg) no-repeat;}
.buy2_center1{ width:740px; margin:30px auto; letter-spacing:0; line-height:30px; }
.buy2_center1 a{ color:#e87e34; text-decoration:underline;}
.buy2_center1 a:visited{ color:#e87e34; text-decoration:underline;}
.buy2_center2{width:740px; margin:30px auto; letter-spacing:0; line-height:30px;}
.profrom2{width:740px; float:left; letter-spacing:0; font-weight:bold; display:inline;}
.buylist2{ width:740px; float:left; border-top:1px solid #3fa13c; text-align:center; padding-bottom:10px; line-height:40px;}
.money{ width:170px; float: right; padding-bottom:10px; border-bottom:1px dashed #cccccc; padding-left:30px;}
.buttom2{ width:740px; float:left; display:inline; margin-top:10px;}
.buttom2 a{color:#e87e34; text-decoration:underline; margin-left:10px;}
.buttom2 a:visited{color:#e87e34; text-decoration:underline; margin-left:10px;}
.button5{ border:0; background:url(images/button5_14.jpg) left top no-repeat; width:124px; height:34px; cursor: hand;}

/*buy3*/
#buy3{float:left; width:1002px; }
.buy3_header{width:1002px; height:37px; background:url(images/buy3_11.jpg) no-repeat;}
.buy3_left{float:left; width:220px; display:inline; line-height:27px;}
.buy3_right{ float:left; width:490px; margin-left:50px; margin-top:50px; line-height:40px; display:inline;}
.buy3_right a{color:#e87e34; text-decoration:underline; font-weight:bold; }
.buy3_right a:visited{color:#e87e34; text-decoration:underline;  font-weight:bold;}
.button6{ width:109px; height:30px; border:0; background:url(images/button6_14.jpg) left top no-repeat; margin-right:10px; cursor: hand; }

/*会员登录后*/
.iframe1_succeed{ clear:none; width:370px; margin-top:50px; line-height:24px;}
.iframe1_succeed a{ color:#e87e34; text-decoration:underline;}
.iframe1{ float:left; margin-left:-68px; display:inline; margin-top:30px;}
.iframe1 ul{ }
.iframe1 ul li{ width:110px; float:left; margin-left:70px; display:inline;}
.iframe1 ul li a{ text-decoration:underline;}
.iframe1 ul li a:hover{ color:#e87e34; text-decoration:underline;}

/*网上订单*/  /*账户余额*/
.iframe2_right{width:600px; float:left; margin-left:40px;  line-height:40px; margin-top:30px;}
.iframe2_succeed{ clear:none; width:370px; line-height:24px; margin-bottom:20px;}
.iframe2_succeed a{ color:#e87e34; text-decoration:underline;}
.iframe2{  width:570px; float:left; border-top:1px solid #3fa13c; text-align:center; padding-bottom:10px; line-height:40px; border-bottom:1px solid #cccccc; letter-spacing:0;}
.fy{  float:right; display:inline; margin-top:25px; width:320px; margin-right:30px; }
.fy ul{ }
.fy ul li{ float:left; margin-right:5px;line-height:6px;border:1px solid #cccccc; padding:5px; }
.fy ul li:hover{background:#dd7832;}
.iframe2_line{ width:570px; border-top:1px dashed #ccc; height:5px; margin-top:3px;}

/*订单明细*/
.iframe3{width:570px; float:left; letter-spacing:0; font-weight:bold; display:inline;}



/*收货信息列表*/
.iframe4{ width:240px; float:right; display:inline; margin-top:20px; margin-right:30px; margin-bottom:20px;}
.iframe5{ width:570px; float: left; display:inline; }
.iframe5 table{font-size:12px; line-height:30px;}
.iframe5_banner{ width:160px; float:left; display:inline; text-align:center;  margin-top:20px; margin-left:80px; margin-bottom:20px;}
/*修改密码*/

/*footer部分*/
.user3_left{float:left; width:200px; margin-left:81px; margin-top:25px; padding-bottom:20px; display:inline; line-height:27px;  border-right:1px solid #cccccc;  }
.user3_left ul{ margin-top:5px; padding-top:5px; width:200px; }
.user3_left ul li{ font-weight:bold;}
.user3_left ul li a{ font-weight:normal;  margin-left:14px;}
.user3_left ul li a:hover{ text-decoration:underline;}
.user3_right{width:600px; float:left; margin-left:50px; padding-bottom:30px;  line-height:40px; margin-top:30px; height:100%; font-size:14px;}
.user3_right img{ margin:10px auto;}
.user3_right table{font-size:12px; line-height:30px; margin-top:20px;}
.dctextarea{border:1px solid #CCC; width:500px; overflow:hidden; height:80px;}
.dcinput{border:1px solid #CCC; width:400px; }
.dcbuttom{width:60px;padding-top:2px; padding-left:2px; background:#f1f1f2; border:1px #5e5e5e solid; height:20px; cursor: hand;}


/****************************************footer下拉样式*********************************/
.chromestyle{width: 1000px; font-weight: bold; background:#53b343; height:35px; color:#FFF;}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{color:#fff; margin-top:10px; margin-left:50px;  /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{float:left; display:inline; width:100px; text-align:center;
}

.chromestyle ul li a{
color: #fff;
}

.chromestyle ul li img{margin:0 5px;}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
margin-left:-30px;
margin-top:6px;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:22px;
z-index:100;
background-color:#53b343;
width: 150px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #fff;
text-align:center;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #319021;
}