body {
	padding:0;
	margin:0;
	background-image:url('img/bg pat 0120x20.png');
	width:100%;	height:100%;
}
img {
	border:0px black solid;
}
#maindiv {
	position:absolute;
	border:0px red solid;
	margin:0px;
	width:100%;	min-width:320px;	height:100%;
	z-index:2;
}
div.mainbtn {
	padding:0px;	margin:8px;
	width:85px;	height:88px;
	border:0px red solid;
}
#mainbtn1 {
	float:left;
	background-image:url('img/m lam btn nor.png');
}
#mainbtn2 {
	float:left;
	background-image:url('img/m gas btn nor.png');
}
#mainbtn3 {
	float:left;
	clear:right;
	background-image:url('img/m hea btn nor.png');
}
#mainbtn4 {
	float:left;
	background-image:url('img/m air btn nor.png');
}
#mainbtn5 {
	float:left;
	background-image:url('img/m cur btn nor.png');
}
#mainbtn6 {
	float:left;
	background-image:url('img/m ven btn nor.png');
}
div.mainbottomdiv {
	position:absolute;
	width:100%;	height:10%;	min-height:32px;
	border:0px red solid;
	bottom:0px;
}
div.mainbtnb {
	position:relative;
	float:left;
	padding:0px;	margin:0px;
	width:32px;	height:32px;
}
#mainbtnlan {
	background-image:url('img/m lan btn nor.png');
}
#mainbtnset {
	background-image:url('img/m set btn nor.png');
}

#subdiv {
	position:relative;
	float:none;
	background-image:url('img/sub menu text bg.png');
	border:0px black solid;
	width:100%;	height:71px;
}
div.subdivc {
	position:relative;
	padding:0px;	margin:0px;
	width:60%;	min-width:320px;	height:100%;
	border:0px yellow solid;
}
div.subbtn {
	position:relative;
	float:left;
	width:62px;	height:48px;
	border:0px blue solid;
}
div.subtabline {
	position:relative;
	float:left;
	width:2px;	height:48px;
	border:0px blue solid;
	background-image:url('img/sub top tab line.png');
}
#subbtn1 {
	background-image:url('img/sub lam btn nor.png');
}
#subbtn2 {
	background-image:url('img/sub gas btn nor.png');
}
#subbtn3 {
	background-image:url('img/sub hea btn nor.png');
}
#subbtn4 {
	background-image:url('img/sub air btn nor.png');
}
#subbtn5 {
	background-image:url('img/sub cur btn nor.png');
}
#subbtn6 {
	background-image:url('img/sub ven btn nor.png');
}
div.subtxt {
	position:relative;
	float:left;
	width:62px;	height:23px;
	border:0px blue solid;
}
#roomdiv {
	position:relative;
	background:#ECEFF5;
	border:0px red solid;
	width:100%;
}
div.roomdivc {
	position:relative;
	width:58%;	min-width:310px;	height:100%;
	border:0px silver solid;
}
div.roompagediv {
	position:relative;
	width:100%;	height:29px;
	border:0px blue solid;
}
div.roomdivcc {
	position:relative;
	width:100%;	height:29px;
	border:0px red solid;
}

div.hmargin {
	position:relative;
	background:#ECEFF5;
	border:0px red solid;
	width:100%;	height:5px;
}

div.roombtn {
	position:relative;
	float:left;
	width:76px;	height:29px;
	border:0px blue solid;
}
#roomL1 {
	background-image:url('img/L1 nor.png');
}
#roomI1 {
	background-image:url('img/I1 nor.png');
}
#roomK1 {
	background-image:url('img/K1 nor.png');
}
#roomR1 {
	background-image:url('img/R1 nor.png');
}
#roomR2 {
	background-image:url('img/R2 nor.png');
}
#roomR3 {
	background-image:url('img/R3 nor.png');
}
#roomR4 {
	background-image:url('img/R4 nor.png');
}

#controldiv {
	position:relative;
	border:0px red solid;
	width:100%;	height:100%;	min-height:200px;
}

#controldivinner {
	position:relative;
	background-image:url('img/sub control box bg.png');
	border:0px red solid;
	width:100%;	height:100%;	min-height:200px;
}
#controldivgas {
	position:relative;
	background-image:url('img/gas bg.png');
	border:0px red solid;
	width:217px;	height:356px;
}

#bottomdiv {
	position:relative;
	border:0px blue solid;
	border-top:1px gray solid;
	border-bottom:1px gray solid;
	background-image:url('img/down bg.png');
	width:100%;	height:28px;
}

div.bottombtn {
	position:relative;
	float:left;
	border:0px blue solid;
	width:55px;	height:27px;
}
div.bottomline {
	position:relative;
	float:left;
	background-image:url('img/down tab line.png');
	width:2px;	height:27px;
}
div.imgpre {
	position:absolute;
	border:1px red solid;
	width:100px;	height:100px;
	visibility:hidden;
	z-index:1;
}
div.lam {
	position:relative;
	float:left;
	padding:0px;	margin:7px;
	width:45px;	height:52px;
	background-image:url('img/lam btn nor.png');
	border:0px blue solid;
}
div.gas {
	position:relative;
	width:179px;	height:178px;
	top:125px;	left:0px;
	background-image:url('img/gas btn nor.png');
	border:0px blue solid;
}
div.cur {
	position:relative;
	float:left;
	padding:0px;	margin:7px;
	width:45px;	height:52px;
	background-image:url('img/cur btn nor.png');
	border:0px blue solid;
}
div.allbox {
	position:absolute;
	width:100%;	height:40px;
	left:0px;	bottom:0px;
	border:0px red solid;
}
div.alll {
	position:relative;
	float:left;
	width:109px;	height:23px;
}
div.allc {
	position:relative;
	float:left;
	width:73px;	height:23px;
}
div.padding5 {
	position:relative;
	border:1px blue solid;
	padding-top:5px;
	padding-left:5px;
}
div.powerbtn {
	position:relative;
	float:left;
	background-image:url('img/power off.png');
	width:50px;	height:102px;
}
div.poweron {
	position:relative;
	float:left;
	background-image:url('img/power on.png');
	width:50px;	height:102px;
}
div.vsep {
	position:relative;
	float:left;
	width:3px;	height:102px;
}
div.tempbox {
	position:relative;
	float:left;
	background-image:url('img/temp bg.png');
	width:224px;	height:102px;
}
#temper {
	position:absolute;
	border:0px red solid;
	width:29px;	height:49px;
	top:36px;
}
div.temp1 { left:21px; }
div.temp2 { left:50px; }
div.temp3 { left:131px; }
div.temp4 { left:160px; }
div.tempbtn {
	position:relative;
	float:left;
	width:20px;	height:102px;
}
#ventspd {
	position:absolute;
	border:0px red solid;
	width:46px;	height:46px;
	top:30px;
}
div.ventspd1 {
	background-image:url('img/ven1 nor.png');
	left:70px;
}
div.ventspd2 {
	background-image:url('img/ven2 nor.png');
	left:125px;
}
div.ventspd3 {
	background-image:url('img/ven3 nor.png');
	left:180px;
}
div.upbtn {
	position:relative;
	float:left;
	background-image:url('img/temp up nor.png');
	width:20px;	height:51px;
}
div.downbtn {
	position:relative;
	float:left;
	background-image:url('img/temp down nor.png');
	width:20px;	height:51px;
}
div.abson {
	position:relative;
	float:left;
	background-image:url('img/abs on nor.png');
	width:148px;	height:29px;
}
div.absoff {
	position:relative;
	float:left;
	background-image:url('img/abs off nor.png');
	width:148px;	height:29px;
}
div.windspdbox {
	position:relative;
	float:left;
	background-image:url('img/vent bg.png');
	width:245px;	height:102px;
}
#allon {
	background-image:url('img/lam all on nor.png');
}
#alloff {
	background-image:url('img/lam all off nor.png');
}
#allopen {
	background-image:url('img/open nor.png');
}
#allclose {
	background-image:url('img/close nor.png');
}
img.pre {
	width:2px;	height:2px;
}

div.logindiv {
	width:243px;	height:125px;
	background-image:url('img/login bg.png');
}
div.logintitle {
	position:relative;
	width:92px;	height:17px;
	left:20px;
	border:0px red solid;
	background-image:url('img/login tite1.png');
}
div.loginid {
	position:relative;
	width:92px;	height:17px;
	left:80px;	top:22px;
	border:0px red solid;
}
div.loginpass {
	position:relative;
	width:92px;	height:17px;
	left:80px;	top:25px;
	border:0px red solid;
}
div.loginbtn {
	position:relative;
	width:45px;	height:40px;
	left:182px;	top:-12px;
	background-image:url('img/login btn nor.png');
	border:0px red solid;
}
input.logininput {
	text-size:7px;
	width:92px;	height:16px;
}
