@charset "utf-8";
/* main */
body{padding:0;margin:0;font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#b4b4b4 url(../images/top_bg.gif) repeat-x; line-height:170%;}
a:link{color:#0000ff;text-decoration: underline;}
a:visited{color:#0000ff;}
a:hover{color:#666;}
a:active{color:#0000ff;}

a.black{color:#000;text-decoration:none;}
a.black:visited{color:#000;}
a.black:hover{color:#666;}
a.black:active{color:#000;}

a:black.red {color:blue;}
.wrapper{width:900px;height:auto;margin:0 auto;}
.inputselect{font-size:11px; height:18px; vertical-align:middle;font-family:Verdana, Arial, Helvetica, sans-serif;}
.inputkuang,.inputkuang1,.inputkuang2,.inputkuang3{border-bottom:#dddce2 1px solid; vertical-align:middle; border-top:#999 1px solid; border-left:#999 1px solid; border-right:#dddce2 1px solid;}
.inputkuang{width:150px;height:16px; }
.inputkuang1{width:390px;height:90px; }
.inputkuang2{width:700px;height:125px; }
.inputkuang3{width:200px;height:16px; }
.button,.button1{ font-size:14px;height:28px; font-family:Arial, Helvetica, sans-serif; color:#fff;border:1px solid #333;vertical-align:middle;padding:0px 2px; *padding:0px 2px; cursor:pointer;padding:0 20px !important;_padding:0 1px; font-weight:bold}
.button{background:#ffffff url(../images/bgButton.gif) repeat-x center;}
.button1{background:#ffffff url(../images/bgButton1.gif) repeat-x center;}
.dazi{ font-weight:bold;}
.redzi{ color:red;}
.information{width:900px;height:50px;margin:0 auto;}
.information span.left{padding:10px 0 0 40px;height:30px; float:left;color:#fff;}
.information span.right{padding-top:10px;height:30px; float:right}
.ctrzi{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; width:150px}
/*loginpage*/
.loginbg{top:50%;left:50%;margin:-150px 0 0 -180px;background:url(../images/login_bg.jpg) no-repeat;width:400px;height:250px; position:absolute;}
.loginbg ul{ list-style-type:none; padding:0;margin:0;}
.loginbg ul li{padding:3px 0 0 100px;height:18px;!height:15px;width:300px; line-height:18px;_line-height:15px; vertical-align:middle}
.loginbg ul li.username{padding:92px 0 0 100px;height:15px;width:300px;}
.loginbg ul li.bt{padding:13px 0 0 100px;height:20px;width:300px;}

.top{width:900px;height:40px;margin:0 auto;}
.top ul{ list-style-type:none;padding:0;margin:0;margin-left:30px; font-size:14px; font-weight:bold; text-align:center;}
.top ul li{ width:106px;height:30px;background:#dedede; float:left;margin-left:5px; padding-top:10px; background: url(../images/menu_bga.jpg) no-repeat}
.top ul li.other{ width:106px;height:30px;background:#fff; float:left; padding-top:10px; background: url(../images/menu_bg.jpg) no-repeat}
.top ul li.chang{ width:120px;height:30px;background:#dedede; float:left;margin-left:5px; padding-top:10px;}
.top ul li.changok{ width:120px;height:30px;background:#fff; float:left; padding-top:10px;}

.middle{width:900px;_height:860px; min-height:860px;margin:0 auto;}
.leftconnent{width:750px;_height:860px; min-height:860px; float:left; background:#fff;}
.rightconnent{width:140px;height:auto; padding-left:10px;float:right;}
.rightconnent ul{ list-style-type:none; margin:0; padding:0;}
.rightconnent ul li{ height:30px;width:140px; float:left}
.rightconnent ul li.bt{ height:80px;width:140px; float:left}
.rightconnent ul li.bt a.createorder{ height:80px;width:140px; float:left;background:url(../images/createorders.jpg) no-repeat;}
.rightconnent ul li.bt a.createreturnorders{ height:80px;width:140px; float:left;background:url(../images/createreturnorders.jpg) no-repeat;}
.rightconnent ul li.bt a.createorderjp{ height:80px;width:140px; float:left;background:url(../images/createordersjp.jpg) no-repeat;}
.rightconnent ul li.bt a.createreturnordersjp{ height:80px;width:140px; float:left;background:url(../images/createreturnordersjp.jpg) no-repeat;}

.overview{width:730px;height:auto; margin:20px 10px; float:left; display:inline;word-break:break-all; overflow:hidden}
.overview ul{list-style-type:none;padding:0;margin:0;}
.overview ul li.tittle{width:730px;height:30px;font-weight:bold; font-size:18px}
.overview ul li.content{width:730px;height:auto;}

.news{width:730px;height:auto; margin:10px 10px; float:left; display:inline;word-break:break-all; overflow:hidden}
.news ul{list-style-type:none;padding:0;margin:0;}
.news ul li.tittle{width:730px;height:30px;font-weight:bold; font-size:18px}
.news ul li.content{width:715px;height:auto; border:#CCCCCC 1px solid; padding:5px; float:left}
.news ul li.content span{width:718px; float:left}

.orders{width:730px;height:auto; margin:10px 10px; float:left; display:inline;word-break:break-all; overflow:hidden;}
.orders ul{list-style-type:none;padding:0;margin:0;}
.orders ul li.tittle{width:730px;height:30px;font-weight:bold; font-size:18px}
.orders ul li.content{width:715px;height:auto; border:#CCCCCC 1px solid; padding:5px; float:left}
.orders ul li.content span{width:718px; float:left}

.body1{width:730px;height:auto;float:left;margin:10px 10px;word-break:break-all; overflow:hidden;display:inline;}
.comments{width:470px;height:auto;float:left;}
.comments ul{list-style-type:none;padding:0;margin:0;}
.comments ul.list{list-style-type:none;padding:0;margin:0; float:left;height:auto;border:#CCCCCC 1px solid;}
.comments ul.feedback{list-style-type:none;padding:0;margin:0; float:left;height:auto;}
.comments ul li.tittle{width:470px;height:30px;}
.comments ul li.tittle span.left{width:300px;font-weight:bold; font-size:18px; float:left}
.comments ul li.tittle span.right{width:100px;float:right; text-align:center;}
.comments ul li.content{width:455px;height:auto;padding:5px;float:left}
.comments ul li.content span{width:auto; float:left;}
.comments ul li.content span.date{width:120px;}
.comments ul li.content span.name{width:100px;}
.comments ul li.content span.message{width:330px; float:left; margin-left:125px}

.account{width:250px;height:auto; float:right;}
.account ul{list-style-type:none;padding:0;margin:0;}
.account ul li.tittle{width:245px;height:30px;font-weight:bold; font-size:18px}
.account ul li.content{width:235px;height:auto; border:#CCCCCC 1px solid; padding:5px; float:left}
.account ul li.content span{width:230px; float:left;}


.search{width:200px;height:auto; float:right; background:#dedede; border:#CCCCCC 1px solid; padding:15px; }
.search ul{list-style-type:none;padding:0;margin:0;}
.search ul li.tittle{width:200px;height:30px;font-weight:bold; font-size:14px}
.search ul li.content{width:200px;height:auto;float:left}
.search ul li.bt{width:200px;height:35px;float:left; margin-top:15px;}
.search ul li.content span{width:190px; float:left; background:#FFFFFF; padding:5px; }

.filter{width:440px;height:auto;float:left; background:#dedede; border:#CCCCCC 1px solid; padding:15px; }
.filter ul{list-style-type:none;padding:0;margin:0;}
.filter ul.list{list-style-type:none;padding:0;margin:0; float:left;padding:0 5px}
.filter ul li.tittle{width:440px;height:30px;font-weight:bold; font-size:14px}
.filter ul li.content{width:220px;height:auto;padding:5px;float:left; background:#FFFFFF;}
.filter ul li.bt{width:220px;height:20px;float:left; padding-top:8px; _padding-top:6px;}
.filter ul li.content span{width:200px;float:left; height:auto; text-align:left}
.filter ul li.checkbox{width:180px;height:auto;padding:5px;float:left; background:#FFFFFF;}
.filter ul li.checkbox span{width:180px;height:auto;background:#FFFFFF;float:left;}


.orderlist{width:730px;height:auto; margin:10px 10px; float:left; display:inline;word-break:break-all; overflow:hidden;}
.orderlist ul{list-style-type:none;padding:0;margin:0;}
.orderlist ul li.tittle{width:730px;height:20px;font-weight:bold; font-size:18px;padding:0;}
.orderlist ul li.page{width:700px;height:30px;text-align:center;border:none; margin:0 30px 0 0; float:left;}
.orderlist ul li.page span{width:auto;height:30px; display:block}
.orderlist ul li.content{width:720px;height:auto; padding:0 0 0 10px;float:left; background:#dedede;}
.orderlist ul li.content span{width:120px; float:left;height:auto;}
.orderlist ul li.content span.status{width:200px; float:left;height:auto;}
.orderlist ul li{width:720px;height:auto; float:left;border-bottom:#dedede 1px solid; padding:0 0 0 10px;}
.orderlist ul li span{width:120px; float:left;height:auto; padding-top:5px; display:block}
.orderlist ul li span.status{width:200px; float:left;height:auto; padding-top:5px; display:block}
.orderlist ul li span.status1{width:150px; float:left;height:auto; padding-top:5px; display:block;white-space:nowrap;word-break:keep-all;}
.orderlist ul li span.mainstatus{width:250px; float:left;height:auto; padding-top:5px; display:block;white-space:nowrap;word-break:keep-all;}

.Summary{width:730px;height:auto; margin:10px 10px; float:left; display:inline;word-break:break-all; overflow:hidden;}
.Summary ul{list-style-type:none;padding:0;margin:0;}
.Summary ul li{width:720px;height:30px;margin:0; padding:0 0 0 10px;}
.Summary ul li.tittle{width:730px;height:30px;font-weight:bold; font-size:18px;padding:0;}
.Summary ul li span{width:105px; float:left; text-align:right;}
.Summary ul li span.zi{width:20px; float:left; text-align:left; padding-left:10px; color:#0000FF;}

.create{width:700px;height:auto;float:left; background:#dedede; border:#CCCCCC 1px solid; padding:15px; }
.create ul{list-style-type:none;padding:0;margin:0; float:left}
.create ul.left1{list-style-type:none;padding:0;margin:0; float:left; border-right:#999 1px solid;}
.create ul li{width:340px;height:auto;padding-left:5px;}
.create ul li span{width:160px;height:auto;_height:auto; float:left;text-align:left}
.create ul li span.zi{width:160px;height:auto; _height:auto;float:left;text-align:left}
.create ul li span.rightzi{width:140px;height:30px;_height:15px; float:left;text-align:left}
.create ul li span.rightzia{width:200px;height:30px; _height:15px;float:left;text-align:left}

.item{width:730px;height:auto; margin:10px 10px; float:left; display:inline;word-break:break-all; overflow:hidden;}
.item ul{list-style-type:none;padding:0;margin:0;}
.item ul li.tittle{width:730px;height:auto;font-weight:bold; font-size:18px;padding:0;}
.item ul li.content{width:720px;height:25px;  padding:0 0 0 10px; float:left; background:#dedede; margin:0;}
.item ul li.bt{width:220px;height:25px;float:left; padding-top:8px; border:none;}
.item ul li.content span{width:90px; float:left; height:25px; padding:0; margin:0;word-break:keep-all;}
.item ul li.content span.close{width:20px; float:left; background:none; height:25px}
.item ul li{width:720px;border-bottom:#dedede 1px solid; float:left;margin:0; padding:0 0 0 10px;}
.item ul li span{width:90px; float:left;padding-top:15px; height:auto;word-break:keep-all;}
.item ul li span.close{width:20px; height:auto;}
.item ul li span.close a{width:20px; height:auto; background:url(../images/no.gif) 0px 3px no-repeat; display:block;}
.item ul li span.blank{width:20px; float:left; height:45px;}


.item1{width:730px;height:auto; margin:10px 10px; float:left; display:inline;word-break:break-all; overflow:hidden;}
.item1 ul{list-style-type:none;padding:0;margin:0;}
.item1 ul li.tittle{width:730px;height:auto;font-weight:bold; font-size:18px;padding:0;}
.item1 ul li.content{width:720px;height:auto;  padding:0 0 0 10px; float:left; background:#dedede; margin:0;}
.item1 ul li.bt{width:220px;height:25px;float:left; padding-top:8px; border:none;}
.item1 ul li.content span{width:90px; float:left; height:auto; padding:0; margin:0;word-break:keep-all;}
.item1 ul li.content span.close{width:30px; float:left; background:none; height:auto}
.item1 ul li{width:720px;border-bottom:#dedede 1px solid; float:left;margin:0; padding:0 0 0 10px;}
.item1 ul li span{width:90px; float:left;padding-top:15px; height:auto;}
.item1 ul li span.close{width:20px; height:auto;}
.item1 ul li span.close a{width:20px; height:auto; background:url(../images/no.gif) 0px 4px no-repeat; display:block;}
.item1 ul li span.blank{width:20px; float:left; height:45px;}
.item1 ul li span.qty{width:65px; float:left; height:25px;}

.additional{width:400px;height:auto;float:left; display:inline;word-break:break-all; overflow:hidden;}
.additional ul{list-style-type:none;padding:0;margin:0;}
.additional ul li.content{width:400px;height:auto;float:left;}
.additional ul li.contentok{width:370px;height:140px;float:left; padding:5px; background:#dedede; display:block; border:#999 1px solid;}
.additional ul li.tittle{width:400px;height:30px;font-weight:bold; font-size:18px;padding:0;}
.additional ul li.bt{width:400px;height:30px;float:left; padding-top:8px; border:none;}
.additional ul li span{width:95px; float:left; text-align:right;}
.additional ul li span.zi{width:40px; float:left; text-align:left; padding-left:10px; color:#0000FF;}

.total{width:300px;height:auto; float:right;}
.total ul{list-style-type:none;padding:0;margin:0;}
.total ul li.tittle{width:300px;height:30px;font-weight:bold; font-size:18px}
.total ul li.content{width:300px;height:auto;  padding:5px; float:left}
.total ul li.content span{width:180px; float:left;}
.total ul li.content span.zi{width:110px; float:left; color:#0000FF; text-align:right}

.comments1,.comments2{width:730px;height:auto; margin:10px 10px; float:left; display:inline;word-break:break-all; overflow:hidden;}
.comments1 ul,.comments2 ul{list-style-type:none;padding:0;margin:0;}
.comments1 ul.list{list-style-type:none;padding:0;margin:0; float:left;height:auto;border:#CCCCCC 1px solid;}
.comments2 ul.list{list-style-type:none;padding:0;margin:0; float:left;height:auto;}
.comments1 ul li.tittle,.comments2 ul li.tittle{width:730px;height:30px;font-weight:bold; font-size:18px;}
.comments1 ul li.tittle span.left,.comments2 ul li.tittle span.left{width:450px;height:30px;font-weight:bold; font-size:18px; float:left}
.comments1 ul li.tittle span.right,.comments2 ul li.tittle span.right{width:250px;height:30px; float:right; text-align:right;}
.comments1 ul li.content,.comments2 ul li.content{width:710px;height:auto;margin:5px;float:left;}
.comments1 ul li.content span,.comments2 ul li.content span{width:auto; float:left;}
.comments2 ul li.page{width:700px;height:30px;text-align:right;border:none; margin:0 30px 0 0; float:left;}
.comments1 ul li.content span.date,.comments2 ul li.content span.date{width:160px;}
.comments1 ul li.content span.name,.comments2 ul li.content span.name{width:100px;}
.comments1 ul li.content span.message,.comments2 ul li.content span.message{width:540px; float:left; margin-left:160px;padding:20px 5px; border:#dedede 1px solid;}



.profile{width:730px;height:auto; margin:20px 10px; float:left; display:inline;word-break:break-all; overflow:hidden}
.profile ul{list-style-type:none;padding:5px 0;margin:0; float:left}
.profile ul li.bt{width:130px;height:30px;float:left; padding-top:8px; border:none;}
.profile ul li.tittle{width:730px;height:30px;font-weight:bold; font-size:18px}
.profile ul li.tittle1{width:730px;height:auto; padding:10px 0 0 0;}
.profile ul li.tittle2{width:730px;height:auto; padding:5px;}
.profile ul li.content{width:730px;height:auto; float:left;background:#dedede; margin:0 auto;}
.profile ul li.content span{width:300px;height:25px; float:left;}
.profile ul li.content span.left{width:200px;height:25px; float:left; text-align:right; margin-right:30px; font-weight:bold}
.profile ul li.content span.bt{width:200px;height:25px; float:left;}


.productlist{width:730px;height:auto; margin:10px 10px; float:left; display:inline;word-break:break-all; overflow:hidden;}
.productlist ul{list-style-type:none;padding:0;margin:0;}
.productlist ul li.tittle{width:730px;height:auto;font-weight:bold; font-size:18px;padding:0;}
.productlist ul li.content{width:720px; padding:0 0 0 10px;height:30px;float:left; background:#dedede;}
.productlist ul li.content span{width:140px; float:left;height:30px;}
.productlist ul li{width:720px;height:auto; float:left;border-bottom:#dedede 1px solid; padding:0 0 0 10px;}
.productlist ul li span{width:140px; float:left;height:auto; padding-top:5px; display:block}