@charset "utf-8";
/* CSS Document */

html,body { margin: 0px; width: 100%; height: 100%; overflow: hidden; }
body,td,th { font-family: Arial, Helvetica, sans-serif; background: #000; font-size: 12px; color: #fff; }
input,select,textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: middle; }
body { SCROLLBAR-ARROW-COLOR:#404040; SCROLLBAR-FACE-COLOR:#000000; SCROLLBAR-DARKSHADOW-COLOR:#000000; SCROLLBAR-HIGHLIGHT-COLOR:#000000; SCROLLBAR-3DLIGHT-COLOR:#000000; SCROLLBAR-SHADOW-COLOR:#000000; CROLLBAR-TRACK-COLOR:#000000; }
img {border:0}
a { text-decoration: none; }
a:link, a:visited { color: #ffffff; }
a:hover { color: #FFFFFF; }

div#mpage { width: 778px; position: absolute; top: 50%; left: 50%; margin-left: -389px; margin-top: -232px; }
div#mlogo { height: 53px; background: url(images/logo.jpg) no-repeat left center; }
div#mmenu { height: 41px; background: url(images/menu.gif) no-repeat; }
div#mbody { height: 304px; }
div#mlink { height: 28px; background: url(images/bottom.jpg) no-repeat left bottom; }
div#mbottom { color: #fff; line-height: 18px; padding-top: 3px; }


.nav { margin: 0px; padding: 0px; height: 27px; list-style: none; }
.nav li { float: left; }
.nav a { display: block; width: 81px; height: 27px; text-indent: -99999px; }
.nav .i a { width: 59px; }

div.index { height:304px; text-align: center; }
div.news {  }

div#nlBody { float: left; width: 275px; height: 304px; background: url(images/line.gif) no-repeat right; display:block }
div#nlBody h1 { width: 87px; height: 40px; margin: 0px; padding: 0px; margin-bottom: 22px; font-size: 12px; background: url(images/news_title.gif) no-repeat right bottom; }
div#nlBody ul { margin: 0px; padding: 0px; list-style: none; margin-left: 22px; margin-right: 22px; }
div#nlBody li { clear: left; color: #fff; height: 28px; line-height: 28px; background: url(images/line_bg.gif) repeat-x bottom; }
div#nlBody li a { display: block; width: 150px; height: 28px; overflow: hidden; float: left; color: #fff; background: url(images/dot.gif) no-repeat 5px center; padding-left: 10px; }
div#nrBody { width: 500px; float:left; display:block}

div.pNav { clear: both; float: right; margin: 15px 4px 0 0; }
div.pNav a { display: block; float: left; margin: 0px 9px; }
div.pNav .f { width: 10px; height: 7px; background: url(images/p_first.gif) no-repeat; }
div.pNav .p { width: 8px; height: 7px; background: url(images/p_prev.gif) no-repeat; }
div.pNav .n { width: 8px; height: 7px; background: url(images/p_next.gif) no-repeat; }
div.pNav .l { width: 10px; height: 7px; background: url(images/p_last.gif) no-repeat; }

div#news { color: #fff; margin-left: 20px; height: 304px; overflow-y: scroll; }
div#news .t { font-size: 16px; font-weight: bold; line-height: 62px; }
div#news .d { float: right; margin: 25px 3px 0 0; }
div#news .b { line-height: 22px;}

div#salenet { background: url(images/sale_title.gif) no-repeat 17px 14px; height: 304px; }
div#slBody { float: left; width: 370px; padding-left: 30px; background: url(images/line.gif) no-repeat right; }
div#srBody { color: #fff; float: right; width: 378px; height: 304px; overflow-y: auto; }

div.saledetail { margin: 10px 18px 0 18px; }
div.saledetail .t { font-weight: bold; line-height: 40px; }
div.saledetail .d { height: 100px; line-height: 20px; }
div.saledetail .p { display:none }
div.saledetail .p img { width: 160px; height: 120px; border: 0px; }
div.saledetail .saleList{ height:285px; overflow-y:auto; margin-bottom:5px}

div.member { color: #fff; }
div.member .ml { float: left; padding-top: 62px; }
div.member .mm { float: left; width: 245px; height: 304px; margin-left: 143px; background: url(images/meber_title.gif) no-repeat left 44px; }
div.member .mr { width: 243px; height: 304px; background: url(images/line.gif) no-repeat left; float: right; }
div.member .mr div { margin: 15px 30px 0 46px; }
div.member .mr div.t { font-weight: bold; margin-top: 76px; }

#vipLogin { margin: 0px; padding: 0px; margin-top: 97px; }
#vipLogin p { clear: left; margin: 3px 0; padding: 0px; }
#vipLogin label { width: 50px; float: left; padding-top: 5px; }
#vipLogin #userName,#vipLogin #userPsw { width: 150px; }
#vipLogin div { margin-left: 54px; margin-top: 10px; }

div.order .p { float: left; width: 352px; text-align: center; }
div.order .o { float: right; color: #fff; width: 426px; height: 304px; background: url(images/order_title.gif) no-repeat 32px 13px; }
div.order .o .desc { height: 50px; margin-left: 44px; margin-top: 50px; }
#orderForm { text-align: center; margin: 0px; padding: 0px; height: 59px; background: url(images/line2.gif) no-repeat center bottom; }
#orderForm .orderSize { width: 39px; border: 1px solid #9a9a9a; }
div.result { height: 145px; background: url(images/logo_2.gif) no-repeat right bottom; }
div.result  div { margin-top: 30px; margin-left: 50px; line-height: 24px; }

div.job .lJob { width: 161px; float: left; background: url(images/job_title.gif) no-repeat 18px 17px; }
div.job .rJob { width: 617px; height: 304px; float: right; background: url(images/line.gif) no-repeat left center; }
.lJob ul { margin: 62px 0 0 29px; list-style: none; }
.lJob li { color: #fff; line-height: 24px; background: url(images/dot.gif) no-repeat left center; padding-left: 8px; }
.rJob div { margin: 0px 40px; margin-top: 14px; }
.rJob .desc { color: #fff; line-height: 24px; }
.rJob .jbody { color: #fff; }
.rJob .jbody .t { color: #ff0; font-size: 14px; font-weight: bold; }
.rJob .jbody .b { line-height: 22px; height:110px;  overflow-y: auto; }

.job a:Link{ color:#FFFFFF; text-decoration:none}
.job a:visited{ color:#FFFFFF; text-decoration:none}
.job a:hover{ color:#FFFFFF; text-decoration:underline}

div.contact { color: #fff; margin: 0 18px; margin-top: 23px; }
form#sendForm { color: #fff; width: 540px; margin: 0px auto; padding: 0px; margin-top: 15px; }
form#sendForm .r { color: #f00; }
form#sendForm label { width: 72px; }
#firstName,#lastName,#email,#tel { width: 156px; margin-left: 15px; }
#firstName,#email { margin-right: 60px; }
#sendBody { width: 495px; }

div.about { height: 304px; background: url(images/about_title.gif) no-repeat 15px 16px; }
div.about .al { float: left; width: 128px; height: 304px; background: url(images/line.gif) no-repeat right; }
div.about .al ul { padding: 0px; list-style: none; margin: 52px 0 0 29px; }
div.about .al li { color: #fff; background: url(images/dot.gif) no-repeat left center; padding-left: 8px; height: 24px; line-height: 24px; }
div.about .al li a { color: #fff; }
div.about .ar { float: right; color: #fff; width: 650px; height: 304px; overflow-y: scroll; background: url(images/goodio.gif) no-repeat fixed right bottom; }
div.about .ar div { margin-left: 37px; margin-right: 10px; }
div.about .ar .t { font-size: 16px; font-weight: bold; margin-top: 27px; }
div.about .ar .b { line-height: 24px; margin-top: 23px; }
div.figure {background-image: url(images/figure_title.gif)}
div.figure .ar .t {}
div.figure .ar .b {}

.Login{ margin-top:100px}
.btn a{ padding:4px; background-color:#ccc; margin-right:2px}
#mlink a { display: block; float: left; height: 20px; margin-top: 8px; }
#mlink a:hover {background:no-repeat 0 0}
#mlink a.sfrp {width:69px}
#mlink a.sfrp:hover {background-image:url(images/bottom_1.gif)}
#mlink a.sz {width:67px}
#mlink a.sz:hover {background-image:url(images/bottom_2.gif)}
#mlink a.about {width:79px}
#mlink a.about:hover {background-image:url(images/bottom_3.gif)}
#mlink a.sales {width:85px}
#mlink a.sales:hover {background-image:url(images/bottom_4.gif)}

.LatestNews{ width:230px; height:300px; float:left; background: url(images/line.gif) no-repeat right;}
.LatestNews ul{ list-style:none; margin:6px}
.LatestNews li{ clear: left; color: #fff; height: 28px; line-height: 28px; background: url(images/line_bg.gif) repeat-x bottom; }
.LatestNews li a{display: block; width:145px; height: 28px; overflow: hidden; float: left; color: #fff; background: url(images/dot.gif) no-repeat 5px ; padding-left: 10px; }
.slaes{ padding:0px 15px 0px 25px; height:300px; overflow-y:auto; width:500px; float:left}
.salesNewsTitle{ line-height:25px; font-weight:bold; text-align:center}
.salesNewsContent{ line-height:25px; }
.pu{ border:1px solid #FFFFFF;margin:10px;FILTER: Alpha(Opacity=65); float:left}
.po{ border:1px solid #FFFFFF;margin:10px;float:left}

.salesL{ float: left; width: 50%; height: 300px; background: url(images/line.gif) no-repeat right; text-align:center}
.salesR{ float: left; width: 50%; height: 300px; text-align:center}

.msg{ padding:0px 15px}
.msg .t{ background: url(images/note.gif) no-repeat left; padding-left:12px; font-size:13px}
.msg .r{ background: url(images/nlist.gif) no-repeat left; padding-left:12px;}
.msg .c{ padding:10px; border-bottom:dotted #ccc 1px}
.msg span{ color:#666666; padding-left:10px}
.msg label{ display: block; width: 60px; float:left}
.tit{ font-size:14px; font-weight:bold}

.salepic {width:375px; height:280px; overflow:hidden; position:absolute; right:0; margin-top:10px}
.salepic div { width:375px; height:140px; background:url(images/sale_pic.jpg) no-repeat; position:relative}
.salepic .salepic_h {}
.salepic .salepic_f {background-position: left bottom}

.d2009 {width:778px; overflow:hidden; background:url(images/2009_title.gif) no-repeat 10px 20px}
.d2009left, .d2009mid, .d2009right {height:300px; float:left}
.d2009left {width:140px; background:url(images/line.gif) no-repeat right center}
.d2009left ul {margin:50px 0 0 20px; padding:0; list-style:none; line-height:22px}
.d2009left a {color:#fff}
.d2009mid {width:180px; overflow:hidden}
.d2009mid h1 {color:#f00; margin:50px 0 6px 0; padding:0; padding-bottom:6px; font-size:12px; text-align:center; background:url(images/line3.gif) no-repeat bottom center}
.d2009mid ul {margin:0 10px; padding:0; list-style:none; height:230px; overflow-y:scroll}
.d2009mid li {float:left; margin:1px}
.d2009mid img {border:2px solid #ccc}
.d2009right {width:458px; height:250px; margin-top:50px; overflow:hidden}
.d2009right .productPic, .d2009right .productNote {overflow:hidden; float:left}
.d2009right .productPic {width:320px; text-align:center}
.d2009right .productNote {width:130px; height:238px; line-height:22px; margin-left:8px; position:relative}
.d2009right .productNote .noteBottom {position:absolute; bottom:0}
.d2009right .picLoad {padding:100px 0 200px 0}

.d2009flash {width:96%; height:96%; position:absolute; left:2%; right:2%; top:0; bottom:2%; background-color:#000}
.d2009flash iframe {margin-top:2%}
.dvideo {position:absolute; width:640px; height:480px; left:50%; top:50%; margin-left:-320px; margin-top:-240px}
.close {display:block; width:45px; height:9px; background:url(images/close.gif) no-repeat; position:absolute; right:2%; top:1%; z-index:100}