@charset "utf-8";
body{margin:5px 0px 50px 0px;font-family: 宋体, Arial, ;}
body,input,select,textarea{font-size: 12px;color: #333333;}
ul {list-style: none;margin: 0px; padding:0px;}
.box950w {margin-left:auto;margin-right:auto;width:950px;clear:both;position:relative;}
.box780w {margin-left:auto;margin-right:auto;width:780px;clear:both;position:relative;}
.left{float: left;}
.right{ float:right;}
.inputw01{ width:65px;}
.inputw02{ width:80px;}
.inputw03{ width:35px;}
.font20{ font-size:20px; color:#FF6600;}
.font14{ font-size:14px;}
img {border:0px;}
h1{ font-size:24px; border-bottom:dashed 1px #CCCCCC; color:#0099CC; padding-bottom:5px;}
.color01{ color:#FF6600;}

a:link,a:visited{color: #333;text-decoration: none;}
a:hover{color: #FF6600;text-decoration: underline;}
a.a1:link,a.a1:visited{color: #0080FF;text-decoration: none;}
a.a1:hover{color: #FF6600;text-decoration: underline;}
a.a2:link,a.a2:visited{color: #B37700;text-decoration: none;}
a.a2:hover{color: #FF6600;text-decoration: underline;}
a.a3:link,a.a3:visited{color: #0066FF;text-decoration: none;}
a.a3:hover{color: #FF6600;text-decoration: underline;}
a.a4:link,a.a4:visited{color: #f00;text-decoration: none;}
a.a4:hover{color: #FF6600;text-decoration: underline;}
a.a5:link,a.a5:visited{color: #fff;text-decoration: none;}
a.a5:hover{color: #ff0;text-decoration: underline;}
a.a6:link,a.a6:visited{color: #CC3399;}
a.a6:hover{text-decoration: underline;}
a.a7:link,a.a7:visited{color:#666;text-decoration: none;}
a.a7:hover{color: #FF6600;text-decoration: underline;}
a.a8:link,a.a8:visited{color: #666;text-decoration: none;}
a.a8:hover{color: #FF6600;text-decoration: underline;}


a.dg{background-image: url(/images/diypifa/ico_dg.gif);text-align:center; width:40px; line-height:18px; color:#FF3300; display: block; float:left; margin-left:5px; margin-top:3px; }
a.sc{background-image: url(/images/diypifa/ico_sc.gif);text-align:center; width:40px; line-height:18px; color:#0066CC; display: block; float:left;  margin-left:5px;margin-top:3px; }

#Head{ margin-top:5px;}
#Head ul.headItem{ float:right; height:30px;}
#Head ul.headItem li{ float:left; margin-left:5px; line-height:22px;}
#Head ul.headItem li.text3{ width:50px; height:20px; text-align:center; line-height:20px; background-image:url(/images/diypifa/HeadMenu_bg3.gif); background-repeat:no-repeat;}
#Head ul.headItem li.text4{ width:60px; height:20px; text-align:center; line-height:20px; background-image:url(/images/diypifa/HeadMenu_bg4.gif); background-repeat:no-repeat;}
#Head ul.headItem li.textMe{width:85px;	height:20px;line-height:20px;background-image:url(/images/diypifa/HeadMenu_bgMe.gif);background-repeat:no-repeat;text-indent: 20px;}

#Head ul.userinfo{  clear:both; }
#Head ul.userinfo li{ float:right;}
#Head ul.userinfo li span{ color:#999999; line-height:150%; height:20px;}


ul.NavTex { margin-left:20px; height:25px; float:left;}
ul.NavTex li{float:left;line-height:25px;font-size:14px;bottom:-1px;position:relative;}
ul.NavTex li a{display:block;text-align: center;line-height:25px;position:relative;}

.navT2a a{background-image: url(/images/diypifa/navT2a.jpg);background-repeat: no-repeat; width:50px;bottom:1px;}
.navT2b a{background-image: url(/images/diypifa/navT2b.jpg);background-repeat: no-repeat; width:50px; color:#FFFFFF; font-weight:bold; }
.navT3a a{background-image: url(/images/diypifa/navT3a.jpg);background-repeat: no-repeat; width:75px;bottom:1px;}
.navT3b a{background-image: url(/images/diypifa/navT3b.jpg);background-repeat: no-repeat; width:75px; color:#FFFFFF; font-weight:bold;}
.navT4a a{background-image: url(/images/diypifa/navT4a.jpg);background-repeat: no-repeat; width:90px;bottom:1px;}
.navT4b a{background-image: url(/images/diypifa/navT4b.jpg);background-repeat: no-repeat; width:90px; color:#FFFFFF; font-weight:bold;}
.navT5a a{background-image: url(/images/diypifa/navT5a.jpg);background-repeat: no-repeat; width:100px;bottom:1px;}
.navT5b a{background-image: url(/images/diypifa/navT5b.jpg);background-repeat: no-repeat; width:100px; color:#FFFFFF; font-weight:bold;}
.navT6a a{background-image: url(/images/diypifa/navT6a.jpg);background-repeat: no-repeat; width:120px; bottom:1px;}
.navT6b a{background-image: url(/images/diypifa/navT6b.jpg);background-repeat: no-repeat; width:120px; color:#FFFFFF; font-weight:bold;}

#searchbg{background-image:url(/images/diypifa/searchbg2.jpg);	background-repeat:no-repeat;	height:65px;	background-position: center bottom; margin-top:10px;}
ul.NavTex2 {line-height:25px; float:right;}
ul.NavTex2 a{ border-left:solid 1px #CCCCCC; padding-left:9px !important; padding-left:7px; margin-right:9px !important; margin-right:7px;}

#searchInput{ clear:both; padding-top:10px; padding-left:10px;}
#searchInput strong{ color:#FFFF00;}
#searchInput li{ float:left;}
#searchInput a{ line-height:25px; display:block; padding-left:5px; margin-right:5px; float:left;  }

#top1{ height:180px; margin-top:5px;}
#top1_1{width:250px;position: absolute;float:left; }
#top1_2{width:465px;position: absolute;left: 255px;float:left;}
#top1_3{width:225px;position: absolute;left: 725px;float:left;}

#top1_1 .title01{background-color: #F0F0FF;width:100%;background-image:url(/images/diypifa/ico01.gif);background-repeat: no-repeat;background-position: 5px center;height:22px;color:#CCCCCC;}
#top1_1 .title01 li{ margin-top:3px; padding-right:10px;}
#top1_1 .title01 li strong{ padding-left:15px; color:#FF3300;}
#top1_1 .loginsty{ color:#999999; margin:5px auto 5px auto; border-bottom:dashed 1px #CCCCCC; padding-bottom:5px;}
#top1_1 .loginsty2{ color:#666; margin:5px auto 5px auto; border-bottom:dashed 1px #CCCCCC; padding-bottom:5px; text-indent:10px; line-height:20px;}
#top1_1 .index_news{ background-image:url(/images/diypifa/index_news.jpg); background-repeat:no-repeat; height:120px;}
#top1_1  ul.title02{ margin-top:5px; height:22px;}
#top1_1  ul.title02 li{ padding-right:10px;}
#top1_1  ul.title02 strong{ padding-left:15px;}
#top1_1  ul.textimg{ padding:0px 5px 0px 5px;}
#top1_1  ul.textimg { line-height:150%;}
#top1_1 .index_question{ background-image:url(/images/diypifa/index_qestion.jpg); background-repeat:repeat; height:90px; clear:both; margin-top:5px;}
#top1_1 ul.qusetionInfo{ margin:6px 5px auto 55px;}
#top1_1 ul.qusetionInfo li{	line-height:150%;background-image:url(/images/ico02.gif);background-repeat:no-repeat;text-indent: 18px;background-position: left center;}

#top1_3 .index_question{ background-image:url(/images/diypifa/index_question.jpg); background-repeat:no-repeat; height:120px;}
#top1_3  ul.title02{ margin-top:5px; height:22px;}
#top1_3  ul.title02 li{ padding-right:10px;}
#top1_3  ul.title02 strong{ padding-left:15px;}
#top1_3 .infotext{ clear:both; padding:5px;}
#top1_3 .infotext li{background-image: url(/images/diypifa/ico02.gif);background-repeat: no-repeat;background-position: left center;text-indent: 18px;line-height:150%;}
#top1_3 .onlineBg{ background-image:url(/images/diypifa/onlinBg.jpg); background-repeat:no-repeat; height:58px; margin-top:2px;}
#top1_3 .onlineBg strong{ line-height:25px ; text-indent:15px; display:block;}
#top1_3 .onlineBg li.qq{ text-align:center;}

#Prices{ background-image:url(/images/diypifa/money_bg.gif); background-repeat:no-repeat; text-align:center; height:28px; padding-top:3px; margin-top:3px; }
#Prices span{ color:#CCCCCC; padding-right:5px;}
#Prices a{ padding-right:3px;}

#daohang{ float:left; width:220px;}
#daohang .dhtitle{background-image: url(/images/diypifa/daohang.jpg);background-repeat: no-repeat; text-indent:15px; line-height:25px; font-size:14px; font-weight:bold; color:#333;}
#DiyPro{width:720px;position: relative; float:right;}
#DiyPro2{border: solid 1px #CCCCCC;width:720px; float:right;}
#DiyPro2 .box01{ padding:5px; height:550px;}

.CategNav { padding:0px 10px 10px 10px; border-bottom: solid 1px #C7EAFE; border-left:solid 1px #C7EAFE; border-right:solid 1px #C7EAFE;}
.CategNav span{ font-weight:normal; color:#999999;}
.CategNav p{font-size:14px;	font-weight:bold;	padding:5px; margin-bottom:5px;background-color:#FFF8E1;}
.CategNav ul {  padding-top:10px; clear:both; width:100%; clear:both; }
.CategNav ul li{float:left;	width:50%;	white-space: nowrap;	line-height:150%;	background-image: url(/images/diypifa/ico_sj5.gif);	background-repeat: no-repeat;	background-position: left center;	text-indent:6px;}
.CategNav ul li a{ color:#666;}
.CategNav ul li a:hover{color: #FF6600;text-decoration: underline;}

#aidi{ clear:both; margin-top:5px;}

#Propaihang{ clear:both; margin-top:5px; border:solid 1px #CCCCCC; background-color:#F6F6F6; padding:5px;}
#Propaihang .title01{font-weight:bold;	border-bottom:solid 1px #E3E3E3;	line-height:25px;	color:#666666;	background-image: url(/images/diypifa/ico_sj2.gif);background-repeat: no-repeat;background-position: left center; text-indent:15px;}
#Propaihang li{ line-height:150%; padding:5pxx; border-bottom:solid 1px #E3E3E3; margin-top:5px;height:70px; color:#999999;}
#Propaihang li img{ float:left; padding:5px; }

#AboutText{ clear:both; margin-top:5px; border:solid 1px #CCCCCC; padding:8px; line-height:18px;}

.NewProTitle{background-image: url(/images/diypifa/IndexProTitle1.jpg);background-repeat: no-repeat;background-position: left center;line-height:30px;text-indent:40px;color:#FFFFFF;font-weight:bold;font-size:14px;height:30px;clear:both;padding-top:7px;}
.NewProTitle2{background-image: url(/images/diypifa/IndexProTitle2.jpg);background-repeat: no-repeat;background-position: left center;line-height:30px;text-indent:40px;color:#FFFF00;font-weight:bold;font-size:14px;height:30px;clear:both;padding-top:7px;}
.NewProTitle3{background-image: url(/images/diypifa/IndexProTitle3.jpg);background-repeat: no-repeat;background-position: left center;line-height:30px;text-indent:40px;color:#FF0000;font-weight:bold;font-size:14px;height:30px;clear:both;padding-top:7px;}

.topinfo4 { margin-top:2px; border-bottom: solid 1px #eee; border-left:solid 1px #eee; border-right:solid 1px #eee; height:450px;}
.topinfo4 ul{ width:120px;margin:5px 3px auto 15px !important; margin:5px 3px auto 10px ;text-align:center; float:left; height:205px;}
.topinfo4 li{ margin-top:3px; color: #999999;}
.topinfo4 img{ margin-bottom:5px; border: solid 1px #E3E3E3;}
.topinfo4 span{color:#FF6600;}

.topinfo1 {margin-top:2px;border:solid 1px #eee;border-bottom:0px;border-left:solid 1px #eee; border-right:solid 1px #eee;border-top: solid 1px #eee; position:relative;}
.topinfo1 ul{width:120px;margin:5px 3px auto 15px !important; margin:5px 3px auto 10px ;text-align:center; float:left; height:205px;}
.topinfo1 li{ margin-top:3px; color: #999999;}
.topinfo1 img{ margin-bottom:5px; border: solid 1px #E3E3E3;}
.topinfo1 span{color:#FF6600;}

#Flink{ border:solid 1px #CCCCCC; margin-top:5px;}
#Flink .l1{ padding:10px;}
#Flink .l2{ padding:10px; line-height:150%; color:#CCCCCC;}

#EndBox{ line-height:25px; background-color:#E6E6FF; border:solid 1px #F5F5F5; margin-top:10px; text-align:center; }
#EndCopy{ margin-top:10px; text-align:center; line-height:20px;}
#Layer1{ text-align:center; margin-top:10px;}

.Contact{ border:solid 1px #CCCCCC; background-color:#F7F7F7; padding:10px; text-align: left; line-height:150%; margin-bottom:5px;}
.Contact div{ }
.OnlinIco img{ padding:5px;}
.onlTitle{ border-bottom: dashed 1px #CCCCCC; margin-bottom:10px;}

.path{ line-height:25px; border-bottom: dashed 1px #CCCCCC; color:#999999;}
#path{ border-bottom:solid 1px #EFEFEF; line-height:30px; background-color: #F7F7F7; padding-left:5px; color:#999999;}

#categ2{ padding-bottom:30px;}
#categ2 a{white-space: nowrap;width:135px;float:left;display: block;line-height:25px;}
#categ2 span{ color:#999; font-size:10px;}

#tabvi{background-color:#EDF8FC;border:solid 1px #97E6FF;padding:5px;margin-top:10px; display:inline-block ;  width: auto;}
#tabvi span{ margin-left:10px;}
#tabvi img{	vertical-align: middle;}

#MoneyBox{line-height:25px;background-image:url(/images/diypifa/money_bg2.jpg);background-repeat:repeat-x;text-indent:3px;}
#MoneyBox span{ color:#CCCCCC; padding-right:10px;}
#MoneyBox a{ padding-right:5px;}

#pagedata{border-top:dashed 1px #CCCCCC;padding-top:10px;padding-bottom:10px;text-align:center;display: block;width:98%;}
#pagedata span { font-size:14px; font-weight:bold;}
#pagedata span a{ padding:2px 6px 1px 6px; border:solid 1px #CCCCCC; margin:0px 2px 0px 2px; font-size:12px;}
#pagedata span a:hover{ padding:2px 6px 1px 6px; border:solid 1px #CCCCCC; background-color:#FF9900; color:#FFFFFF; font-size:12px;}

#proshowimgleft{ float:left; text-align:center; width:420px;}
#proshowimgleft li.imgborder img{ border:solid 1px #E4E4E4; padding:5px;}

#proshowimgright{margin: auto auto auto 430px; width: auto !important;width:35%; }
#proshowimgright li{ padding:5px 0px 5px 0px; line-height:150%;}
#proshowimgright .text01 li{  border-bottom:dashed 1px #CCCCCC; font-size:12px; width:100%;}
#proshowimgright .text01 span{ font-weight:bold; font-size:16px; color:#FF3300;}
#proshowimgright .beizhu{ color:#666; line-height:150%; border: solid 1px #E1E1E1; background-color:#F7F7F7; padding:5px;}

#ProtextTitle{text-indent:10px;font-size:14px;background-color: #DDDDFF;line-height:25px;color:#0099FF;border-top-width: 4px;border-top-style: solid;border-top-color: #0099FF;}
#Protext{ font-size:14px; padding:10px; line-height:150%; color:#666666;}
#prosimilar{ margin:20px auto 10px auto; border-top:solid 1px #CCCCCC; background-color:#EFEFEF; line-height:20px; padding-left:10px; font-weight:bold; clear:left;}

.xiangguan { margin-top:2px;}
.xiangguan ul{ width:120px; margin:5px 10px auto 10px  !important;margin:5px 8px auto 8px; text-align:center; float:left; height:205px;}
.xiangguan li{ margin-top:3px; color: #999999;}
.xiangguan img{ margin-bottom:5px; border: solid 1px #E3E3E3;}
.xiangguan span{color:#FF6600;}

#fcontent{ border:solid 1px #93E4FF; background-color:#EBF7FC; padding:10px; clear:left;}
#BoxTop{ clear:both; padding:5px; border:solid 1px #CCCCCC;background-color:#F7F7F7; margin-top:10px; height:500px;}
#BoxTop p{margin:0px 0px 5px 0px;text-indent:10px;line-height:25px;font-weight:bold;color:#FFFFFF;background-color:#0099FF;}
.toppro li{float:left;margin-left:5px;width:60px;text-align:center;color:#0066FF;padding-bottom:5px;height:110px;}
.toppro img{ margin-bottom:5px;}
/* 浏览过的产品 start */
#oldsee{ width:100%; border:solid 1px #CCCCCC; margin-top:5px; background-color:#F2f2f2;}
#oldsee .oldseeinfro{ margin:10px;}
#oldsee .oldseetitle{background-color: #999999;color:#FFFFFF;line-height: 150%;font-weight: bold;text-indent: 10px; margin-bottom:10px;}
#oldsee ul{ width:49%; float:left; height:110px;}
#oldsee ul li{ text-align:center;}
/* 浏览过的产品 end */


/* Help start */
#aboutbox{ background-image:url(/images/diypifa/aboutbg.jpg); background-position:left; background-repeat:repeat-y; margin-top:10px; height: auto;}
.helpleft{ width:180px; float:left; background-image:url(/images/diypifa/aboutbg.jpg); background-position:left; background-repeat:repeat-y; } 
.helpright{
	float:left; left:5px;
	width:595px;
	position: relative;
}
.aboutdaohang{ background-color:#F3F3F3; text-indent:10px; margin-top:5px; line-height:150%;} 
.aboutinfo{ padding:10px; line-height:18px;}
.aboutinfo span.data01{margin-top:-30px;display:inline-block;position: relative; color:#999999;}
.aboutmenu{ padding-top:40px; margin:5px;}
.aboutmenu li{ line-height:25px; padding:5px; border-bottom: dashed 1px #CCCCCC; text-align: right; font-size:14px;}
.aboutmenu a:hover{background-image: url(/images/diypifa/ico_sj4.gif); background-position:left; background-repeat:no-repeat; text-indent:10px; display:inline-block;}
.aboutmenu span{ color:#FF3300; font-weight:bold; background-image: url(/images/diypifa/ico_sj4.gif); background-position:left; background-repeat:no-repeat; text-indent:10px; display:inline-block;}

#cnews li{ line-height:25px; border-bottom:dashed 1px #CCCCCC; height:25px; background-image: url(../help/images/ico_dd.gif); background-repeat:no-repeat; background-position:left center; margin-left:20px;}
#cnews li span{ float:right; color:#999999;}
#cnews li a{float: left; padding-left:20px;}

#helpinfo{	padding:20px;	color: #666666;	line-height:150%;}
/* help end */

.MODAL
{
	background-color:#333435;
	filter:alpha(opacity=5);
	opacity:0.05;
}

.NOKIA
{
	font-size: 1px;
}

.NOKIA .LEFT_TOP
{
	width: 150px;
	height: 42px;
	background:url(/images/nokia/LEFT_TOP.gif) no-repeat;
}
.NOKIA .TOP
{
	height: 42px;
	background: url(/images/nokia/TOP.gif) repeat-x;
}
.NOKIA .RIGHT_TOP
{
	width: 37px;
	height: 42px;
	background: url(/images/nokia/RIGHT_TOP.gif) no-repeat;
}
.NOKIA .RIGHT
{
	width: 12px;
	background: url(/images/nokia/RIGHT.gif) repeat-y;
}
.NOKIA .RIGHT_BOTTOM
{
	width: 12px;
	height: 12px;
	background: url(/images/nokia/RIGHT_BOTTOM.gif) no-repeat;
}
.NOKIA .RIGHT_BOTTOM_BY_BUTTON
{
	width: 12px;
	height: 53px;
	background: url(/images/nokia/RIGHT_BOTTOM_BY_BUTTON.gif) no-repeat;
}
.NOKIA .BOTTOM
{
	height: 12px;
	background: url(/images/nokia/BOTTOM.gif) repeat-x;
}
.NOKIA .BOTTOM_BY_BUTTON
{
	height: 53px;
	background: url(/images/nokia/BOTTOM_BY_BUTTON.gif) repeat-x;
}
.NOKIA .LEFT_BOTTOM
{
	width: 12px;
	height: 12px;
	background: url(/images/nokia/LEFT_BOTTOM.gif) no-repeat;
}
.NOKIA .LEFT_BOTTOM_BY_BUTTON
{
	width: 12px;
	height: 53px;
	background: url(/images/nokia/LEFT_BOTTOM_BY_BUTTON.gif) no-repeat;
}
.NOKIA .LEFT
{
	width: 12px;
	background: url(/images/nokia/LEFT.gif) repeat-y;
}

.NOKIA .RESIZE
{
	width: 12px;
	height: 12px;
	right: 0px;
	bottom: 0px;
}
.NOKIA .CLOSE
{
	width: 19px;
	height: 18px;
	right: 9px;
	top: 6px;
	cursor:default;
}

.NOKIA .CONTENT
{
	left: 0px;
	top: 0px;
	background-color:#ffffff;
}
.NOKIA .CONTENT .FORM
{
	font-size: 14px;
	margin: 0px;
	padding: 12px;
}
.NOKIA .TITLE
{
	padding:8px 30px 0px 12px;
	font-size:14px;
	font-weight:bold;
	text-align: left;
	color: #ffffff;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}
.NOKIA .BUTTON
{
	padding: 0px 30px 5px 0px;
	text-align:right;
}
.NOKIA .BUTTON button
{
	width:59px;
	height:43px;
	border:0px;
	padding:0px;
	background-repeat:no-repeat;
}
.NOKIA .BUTTON .DISABLED
{
	filter:alpha(opacity=36);
	opacity:0.36;
}
.NOKIA .BUTTON .DISABLED2
{
	display: none;
}

.NOKIA .BUTTON .BACK
{
	background-image:url(/images/nokia/BACK.gif);
}
.NOKIA .BUTTON .NEXT
{
	background-image:url(/images/nokia/NEXT.gif);
}
.NOKIA .BUTTON .OK
{
	background-image:url(/images/nokia/OK.gif);
}
.NOKIA .BUTTON .CANCEL
{
	background-image:url(/images/nokia/CANCEL.gif);
}
.NOKIA .BUTTON .HELP
{
	position:absolute;
	left:30px;
	top: 0px;
	background-image:url(/images/nokia/HELP.gif);
}