@charset "utf-8";
/* CSS Document */
/*
创建时间：2009.12.30
创 建 者：meihua
创建原因：网站二次全新改版，网站头部、底部等公用模块样式及版式、布局
*/
/*公用背景图*/
.commonbg{background-image:url(../images/common/common_bg.png);}
.commonicon{background-image:url(../images/common/common_icon.png);}
.commonbtn{background-image:url(../images/common/common_btn.png);}
.gradebg{background-image:url(../images/main/gradebg.png);}
.commonbg,.commonicon,.commonbtn,.gradebg{background-repeat:no-repeat; background-position:0 0;}
.line_das{height:1px; background-position:0 0; font-size:1px; line-height:normal;}
/*公用圆角灰色粗边框*/
.mid_graybold_tbg{height:20px; background-position:0 -11px;}
.mid_graybold_bbg{height:24px; background-position:0 -41px;}
.mid_graybold_lbg{background:url(../images/common/mid_cul_03.gif) repeat-y left top;}
.mid_graybold_rbg{background:url(../images/common/mid_cul_04.gif) repeat-y right top;}
/*公用课程表格*/
table.course_tab{width:100%;}
.course_tab th{height:32px; border-top:2px solid #cddee9; border-bottom:2px solid #cddee9; color:#0066cc;}
.course_tab th span{border-right:1px solid #06c;padding:0 15px;}
.course_tab td{text-align:center; padding:6px 0; border-bottom:1px solid #d4d4d4; vertical-align:top;}
.course_tab th.th_lborder{border-left:2px solid #cddee9;}
.course_tab th.th_rborder{border-right:2px solid #cddee9;}
.textleft{text-align:left!important}
/*课程价格灰底*/
.cus_price{padding:1px 3px; background-color:#e0e0e0;}
/*更多链接按钮*/
a.more_info{margin-left:10px; padding:3px 13px 2px 5px; background-position:-406px 0;}
a.more_info:hover,a.more_info:visited{color:#222;}
/*试听按钮*/
.listen_50ming{width:85px; height:20px; padding-left:8px; line-height:180%; background-position:-403px -38px;}
a.listen_3min_lb{width:89px; height:20px; background-position:-206px -38px; padding-right:5px; line-height:175%;}
a.listen_3min_sb{width:58px; height:20px; background-position:-320px -38px; padding-right:5px; line-height:175%;}
a.listen_3min_lb,a.listen_3min_lb:hover,a.listen_3min_lb:visited,a.listen_3min_sb,a.listen_3min_sb:hover,a.listen_3min_sb:visited{color:#fff; font-weight:bold;}
/*推荐及收藏*/
.btn_share{height:35px;}
.btn_share li{float:left;}
.btn_share li a{display:block;}
.icon_save,.icon_share{padding-left:20px; margin-top:10px;}
.icon_save{background-position:0 0; margin-right:8px;}
.icon_share{background-position:0 -36px;}
/*绿色对勾提交按钮*/
.btn_sub{clear:both; background:#fff url(../images/common/common_btn.png) no-repeat -492px 0;display:block; font-size:14px; font-weight:bold; border:none; text-align:center; padding-left:20px; width:72px; height:28px; cursor:pointer; line-height:31px;}
/*一级标题样式*/
.comment_h,#main h1{font-size:18px; font-weight:bold; font-family:'Microsoft YaHei','微软雅黑',SimSun,'宋体',sans-serif;}
h1.connav{padding-left:22px; background-position:0 -68px;}
h1.borderbtm{padding-bottom:12px; padding-top:2px; border-bottom:3px solid #CECECE;}
/*内容标题导航（内部锚点跳转）*/
.midcon_nav{overflow:hidden;}
.midcon_nav li{float:left; text-indent:-9999px;}
.midcon_nav li a{ display:block; height:44px;}
/*评论列表*/
.commentimg{display:block; width:14px; height:17px; font-size:1px; line-height:0; background-position:0 -100px;}
/*公用弹出框*/
.popcon{width:506px; position:relative; z-index:100;}
.popclose{position:absolute; right:-10px; top:-11px; z-index:100;}
.popmain{background-image:url(../images/union/modal_box_top.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="http://www.etlearning.cn/images/union/modal_box_top.png"); _background-image:none; background-repeat:no-repeat; background-position:top center;}/* png兼容IE6 */
*html .popmain a,*html .popmain input{position:relative;}
.popclose a{display:block; width:31px; height:34px; font-size:1px; line-height:normal; background-image:url(../images/union/close.png)!important; _background-image:url(../images/union/close2.png); background-repeat:no-repeat; background-position:top center;}
.popmain h2{padding:7px 0 4px 35px; background:url(../images/union/avatar.png) no-repeat left center; margin-bottom:9px;
font-size:16px; font-weight:bold;}
.popmain ul li{padding-bottom:3px;}
.popfield{margin:0 20px;}
.popfield p label{float:left; padding-top:3px; margin-right:6px; font-weight:bold; color:#666;}
.popfield p input{font-size:13px; font-family:Arial,Helvetica,sans-serif; padding:2px;}
.popfield p select{padding:2px; font-size:13px;}
.popfield p.popsub a{float:left; margin:15px 0 0 150px; padding-top:3px; text-align:center; height:21px; width:65px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none;}
a.pop_subbtn{background:#fff url(../images/union/union_login_button.gif) no-repeat left center;}
*html .popmain h2{background:url(../images/union/avatar.gif) no-repeat left center;}
/* 各个申请表页面填写表单样式 */
.form_opt{clear:both; overflow:hidden;}
.form_opt label{float:left; padding-top:3px; text-align:right;}
.form_opt span{color:#FF0000;}
.form_opt input,.form_opt select{font-family:Arial,Helvetica,sans-serif; border:1px solid #aaa;}
.form_opt input{font-size:14px; padding:3px 2px;}
.form_opt p{text-indent:0; line-height:160%;color:#666;}

/*-----------------------------布局，版面 layout-------------------------*/
#container{width:990px;margin:0 auto; overflow:hidden;}
#nav{height:40px; background-position:0 -198px;}
#content{margin-top:10px; overflow:hidden; zoom:1;}
#leftsidebar{width:188px; float:left;}
#leftsidebar_grade{width:273px; float:left;}
#main{float:left; overflow:hidden;}
.mid676{width:676px; margin-left:20px;}
.mid885{width:845px; padding:20px; border:1px solid #D4D4D4; background-color:#fff;}
.mid782{width:782px; margin-left:20px;}
.mid_grade{width:493px; margin-left:9px;}
#rightsidebar{width:80px; float:right; padding-right:5px;}
#rightsidebar_grade{width:206px; float:right;}

/*----------------------------- 头部 header ----------------------------*/
#header{position:relative;}
.mainlogo{float:left; width:185px; height:59px; padding-top:20px;}
.et_slogan{width:121px; height:29px; position:absolute; top:2px; left:480px; z-index:99;}
*html .et_slogan{left:320px;}

/*----------------------------- 导航 nav -----------------------------*/
/* 主导航 main nav menu */
#mainnav{width:791px; float:right; position:relative;}
.navtool{text-align:right; padding:8px 6px 0 0; margin-bottom:6px;}
.navtool li{display:inline; padding:0 2px;}
.navmenu{height:36px; padding-left:3px; background-position:0 0;}
.navmenu li{float:left; height:35px; border-left:1px solid #0852a9; position:relative;}
#con_one_1{border:none;}
.navmenu li a{display:block; padding-left:8px; margin-top:1px; height:34px; font-size:14px; position:relative; _float:left;}
.navmenu li a span{display:block; padding:6px 19px 0 11px;}
.navmenu li a:link,.navmenu li a:visited{color:#fff; text-decoration:none;}
.navmenu li a:hover{background:url(../images/frontpage/navhover.gif) repeat-x left top; color:#fff; text-decoration:none;}
.navmenu li a:active{background:url(../images/frontpage/navactive.gif) repeat-x left top;}
.navmenu li.nav_hover a,.navmenu li.nav_hover a:hover{margin:4px 4px 0 4px; height:32px; background:url(../images/common/nav_act_l.png) no-repeat left top; _display:inline;}
.navmenu li.nav_hover a:link,.navmenu li.nav_hover a:visited,.navmenu li.nav_hover a:hover,.navmenu li.nav_hover a:active{color:#0B509E;}
.navmenu li.nav_hover a span{padding:3px 16px 10px 7px; background:url(../images/common/nav_act_r.png) no-repeat top right;}
/* 附加导航 */
.subnav{background-color:#fff; border-bottom:1px solid #e6eaf3; height:22px; padding:4px 15px;}
.toptel{float:left; padding:2px 0 0 23px; background-position:0 -286px;}
.subnav ul{float:right; text-align:right;}
.subnav ul li{display:inline; padding-left:8px; background:url(../images/common/common_icon.png) no-repeat 0 -658px; margin-left:8px;}

/*------------------------ 主体内容 content -------------------------*/
.top_banner{margin-bottom:10px;}
.top_banner a{font-size:1px; line-height:normal;}
.sblue_1,.sblue_2,.sblue_3,.sblue_4,.swhite_1,.swhite_2,.navleftblue_1,.navleftblue_2{display:block; height:1px; font-size:1px; line-height:normal;}
.sblue_1,.sblue_2{background-color:#0953aa;}
.sblue_1,.sblue_4{margin:0 2px;}
.sblue_2,.sblue_3,.navleftblue_1,.navleftblue_2{margin:0 1px;}
.sblue_3,.sblue_4{background-color:#0953aa;}
.navleftblue_1,.navleftblue_2{background-color:#5293dd;}

/*-------- 年级主页左侧课程栏目 ---------*/
.sidebar_course_g{padding:5px 0; background:#0953aa url(../images/common/courselist_bg.gif) repeat-x left top;}
.sidebar_course_g h3{border-top:1px dashed #3a75bb; padding:6px 10px;}
.sidebar_course_g h3 a{display:block; font-size:13px; font-weight:bold; text-decoration:none;}
.sidebar_course_g h3 a:link,.sidebar_course_g h3 a:visited,.sidebar_course_g h3 a:hover,.sidebar_course_g h3 a:active{color:#fff;}
.sidebar_course_g h3.submenuheader{position:relative; z-index:10; cursor:pointer;}
.sidebar_course_g h3.submenuheader a{padding-left:13px; background:url(../images/common/common_icon.png) no-repeat 0 -529px;}
.sidebar_course_g .submenuheader span{display:block; width:10px; height:10px; font-size:1px; line-height:normal; background:url(../images/common/common_icon.png) no-repeat 0 -420px; position:absolute; top:10px; right:8px; z-index:10;}
.sidebar_course_g .submenuheader .statusicon{background:url(../images/common/common_icon.png) no-repeat 0 -390px;}
#courselist .courselist{display:none;}
.sidebar_course_g h3.submenuheader_v{background:url(../images/common/leftcus_bg.gif) repeat-x left top;}
.courselist_g{margin:0 7px 8px 8px;}
.courselist ul,.courselist dl{background-color:#fff; padding:8px 10px;}
.openheader{background:#0953aa  url(../images/common/leftcus_bg.gif) repeat-x left top;}
.swhite_1,.swhite_2{margin:0 1px; background-color:#fff;}
.course_icon li,.courselist dd span{padding:2px 0 2px 8px; background:#fff url(../images/common/common_icon.png) no-repeat 0 -626px;}
.courselist .cusver{height:36px; padding:0;}
.courselist .cusver li{display:block; float:left; cursor:pointer;}
.courselist .cusver li span{display:block; float:left; height:29px; padding-top:7px; text-align:center; font-size:13px; font-weight:bold; color:#104c93;}
.courselist_g .cusver li span{width:129px;}
.courselist_g .cusver li .tag_cusver1{background-position:-503px -121px;}
.courselist_g .cusver li .tag_cusver2{background-position:-642px -121px;}
.courselist .cusver li.nav_hover .tag_cusver1,.courselist .cusver li.nav_hover .tag_cusver2{color:#222;}
.courselist_g .cusver li.nav_hover .tag_cusver1{background-position:-503px -167px; }
.courselist_g .cusver li.nav_hover .tag_cusver2{background-position:-642px -167px;}
.courselist dd ul{padding:0 0 6px 10px;}
.courselist dd li{display:inline; padding-right:8px;}
.courselist dd span{display:block;}
.courselist dd li a{color:#06c;}
/* 四步教学法 left four method*/
.cul_border1,.cul_border2{border-left:1px solid #d6d6d6; background-color:#fff;}
.cul_border2{border-right:2px solid #d6d6d6;}
.cul_border1{border-right:1px solid #d6d6d6;}
.culbtm_l{padding-bottom:4px; background:url(../images/common/cul_fillet.png) no-repeat -1419px bottom;}
.cultitle,.cultitle_c{height:30px; padding-left:4px; background:url(../images/common/cultop_l.gif) no-repeat left top;}
.cultitle span,.cultitle_c span{display:block; font-size:13px; font-weight:bold; color:#104c93; height:30px; padding-left:8px; line-height:30px;}
.cultitle span{background:url(../images/common/cultop_r.png) no-repeat right top;}
.cultitle_c span{background:url(../images/common/culr_bg.png) no-repeat top right;}
.lfour_method_g ul{height:115px; padding:3px 0 0 14px; overflow:hidden;}
.lfour_method_g ul li{float:left; height:39px; margin-top:10px; padding-right:10px;}
.lfour_method_g ul li a{display:block; padding:9px 30px 0 10px; width:76px; height:30px; text-align:center; background-position:-719px -46px;}

/*-------- 左侧课程栏目 ---------*/
.courselist_c{margin:0 4px 5px 4px;}
.courselist_c .cusver li span{width:90px;}
.courselist_c .cusver li .tag_cusver1{background-position:0 -231px;}
.courselist_c .cusver li .tag_cusver2{background-position:-100px -231px;}
.courselist_c .cusver li.nav_hover .tag_cusver1{background-position:-200px -231px; }
.courselist_c .cusver li.nav_hover .tag_cusver2{background-position:-300px -231px;}
.culbtm_cl{padding-bottom:4px; background:url(../images/common/cul_fillet.png) no-repeat -1703px bottom;}
.lfour_method_c ul{height:100px; padding:8px 0 0 3px;}
.lfour_method_c ul li{float:left; height:39px; margin-top:5px; padding-right:2px;}
.lfour_method_c ul li a{display:block; padding:9px 6px 0 0; width:83px; height:30px; text-align:center; background-position:-400px -228px;}

/*-------- 左侧评论栏目 ---------*/
.commentinfo{padding:8px 0 8px 8px;}
.col_comment .commentinfo td{text-align:left; padding:2px 0; word-break:break-all; overflow:hidden;}
.col_comment .commentinfo td.table_limg{vertical-align:top;}
.col_comment .commentinfo td.table_time{color:#999;}
.col_comment .commentinfo td.table_comment{width:88%;}

/*-------- 左侧二级导航 ---------*/
.navleft{padding:3px 4px; background-color:#5293dd;}
.navleft .nav_hover a,.navleft_two dt a{background:#fff url(../images/common/culnavleft_v.gif) repeat-x left top;}
.navleft_one ul,.navleft_two dl{border:1px solid #9dbee9;}
.navleft_one ul li a,.navleft_two dt a{display:block; height:26px; padding:6px 0 0 18px;}
.navleft_one ul li a{background-color:#e7f5ff; border-bottom:1px solid #96b9e9;}
.navleft_one ul li a span,.navleft_two dd a{padding-left:15px; background:url(../images/common/common_icon.png) no-repeat 0 -631px;}
.navleft_one ul li a:hover span,.navleft .nav_hover a span{background:url(../images/common/common_icon.png) no-repeat 0 -656px; color:#ff6600;}
.navleft_two dl{margin-bottom:2px;}
.navleft_two dt a span{padding-left:15px; background:url(../images/common/common_icon.png) no-repeat 0 -558px;}
.navleft_two dt a:hover span{background:url(../images/common/common_icon.png) no-repeat 0 -531px; color:#ff6600;}
.navleft_two dt.submenuheader_v a span{background:url(../images/common/common_icon.png) no-repeat 0 -505px; color:#ff6600;}
.navleft_two dd{padding:3px 0 3px 36px; background-color:#e7f5ff; display:none;}
.navleft_two dd a{padding-top:3px; padding-bottom:3px;}
.mart2{margin-top:2px;}

/*进步之星左侧申请简单奖学金*/
.navleft_cultop{display:block; height:3px; font-size:1px; line-height:normal; background:url(../images/common/cul_fillet.png) no-repeat -503px top;}
.stuleft_award ul{padding-left:4px; text-align:center;}
.stuleft_award ul li{padding-top:10px;}
.stuleft_award .stuleft_award_btn{display:block; height:33px; font-size:14px; line-height:210%; color:#fff; font-weight:bold; background-position:-494px -75px;}

/*-------- 左侧其他栏目 ---------*/
.otherleft h2{color:#fff; font-weight:bold; font-size:13px; height:21px; padding-left:28px; padding-top:5px; background-position:0 -75px;}
.otherleft_box{border-left:1px solid #cecece; border-right:1px solid #cecece; padding:10px 7px 0 7px; background-color:#fff;}
.otherleft_box_b{font-size:1px; line-height:normal; height:8px; background-position:-208px -75px;}
.otherleft_box .otherleft_nav{margin-left:14px;}
.otherleft_nav li{padding:2px 0 2px 12px; background:url(../images/common/common_icon.png) no-repeat 0 -603px;}
.otherleft_serve li{padding-bottom:8px;}
.otherleft_serve li a:link,.otherleft_serve li a:visited{color:#06c;}
.sidb_nav{font-weight:bold; padding-left:13px; background:url(../images/common/orangearrows.gif) no-repeat scroll left center;}

/*-------- 右侧广告 ---------*/
#rightsidebar span{display:block; margin-bottom:10px;}
.righttime{margin-bottom:10px; text-align:center; height:54px; background:#fff url(../images/main/right_timebg.png) no-repeat left top; padding:75px 0 0 0; font-size:20px; font-weight:bold;}
.r_kefu a{display:block; height:135px; padding:45px 0 0 31px; width:69px; background:#fff url(../images/common/kefu_meeting.png) no-repeat left top;}
.r_kefu a:link,.r_kefu a:visited{color:#CC0000;}
.r_kefu a:hover,.r_kefu a:active{color:#CC0000; text-decoration:none;}

/*------------------------ 页面底部 footer --------------------------*/
/* 底部 */
#footer{padding-top:20px;}
*html #footer{margin-top:0;}
.btm_help{width:990px; padding:13px 0; border-top:1px solid #5793CC; border-bottom:1px solid #5793CC; overflow:hidden;}
.btm_help dl{float:left; padding:0 33px;}
.btm_help dt{height:27px; padding-top:15px; font-size:14px; font-weight:bold; padding-left:49px;}
.btm_help_guide{width:67px; background-position:0 -111px;}
.btm_help_faq{width:99px; background-position:-136px -111px;}
.btm_help_pay{width:114px; background-position:-304px -111px;}
.btm_help_tel{width:68px; background-position:-487px -111px;}
.btm_help dd{padding:1px 0 1px 13px; margin-left:49px; background:#fff url(../images/common/common_icon.png) no-repeat 0 -604px;}
.btm_help dd a,.btm_help dd a:hover,.btm_help dd a:visited{color:#06c;}
.nopaddingl{padding-left:0!important;}
.btm_service{clear:both;margin-left:340px;margin-top:20px; overflow:hidden;}
.btm_service span{float:left;}
.btm_service span a{display:block; text-indent:-9999px;height:51px; overflow:hidden;}
.btm_service_0{width:168px; background-position:0 -163px;}
.btm_service_31{width:180px; background-position:-188px -163px;}
.footer_nav{clear:both; height:91px; margin-top:5px; text-align:center; padding-top:10px; position:relative; z-index:10;}
.footer_nav a{font-size:13px; line-height:200%;}
.footer_nav span a,.footer_nav span a:hover,.footer_nav span a:visited{font-size:12px; color:#787878;}
.beida_logo{position:absolute; top:15px; left:110px; z-index:10;}
.e_logo{height:45px;position:absolute; top:30px; right:30px; z-index:10;}
/* 简版页脚(注册、登录等页面使用) */
#footer_sim{margin:15px 0; color:#585757; text-align:center;}
#footer_sim ul{padding:10px 0 6px 0; border-top:1px solid #acacac;}
#footer_sim ul li{display:inline; padding:0 2px;}