/*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*/
body { color:#333; }
#wrap { width:960px; margin:0 auto; }
#head { height:260px; position:relative; background:url(../images/header_bg.jpg) center top no-repeat; }
#head h1 { position:absolute; left:95px; top:100px; }
#head a { display:block; width:500px; height:100px; text-indent:-9999px; }
#nav { height:40px; line-height:40px; margin-bottom:20px; background:url(../images/nav_bg.png) center center no-repeat; font-size:14px; font-weight:bold; color:#fff; text-align:center; }
#nav li { display:inline-block;  *zoom:1; *display:inline; }
#nav a, #nav a:visited { margin:0 18px; color:#fff; }
.box { margin-bottom:20px; }
.box h3 { height:41px; line-height:32px; background:url(../images/title_bg.png) center center no-repeat; font-size:14px; font-weight:bold; color:#fff; }
.box h3 span { display:inline-block; width:160px; height:32px; line-height:32px; margin-left:21px; text-align:center; }
#fxx { padding-top:15px; background:url(../images/corner_top.png) center top no-repeat; }
#fxx .bot_bg { height:15px; background:url(../images/corner_bot.png) center bottom no-repeat; }
#fxx .content { padding:5px 15px; border:3px solid #1085cb; border-top:0 none; border-bottom:0 none; }
.content .left { width:240px; line-height:1.8; }
.content .left strong { font-size:14px; font-weight:bold; color:#338bd5; }
.content .left p a, .content .left p a:visited { color:#f60; }
.content .right { width:600px; }
.content .right h4 { margin-bottom:10px; font-size:16px; font-weight:bold; color:#338bd5; }
#lnfxx { width:600px; }
#lnfxx td, #lnfxx th { height:35px; border:1px solid #ccc; text-align:center; }
#lnfxx th { font-weight:bold; color:#f60; }
#area { margin-top:15px; }
#area a { display:inline-block;  *zoom:1; *display:inline; width:77px; height:24px; border:1px solid #57a7d7; margin:0 20px 18px; line-height:24px; text-align:center; }
#area a, #area a:visited { color:#03f; }
#area a:hover { font-weight:bold; color:#f60; }
#endetail { width:880px; margin:15px auto; }
#endetail thead { background:#eaf5fd; }
#endetail td, #endetail th { height:30px; border:1px solid #e3e3e3; text-align:center; }
#endetail th { font-weight:bold; }
#endetail a:hover { color:#f60; }
.step5, .step6, .step7 { margin:25px auto; }
.step5 a, .step5 span, .step6 a, .step6 span, .step7 a, .step7 span { display:block; float:left; display:inline; }
.step5 a, .step6 a, .step7 a { width:160px; height:35px; position:relative; }
.step5 .stepbg, .step6 .stepbg, .step7 .stepbg { width:5px; height:35px; position:absolute; margin:0; top:0; right:0; background:url(../images/step_bg.png) right center no-repeat; }
.step6 a { width:128px; }
.step7 a { width:105px; }
.step5 span, .step6 span, .step7 span { width:24px; height:35px; margin:0 5px; }
.step5 a, .step6 a, .step7 a, .step5 a:visited, .step6 a:visited, .step7 a:visited { line-height:35px; text-align:center; background:#0f85cb url(../images/step_bg.png) left center no-repeat; color:#fff; }
.step5 span, .step6 span, .step7 span { line-height:32px; background:url(../images/icons.png) -74px 3px no-repeat; text-indent:-9999px; }
#clslist { width:920px; margin:20px auto 0; table-layout:fixed; }
.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 #ccc; text-align:center; }
#clslist th { font-size:14px; font-weight:bold; color:#0e81c6; background:#e1f2fd; }
#clslist td { background:#fff; color:#333; }
#clslist .aLeft { text-align:left; }
#clslist a, #clslist a:visited { color:#333; }
#clslist a:hover { color:#f60; }
#clslist .listen, #clslist .enroll { text-indent:-9999px; background:url(../images/icons.png) -56px -60px no-repeat; }
#clslist .enroll { background-position:-48px -79px; }
#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; }