/* CSS Document */
/*Ê×Ò³*/
#web_top,#web_diy,#web_make{ width:943px; height:342px; margin:0px auto; overflow:hidden; background:url(red/images/topimg.jpg) no-repeat top right;}
#web_diy{ background:url(red/images/topimg.jpg) no-repeat top right;}
#web_make{ background:url(red/images/topimg.jpg) no-repeat top right;}
#topleft{width:210px; overflow:hidden; float:left}
#topright{ float:left; margin-top:274px;}
#topright span,#topright_diy span,#web_make span{ width:220px; height:67px; display:block; color:#d8dcea; padding-left:16px; padding-top:6px; line-height:18px; float:left}
#topright_diy{float:left; margin-top:254px;}



#nav_l { width:210px; height:197px; background:url(red/images/navbg.gif); }
#navi {  padding-top:14px; padding-left:5px; }
#navi li {padding-top:2px; padding-bottom:1px; }
#navi li a {width:201px; height:33px; display:block; text-decoration:none; line-height:33px;color:#fff; padding-left:10px; font-weight:bold;filter:DropShadow(Color=#f84500, OffX=1, OffY=1, Positive=1);}
#navi li a:hover, #navi li a.active {background:url(red/images/navbg.gif) no-repeat 0px -203px; width:201px; height:33px; display:block; line-height:33px; color:#9c2607; }
#navi ul { display:none;}
.subnavi { position:absolute;}
.subnavi ul { position:absolute; height:113px; top:0; left:100px; padding-left:4px; padding-top:2px; background:#f00;background:url(red/images/navbg.gif) no-repeat 0px -242px; filter:alpha(opacity=90);opacity:0.9; }
.aActionHover {background:url(red/images/navbg.gif) no-repeat 0px -203px; color:#9c2607; }

#webmain{width:963px; margin:0px auto; text-align:left; overflow:hidden; margin-top:10px; }
#web_left{ /*width:940px;*/width:740px; float:left;}


/*Ä£°åÕ¹Ê¾*/
#template_show{width:743px; margin-top:10px;overflow:hidden; float:left}
#template_show .top{ height:35px;margin-bottom:10px;}
#template_show .top .l{font-family:"Microsoft Yahei"; color:#e93002; font-size:16px; padding-left:6px; padding-right:6px;margin-left:2px; float:left; line-height:35px; border-bottom:solid 2px #f5be89;}
#template_show .top .l span{ font-family:Arial, Helvetica, sans-serif; color:#bbbbbb; font-size:16px;}
#template_show .top .r{ width:544px; height:36px;*height:35px; padding-right:0px;float:left;border-bottom:solid 2px #eaeaea; text-align:right;}
#template_show .top img{ margin-top:9px;}

#Template{width:743px; overflow:hidden;  padding:0px; text-align:center;}
#Template .hotbuy{ width:51px; height:50px; display:block; position:absolute;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/hot.png");  background:url(red/images/hot.png) no-repeat;_background: url(images/hot.png) no-repeat !important; margin-top:-10px; margin-left:-10px;*margin-left:-730px; _margin-left:-730px;_margin-top:0px; }
.template_kk{ overflow:hidden; width:178px;margin-right:5px; margin-bottom:5px; float:left; text-align:left}
.template_kk2 { overflow:hidden; width:178px; margin-right:5px; margin-bottom:5px; float:left; text-align:left}
.template_kk a, .template_kk2 a{ background:#FFF; padding:2px; *padding-bottom:1px; margin-left:2px; border:solid 1px #dadada; overflow:hidden; display:block; width:170px; height:134px;}
.template_kk a:hover, .template_kk2 a:hover{background:#626262;border:solid 1px #fff; height:134px; color:#fff}
.template_kk h5, .template_kk2 h5{ padding:3px;  font-family:Arial, Helvetica, sans-serif; font-weight:normal;font-size:12px; text-align:center}
/*add by danny.J 20101130*/
.template_kk h5 a{ background:#FFF; padding:1px; *padding-bottom:1px; margin-left:2px; border:solid 0px #dadada;width:170px;}
.template_kk h5 a:hover{background:#efefef;border:solid 0px #fff;color:#000}

.template_kk .buy, .template_kk2 .buy{ width:81px;  float:left;color:#ff3602; border:solid 1px #ffd7af; border-bottom:solid 1px #ff9d62;height:17px; line-height:17px; text-align:center; margin-top:2px; background:url(red/images/bg.gif) no-repeat -125px -605px; font-size:.9em;}
.template_kk .buy:hover, .template_kk2 .buy:hover{ height:17px; line-height:17px; color:#ba2600; background:url(red/images/bg.gif) no-repeat -125px -605px;border:solid 1px #ff8e56; border-bottom:solid 1px #dd530f;}
.template_kk .view, .template_kk2 .view{width:81px;  float:left;color:#747474; border-bottom:solid 1px #9d9d9d;height:17px; line-height:17px; text-align:center; margin-top:2px; background:url(red/images/bg.gif) no-repeat -125px -627px; font-size:.9em; }
.template_kk .view:hover, .template_kk2 .view:hover{ height:17px; line-height:17px; color:#000; background:url(red/images/bg.gif) no-repeat -125px -627px;border:solid 1px #a8a8a8; border-bottom:solid 1px #949494;}
.swtest{ background:url(red/images/swtest.gif) no-repeat; width:174px; height:31px; position:absolute; margin-top:-135px; margin-left:388px;*margin-top:-135px;*margin-left:-315px;}
.swtest a{width:174px; height:26px; display:block}
#pro_l{width:743px; float:left; overflow:hidden;}
#web_mk .kk{ background:#f1e7c4; padding:3px; width:721px; margin-left:6px;}
#web_mk ul{ margin-left:52px; padding-right:20px;}
#web_mk li{ line-height:30px;list-style:decimal; color:#909090}

#mklist{ border:solid 1px #e0d3a7; }
#mklist ul{ background:#fffbf0;margin:0px;padding:0px; }
#mklist li{ line-height:40px; list-style:none; height:40px; margin-bottom:0px;border-bottom:solid 1px #f1e7c4; border-top:#fffbf0 solid 1px; color:#9a7a47;}
#mklist li span{ font-size:14px; background:#fff5d9 url(red/images/jt.gif) no-repeat 10px; padding-left:22px; width:140px; display:block; float:left;color:#8b4e1c; border-right:solid 1px #f6eed3; margin-right:20px;}

#web_about,#web_mk,#web_buy{ overflow:hidden; text-align:left;width:940px;}
#web_about h4,#web_mk h4{background:url(red/images/ico1.gif) no-repeat 4px; color:#414141; font-weight:normal;font-size:16px;font-family:"Microsoft Yahei"; padding-left:27px;  line-height:38px; margin-bottom:10px;border-bottom:#dddddd dashed 1px;}
#web_about h4 span{ color:#f15209;}
#web_about .shuom{ background:#333; padding:10px; padding-top:5px;*padding-bottom:5px; line-height:24px; font-size:14px; color:#fff;text-align:justify;text-justify:inter-ideograph;font-family:"Microsoft Yahei"; overflow:hidden}
#web_about .shuom li{ float:left; display:block}
#web_about .shuom li span{ color:#FF9}
#webtitle{ overflow:hidden;height:38px;border-bottom:#dddddd dashed 1px;margin-left:4px; margin-bottom:10px;}
#webtitle .l{ float:left; }
#webtitle .r{ float:right; padding-top:10px;}


.servicetitle{ color:#6c4f22; line-height:30px; height:30px; background:#9f905e url(red/images/st.gif) repeat-x; text-align:center; }
.st1{ background:#FFFBF0; color:#9a7a47; line-height:27px; text-align:center}
.st2{ background:#fff7e2; color:#9a7a47; line-height:27px; text-align:center}
.wn{background:#fff7e2; color:#8b4e1c}
.listcop{ padding:10px; text-align:left;text-align:justify;text-justify:inter-ideograph; }
.listtt{ color:#6c4f22; background:#fff8e2; border-top:solid 1px #fff;border-left:solid 1px #fff;}
.listtt more{font:bold; color:df420b;}


#alsm{padding-left:5px;}
#alsm ul{ }
#alsm li{ background:#fff; border:solid 1px #e1e1e1; width:152px; height:159px; overflow:hidden; float:left; padding:5px; margin:10px; text-align:center; line-height:20px; color:#666 }
#alsm li img{width:150px; height:140px; }
#alsm li a{border:#fff 1px solid; display:block}
#alsm li a:hover{border:#a5a5a5 1px solid; display:block}

#web_right{ float:right}
.helpdown{ background:url(red/images/helpdoc.gif) no-repeat; width:210px; height:61px; display:block; margin-bottom:5px;}
.helpdown:hover{ background:url(red/images/helpdoc.gif) no-repeat bottom; width:210px; height:61px; display:block;}

#web_contact{background:#fff url(red/images/tc_bg.gif) repeat-x top; border:solid 1px #dadada; overflow:hidden; text-align:left; margin-bottom:10px; width:188px;}
#web_contact h5{ font-size:1.1em; margin:8px; border-bottom:dotted 1px #eaeaea; padding-bottom:5px; color:#f85304; font-weight:bold;}
#web_contact ul{ margin-left:8px;}
#web_contact li{ color:#909090; line-height:0px;padding-bottom:9px; margin-bottom:0px;}
#web_contact li input{ height:17px; width:110px; border-bottom:#e2e3e2 solid 1px;border-RIGHT:#e2e3e2 solid 1px;border-TOP:#a2a2a2 solid 1px;border-LEFT:#a2a2a2 solid 1px;color:#333333; padding-left:1px; padding-top:0px; font-family:Arial, Helvetica; line-height:16px;}
#web_contact li input:hover{ height:17px; width:110px; border:#ffd48f solid 1px; padding-left:1px; padding-top:0px; font-family:Arial, Helvetica; line-height:16px; background:#fffced}
#web_contact li textarea{ width:160px; height:80px; background:#fff; border-bottom:#e2e3e2 solid 1px;border-RIGHT:#e2e3e2 solid 1px;border-TOP:#a2a2a2 solid 1px;border-LEFT:#a2a2a2 solid 1px;color:#333333; color:#bea991; line-height:18px; font-size:12px; padding:5px;}
#web_contact li textarea:hover{ width:160px; height:80px; background:#fffced; border:#ffd48f solid 1px; color:#956c3a; line-height:18px;}

#pro_sort { border:solid 1px #dedede; padding:5px; overflow:hidden; margin-top:10px;white-space:normal;word-break:break-all; background:url(red/images/ttbg.gif) repeat-x top; }
#pro_sort h1{font-family: 'Microsoft Yahei';color: #E93002;font-size: 16px; margin:0; padding:0; padding-left:8px; line-height:36px; border-bottom: solid 1px #efefef}
#pro_sort ul{ margin:0; padding:0; padding-top:5px;}
#pro_sort li{ float:left;font-size:12px; list-style:none;/*padding:5px 18px;*/ width:153px; padding:4px 16px; background:url(red/images/zy_04.gif) no-repeat 7px 9px;white-space:nowrap; }
#pro_sort span{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999}
#pro_sort li a{ color:#586485}
#pro_sort li a:hover{ color:#F30}


#pro_sort2 { border:solid 1px #dedede; padding:5px; margin-left:10px; width:900px; overflow:hidden; margin-top:2px;white-space:normal;word-break:break-all; background:url(red/images/ttbg.gif) repeat-x top; }
#pro_sort2 h1{font-family: 'Microsoft Yahei';color: #E93002;font-size: 16px; margin:0; padding:0; padding-left:8px; line-height:36px; border-bottom: solid 1px #efefef}
#pro_sort2 ul{ margin:0; padding:0; padding-top:5px;}
#pro_sort2 li{ float:left;font-size:12px; list-style:none;/*padding:5px 18px;*/ width:143px; padding:4px 16px; background:url(red/images/zy_04.gif) no-repeat 7px 9px;white-space:nowrap; }
#pro_sort2 span{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999}
#pro_sort2 li a{ color:#586485}
#pro_sort2 li a:hover{ color:#F30}

#web_left .fl{ background:#666;}
#web_left .fr{ width:710px; margin-left:20px;}
#web_left .fr p{ line-height:28px;text-align:justify;text-justify:inter-ideograph;text-indent:18pt}
#web_left .fr li{ line-height:30px; padding-left:20px; _height:30px; background:url(red/images/bullet_red.gif) no-repeat 0px 8px;*background:url(red/images/bullet_red.gif) no-repeat 0px 6px;}
#web_left .fr li span{ color:#333; font-weight:bold;}
#web_left .fr h2{ font-size:13px;margin-bottom:7px; color:#f15209; border-bottom: dotted 1px #dedede; padding:10px 0px;}