*{padding: 0px; margin: 0px;font-size: 12px}
body{background: #ccc}
input.button{
	width: 60px;
	cursor: pointer;
}
#info{
	width: 540px;
	height: 30px;
	margin: 30px auto 5px;
	line-height: 30px;
}
#score{
	width: 73px;
	height: 28px;
	padding-left: 64px;
	background: url(./images/score.png) no-repeat;
	float: left;
	font-size: 14px;
	font-weight: 700;
	font-style:italic;
	font-family: '微软雅黑';
}
#form{
	float: right;
}
#form input{
	vertical-align: middle;
	margin-right: 5px;
}
#main{
	width: 540px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	/*background: #71a000*/

}
#main div{
	width: 20px;
	height: 20px;
	position: absolute;
}
#main #home{
	width: 500px;
	height: 460px;
	left: 20px;
	top: 20px;
	position: relative;
	background: green;
}
#main #home p{
	border: 1px solid red;
	position: absolute;
	width: 160px;
	height: 200px; 
}
#main #home #t{
	top:0;
	left:167px;
}
#main #home #b{
	bottom:0;
	left:167px;
}
#main #home #l{
	left:0;
	top:130px;
}
#main #home #r{
	right:0;
	top:130px;
}
#main #home div{
	position: absolute;
}
#main div.wall{
	width: 540px;
	height: 20px;
	background: url("./images/div.jpg") repeat-x;
	position: absolute;
}
#main div.top{
	left:0px;
	top:0px;
}

#main div.bottom{
	left:0px;
	top:480px;
}
#main div.left{
	width: 20px;
	height: 500px;
	background: url(./images/div.jpg) repeat-y;
	left:0px;
	top:0px;
}
#main div.right{
	width: 20px;
	height: 500px;
	background: url(./images/div.jpg) repeat-y;
	left:520px;
	top:0px;
}

.l{
	-moz-transform:rotate(0deg);     
	-o-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	/* IE8+ - must be on one line, unfortunately */    
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";      
	/* IE6 and 7 */   
	filter: progid:DXImageTransform.Microsoft.Matrix(            M11=1,            M12=0,            M21=0,            M22=1,            SizingMethod='auto expand');
}
.t{
	-moz-transform:    rotate(90deg);     -o-transform:      rotate(90deg);     -webkit-transform: rotate(90deg);     transform:         rotate(90deg);
	/* IE8+ - must be on one line, unfortunately */    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16, M12=-1, M21=1, M22=-1.8369701987210297e-16, SizingMethod='auto expand')";      /* IE6 and 7 */    filter: progid:DXImageTransform.Microsoft.Matrix(            M11=-1.8369701987210297e-16,            M12=-1,            M21=1,            M22=-1.8369701987210297e-16,            SizingMethod='auto expand');

}
.r{
	-moz-transform:    rotate(180deg);     -o-transform:      rotate(180deg);     -webkit-transform: rotate(180deg);     transform:         rotate(180deg);
	 /* IE8+ - must be on one line, unfortunately */    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";      /* IE6 and 7 */    filter: progid:DXImageTransform.Microsoft.Matrix(            M11=-1,            M12=1.2246467991473532e-16,            M21=-1.2246467991473532e-16,            M22=-1,            SizingMethod='auto expand');

}
.b{
	-moz-transform:    rotate(270deg);     -o-transform:      rotate(270deg);     -webkit-transform: rotate(270deg);     transform:         rotate(270deg);
	/* IE8+ - must be on one line, unfortunately */    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=6.123233995736766e-17, M12=1, M21=-1, M22=6.123233995736766e-17, SizingMethod='auto expand')";      /* IE6 and 7 */    filter: progid:DXImageTransform.Microsoft.Matrix(            M11=6.123233995736766e-17,            M12=1,            M21=-1,            M22=6.123233995736766e-17,            SizingMethod='auto expand');
	
}