﻿@charset "utf-8";
body{margin:0;padding:0px;text-align:center;font-size:12px;font-family:宋体;background:#fff}
ul{margin:0;padding:0;list-style-type:none}
form,p,dl,dt,dd{margin:0;padding:0}
input{border:1px #d8d8d8 solid;font-size:12px}
select{border:1px #d8d8d8 solid;font-size:12px}
textarea{border:1px #d8d8d8 solid;font-size:12px;margin:5px}
h3{margin:0;font-size:12px;font-weight:normal}
img{border-style:none}
table{border-collapse:collapse;font-size:12px;font-family:Verdana}
.left{text-align:left}
.clear{clear:both}
#wrap_layer{width:996px;margin:0 auto;border-top:3px #084d86 solid;text-align:left;background:url('images/main_bg.gif') no-repeat left top}

#header_layer{width:996px;height:95px}
#logo{width:227px;height:95px;float:left}
#nav{width:769px;height:95px;float:right}
#nav_second{width:491px;height:15px;margin-left:180px;margin-bottom:10px;background-image:url('images/nav_second.gif');text-align:center;color:#b3c9fa;line-height:15px}
#nav_second a{color:#b3c9fa;margin:0 10px;text-decoration:none}
#nav_first{width:675px;height:40px}
#nav_first ul{width:672px;height:40px;float:right;background-image:url('images/nav_gb.gif')}
#nav_first li{width:112px;height:40px;float:left}
#nav_first li a{width:112px;height:40px;display:block}
#nav_first li a span{display:none}
#nav_first li a#nav_1{background:url('images/nav_1.gif') no-repeat center top}
#nav_first li a#nav_2{background:url('images/nav_2.gif') no-repeat center top}
#nav_first li a#nav_3{background:url('images/nav_3.gif') no-repeat center top}
#nav_first li a#nav_4{background:url('images/nav_4.gif') no-repeat center top}
#nav_first li a#nav_5{background:url('images/nav_5.gif') no-repeat center top}
#nav_first li a#nav_6{background:url('images/nav_6.gif') no-repeat center top}
#nav_first li a#nav_1:hover{background:url('images/nav_1.gif') no-repeat center bottom}
#nav_first li a#nav_2:hover{background:url('images/nav_2.gif') no-repeat center bottom}
#nav_first li a#nav_3:hover{background:url('images/nav_3.gif') no-repeat center bottom}
#nav_first li a#nav_4:hover{background:url('images/nav_4.gif') no-repeat center bottom}
#nav_first li a#nav_5:hover{background:url('images/nav_5.gif') no-repeat center bottom}
#nav_first li a#nav_6:hover{background:url('images/nav_6.gif') no-repeat center bottom}
#speaker_layer{width:674px;height:30px}
#speaker_layer li{height:30px;float:left;line-height:30px;color:#ff0000;margin:0 5px}
#speaker_layer #speaker{background:url('images/speaker.gif') no-repeat left center;padding-left:20px;height:30px;width:400px}
#speaker_layer a{margin:0 10px;color:#ff0000;text-decoration:none;font-size:14px} 

#hot_tel{position:relative;top:-10px}

#sidebar_layer{width:227px;float:left;text-align:center}
#login_layer{width:204px;height:140px;background-image:url('images/login_bg.gif');margin:0 auto;color:#fff}
#login_header{height:42px}
#login_contenter{width:162px;height:54px;margin:0 auto}
#login_contenter div{width:121px;float:left;text-align:left}
#login_contenter div label{float:left;height:18px;line-height:18px;padding:2px 0}
#login_contenter div input{width:78px;margin-bottom:2px;margin-left:2px}
#login_footer a{text-decoration:none;color:#fff;margin:0 5px}
#login_footer a:hover{text-decoration:underline}
#login_contenter #login_submit{width:35px;float:right}
#login_contenter #login_submit input{width:35px;height:39px;line-height:39px;background-image:url('images/login_submit.gif');border-style:none;color:#fff;margin:0}
#login_footer{height:44px}
#login_footer span{width:178px;height:32px;display:block;margin:0 auto;line-height:32px}

#sidebar_help{width:204px;margin:0 auto}
#sidebar_help_header{width:204px;height:91px;background-image:url('images/sidebar_help_header.gif')}
#sidebar_management_header{width:204px;height:91px;background-image:url('images/sidebar_management_header.gif')}

#sidebar_help_footer{width:204px;height:14px;background-image:url('images/sidebar_help_footer.gif')}
#sidebar_help_content{background:url('images/sidebar_help_content.gif') repeat-y;padding:10px 0}
#sidebar_help_content ul{margin:0 10px}
#sidebar_help_content li{text-align:left;border-bottom:1px #e5e5e5 solid;padding:5px}
#sidebar_help_content li img{margin:0 5px}
#sidebar_community_header{width:204px;height:91px;background-image:url('images/sidebar_community_header.gif')}

#onlineTalk{width:204px;height:100%;overflow:hidden;margin:10px auto}
#videoPlay{width:204px;height:100%;overflow:hidden;margin:10px auto}
#contactBox{width:204px;margin:10px auto;text-align:left;line-height:20px;color:#f00}

#class_layer{width:204px;margin:10px auto;background:url('images/class_bg.gif') repeat-y;line-height:18px}
#class_header{background:url('images/class_header.gif') no-repeat center top}
#class_footer{background:url('images/class_footer.gif') no-repeat center bottom;padding:5px 0}
#class_footer div{text-align:left;color:#fff;margin:5px;line-height:20px}
#class_footer h3{background:url('images/arrow_class.gif') no-repeat left center;text-indent:10px}
#class_footer a{color:#fff;text-decoration:none;margin:5px}
#class_footer a:hover{text-decoration:underline}
#class_footer div div{margin:0}
#class_footer #class_university a{width:97px;height:20px;display:block;float:left;margin:0}
#class_footer #class_subject a{width:64px;height:20px;display:block;float:left;margin:0}
#class_footer #class_regional a{width:48px;height:20px;display:block;float:left;margin:0}

#ad_layer{width:204px;margin:20px auto;line-height:18px}
#ad_layer h3{text-align:left;text-indent:25px;background:url('images/arrow_ad.gif') no-repeat 20px center;color:#666}
#ad_layer img{margin:2px;border:1px #e8e7ea solid}

#article_list{width:204px;margin:20px auto;line-height:18px;text-align:left}
#article_list li{height:20px;line-height:20px;padding:0 10px}
#article_list a{background:url('images/arrow_ad.gif') no-repeat left center;height:20px;width:174px;display:block;padding-left:10px;color:#666;text-decoration:none}

#download_layer{width:204px;margin:20px auto;line-height:18px;text-align:left}
#download_layer h3{text-align:left;text-indent:20px;background:url('images/arrow_ad.gif') no-repeat 78px center;line-height:18px;color:#666}
#download_layer div{margin:0 10px}
#download_layer a{margin-right:5px;color:#000;text-decoration:none}

#contentlist_layer{width:759px;float:left;background:url('images/contentlist_bg.gif') no-repeat right top;}
#contentlist_bg{margin:0 10px}

#content_layer{width:769px;float:left}
#content{width:769px;height:100%;overflow:hidden}
#content_bg{background:url('images/contentlist_bg.gif') no-repeat right top;text-align:center;margin-right:10px}
#navBar{color:#777;border-bottom:1px #4c93eb solid;text-align:left;margin:0 10px;height:30px;line-height:30px;padding-top:10px}
#navBar img{margin:0 5px}
#navBar a{text-decoration:none;color:#777}
#navBar a:hover{text-decoration:underline;color:#000}

#content_list{margin:10px;min-height:300px;text-align:center}
#content_list ul.content_list li{height:25px;text-align:left;border-bottom:1px #ebebeb solid;color:#777;line-height:25px;background:url('images/li_content.gif') no-repeat 6px center;text-indent:10px}
#content_list ul.content_list li span{float:right}
#content_list ul.content_list li span.date{float:right;width:80px;text-align:right}
#content_list ul.content_list li span.title{width:560px;float:left;overflow:hidden}
#content_list ul.content_list a{text-decoration:none;color:#777;margin:0 5px}
#content_list ul.content_list a:hover{text-decoration:underline;color:#000}
#content_list .ArticleInfo{text-align:center}
#content_list .ArticleInfo span{margin:0 5px}
#content_list .ArticleInfo span span{color:#ff0000}
#content_list h3{font-weight:bold;font-size:15px;text-align:center}
#content_list .read_content{margin:20px;line-height:20px;text-align:left}

#content_bg table.register{width:615px}
#content_bg table.register th{text-align:center;padding:5px 2px}
#content_bg table.register td{text-align:left;padding:5px 2px}
#content_bg table.register td.center{text-align:center}
#content_bg table.register span{margin:0 20px}
#content_bg table.register input.checkbox{border-style:none;width:auto}
#content_bg table.register input.search{width:98px;height:20px;background-image:url('images/search_button.gif');border-style:none;color:#fff;line-height:20px}
#content_bg table.register tbody th{text-align:right;vertical-align:top}
#content_bg table.register tbody th.title{text-align:left;text-indent:20px;border:1px #777 solid}
#content_bg table.register thead td{text-align:left;text-indent:25px}
#content_bg table.register input#btnCheck{width:54px;height:19px;background-image:url('images/button_add.gif');border-style:none;color:#fff;line-height:19px}
#content_bg h3.reg{font-size:12px}
#content_bg table.search tbody td table input{margin:10px 0}
#content_bg table.search tbody select{margin:0 5px;width:120px}

#content_bg table.search tbody input{margin:0 5px;width:120px}

#search_list{height:30px;background:url('images/search_list_bg1.gif') no-repeat right center;text-align:left}
#search_list ul{padding:5px}
#search_list ul li{float:left;margin:0 5px}
#search_list ul li input{width:100px}
#search_list ul li input.search_submit{width:58px;height:17px;background-image:url('images/search_submit.gif');border-style:none;color:#fff;line-height:17px;padding-left:10px}
#search_list1{height:60px;background:url('images/search_list_bg2.gif') no-repeat right center;text-align:left}
#search_list1 ul{padding:5px}
#search_list1 ul li{float:left;margin:0 5px;width:130px}
#search_list1 ul li input{width:100px}
#search_list1 ul li input.checkbox{border-style:none;width:auto}
#search_list1 ul li input.search_submit{width:58px;height:17px;background-image:url('images/search_submit.gif');border-style:none;color:#fff;line-height:17px;padding-left:10px}

#table_list{width:720px;margin:10px 0;text-align:center;border:1px #f2f2f2 solid}
#table_list thead td{height:32px;background:url('images/user_bg.gif') repeat-x;border:1px #fff solid;color:#fff}
#table_list tbody td{border:1px #fff solid;padding:5px}
#table_list tbody tr.odd{background-color:#ffffcc}
#table_list tfoot td{border:1px #fff solid;padding:5px}
.table_list img.photo{border:1px #999 solid;margin:5px;width:120px}
.orderinfo img.photo{border:1px #999 solid;margin:5px;width:120px}
.table_list{width:720px;margin:10px 0;text-align:center;border:1px #f2f2f2 solid}
.table_list thead td{height:32px;background:url('images/user_bg.gif') repeat-x;border:1px #fff solid;color:#fff}
.table_list tbody td{border:1px #fff solid;padding:5px}
.table_list tbody th{border:1px #fff solid;padding:5px 10px}
.table_list tbody tr.odd{background-color:#ffffcc}
.table_list tfoot td{border:1px #fff solid;padding:5px}
.table_list tbody td input.search{width:98px;height:20px;background-image:url('images/search_button.gif');border-style:none;color:#fff;line-height:20px}

.orderinfo{width:720px;margin:10px 0;text-align:center;border:1px #f2f2f2 solid}
.orderinfo thead td{height:32px;background:url('images/user_bg.gif') repeat-x;border:1px #fff solid;color:#fff}
.orderinfo tbody td{border:1px #fff solid;padding:5px;text-align:left}
.orderinfo tbody tr.odd{background-color:#ffffcc}
.orderinfo tfoot td{border:1px #fff solid;padding:5px}
.orderinfo tbody td input.search{width:98px;height:20px;background-image:url('images/search_button.gif');border-style:none;color:#fff;line-height:20px}
.orderinfo tbody th{width:120px;padding:5px}
.orderinfo img{float:left}
.contactinfo{width:720px;margin:10px 0;text-align:center;border:1px #f2f2f2 solid}
.contactinfo thead td{height:32px;background:url('images/user_bg.gif') repeat-x;border:1px #fff solid;color:#fff}
.contactinfo tbody tr.odd{background-color:#ffffcc}
.contactinfo tbody th{width:80px;padding:5px}
.contactinfo tbody td{width:600px;padding:5px;text-align:left}

.LoginInfo{width:300px;margin:10px 0;text-align:center;border:1px #f2f2f2 solid}
.LoginInfo thead td{height:32px;background:url('images/user_bg.gif') repeat-x;border:1px #fff solid;color:#fff}
.LoginInfo tbody td{border:1px #fff solid;padding:5px;text-align:left}
.LoginInfo tbody tr.odd{background-color:#ffffcc}
.LoginInfo tfoot td{border:1px #fff solid;padding:5px}
.LoginInfo tbody th{width:120px}
.LoginInfo tbody td input.search{width:98px;height:20px;background-image:url('images/search_button.gif');border-style:none;color:#fff;line-height:20px}

#sphoto td{height:200px}

#search_layer{width:759px;height:81px;background-image:url('images/search_bg.gif');text-align:center}
#search_layer input.checkbox{border-style:none}
#search_layer table{width:573px;height:60px;color:#fff;text-align:left;margin:0 auto}
#search_layer table td{padding-top:10px;padding-bottom:6px}
#search{width:98px;height:20px;background-image:url('images/search_button.gif');border-style:none;color:#fff}

#teacher_layer{width:424px;float:left}

#starStudents{margin:10px auto;border:1px #15adf0 solid;padding:1px}
#starStudents .title{height:23px;line-height:23px;background:#bae3f9;padding:0 10px;color:#02136f}
#starStudents .title a{height:23px;float:right;text-decoration:underline}
#starStudents ul{height:100%;overflow:hidden}
#starStudents li{width:120px;float:left;text-align:center;padding:20px 10px 10px}
#starStudents .pic{width:82px;height:108px;margin:0 auto}
#starStudents .student{height:25px;line-height:25px;overflow:hidden}
#starStudents .desc{height:30px;line-height:15px;overflow:hidden;color:#666}
#starStudents a{color:#000;text-decoration:none}
#starStudents a:hover{text-decoration:underline}

#starTeachers{border:1px #15adf0 solid;padding:1px;width:204px;margin:10px auto;text-align:left}
#starTeachers .title{height:23px;line-height:23px;background:#bae3f9;padding:0 10px;color:#02136f}
#starTeachers .title a{height:23px;float:right;text-decoration:underline}
#starTeachers ul{height:100%;overflow:hidden}
#starTeachers li{width:184px;text-align:center;padding:10px}
#starTeachers .pic{width:82px;height:108px;margin:0 auto}
#starTeachers .student{height:25px;line-height:25px;overflow:hidden}
#starTeachers .desc{height:30px;line-height:15px;overflow:hidden;color:#666}
#starTeachers a{color:#000;text-decoration:none}
#starTeachers a:hover{text-decoration:underline}


div.main_box{width:400px;margin:15px auto;text-align:left;height:170px;background:url('images/main_box_bg.gif') no-repeat;padding:5px}
.flash_box{width:215px;height:170px;float:left}
div.main_box ul{width:180px;float:right;height:170px;line-height:20px;padding:5px 0}
div.main_box ul a{color:#666;text-decoration:none}
div.main_box ul a:hover{color:#000;text-decoration:underline}

div.teacher_box{width:410px;margin:20px auto;text-align:left;height:100%;overflow:hidden}
div.teacher_box a{text-decoration:none;color:#000}
div.teacher_box a:hover{text-decoration:underline}
div.teacher_box h3{width:410px;height:25px;background-image:url('images/h3_teacher.gif')}
div.teacher_box h3 span.h3{width:108px;height:25px;color:#fff;text-align:center;line-height:25px;float:left}
div.teacher_box h3 a{float:right;width:40px;height:25px}
div.teacher_box h3 a span{display:none}
div.teacher_box #photo_teacher{width:127px;float:left}
div.teacher_box #photo_teacher img{border:1px #999 solid}
div.teacher_box #teacher_info{float:right;width:283px}
div.teacher_box table{width:100%;margin:5px auto}
div.teacher_box table td{height:20px;line-height:20px}
div.teacher_box table th{height:20px;line-height:20px}
div.teacher_box table thead th{text-align:left;font-weight:bold;color:#ffcc33}

div.student_box{width:325px;margin:20px auto;text-align:left;height:100%;overflow:hidden}
div.student_box a{text-decoration:none;color:#000}
div.student_box a:hover{text-decoration:underline}
div.student_box h3{width:325px;height:25px}
div.student_box h3 span.h3{width:108px;height:25px;color:#fff;text-align:center;line-height:25px;float:left;background:url('images/h3_teacher.gif') no-repeat left top}
div.student_box h3 a{float:right;width:140px;height:25px;background:url('images/h3_teacher.gif') no-repeat right top}
div.student_box h3 a span{display:none}
div.student_box #photo_teacher{width:127px;float:left}
div.student_box #photo_teacher img{border:1px #999 solid}
div.student_box #teacher_info{float:right;width:283px}
div.student_box table{width:100%;margin:5px auto}
div.student_box table td{height:20px;line-height:20px}
div.student_box table th{height:20px;line-height:20px}
div.student_box table thead th{text-align:left;font-weight:bold;color:#ffcc33}

#sidebar_help a{text-decoration:none;color:#777}
#sidebar_help a:hover{text-decoration:underline;color:#000}

#teacher_sidebar{width:325px;float:right;padding:0 10px}
#help_layer{width:204px;margin:5px auto 5px auto;height:140px;background-image:url('images/help_bg.gif')}
#help_layer ul{margin:0 8px;text-align:left}
#help_layer ul li{width:188px;height:28px;line-height:28px;display:block;float:left}
#help_layer ul li a{width:94px;height:28px;line-height:28px;display:block;float:left;text-indent:27px;text-decoration:none;color:#666}

#messageBox{width:321px;margin:10px auto;border:1px #15adf0 solid;padding:1px}
#messageBox div.title{height:23px;line-height:23px;background:#bae3f9;padding:0 10px;color:#02136f}
#messageBox ul{padding:10px 0}
#messageBox li{height:23px;line-height:23px;padding:0 8px}
#messageBox li span{color:#626260}
#messageBox li span.view{float:right}
#messageBox li span.title{float:left}
#messageBox li a{color:#626365;text-decoration:none}
#messageBox li a:hover{text-decoration:underline}
#messageBox li strong{font-weight:normal;color:#0d3688}

#helpLayer{width:162px;height:320px;margin:5px auto;background:url('images/helpLayer.jpg');float:right}
#helpLayer li{height:32px;line-height:32px;overflow:hidden}
#helpLayer a{height:32px;display:block;overflow:hidden;text-indent:-5000px}

#notice_layer{width:162px;margin:5px auto;text-align:left;float:left}
#notice_layer h3{height:30px;background:url('images/h3_notice.gif') no-repeat left center;line-height:30px;text-indent:15px;color:#3399ff}
#notice_layer li{height:25px;line-height:25px;color:#3399ff;background:url('images/li_notice.gif') no-repeat 4px center;text-indent:15px}
#notice_layer li a{text-decoration:none;color:#3399ff}
#notice_layer h3 span.h3{width:108px;height:30px;color:#3399ff;float:left;font-size:14px}
#notice_layer h3 a{float:right;width:40px;height:20px}
#notice_layer h3 a span{display:none}

#works_layer{width:204px;margin:5px auto;height:300px;background-image:url('images/works_bg.gif');color:#666;text-align:center;clear:both}
div.temp{height:10px}
#works_layer h3{text-align:left;text-indent:35px;background:url('images/arrow_ad.gif') no-repeat 30px center;color:#666;height:15px;line-height:15px;}
#works_layer .works{margin:5px 0 5px 0}
#works_layer .works img{padding:1px;border:1px #ccc solid}
#works_layer a{text-decoration:none;color:#666}
#article_layer{clear:both;height:100%;overflow:hidden}
#article_layer div{width:374px;float:left;text-align:left;margin:10px 0;margin-right:10px}
#article_layer h3{width:374px;height:23px;background:url('images/h3_article.gif') no-repeat left bottom;text-indent:30px;color:#666/*color:#969696*/}
#article_layer h3 span.h3{width:250px;height:23px;color:#666;float:left;display:block;line-height:23px}

#article_layer h3 a{float:right;width:40px;height:25px}
#article_layer h3 a span{display:none}

#article_layer li{height:24px;line-height:24px;background-image:url('images/li_article.gif');color:#d6d6d6;text-indent:15px;overflow:hidden}
#article_layer li a{color:#666;text-decoration:none}

#links_layer{width:996px;margin:10px 0}
#links_header{width:996px;height:4px;background:url('images/links_header.gif') no-repeat center top}
#links_footer{width:996px;height:4px;background:url('images/links_footer.gif') no-repeat center bottom}
#links_ad{padding:0 17px}
#links_ad img{margin:4px;float:left}
#links_text{padding:0 80px;height:100%;overflow:hidden;border-left:1px #d8d8d8 solid;border-right:1px #d8d8d8 solid}
#links_text div{width:151px;height:20px;line-height:20px;float:left;display:block;text-align:center;margin:4px}
#links_text a{text-decoration:none;color:#666}

#footer_layer{width:996px}
#footer_menu{height:31px;line-height:31px;background:url('images/footer_menu_bg.gif') repeat-x;text-indent:227px}
#footer_menu a{color:#666;text-decoration:none}
#footer_menu a:hover{color:#000}
#footer{background-color:#f4f4f2;line-height:20px}
#footer_logo{float:left;width:227px;height:90px;background:url('images/footer_logo.gif') no-repeat center center}
#copyright{width:769px;float:right;padding:10px 0}
#copyright a{color:#666;text-decoration:none}
#copyright a:hover{color:#000}

#page{float:right;color:#666;margin:5px 0}
#page li{float:left;height:18px}
#page span{border:1px #666 solid;margin:0 2px;height:18px;line-height:18px;display:block;float:left;padding:0 5px}
#page a span{display:none}
#page a{border:1px #666 solid;margin:0 2px;height:18px;line-height:18px;display:block;float:left;padding:0 5px;text-decoration:none;color:#666}
#page a.selected{border:1px #ff9900 solid;color:#ff9900}
#page a:hover{border:1px #ff9900 solid;color:#ff9900}
#page a.play_1{background:url('images/play_1.gif') no-repeat left top;width:18px;padding:0}
#page a.play_2{background:url('images/play_2.gif') no-repeat left top;width:18px;padding:0}
#page a.play_5{background:url('images/play_5.gif') no-repeat left top;width:18px;padding:0}
#page a.play_6{background:url('images/play_6.gif') no-repeat left top;width:18px;padding:0}
#page a.play_1:hover{background:url('images/play_1.gif') no-repeat left bottom}
#page a.play_2:hover{background:url('images/play_2.gif') no-repeat left bottom}
#page a.play_5:hover{background:url('images/play_5.gif') no-repeat left bottom}
#page a.play_6:hover{background:url('images/play_6.gif') no-repeat left bottom}

dl.studentInfo{text-align:left;height:100%;overflow:hidden;padding:20px 0}
dl.studentInfo dt{width:437px;float:right;font-size:14px;font-weight:bold;line-height:30px}
dl.studentInfo dd.img{width:82px;height:108px;float:left;padding:0 100px}
dl.studentInfo dd{width:437px;line-height:20px;float:right}
.StudentContent{text-align:left;padding:0 20px}

a.addq{float:right;width:132px;height:32px;line-height:32px;text-align:center;font-size:14px;font-weight:bold;background:url('images/button_a.gif')}

.pList{margin:10px 0;border:1px #ccc solid;text-align:left;padding:10px}
.pList .title{line-height:18px;padding:2px 0;color:#888}
.pList .body{line-height:20px;padding:2px 0}
div.textarea{padding:10px 0}
div.textarea textarea{border:1px #ccc solid;width:600px;height:100px;overflow:auto}
div.submit{margin-bottom:20px}
div.submit input{width:82px;height:23px;background:url('images/submit_2.gif');border:0;color:#fff}
