/*---- Eric's css reset Begin ----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*-- Eric's css reset End --*/

/*--  --*/
body { font: 12px Arial, Helvetica, sans-serif;}
.clear {  clear: both; height: 0px; line-height: 0; margin: 0; padding: 0; font-size: 0px; overflow: hidden;}
.h_t_left { text-align: left;}
.h_t_center { text-align: center;}
.h_t_right { text-align: right;}
.h_left { float: left;}
.h_right { float: right;}
.hidden { display: none;}
.green { color: #579e1b;}
.red { color: #f00;}
.white { color: #fff;}
.pintent { text-indent: 12px;}
/*--  --*/

/*-- ºÐ×ÓBegin --*/
#hv_warp { width: 950px; margin: 0 auto;}
#hl_header { height: 119px; background: url(../../image/diy/hl_login.jpg) no-repeat;}
#hl_con { margin-top: 15px;}
/*-- ºÐ×ÓEnd --*/

/*--- ×ó±ßBegin --*/
#hl_left { float: left; width: 547px;}
#hl_setup { height: 27px; margin-top: 15px; background: url(../../image/diy/hl_setup.gif) no-repeat;}
.setup_num { font: bold 22px Arial, Helvetica, sans-serif;}
#hl_setup li { float: left; width: 90px; margin-right: 55px; color: #fff; font-size: 14px; text-align: right;}
#hl_qy { margin-top: 15px;}
#hl_qy_con { height: 159px; margin-top: 10px; padding-left: 15px;border: 1px dashed #ccc; background-color: #fffcec; font-size: 14px;}
#hl_qy_con li { margin: 20px 0; padding-left: 15px; background: url(../../image/diy/hl_qy_li.gif) left 0 no-repeat;}
/*--- ×ó±ßEnd --*/

/*--- ÓÒ±ßBegin --*/
#hl_right { float: right; width: 390px;}
#hl_reg { height: 142px; padding: 20px 40px; background: url(../../image/diy/hl_reg_bg.gif) repeat-x;}
#hl_login { height: 178px; padding: 30px 40px; background: url(../../image/diy/hl_login_bg.gif) repeat-x;}
.hl_login_input { width: 208px; height: 28px; margin-bottom: 15px; vertical-align: middle; line-height: 28px; font-size: 18px;}
#hl_login_btn { width: 98px; height: 30px; margin-right: 22px; background: url(../../image/diy/hl_login.gif) no-repeat; border: none; color: #fff; font-size: 14px; vertical-align: bottom; cursor: pointer;}
#hl_login a { color: #666; text-decoration: none;}
#hl_login a:hover { color: #569d1c;}
/*--- ÓÒ±ßEnd --*/

/*--- É̼ÒBegin --*/
#hl_pro { height: 112px; margin-top: 15px; padding-left: 40px; background: #f6f9ef url(../../image/diy/hl_pro_bg.gif) left center no-repeat; border: 1px solid #c2d699;}
#hl_pro img { margin: 10px;}
/*--- É̼ÒEnd --*/

#hv_bottom { height: 109px; margin-top: 10px; background: url(../../image/diy/hv_bottom_bg.gif) no-repeat;}