@charset "utf-8";
/* CSS Document */
#list{
	float:left;
	width:270px;
}
#course{
	background:url(../images/lang153.jpg);
}
#course .th{
	height:40px;
}
#course .spread{
	margin-top:15px;
	margin-bottom:20px;
	margin-left:30px;
	font-size:14px;
	font-weight:bold;
	width:220px;
}
#course .spread div.selected{
	background:url(../images/Langlang_44.jpg) left top no-repeat;
}
#course .spread span{
	display:block;
	margin-left:35px;
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom:1px dashed #CCC;
}
#course .sub{
	margin-left:35px;
	padding-left:30px;
	font-size:12px;
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom:1px dashed #CCC;
}
#course .sub div{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #CCC;
}
#course .sub span{
	display:inline;
	margin:0px;
	padding-right:30px;
	border:none;
}
#course .sub a:link,#course .sub a:visited{
	font-weight:normal;
	text-decoration:none;
}
#course .sub a:hover{
	color:#4684E7;
	text-decoration:underline;
}
#course .sub a.selected:link,#course .sub a.selected:visited{
	font-weight:bold;
}
#course .tf{
	height:8px;
	background:url(../images/lang154.jpg) bottom no-repeat;
}
#course a:link,#course a:visited{
	color:#333;
	text-decoration:none;
}
#course a:hover{
	color:#CCC;
	text-decoration:underline;
}
#volume{
	margin-top:10px;
	background:url(../images/lang153.jpg) repeat-y;
}
#volume .vtop{
	height:40px;
	background:url(../images/lang145.jpg);
}
#volume .vtop div{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	margin-left:15px;
}
#volume .vtop span{
	font-size:24px;
}
#volume ul{
	list-style:none;
}
#volume .unit{
	width:270px;
	font-size:14px;
	background:url(../images/lang152.jpg) repeat-y;
}
#volume .cell{
	margin-right:2px;
}
.unit .tt{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	line-height:18px;
	border-bottom:1px solid #FFF;
	background:url(../images/lang152.jpg) repeat-y;
}
div.lt{
	float:left;
	font-weight:bold;
}
div.lcon{
	float:left;
	width:175px;
}
.ti div.lcon{
	width:170px;
	font-weight:bold;
}
.unit .tt a:link,.unit .tt a:visited{
	color:#333;
	text-decoration:none;
}
.unit .selected .tt a:link,.unit .selected .tt a:visited{
	color:#FFF;
}
.unit .tt a:hover{
	color:#666;
}
.unit .selected .tt a:hover{
	color:#FFF;
}
.unit .selected{
	height:100%;
	margin-left:1px;
	margin-right:3px;
	border-bottom:6px solid #229ED1;
	background:url(../images/lang153.jpg) repeat-y;
}
.unit .selected .tt{
	color:#FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	padding:0px 5px 23px 15px;
	background:#229ED2 url(../images/lang146.jpg) left bottom no-repeat;
}
.unit .selected .lt,.unit .selected .lcon{
	margin-top:10px;
}
.lesson{
	margin-left:15px;
}
.lesson .ti{
	line-height:18px
}
.lesson .ti a:link,.lesson .ti a:visited{
	color:#333;
	text-decoration:none;
}
.lesson .ti a:hover{
	color:#666;
}
.lesson .book{
	margin-top:20px;
	margin-left:55px;
	margin-bottom:30px;
}
.lesson .action{
	margin-left:55px;
	margin-bottom:30px;
}
.lesson .exercise{
	margin-left:55px;
	margin-bottom:30px;
}
.lesson .homework{
	margin-left:55px;
	margin-bottom:10px;
}
.class{
	margin-right:15px;
	padding-bottom:8px;
	border-bottom:1px solid #E8E8E8;
}
#samp .tt{
	background:url(../images/Langlang_91a.png) 200px no-repeat;
}
.lesson #samp{
	background:url(../images/Langlang_91a.png) 180px center no-repeat;
}
#sample{
	background:url(../images/Langlang_91.png) right 5px no-repeat;
}
.class img{
	vertical-align:middle;
}
.class .hd{
	font-weight:bold;
	color:#333;
	padding-bottom:5px;
}
.lesson li{
	padding:4px;
	border-bottom:1px dashed #D3D2D1;
	margin-right:10px;
}
.lesson li a:link,.lesson li a:visited{
	color:#333;
	text-decoration:none;
}
.lesson li a:hover{
	text-decoration:underline;
}
.ut{
	padding:10px 0px;
}
.ut a:link,.ut a:visited{
	color:#000;
	text-decoration:none;
}
.ut a:hover{
	text-decoration:underline;
}
#volume .vbottom{
	height:8px;
	margin-top:10px;
	background:url(../images/lang154.jpg) bottom no-repeat;
}
#display{
	float:left;
	width:697px;
	margin-left:7px;
	background:url(../images/lang157.jpg) repeat-y;
}
#th{
	height:8px;
	background:url(../images/lang155.jpg) no-repeat;
}
#tf{
	height:9px;
	background:url(../images/lang156.jpg) bottom no-repeat;
}