div仿checkbox表单样式美化及功能（checkbox的样式不好看）素材在底部：
效果图： 
window.css
.bj {
position: absolute;
top: 0;
left: 0;
bottom: 1px;
width: 100 % ;
height: 980px;
z – index: 9;
background – color: #000;
filter: alpha(opacity = 50); – moz – opacity: 0.5; – khtml – opacity: 0.5;
opacity: 0.5;
}
.window {
position: absolute;
top: 106px;
left: 33 % ;
width: 466px;
background – color: #fff;
color: #000;
border – bottom: 1px solid#dbdcdd;
padding – bottom: 8px;
overflow: hidden;
z – index: 10;
}.window.top {
width: 416px;
padding: 0px 25px 0 25px;
height: 48px;
line – height: 48px;
font – size: 18px;
background – color: #ececec;
border – bottom: 1px solid#d8d8d8;
overflow: hidden;
}.window.top.close {
float: right;
margin – top: 14px;
}.window.top span {
padding: 0 6px;
}
.window.add {
width: 394px;
margin: 0 auto;
padding – top: 10px;
font – size: 15px;
color: #686868;
overflow: hidden;
}.window.add dd,
.window.add dt {
width: 100 % ;
padding – bottom: 8px;
line – height: 38px;
overflow: hidden;
}.window.add span {
float: left;
width: 69px;
overflow: hidden;
}.window.add dd input {
width: 314px;
height: 36px;
line – height: 36px;
border: 1px solid#c9c5c1;
background – color: #f2f2f2;
font – family: “微软雅黑”,
“宋体”;
font – size: 15px;
color: #686868;
}.window.add dt input {
vertical – align: middle;
margin – right: 10px;
}.window.add dt label {
margin – right: 10px;
margin – left: 20px;
}.window.add dt label.perlabel {
margin – left: 0px;
}.window.add dd input.two {
width: 192px;
height: 33px;
line – height: 33px;
border: none;
background: url(‘../images/input09.gif’) no – repeat;
margin – right: 13px;
}.window.add dd a {
margin – left: 10px;
font – size: 16px;
}.window.add dt.button {
text – align: center;
padding – top: 8px;
}.window.add dt.button input {
width: 103px;
height: 41px;
line – height: 39px;
text – align: center;
border: none;
background: url(‘../images/input06.gif’) no – repeat;
margin: 0 5px;
font – family: “微软雅黑”,
“宋体”;
font – size: 15px;
color: #686868;
}.window.post {
