#index_titpic{ border-left:#d2e4ea  solid 1px;border-bottom:#d2e4ea  solid 1px; width:691px; margin-top:-15px; padding-left:1px;}
*html #index_titpic{margin-top:-10px;height:205px;padding-left:1px;}
*+html #index_titpic{height:205px;margin-top:-15px;padding-left:1px;}
#index_con_left{ width:465px; float:left; margin:20px 0;}
#clear{ clear: both;}
#index_con_right{width:197px;float:right; margin-top:60px ; background:#f8f8f8; color:#11617c; font-size:11px; height:360px;}
#index_con_right_font{color:#7f7774;  padding:20px; text-align:left; line-height:20px;}
.index_btn_txt{ border:#7f9db9 solid 1px; width:108px;}
.index_btn_txt_01{ border:#7f9db9 solid 1px; width:140px;}
.index_btn_com{ background:url(../OnlineClassroom/images/Ocn/index_btnok.gif); width:80px ; height:23px; border:none; text-align:center; color:#fff; font-size:14px; font-weight:bold; font-family:Arial; margin:20px 30px 20px 0;}
#idx_font_left{ float:left; width:50px;height:25px; text-align:left; padding-bottom:2px; }
#idx_font_right{ float:right;height:25px;padding-bottom:2px;font-family:Arial;}
#index_con_left_pic{ border:#e6e5e3 solid 1px; padding:2px; width:100px; float:left; margin-right:20px;}
#index_con_left_font{float:left; width:325px; }
#index_con_left_font span,#index_con_left_font02 span,.id_fot_03{ color:#11617c; font-size:12px; font-weight:bold; }
#index_con_left_font a,#index_con_left_font02 a{font-size:11px; color:#7f7774; line-height:14px; text-decoration: none; padding-top:15px;}
#index_con_left_font span a{color:#11617c; font-weight:bold; text-decoration:none;}
#index_con_left_font span a:hover{ text-decoration:underline;}
#index_con_left_font a:hover,#index_con_left_font02 a:hover{text-decoration: underline;}
#index_con_left_font02{ float:left; width:185px;}
#index_m_font{border-bottom:#e6e6e6 solid 1px; float:left; padding:0 0 3px 10px;  width:560px;}
#index_con_left_font03 span{  color:#8c5b17;}
#index_con_left_font03 a{color:#e70000; text-decoration:none}
#index_con_left_font03 a:hover{text-decoration:underline;}

/*orglist begin by winki*/
#train_top{ background:url(../OnlineClassroom/images/Ocn/train_bg.gif) no-repeat; width:643px; height:121px; color:#11617c; font-size:11px; padding:30px 20px 15px 15px;}
#view_title{ background:url(../OnlineClassroom/images/Ocn/view_bg.gif) no-repeat; width:588px; height:35px; padding-left:90px; padding-top:3px;}
.view_select{ background:#b4e6ff; height:20px; font-size:12px;}
#index_m_font_01{border-bottom:#e6e6e6 solid 1px; float:left; padding:0 0 3px 10px; width:530px; color:#e70000; font-size:11px; }
#index_m_font_01 span a{ color:#11617c; font-size:14px; text-decoration:none; font-weight:bold;}
#index_m_font_01 a{ color:#7f7774; font-size:11px; text-decoration:none;line-height:18px;}
#index_m_font_01 span a:hover,#index_m_font_01 a:hover{ text-decoration:underline;}
#index_con_left_font03{ font-size:11px; color:#7f7774;float:left; margin-left:95px;}
/*orglist end by winki*/

/*coursed begin by winki*/
#course_menu{ margin-bottom:20px; height:20px; line-height:20px;}
#course_menu a{ color:#11617a; text-decoration:underline; margin:0 10px;}
#course_menu a:hover{ text-decoration:none;}
#course_menu span a{ color:#e70000; text-decoration:none; margin:0 10px;}
#course_menu span a:hover{ text-decoration:underline;}
#course_title{ color:#807876; font-size:11px; margin:20px; line-height:18px;}
#course_title span{ color:#1c6cb5; font-size:18px; font-family:"Trebuchet MS"; font-weight:bold;}
.course{ border:#7d97ac solid 1px; border-collapse:collapse;}
.course tr th{ margin:1px; border:#7d97ac solid 1px; background:#3c7e96; text-align:center; color:#fff; font-size:14px; font-weight:bold; height:35px; line-height:25px;}
.course tr td{border:#7d97ac solid 1px; padding:10px; color:#11617a; font-size:11px;}
.course tr td p{ font-size:14px; font-weight:bold; text-align:center;}
#course_face{ background:url(../OnlineClassroom/images/Ocn/course_face_bg.gif) no-repeat top; float:left; width:211px; color:#7f7774; font-size:11px; padding:5px 15px; margin-top:120px;}
#course_face a{ color:#fff; font-size:12px; font-weight:bold; text-decoration:underline;}
#course_face a:hover{ text-decoration:none;}
#course_book{ float:left; width:170px; text-align:center; margin:20px 30px; color:#e70000; font-size:11px;}
*html #course_book{margin:20px;}
#course_book_pic{ border:#ccc solid 1px; background:#faf6f7; text-align:center;}
#course_book a{ color:#2f768a; font-size:11px; text-decoration:none;}
#course_book a:hover{ text-decoration:underline;}
/*coursed end by winki*/

/*courselist begin by winki*/
#courselist_step{ background:url(../OnlineClassroom/images/Ocn/courselist_works_bg.gif) no-repeat; width:682px; height:36px; padding:55px 5px 30px 5px; margin-bottom:20px;}
*html #courselist_step{margin-bottom:0;}
#step_font{ float:left; margin:0 10px 0 0; width:126px; color:#be6801;}
#step_font a{ color:#be6801; text-decoration:underline; font-size:12px; line-height:15px;}
#step_font a:hover{ text-decoration:none;}
#courselist_business_title{ color:#0d579c; font-size:18px; border-bottom:#a6cad6 solid 1px; height:30px; line-height:30px; margin-right:20px;}
/*courselist end by winki*/

/*test_1 begin by winki*/
#test_top{ background:url(../OnlineClassroom/images/Ocn/test_top_bg.gif) no-repeat; width:673px; height:191px; color:#11617c; font-size:14px; line-height:20px; margin-bottom:20px;}
#test_mid{ background:url(../OnlineClassroom/images/Ocn/test1_k_mid.gif) repeat-y; padding:7px 12px;}
#test_mid_font{  color:#7e7878; font-size:14px; margin:15px 50px 15px 0; line-height:20px;}
/*test_1 end by winki*/


/*test_2 begin by winki*/
#test2_top{ background:url(../OnlineClassroom/images/Ocn/test_top_bg.gif) no-repeat; width:673px; height:191px; color:#13607c; font-size:12px; line-height:20px;}
#test2_top span{ color:#0068b7; font-size:24px;}
#test2_title{ background:url(../OnlineClassroom/images/Ocn/test2_title_bg.gif) no-repeat; width:648px; height:35px; padding:0 15px; line-height:25px; color:#13607c; margin:20px 0;}
#test2_title span{ color:#7f2d00; font-size:14px;}
#test2_k{ border:#e6e5e3 solid 1px; padding:5px 10px; width:656px; border-collapse:collapse;}
#test2_k p{ color:#807675; line-height:20px; margin:10px 0;}
#test2_k_over{ border:#e6e5e3 solid 1px; padding:5px 10px; width:656px; background:#f5fafe;}
#test2_part1_title{ border-bottom:#cee4f2 solid 1px; color:#0c5093; line-height:25px;}
#test2_pic{ float:left; margin:20px 25px 10px 25px; width:108px; text-align:center; color:#0c5093; line-height:30px;}
*html #test2_pic{ margin:20px 20px 10px 20px;}
#test2_pic img{ border:#e6e6e6 solid 1px; padding:3px; width:100px; height:100px;}
#test2_pic_01{ float:left; margin:20px 25px 10px 25px; width:108px; color:#0c5093;}
*html #test2_pic_01{ margin:20px 20px 10px 20px;}
#test2_pic_01_over{ float:left; margin:20px 25px 10px 25px; width:108px; color:#0c5093; background:#f5fafe;}
/*test_2 end by winki*/


/*test_3 begin by winki*/
#test3{ background:url(../OnlineClassroom/images/Ocn/test3_bg.gif) no-repeat; width:548px; height:324px; padding:120px 50px 40px 50px; color:#000; line-height:20px; margin-left:15px;}
#test3 span{ color:#156179; font-size:14px;}
/*test_3 end by winki*/

/*prac begin by winki*/
#prac_chinese{ height:35px; line-height:35px; background:url(../OnlineClassroom/images/Ocn/prac_line_01.gif) bottom repeat-x; color:#e70000; font-size:18px; font-weight:bold; margin-bottom:20px;}
#pran_sen_title{ background:url(../OnlineClassroom/images/Ocn/prac_title_01_bg.gif) no-repeat; height:41px; line-height:41px; color:#032a3d; font-size:18px; font-weight:bold; padding-left:50px;}
#pran_sen_left{ float:left; margin:13px 10px 0 20px; width:20px;}
#pran_sen_right{ float:left; width:200px; line-height:25px; color:#032a3d; margin:10px 0;}
#pran_sen_right span{ color:#7e7878;}
/*prac end by winki*/

#Pinyin1_mid{background:url(/OnlineClassroom/Ocimg/Pinyin1_titbg.gif) no-repeat; width:678px; height:32px; color:#834e00; font-size:18px; padding-left:30px; line-height:32px;}
.Py1_con_tit{ color:#11617a; font-size:12px; font-weight:bold;}
.Py1_con_titc{ color:#11617a; font-size:12px;}