/*CSS Reset based on YUI 3.4.1 (build 4118) By zhcexo*/
html { color:#000; background:#FFF }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { font: 12px/1.5 tahoma, arial, simsun, sans-serif; color:#000; }
section, header, article, time, nav, footer, figure, figcaption { display:block; margin:0; padding:0; }
input:focus, a:focus { outline:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
button, input, textarea, select { font-family:tahoma, arial, simsun, sans-serif; font-size:inherit; font-weight:inherit; line-height:1.5; vertical-align:middle; }
button, input, textarea, select { *font-size:100%; }
textarea { resize:none; }
legend { color:#000; }
a { vertical-align:baseline; }
a, a:visited { color:#333; text-decoration:none; }
a:hover { color:#c00; text-decoration:underline; }
/*functions*/
.clear { display:block; float:none; clear:both; overflow:hidden; visibility:hidden; width:0; height:0; background:none; border:0; font-size:0; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { zoom:1; }
.left { float:left; display:inline; }
.right { float:right; display:inline; }
/*Layouts and styles*/
#wrap { width:960px; margin:0 auto; }
#head { height:323px; margin-bottom:2px; position:relative; background:url(../images/header_bg.jpg) center top no-repeat; }
#head h1 { position:absolute; top:54px; left:278px; text-indent:-9999px; }
#head h1 a { display:block; width:400px; height:80px; }
#nav { height:42px; line-height:42px; font-size:14px; font-weight:bold; background:#dc6d00; text-align:center; color:#fff; }
#nav li { display:inline-block;  *zoom:1; *display:inline; }
#nav li a, #nav li a:visited { margin:0 18px; color:#fff; }
#main { margin-top:18px; margin-bottom:20px; }
#slider { width:250px; height:200px; position:relative; margin-left:8px; padding:1px; border:1px solid #999; }
#slider .list { position:relative; width:250px; height:200px; overflow:hidden; }
#slider .list li { position:absolute; top:0; left:0; width:250px; height:200px; opacity:0; filter:alpha(opacity=0); }
#slider .list li.current { opacity:1; filter:alpha(opacity=100); }
#slider .count { position:absolute; right:0; bottom:5px; }
#slider .count li { color:#f00; float:left; width:20px; height:20px; line-height:20px; cursor:pointer; margin-right:5px; overflow:hidden; background:#000; opacity:0.7; filter:alpha(opacity=70); text-align:center; }
#slider .count li.current { opacity:1; filter:alpha(opacity=100); font-weight:bold; background:#000; }
.infos { width:370px; height:204px; line-height:1.8; overflow:hidden; margin-left:10px; font-size:12px; }
.infos h2 { border-bottom:1px dotted #ccc; font-size:16px; font-weight:bold; text-align:center; }
.infos h2 a, .infos h2 a:visited { color:#c00; }
.infos p { margin:4px 0; }
.table { width:298px; height:202px; overflow:hidden; margin-right:8px; border:1px solid #ccc; }
.table h3 { height:32px; line-height:32px; margin:0 5px 5px; padding-bottom:5px; background:url(../images/h_border.png) 0 30px no-repeat; font-size:14px; font-weight:bold; color:#dc6f01; }
.table table { width:290px; margin:0 auto; border:1px solid #ccc; }
.table table th, .table table td { line-height:32px; border:1px solid #ccc; text-align:center; color:#333; }
.table table th { line-height:24px; background:#f4ebdc; font-weight:bold; color:#dc6d00; }
.box h3 { height:20px; margin-bottom:15px; background:#dc6d00; }
.box h3 span { display:inline-block;  *zoom:1; *display:inline; line-height:20px; overflow:hidden; margin-left:15px; padding:0 10px; background:#f7f0e6; font-size:16px; font-weight:bold; color:#dc6d00; }
.crspart { margin-bottom:20px; padding:8px; *padding:8px 8px 20px; border:1px solid #e8dbd7; background:#f7f0e6; }
#area { table-layout:fixed; width:920px; margin:0 auto 12px; text-align:center; }
#area td { line-height:36px; border:1px solid #ccc; background:#fff; }
#area a, #area a:visited { color:#c00; }
#area a:hover { font-weight:bold; }
.twobox { margin-bottom:20px; }
.twobox .left, .twobox .right { width:692px; padding:8px; border:1px solid #e8dbd7; background:#f7f0e6; }
.twobox .right { width:212px; height:575px; padding:8px; }
#detail { width:676px; margin:0 auto 12px; }
#detail th, #detail td { line-height:30px; border:1px solid #dfcdc6; background:#fff; text-align:center; }
#detail th { background:#fffbf2; font-weight:bold; }
#detail tbody th { background:#fff; }
#detail a, #detail a:visited { color:#333; }
#detail a:hover { color:#c00; }
.twobox .right .box { margin-bottom:25px; }
.twobox .right .box p { line-height:1.8; text-indent:2em; }
#clslist { width:920px; table-layout:fixed; margin:0 auto 12px; }
.list_col_1 { width:200px; *width:198px; }
.list_col_2, .list_col_3, .list_col_4, .list_col_5, .list_col_6, .list_col_8 { *width:100px; width:98px; }
.list_col_7 { width:120px; *width:118px; }
#clslist th { height:60px; *height:58px; }
#clslist td { height:50px; *height:48px; }
#clslist .aLeft a { margin:0 20px; }
#clslist .listen, #clslist .enroll { display:block; width:43px; height:17px; margin:auto; }
#clslist .enroll { width:51px; height:20px; }
#clslist, #clslist th, #clslist td { border:1px solid #dfcdc6; text-align:center; }
#clslist th { font-size:14px; font-weight:bold; color:#6a311b; background:#fffbf2; }
#clslist td { background:#fff; color:#6a311a; }
#clslist .aLeft { text-align:left; }
#clslist a, #clslist a:visited { color:#6a311a; }
#clslist a:hover { color:#c00; }
#clslist .listen, #clslist .enroll { text-indent:-9999px; background:url(../images/icons.png) -7px -88px no-repeat; }
#clslist .enroll { background-position:-6px -160px; }
#foot { padding-bottom:20px; }
#foot p { line-height:2; }
.rollink a { margin:0 20px; }
#foot p { text-align:center; color:#666; }
.rollink a, .rollink a:visited { color:#666; }
.rollink a:hover { color:#c00; }