body{
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background:#F9F9F9;
}
*{
	margin:0;
	padding:0;
}
img{
	border:none;
}
a:link,a:visited{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#ff0008;
}
.container{ 
	background:#F9F9F9;
	overflow:hidden;width:960px;  
	padding:0; 
	margin-right: auto; 
	margin-left: auto;
	margin-top:0px; 
}
.topbanner { 
	text-align:right;
	margin: 0px auto; 
}
.header {
	text-align:right;
	MARGIN: 0px auto; 
	WIDTH: 960px;
	background:url(http://17diyba.cn/image/header.gif);
	height:80px;
	BORDER-bottom: #FAA4B3 2px solid; 
}
.content{
	float:left; 
	width:960px; 
	margin-bottom:0px;
	BORDER-bottom: #b6dff5 1px solid; 
	text-align:left;
	line-height:25px;
}

.index-content{
	float:left; 
	width:960px; 
	margin-bottom:0px;
	text-align:left;
	line-height:25px;
	border:1px #BDCAD8 solid;
	margin-top:10px;
	background:#EFECF9
}
.index-content1{
	float:left; 
	width:698px;
	background-color:#EFECF9;
	overflow-x:hidden;
}
.index-content2{
	margin-left:10px;
	float:left; 
	width:220px;
	background-color:#EFECF9;
	overflow-x:hidden;
}

.bottom{ 
	width:960px;
	text-align:center;
	line-height:23px;
	font-size:13px;
	color:#00007F;
	margin-top:0px;
	margin-bottom:30px;
}

.diy-content1{
	float:left; 
	width:650px;
	background-color:#F9F9F9;
	overflow-x:hidden;
}
.diy-content2{
	margin-left:10px;
	float:left; 
	width:300px;
	background-color:#F9F9F9;
	overflow-x:hidden;
}

.textinput{ border:1px solid #7F9DB9; height:19px; line-height:19px; font-size:12px; color:#666;}

.btn {
 BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}
.btn1_mouseout {
 BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
} 
.btn1_mouseover {
 BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
} 
.btn2 {padding: 2 4 0 4;font-size:12px;height:23;background-color:#ece9d8;border-width:1;}
.btn3_mouseout {
 BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
} 
.btn3_mouseover {
 BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
}
.btn3_mousedown
{
 BORDER-RIGHT: #FFE400 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFE400 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #FFE400 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #FFE400 1px solid
} 
.btn3_mouseup {
 BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid
} 
.btn_2k3 {
 BORDER-RIGHT: #002D96 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002D96 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); BORDER-LEFT: #002D96 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #002D96 1px solid
}
.tagarticle-content1{
	float:left; 
	width:700px;
	background-color:#F9F9F9;
	overflow-x:hidden;
}
.tagarticle-content2{
	margin-left:14px;
	float:left; 
	width:240px;
	background-color:#F9F9F9;
	overflow-x:hidden;
}

.article-content1{
	float:left; 
	width:680px;
	background-color:#F9F9F9;
	overflow-x:hidden;
}
.article-content2{
	margin-left:10px;
	float:left; 
	width:250px;
	background-color:#F9F9F9;
	overflow-x:hidden;
}

#articleContentDiv{
	line-height:30px;
}
#articleContentDiv p{
	text-indent:30px;
}


.diyer-content1{
	text-align:left;
	line-height:23px;
	float:left; 
	width:300px;
	background-color:#F9F9F9;
	overflow-x:hidden;
}
.diyer-content2{
	text-align:left;
	line-height:23px;
	margin-left:20px;
	float:left; 
	width:640px;
	background-color:#F9F9F9;
	overflow-x:hidden;
}
/* ------------- Ä£¿é box ----------------- */
.box {
	margin:10px 0px 10px 0px;
	background-color:#f9f9f9;border:1px solid #bdcad8;
}

.box .box_top {
	height:24px;
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;clear:both;padding:3px;
	background-color:#e7f1f9;
    border-bottom:1px  solid  #bdcad8;
}
.box .box_main {
	padding:3px;
	clear: both;
}

.box .box_foot {
	background-image: url();
	background-repeat: no-repeat;
	background-position: left bottom;
	height:0px;
}

.box .box_top .box_top_left {padding-top:3px;padding-left:10px;overflow:hidden;display:inline;
	font-family: "ËÎÌå"; float:left;
	font-weight: Bold;
	font-size: 14px;
	color:#004499;
}



/*drag DIV*/
.area{ border:1px solid #DEE9EE;}
.ulform li{ display:block; padding:0 0 5px; overflow:hidden;zoom:1;}
.ulform li p{ float:left;}
.dragDiv {
      border-top:1px solid #000000;
      border-left:1px solid #000000;
      border-right:1px inset #000000;
      border-bottom:1px inset #000000;
      background-color:#FFFFFF;
}
.title{ padding:0 15px; height:31px; line-height:31px; border-bottom:1px solid #DEE9EE; color:#2C7190; background:url(http://17diyba.cn/image/title_bg.gif) repeat-x 0 -40px;}
.title h4{ float:left; font-size:12px;}
.title h4 span{ padding-left:10px; font-weight:normal;}
.title p{ float:right;}
.title p button{ margin-left:10px; _margin-top:5px;}
.title h5{ float:left; padding-left:15px; font-size:14px; background:url(http://17diyba.cn/image/icon_btn.gif) no-repeat 0 -228px;}
.cont{ padding:15px; background:#FBFDFE;float:left;text-align:left;}
.cont td{font-size:12px}
.aclose{ display:block; margin-top:5px; width:19px; height:20px; overflow:hidden; text-indent:-9999em; background:url(http://17diyba.cn/image/icon.gif) no-repeat 0 0;}
/*drag DIV*/

table { border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td {border-collapse:collapse;}
.table{ width:100%; border:0; text-align:center; margin-bottom:20px;}
.table th{border:1px solid #DEE9EE; height:20px; color:#fff; font-weight:normal; background:url(../img/title_bg.gif) repeat-x 0 -120px;}
.table td{ border:1px solid #DEE9EE;}
.table .bgtr td{ background:#ECF7FD; color:#2C7190;}
.table .bgtr_2 td{ background:#F7FCFF;}
.table .bgtr_3 td{ background:#DFF2FF; color:#2C7190;}
.table .t1{ width:120px;}
.table .t2{ width:46px;}
.table .t3{ width:110px;}
.table .tnum{ width:25px;}
.table .nb{ color:#fff; font-weight:bold;}
.table-2 th{ height:31px; line-height:31px; font-weight:bold; color:#2C7190; background:url(../img/title_bg.gif) repeat-x 0 -40px;}
.table-2 td{ line-height:25px;}
.table-2 .tleft{ text-align:left; padding-left:10px;}
.table-2 .tright{ text-align:right; padding-right:10px;}
.table-2 .zt a{ padding:0 5px;}
.table-2 .zt a.green{ font-weight:bold;}
.table-3{  background:url(../img/title_bg.gif) repeat-x 0 -150px;}
.table-3 th{ font-weight:bold; line-height:29px; color:#2C7190; background-image:none}


.tabOn{
	font-size:14px;text-align:center;font-weight:bold;background:#EFECF9;border-top:1px solid #3366CC;border-left:1px solid #3366CC;border-right:1px solid #3366CC;
}
.tabOff{
	font-size:14px;text-align:center;color:#0000CC;border-bottom:1px solid #3366CC;
}
.tabLink{
	font-size:14px;font-size:13px;font-family:arial;color:#0000CC;text-decoration:none;
}

.cartoonlink a:hover{text-decoration:underline}
.cartoonlink a:visited{color:#83006F}

.friendlink a,.friendlink a:visited{text-decoration:underline;color:blue}

.tbox{width:315px;border-bottom:1px solid #BFD4E0;overflow:hidden;float:left;}
.tbox dt{height:25px;background:url(http://17diyba.cn/image/mbox-tbg.png) right top no-repeat;overflow:hidden;clear:both;}
.tbox dt strong{height:25px;line-height:25px;padding-left:10px;padding-right:4px;display:block;float:left;color:#222;background:url(http://17diyba.cn/image/mbox-tbg.png) left top no-repeat;letter-spacing:1px;}
.tbox dt strong a{color:#222;}
.tbox dt strong a:hover{color:#444;text-decoration:none;}
.tbox dt span.more{float:right;position:relative;line-height:25px;padding-right:8px;color:#777;}
.tbox dt span.more a{color:#777;text-decoration:none;}
.tbox dt span.more a:hover{color:#333;}
.tbox dd{border-left:1px solid #BFD4E0;border-right:1px solid #BFD4E0;overflow:hidden;padding:4px 4px 0;text-align:left;line-height:25px}
.tbox dd .grayfonts{font-size:13px;color:#999;float:right;padding-right:10px;margin-left:10px;line-height:20px;text-align:left;text-indent:22px;margin-top:5px}
.tbox dd .grayfonts a{overflow:hidden;}
.tbox dd ul{margin:3px 0px;list-style:none}
.tbox dd li{margin:3px 0px;text-align:left}
.tbox dd .date{font-size:13px;color:#999;}

.novel_content {margin-left:5px;margin-right:5px;font-size:14px;height:15px;border-bottom:1px dashed #A095C4;padding:12px auto;}
.novel_content .novel_title{width:500px;float:left;height:10px;}
.novel_content .novel_author{width:200px;float:left;}
.novel_content .novel_status{width:100px;float:left;}
.novel_content .novel_read{float:right;}

a.nomarlA{color:blue;text-decoration:underline;}
a.nomarlA:visited {color:#810081;text-decoration:underline;}