/* ------------------------------------------------------------------------------------------ */ /* Design, Css by Molu, 2006 */ /* Email:laoZhuan@gmail.com QQ:80069 */ /* Copyright way-fun.cn */ /* ------------------------------------------------------------------------------------------ */ /* Common Tags */ * {margin:0; padding:0;border:none;} html{} body{font-family: arial, verdana, sans-serif;font-size:12px;color:#999;background:#000;} a{text-decoration:none;} a:hover{text-decoration:underline;} ul li,menu li{list-style-type:none;float:left;display:inline;} button,input,select{font-size:12px;} /* Title Style */ h1,h2,h3,h4,h5{color:#FFF;font-size:13px;font-weight:normal;} /* float */ .left{float:left;} .right{float:right;} /* clear */ .clear{clear:both;} /* var */ var{color:#FF0000;} /* centerContainer */ #page{width:840px;margin:0 auto;text-align:left;background:#FFF;} #header{height:115px;} #header ul#pageFunc{width:30px;height:115px;background:#FF0000;float:left;} #header ul#pageFunc li a{margin:5px 0 0;padding:7px;display:block;} #header ul#pageFunc li a img{display:block;} #header h1{width:400px;height:90px;margin:0 0 0 8px;background:url(/wfImages/web/logo.gif) no-repeat;float:left;display:inline;} #header h1 a{width:400px;height:90px;position:relative;display:block;overflow:hidden;} #header h1 a span{position:absolute;left:-99999px;} #header form{height:16px;margin:20px 45px 0 0;float:right;display:inline;} #header form span{margin:0 10px 0 0;font-size:12px;line-height:16px;float:left;display:inline;} #header form input{width:115px;height:14px;line-height:14px;border:1px solid #999;color:#999;float:left;display:inline;} #header form input.submit{width:25px;height:16px;margin:0 0 0 8px;border:none;} #header menu{width:802px;margin:1px 0 0 8px;float:left;} #header menu li{line-height:23px;margin:0 2px 0 0;float:left;position:relative;z-index:2;} #header menu li.bgOn{} #header menu li a{color:#FFF;cursor:hand;background:url(/wfImages/web/navBg.gif) no-repeat;float:left;display:block;} #header menu li.bgOn a{background:url(/wfImages/web/navBgRed.gif) no-repeat;} #header menu li a span{float:left;} #header menu li a span.txt{margin:0 18px;float:left;} #header menu li a span.bg{width:2px;height:23px;background:url(/wfImages/web/navRightBg.gif) no-repeat;background-position:right;} #header menu li.bgOn a span.bg{background:url(/wfImages/web/navRightBgRed.gif) no-repeat;background-position:right;} #header menu li a:hover{text-decoration:none;} #header menu li ul{display:none;} #header menu li.bgOn:hover a{background:url(/wfImages/web/navBgRed.gif) no-repeat;} #header menu li:hover a{background:url(/wfImages/web/navBgBlue.gif) no-repeat;} #header menu li:hover span.bg{width:2px;height:23px;background:url(/wfImages/web/navRightBgBlue.gif) no-repeat;background-position:right;} #header menu li.bgOn:hover span.bg{background:url(/wfImages/web/navRightBgRed.gif) no-repeat;background-position:right;} #header menu li:hover ul{height:auto;position:absolute;top:23px;left:-2px;display:block;background:#006BCF;} #header menu li:hover ul li{height:25px;margin:0;padding:0;} #header menu li:hover ul li a{min-width:122px;padding:0 20px;border:1px solid #FFF;background:#006BCF;} #header menu li:hover ul li a:hover{background:#00386C;} #header menu li.bgOn:hover ul li a{background:#FF0000;} #header menu li.bgOn:hover ul li a:hover{background:#CC0000;} #bd{width:810px;border-left:30px solid #FF0000;background:#FFF;float:left;} #content{width:770px;border-top:5px solid #FF0000;margin:0 0 0 8px;float:left;display:inline;} #btm{width:770px;border-top:1px solid #EBEBEB;margin:10px 0 0 8px;padding:10px 0 100px;float:left;display:inline;} #btm p{font-size:12px;text-align:right;} h2 span.txt{height:18px;padding:0 15px 0 40px;float:left;} h2 span.rt{width:7px;height:18px;float:left;} .leftBox{margin:4px 0 0;padding:0 7px;border:5px solid #F8F3F0;float:left;clear:left;} .leftBox h2{height:18px;line-height:18px;padding:4px 0;margin:5px 0 0;border-bottom:1px solid #F8F3F0;float:left;} .leftBox ul{margin:10px 0 0;padding:0 20px;font-size:14px;float:left;} .leftBox ul li{width:185px;line-height:25px;padding:0 0 0 10px;clear:left;} .leftBox ul li a{height:18px;margin:5px 0;color:#666;float:left;} .leftBox ul li a:hover{background:#F4F4F4;} .leftBox ul li img{margin:0 0 0 5px;float:left;display:inline;} /* ------------------------------------------------------------------------------------------ */ /* index Page */ /* ------------------------------------------------------------------------------------------ */ #switchImg{width:275px;height:210px;margin:5px 0 0;background:url(/wfImages/web/switchImgBg.gif) no-repeat;float:left;position:relative;z-index:1;} switchImg img{width:270px;height:205px;display:block;} #switchImg #imgSN{position:absolute;bottom:5px;right:5px;} #indexAboutUs{width:482px;height:202px;margin:5px 0 0;padding:4px;background:url(/wfImages/web/indexAboutUsBg.gif) no-repeat;float:right;} #indexAboutUs h2{height:24px;border-bottom:1px solid #D5B7A5;background:#F8F3F0;} #indexAboutUs h2 span.title{width:110px;height:24px;line-height:24px;background:url(/wfImages/web/indexAboutUs.gif) no-repeat;color:#FFF;text-align:center;float:left;} #indexAboutUs h2 span.welcome{line-height:16px;margin:4px 0;color:#D5B7A5;float:right;} #indexAboutUs #indexAboutUsDetails{width:270px;height:178px;padding:0 212px 0 0;background:url(/wfImages/web/indexAboutUsCompany.jpg) no-repeat;} #indexAboutUs p{width:250px;padding:10px;line-height:22px;font-size:12px;} #indexAboutUs span.seeDetails{margin:0 20px 0 0;float:right;display:inline;} #indexAboutUs span.seeDetails a{color:#AD8369;text-decoration:underline;} #indexAboutUs span.seeDetails a:hover{color:#7C5035;} #indexProductsCatalogue{width:245px;height:410px;} #indexProductsCatalogue h2{width:245px;} #indexProductsCatalogue h2 span.txt{background:url(/wfImages/web/grayTitleBg.gif) no-repeat;} #indexProductsCatalogue h2 span.rt{background:url(/wfImages/web/grayTitleBgRight.gif) no-repeat;} #indexProductsCatalogue ul li {background:url(/wfImages/web/arrowGray.gif) no-repeat;background-position:0 16px;} #newProductsAndContact{width:480px;height:410px;border:5px solid #F8F1EA;margin:5px 0 0;float:right;} #newProductsAndContact h2{width:400px;height:18px;padding:0 0 0 40px;margin:10px 0 0 5px;float:left;display:inline;} #indexNewProducts{float:left;} #indexNewProducts h2{background:url(/wfImages/web/indexNewProductsTitle.gif) no-repeat;} #indexNewProducts ul{margin:15px 8px 0;float:left;display:inline;} #indexNewProducts ul li{width:116px;height:120px;text-align:center;background:url(/wfImages/web/indexNewProductsBg.gif) no-repeat;background-position:-9px;*background-position:0 0;} #indexNewProducts ul li img{display:block;} #indexNewProducts span.viewAll{margin:15px 15px 0 0;line-height:18px;float:right;} #indexNewProducts span.viewAll a{width:120px;height:18px;color:#FFF;text-align:center;background:#C50877;display:block;} #indexNewProducts span.viewAll a:hover{text-decoration:none;background:#FF0000;} #indexContactUs{float:left;} #indexContactUs h2{margin:15px 0 0 5px;background:url(/wfImages/web/indexContactUsTitle.gif) no-repeat;} #indexContactUs ul{width:400px;height:130px;margin:10px 0 0 10px;padding:14px 30px 10px;background:url(/wfImages/web/indexContactUs.gif) no-repeat;float:left;display:inline;} #indexContactUs ul li{width:400px;height:21px;font-size:13px;} #indexContactUs ul li a{color:#999;} /* ------------------------------------------------------------------------------------------ */ /* sub Page */ /* ------------------------------------------------------------------------------------------ */ #catalogue{width:185px;height:410px;} #catalogue h2{width:185px;} #catalogue h2 span.txt{background:url(/wfImages/web/grayTitleBg.gif) no-repeat;} #catalogue h2 span.rt{background:url(/wfImages/web/grayTitleBgRight.gif) no-repeat;} #catalogue ul{height:auto;padding:0 0 0 15px;} #catalogue ul li{width:155px;background:url(/wfImages/web/arrowGray.gif) no-repeat;background-position:0 15px;} #aboutUs{width:185px;height:300px;} #aboutUs h2{width:185px;} #aboutUs h2 span.txt{background:url(/wfImages/web/grayTitleBg.gif) no-repeat;} #aboutUs h2 span.rt{background:url(/wfImages/web/grayTitleBgRight.gif) no-repeat;} #aboutUs ul{padding:0 10px;} #aboutUs ul li{width:145px;} #aboutUs ul li.plus{width:145px;padding:0 0 0 20px;background:url(/wfImages/web/plus.gif) no-repeat;background-position:0 13px;} #aboutUs ul li.decrease{width:125px;padding:0 0 0 40px;background:url(/wfImages/web/decrease.gif) no-repeat;background-position:18px 13px;} #aboutUs ul li.bgOn a{text-decoration:underline;background:#EFEFEF;} #contactUs{width:185px;height:245px;} #contactUs h2{width:100px;padding:0 0 4px 50px;background:url(/wfImages/web/indexContactUsTitle.gif) no-repeat;} #contactUs ul{padding:0;margin:5px 0 10px;font-size:12px;} #contactUs ul li{width:185px;line-height:25px;padding:0;color:#888;background:#FFF;} #contactUs ul li a{margin:0;padding:0;color:#888;float:left;} #contactUs ul li span{float:left;} #position{width:545px;margin:5px 0 0;color:#555;font-size:13px;line-height:20px;float:right;} #position a{color:#555;} #detailBox{width:530px;margin:5px 0 0;padding:5px;border:5px solid #F8F1E9;float:right;} #detailBox h2{height:18px;line-height:18px;padding:8px 0;margin:0;float:left;display:inline;} #detailBox h2 span.txt{background:url(/wfImages/web/pinkTitleBg.gif) no-repeat;} #detailBox h2 span.rt{background:url(/wfImages/web/pinkTitleBgRight.gif) no-repeat;} #detailBox .eachProducts{width:115px;height:175px;margin:5px 7px 0;text-align:center;background:url(/wfImages/web/productsBg.gif) no-repeat;float:left;} #detailBox .eachProducts img{width:110px;height:130px;float:left;display:block;} #detailBox .eachProducts span{width:110px;margin:10px 0 0;line-height:30px;float:left;} #detailBox .eachProducts a{color:#666;} #gotoPage{width:520px;height:30px;margin:5px 0 20px;font-size:13px;line-height:30px;float:right;} #gotoPage a{color:#999;} #gotoPage var{margin:0 3px;} #gotoPage span{float:left;} #gotoPage span.count{margin:0;} #gotoPage span.page{margin:0 15px;} #gotoPage span.page a{text-decoration:underline;} #gotoPage span.page a:hover{background:#EFEFEF;} #gotoPage span.number{width:16px;height:16px;line-height:16px;margin:7px 10px 7px 0;border:1px solid #999;text-align:center;display:block;} #gotoPage span.number a{display:block;} #gotoPage span.current{margin:0 10px 0 0;color:#FF0000;} #longPosition{width:770px;line-height:30px;color:#666;font-size:13px;float:left;display:inline;} #longPosition a{color:#666;} #productsDetails{width:760px;padding:5px;border:5px solid #F8F1EA;float:left;display:inline;} #productsDetails h2{width:500px;height:24px;line-height:24px;margin:20px auto 20px;color:#804000;font-weight:bold;text-align:center;background:url(/wfImages/web/productsTitleBg.gif) no-repeat;} #productsDetails img.small{width:320px;margin:15px 0 0;float:left;display:block;} #productsDetails img.big{width:400px;height:480px;margin:15px 5px 0 0;float:right;display:inline;} #productsDetails #productsIntro{width:320px;margin:10px 0 0;float:left;clear:left;display:inline;} #productsDetails #productsIntro span.top{width:320px;height:10px;font-size:0;line-height:10px;background:url(/wfImages/web/productsDetailsTop.gif) no-repeat;float:left;display:inline;} #productsDetails #productsIntro span.bottom{width:320px;height:10px;font-size:0;line-height:10px;background:url(/wfImages/web/productsDetailsBtm.gif) no-repeat;float:left;display:inline;} #productsDetails #productsIntro p{width:300px;line-height:20px;padding:0 10px;color:#000;background:#EEF3FE;} #productsDetails span.explain{width:764px;line-height:20px;margin:15px 3px 0;float:left;display:inline;} #productsDetails span.close{margin:10px 10px 10px 0;padding:0 20px 0 0;background:url(/wfImages/web/closeWindows.gif) no-repeat;background-position:right;float:right;} #productsDetails span.close a{color:#1E49B8;} #introduction{width:488px;margin:15px 21px;float:left;display:inline;} #introduction span.top{width:488px;height:10px;margin:0;font-size:0;line-height:10px;background:url(/wfImages/web/introductionTop.gif) no-repeat;float:left;} #introduction span.bottom{width:488px;height:10px;font-size:0;line-height:10px;background:url(/wfImages/web/introductionBottom.gif) no-repeat;float:left;} #introduction p{width:468px;padding:10px 10px;color:#000;font-size:13px;line-height:30px;background:#F8F1E9;float:left;} #aboutUsPicCatalogue{width:520px;min-height:460px;*height:460px;margin:15px 0 15px 10px;float:left;display:inline;} #aboutUsPicCatalogue .eachPic{width:160px;border:1px solid #CCC;margin:0 10px 20px 0;text-align:center;float:left;} #aboutUsPicCatalogue .eachPic img{width:140px;margin:10px auto 0;} #aboutUsPicCatalogue .eachPic h3{margin:5px 0;line-height:25px;} #aboutUsPicCatalogue .eachPic h3 a{color:#555;} #aboutUsPic{width:485px;margin:15px 22px;float:left;display:inline;} #aboutUsPic .imgBorder{width:485px;height:365px;margin:0 0 20px 0;background:url(/wfImages/web/companyPicBg.gif) no-repeat;float:left;} #aboutUsPic .imgBorder img{width:480px;height:360px;} #aboutUsPic p{line-height:25px;float:left;} #contactAddress{width:520px;padding:20px 50px;margin:0 75px;border-bottom:1px dashed #C3C3C3;float:left;display:inline;} #contactAddress h2{width:150px;height:25px;background:url(/wfImages/web/contactUs.gif) no-repeat;float:left;position:relative;} #contactAddress h2 span{position:absolute;left:-99999px;} #contactAddress ul{width:520px;margin:5px 0;float:left;} #contactAddress ul li{width:520px;font-size:14px;color:#888;line-height:25px;} #contactAddress ul li a{color:#888;} #feedBack{width:520px;padding:20px 50px;margin:0 75px;float:left;display:inline;} #feedBack h2{width:150px;height:25px;background:url(/wfImages/web/feedBack.gif) no-repeat;float:left;position:relative;} #feedBack h2 span{position:absolute;left:-99999px;} #feedBack table{width:520px;margin:10px 0;float:left;} #feedBack table td{height:30px;line-height:30px;vertical-align:top;} #feedBack table td.txt{width:70px;} #feedBack table td.form{width:190px;} #feedBack input{width:170px;height:18px;border:1px solid #CCC;float:left;display:inline;} #feedBack input.long{width:400px;} #feedBack textarea{width:400px;height:120px;border:1px solid #CCC;} #feedBack input.button{width:85px;height:20px;margin:10px 10px 0 0;border:1px solid #CCC;font-size:14px;color:#777;background:#FFF;} #otherOptionsDetails{width:760px;padding:5px;border:5px solid #F8F1EA;float:left;display:inline;} #otherOptionsDetails img{margin:0 auto;display:block;} #otherOptionsDetails .long{width:550px;margin:15px auto 0;text-align:center;clear:both;} #otherOptionsDetails .short{width:280px;margin:15px 0 0 50px;text-align:center;float:left;display:inline;} #otherOptionsDetails h2{line-height:30px;color:#000;font-size:14px;font-weight:bold;} #otherOptionsDetails .long h2{width:550px;} #otherOptionsDetails .short h2{width:280px;} #otherOptionsDetails p{line-height:20px;color:#777;} #otherOptionsDetails .other{width:600px;margin:20px 50px;float:left;display:inline;}