#bg4 {
	background: url(../classroom/img/ecatdemo/bg3.gif) repeat-y;
	margin: 0px auto;
	width: 742px;
	height: auto;
	text-align: center;	padding: 0px 14px 20px;
	
}
#contentsFoot2 {
	background: url(../classroom/img/ecatdemo/foot.jpg);
	height: 15px;	width: 770px;
	margin-right: auto;
	margin-left: auto;
}
#bg4 h3{
padding:40px 0 20px 0;
}
#bg4 h4{
padding:10px 0;
}
.left{
width:450px;
text-align:left;
margin:0 auto;
padding:20px 0 0 0;
}
 /* ========== li ========== */
.left ul{
list-style:none;
}
.left ul li{
background: url(../classroom/img/ecatdemo/ecatdemo-li.gif) left top no-repeat;
padding:0 0 0 20px;
}

#bg4.bt{
margin:15px 0;
}

 /* ========== bt ========== */
#bt{
margin:0 auto;
width:140px;
height:140px;
clear:both;

}
#bt ul{
list-style:none;
margin:0;
padding:0;
}
#bt li{
margin:0;
padding:0;
float:left;
}
#bt li a{
	float:left;
	margin:0;
	padding:140px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:140px; /* IE5/Win*/
	outline:none;
	/*\*/overflow: hidden;/**/
}

#bt li a{
width:140px;
background:url(../classroom/img/ecatdemo/ecatdemo-bt.gif)  left top;
}

#bt li a:hover,#bt li a.selcted{
	background-position:0 -140px;
}
#bt li a:active{
	background-position:0 0px;
}

 /* ========== check ========== */
#check{
margin:0 auto;
width:89px;
height:89px;
clear:both;

}
#check ul{
list-style:none;
margin:0;
padding:0;
}
#check li{
margin:0;
padding:0;
float:left;
}
#check li a{
	float:left;
	margin:0;
	padding:89px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height /**/:140px; /* IE5/Win*/
	outline:none;
	/*\*/overflow: hidden;/**/
}

#check li a{
width:89px;
background:url(../classroom/img/ecatdemo/ecatdemo-btcheck.gif)  left top;
}

#check li a:hover,#bt li a.selcted{
	background-position:0 -89px;
}
#check li a:active{
	background-position:0 0px;
}