/* ===== 在线课程 ====== */

.main{
	background:url(../images/MainLeft_bg.gif) left repeat-y;
}

.MainLeft{
	width:200px;
	float:left;
	margin-right:10px;
}

.MainRight{
	width:778px;
	min-height:500px;
	_height:500px;
	float:right;
	border:1px #63c6ff solid;
}



/*用户登录&用用户信息*/

.login{
	width:198px;
	height:188px;
	border:1px #64c6ff solid;
	color:#0075c7;
}
.login_tit{
	height:60px;
	background:url(../images/login_titRuc.gif) no-repeat;
	text-indent:-9999px;
}
.bd{
	height:128px;
	background:url(../images/login_bg.gif) repeat-x;
}

.bd li{
	height:30px;
	line-height:30px;
	padding-left:12px;
}

.bd input.tt{
	width:120px;
	height:16px;
	border:1px #999 solid;
}

.bd li.but{
	padding-top:5px;
	text-indent:10px;
}

.bd li a, .bd li a:hover, .bd li a:active{
	color:#0075c7;
}

.userinfo{
	width:200px;
	background:#e4f5ff;
	color:#0075c7;
}
.userinfo_tit{
	height:30px;
	background:url(../images/usreinfo_tit.gif) no-repeat;
	text-indent:-9999px;
}

.userinfo_con{
	padding:8px 10px;
	line-height:24px;
}


.userinfo_con input.tc{
	border:0;
	background-color:#055bab;
	color:#e4f5ff;
	font-size:12px;
	cursor:pointer;
	margin:5px 0 0 30px;
}


.space{
	font-size:0;
	height:10px;
	background:#fff;
}

/*会员通知*/

.inform{
	background:#e4f5ff;
}

.MainLeft_tit{
	height:30px;
	background:url(../images/title_bg.gif) repeat-x;
	text-indent:5px;
}

img.more{
	float:right;
	margin:14px 8px 0 0;
	*margin:-16px 8px 0 0;
}


.inform li{
	height:32px;
	line-height:32px;
	background:url(../images/list_bg.gif) no-repeat;
	text-indent:25px;
}


/* ===== 右侧 ===== */

.h02{
	height:29px;
	background:url(../images/title_bg_l2.gif) no-repeat;
	font-size:12px;
	line-height:30px;
	color:#0058a9;
	text-indent:30px;
}

.h02 a, .h02 a:visited, .h02 a:hover, .h02 a:active{
	color:#0058a9;
}

.h02 div{
	float:right;
	width:500px;
	height:30px;
	background:url(../images/title_bg_r.gif) no-repeat;
	padding:5px 20px;
	_padding-top:12px;
	*margin-top:-30px;	
	text-indent:30px;
	color:#0053ba;
	font-size:14px;
}

.h02 div img{
	margin:0 8px;
}

.h02 div a, .h02 div a:visited, .h02 div a:hover, .h02 div a:active{
	padding:0 8px;
	color:#0053ba;
}
.h02 div a.current, .h02 div a.current:visited, .h02 div a.current:hover, .h02 div a.current:active{
	color:#f00;
	}

.h02 div img.switch{
	float:right;
	margin-top:5px;
	*margin-top:-25px;
	_margin-top:-18px;
}

.MainRight_con{
	width:740px;
	margin:30px auto;
	_margin:15px auto;
}

.MainRight p{
	width:660px;
	margin:20px auto;
	font-size:12px;
	line-height:28px;
}

.MainRight p.pre{
	font-size:14px;
	padding:10px;
	*margin:0 auto;
	background:#f2f5f7;
}

.MainRight h5{
	height:24px;
	background:#e4eff8 url(../images/hdot.gif) 10px 7px no-repeat;
	font-size:12px;
	line-height:26px;
	color:#1a6cd2;
	text-indent:30px;
	margin-top:20px;
}


/* 免费课程*/

/*数学*/
.MainRight ul.biao li{
	float:left;
	border-left:3px #FFF solid;
	border-right:3px #FFF solid;
	text-align:center;
}

.MainRight ul.biao li .bt1, .MainRight ul.biao li .bt2, .MainRight ul.biao li .bt3{
	width:220px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	margin-top:15px;
}

.MainRight ul.biao li .bt1{
	color:#0272c1;
}

.MainRight ul.biao li .bt2{
	color:#13a024;
}

.MainRight ul.biao li .bt3{
	color:#a04cc3;
}


.MainRight ul.biao li table, .jianqiao_con table, .pinyin_con table, .jibian table, .write table, .math_con table, .en_con table{
	background:#ccc;
	_margin-bottom:10px;
}

.MainRight ul.biao li table td, .jianqiao_con table td, .pinyin_con table td, .jibian table td, .write table td,  .math_con table td, .en_con table td{
	height:28px;
	background:#fff;
	text-align:center;
}

.MainRight ul.biao li table td.b1, .jianqiao_con table td.bt, .pinyin_con table td.bt, .write table td.bt, .math_con table td.b1, .en_con table td.bt{
	background:#e6f5ff;
}
.MainRight ul.biao li table td.b2, .math_con table td.b2{
	background:#e6ffe9;
}
.MainRight ul.biao li table td.b3, .math_con table td.b3{
	background:#ffe6fd;
}

/*英语*/

.sbs, .fun, .jianqiao, .pinyin{
	width:330px;
	min-height:100px;
	_height:100px;
	float:left;
	margin:20px 0;
}

.jianqiao, .pinyin{/*IE6*/
	_margin:0;
}

.sbs, .jianqiao{
	margin-right:20px;
}

.sbs_tit, .fun_tit{
	height:65px;
	text-indent:-9999px;
}

.sbs_tit{
	background:url(../images/sbs_tit.gif) no-repeat;
}

.fun_tit{
	background:url(../images/fun_tit.gif) no-repeat;
}


.sbs_con{
	border:1px #5fb818 solid;
	background:#e5ffd0;
}

.fun_con{
	border:1px #a3609f solid;
	background:#ffedfe;
}

.sbs_con, .fun_con{
	width:328px;
	min-height:250px;
	border-top:0;
}

.sbs li, .fun li{
	width:144px;
	height:108px;
	float:left;
	margin:7px 0 5px 13px;
	_margin:7px 0 5px 8px;
}

.jianqiao_tit, .pinyin_tit{
	text-align:center;
	font-weight:bold;
	color:#0272c1;
	margin-bottom:10px;
}

.jianqiao_con, .pinyin_con{
	width:330px;
	height:120px;
}

.jibian{
	min-height:100px;
	_height:100px;
	margin:20px 0;
}

/*作文*/

.write{
	margin:20px 0;
}


/* ===== 收费课程 ===== */

/*数学 英语*/

.math, .en{
	clear:both;
	height:40px;
	margin:0 auto;
}

.math a, .en a{
	display:block;
	float:left;
	width:131px;
	height:37px;
	text-indent:-9999px;
	margin:0 20px;
	background:url(../images/math_off.gif) no-repeat;
}

.math a.dq, .math a:hover, .math a:active{
	background:url(../images/math_on.gif) no-repeat;
}

.math a.texun, .math a.texun:hover, .math a.texun:active{
	background-position:0 -47px;
}

.math a.yindao, .math a.yindao:hover, .math a.yindao:active{
	background-position:0 -94px;
}

.math_con, .en_con{
	min-height:100px;
	_height:100px;
	margin:10px auto;
}


.en a{
	margin:0 16px;
	background:url(../images/en_off.gif) no-repeat;
}

.en a.dq, .en a:hover, .en a:active{
	background:url(../images/en_on.gif) no-repeat;
}

.en a.jq, .en a.jq:hover, .en a.jq:active{
	background-position:0 -47px;
}

.en a.py, .en a.py:hover, .en a.py:active{
	background-position:0 -94px;
}

.en a.qw, .en a.qw:hover, .en a.qw:active{
	background-position:0 -141px;
}

/*课程学习最终页*/

/*标签*/
.tab{
	height:24px;
	background:url(../images/tab2_bg.gif) repeat-x;
	padding-left:16px;
}
.tab li{
	float:left;
	height:24px;
	line-height:26px;
	margin:0 2px;
}


.tab li.current a, .tab li.current a span, .tab a, .tab a span, .tab a:hover, .tab a:active{
    display: block;
    background: url(../images/tab_bg.gif) no-repeat;
}

	
.tab a{
    background-position:100% -83px;
	color:#0070b7;
}
.tab a span{
	margin:0 15px 0 0;
	padding-left:15px;
    background-position:0 -28px;
	text-align:center;
}


.tab li.current a, .tab a:hover, .tab a:active{
	background-position:100% -55px;
	color:#a04903
}

.tab li.current a span, .tab a:hover span, .tab a:active span{
	margin:0 15px 0 0;
	padding-left:15px;
    background-position:0 0;
	text-align:center;
}