/* 全局CSS定义 */
body { text-align: center; margin:0 auto; padding:0; font-size:12px;color:#999;font-family:宋体，simsun}
body > div {text-align:center; margin-right:auto; margin-left:auto;} 
div,form,ul,ol,li,span,p {margin: 0; padding: 0; border: 0;}
img,a img{border:0; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px;font-weight:normal;}
ul,ol,li {list-style:none}
table,td,input {font-size:12px}

.clear { clear: both; font-size:1px; width:1px; visibility: hidden;margin-top:0px !important;margin-top:-2px;}/*ie and firefox1.5 updata */
.blank30_w {background:#fff;margin:0 auto; width:100%; height:30px; font-size:1px;clear:both;}
.blank15_w {background:#fff;margin:0 auto; width:100%; height:15px; font-size:1px;clear:both;}
.blank15 {margin:0 auto; width:100%; height:15px; font-size:1px;clear:both;}
.blank10 {margin:0 auto; width:100%; height:10px; font-size:1px;clear:both;}
.blank8_w {background:#fff;margin:0 auto; width:100%; height:10px; font-size:1px;clear:both;}
.blank8 {margin:0 auto; width:100%; height:8px; font-size:1px;clear:both;}
.blank5 {margin:0 auto; width:100%; height:5px; font-size:1px;clear:both;}
.blank3_w {background:#fff;margin:0 auto; width:100%; height:3px; font-size:1px;clear:both;}

.indexArea {width:720px;margin:0px auto}
#index {width:720px;margin:0px auto}
#index .top .logo {float:left}
#index .top .toolbar {float:right;padding-top:44px;padding-right:1px}
#index .flash {}
#index .indexCont .funButton IMG {float:left}
#index .indexCont .login {background:url(../../images/global/lbg.gif)}
#index .indexCont .login H2{padding:0px;padding-left:9px;float:left}
#index .indexCont .login H2 IMG {float:left}
#index .indexCont .login .lcon {float:left;width:460px}
#index .indexCont .login .lcon H2 {width:451px;float:left}

#index .indexCont .login .lcon .texts {background:#fff;width:439px;margin:15px auto;}
#index .indexCont .login .lcon .texts P {width:413px;margin:13px;text-align:left;line-height:22px;color:#999999}
#index .indexCont .login .lcon .texts P SPAN{color:#CCCCCC;padding-left:15px}
#index .indexCont .login .lcon .texts P SPAN A{text-decoration:underline;color:#ccc;}
#index .indexCont .login .rcon {float:right;width:250px}
#index .indexCont .login .rcon .fleft {float:left;margin-left:12px;width:160px;display:inline}
#index .indexCont .login .rcon .fleft UL {width:160px;}
#index .indexCont .login .rcon .fleft LI {margin-bottom:8px}
#index .indexCont .login .rcon .fleft LI SPAN {float:left;line-height:24px}
#index .indexCont .login .rcon .fleft INPUT {background:url(../../images/global/logninputBg.gif);width:103px;height:22px;border:0px;line-height:22px}
#index .indexCont .login .rcon .fright {float:right;margin-right:11px;width:64px;display:inline}
#index .indexCont .login .rcon .loginFun {margin-top:10px}
#index .indexCont .login .rcon .loginFun A {padding:0px 10px;color:#7F7F7F;text-decoration:underline;}
#index .indexCont .login .rcon .loginFun A:visited {color:#551a8b;text-decoration:none}
#index .indexCont .login .rcon .loginFun SPAN {font-weight: bold;}
#index .indexCont .login .rcon .loginFuns {margin-top:10px}
#index .indexCont .login .rcon .loginFuns .f14 {font-size:14px}
#index .indexCont .login .rcon .lh28{line-height:28px} 
#index .indexCont .login .rcon .loginFuns A {color:#7F7F7F;text-decoration:underline;}
#index .indexCont .login .rcon .loginFuns A:visited {color:#551a8b;text-decoration:none}
#index .indexCont .login .rcon .loginFuns SPAN {color:#5A5A5A}
#index .indexCont .login .rcon .loginFun .otherFont {}
#main {background:url(../../images/global/mainbg.gif);margin:0px auto;margin-top:17px}

#main H2 {font-size:14px;font-weight:bold;float:left;text-align:left}

#main .leftArea {float:left;width:703px}
#main .leftArea .focus {background:url(../../images/global/focusBg.gif);width:703px;margin:0px auto}
#main .leftArea .focus .lc{float:left;width:212px;background:url(../../images/global/focusleft.gif) bottom no-repeat;}
#main .leftArea .focus .lc H2 {padding-left:17px;line-height:22px;color:#74C002;width:195px}
#main .leftArea .focus .lc .courses {width:160px;margin:0px auto;height:171px}
#main .leftArea .focus .lc .courses IMG {border:4px #E3E3E3 solid;}
#main .leftArea .focus .lc .courses UL {width:160px;margin:0px auto;font-size:14px}
#main .leftArea .focus .lc .courses LI {line-height:20px;text-align:left;color:#000}
#main .leftArea .focus .lc .courses LI SPAN {float:left}
#main .leftArea .focus .lc .courses .tdStyle {width:140px;float:right;color:#000} 
#main .leftArea .focus .lc .courses .tdStyle A {line-height:22px;color:#000}
#main .leftArea .focus .lc .courses .tdStyle A:visited {color:#551a8b;text-decoration:none}
#main .leftArea .focus .lc .courses .arrows {margin:0px auto}
#main .leftArea .focus .lc .courses .arrows IMG {border:0px;}
#main .leftArea .focus .lc .courses .arrows A {padding:0px 5px}
#main .leftArea .focus .lc .progress {background:url(../../images/global/progressBg.gif) no-repeat;width:160px;height:14px;margin:5px auto}
#main .leftArea .focus .lc .progress span {width:50px;font-size:10px;float:left;color:#fff;text-align:left;padding-left:6px}
#main .leftArea .focus .lc .progress .time {width:104px;float:right;}
#main .leftArea .focus .lc .progress .timeLine {border:1px #fff solid;float:left;width:94px;margin-top:3px}
#main .leftArea .focus .lc .progress .timeLine IMG {float:left}
#main .leftArea .focus .lc .total {color:#74C002;line-height:22px74C002}
#main .leftArea .focus .lc .enter {padding-top:15px;color:#fff;font-size:14px;font-weight:bold;text-align:right;padding-right:20px;text-decoration:underline;}
#main .leftArea .focus .lc .enter A {color:#fff;text-decoration:underline;}

#main .imgLink a{border:4px #E3E3E3 solid;display: block;}
#main .imgLink a:hover {border:4px #f00 solid;display: block;}

#main .leftArea .focus .rc{float:right;width:481px;background:url(../../images/global/focusright.gif) bottom no-repeat;}
#main .leftArea .focus .rc .title {background:url(../../images/global/frtitlebg.gif);height:30px}
#main .leftArea .focus .rc .title UL{width:368px;float:left;}
#main .leftArea .focus .rc .title LI{margin-right:2px;float:left;}
#main .leftArea .focus .rc .title .other {background:url(../../images/global/tag_001.gif);width:118px;height:20px;font-weight:bold;padding-top:10px;font-size:14px;color:#FF8C29;}
#main .leftArea .focus .rc .title .other A {color:#ff8c29}
#main .leftArea .focus .rc .title .other A:visited {color:#551a8b;text-decoration:none}
#main .leftArea .focus .rc .title .gm {background:url(../../images/global/gmbg.gif);width:60px;height:20px;padding-top:10px;color:#fff}
#main .leftArea .focus .rc .title .gm A {color:#fff}
#main .leftArea .focus .rc .title .gm A:visited {color:#551a8b;text-decoration:none}
#main .leftArea .focus .rc .content {width:385px;height:241px!important;height:242px;float:left;padding-left:45px;margin-top:16px;text-align:left;}
#main .leftArea .focus .rc .content .cPic {float:right}
#main .leftArea .focus .rc .content .cc  {width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;font-size:12px;color:#000}
#main .leftArea .focus .rc .content .cc SPAN {font-size:14px;color:#FF8C29;line-height:20px}
#main .leftArea .focus .rc .content .cc A{color:#000;line-height:22px;text-decoration:underline;}
#main .leftArea .focus .rc .content .cc a:visited {color:#666;text-decoration:none}
#main .leftArea .focus .rc .content .cc .fb{color:#000;font-weight:bold;line-height:22px}

#main .leftArea .focus .rc .seArea14 {color:#FFE680;float:left;width:303px;text-align:left;font-size:14px;padding-left:10px;padding-top:14px}
#main .leftArea .focus .rc .seArea {color:#FFE680;float:left;width:303px;text-align:left;font-size:14px;padding-left:10px;padding-top:10px}
#main .leftArea .focus .rc .seArea SELECT {width:50px}
#main .leftArea .focus .rc .buttons {width:168px;float:right} 
#main .leftArea .focus .rc .buttons IMG {float:left;padding-left:10px}

#main .ledtArea .active {background:url(../../images/global/activeBg.gif);}
#main .leftArea .active .lc1{float:left;width:212px;}
#main .leftArea .active .lc1 H2 {background:url(../../images/global/H2bg.gif);width:208px;height:22px;padding-top:12px;;padding-left:4px;color:#666;}
#main .leftArea .active .lc1 P {float:left;width:202px;margin:5px auto;text-align:left}
#main .leftArea .active .lc1 P SPAN {margin:15px auto;color:#999;font-size:18px}
#main .leftArea .active .lc1 P SPAN A {color:#999;text-decoration:none;padding:0px 2px}
#main .leftArea .active .lc1 .other {color:#FF6600;font-size:20px;;font-weight:bold;}
#main .leftArea .active .lc1 .other A {color:#FF6600;text-decoration:none}
#main .leftArea .active .lc1 UL {padding:5px;width:192px;line-height:22px;text-align:left;}
#main .leftArea .active .lc1 UL SPAN {font-size:14px;font-weight:bold}
#main .leftArea .active .lc1 .per {border:1px #999 solid;padding:1px;background:#fff;height:21px}
#main .leftArea .active .lc1 .per IMG{float:left}
#main .leftArea .active .lc1 .f10 {font-size:10px;font-family: Arial}

#main .leftArea .active .rc1 {float:right;width:481px;}
#main .leftArea .active .rc1 H2 {background:url(../../images/global/rcH2.gif);width:466px;height:26px;padding-left:15px;padding-top:12px;color:#666;}
#main .leftArea .active .rc1 .community {background: #fff;width:462px;margin:0px auto;padding-top:10px}
#main .leftArea .active .rc1 .community .tdbg {background:url(../../images/global/tdbg.gif) no-repeat;height:36px;width:148px;padding-left:10px;text-align:left}
#main .leftArea .active .rc1 .community .tdbg SPAN {font-weight:bold;padding:0px 5px}
#main .leftArea .active .rc1 .community .color1 {color:#74C002}
#main .leftArea .active .rc1 .community .color2 {color:#FF9703}

#main .leftArea .active .rc1 .list {background:url(../../images/global/c2.gif);width:435px;margin:10px auto;}
#main .leftArea .active .rc1 .list H3 {background:url(../../images/global/listH2.gif);font-weight:bold;color:#666;padding-top:8px;height:20px;text-align:left;}
#main .leftArea .active .rc1 .list UL {width:200px;margin:8px auto;text-align:left}
#main .leftArea .active .rc1 .list LI {color:#666;line-height:20px}
#main .leftArea .active .rc1 .list LI A{color:#666;padding-left:10px}
#main .leftArea .active .rc1 .list .tdStyle {width:175px;}
#main .leftArea .active .rc1 .list .tdStyle A {color:#666}
#main .leftArea .active .rc1 .list .tdStyle A:visited {color:#551a8b;text-decoration:none}
#main .leftArea .active .rc1 .leftList {width:217px;float:left;padding-left:1px;display:inline}
#main .leftArea .active .rc1 .rightList{width:216px;float:right;padding-right:1px;display:inline}


#main .rightArea {float:right;width:242px}
#main .rightArea .tips {border:1px #E5E5E5 solid;width:218px;margin:0px auto;margin-top:10px;background:#fff}
#main .rightArea .tips H2 {color:#666}
#main .rightArea .tips H2 SPAN {float:right;color:#ADADAD;font-size:12px;text-decoration:underline;}
#main .rightArea .tips P {margin:0px auto;background:url(../../images/global/pbg.gif) top repeat-x;width:166px;margin:0px auto;padding:10px 20px;text-align:left;line-height:18px;color:#999}
#main .rightArea .buttons {background:url(../../images/global/buttongbg.gif);width:180px;height:53px;padding-left:39px;padding-top:13px;text-align:left;color:#999;line-height:18px;margin:0px auto}
#main .rightArea .buttons A {color:#999999}
#main .rightArea .buttons A:visited {color:#551a8b;text-decoration:none}
#main .rightArea .buttons SPAN {font-size:14px;color:#000;display:block}
#main .rightArea .buttons SPAN A{color:#000}

.note {width:220px;margin:0px auto;background:#fff}
.note H2 {color:#666;background:#F5F5F5;font-size:14px;font-weight:bold;float:left;text-align:left}
.note H2 SPAN {float:right;color:#ADADAD;font-size:12px;text-decoration:underline;;padding-top:13px;font-weight:normal}
.note H2 SPAN A {color:#ADADAD}
.note H2 SPAN A:visited {color:#551a8b;text-decoration:none}
.note .tableStyle UL {width:206px;text-align:left;margin:0px auto;background:url(../../images/global/tablebg.gif) top repeat-x;color:#999}
.note .tableStyle LI {line-height:25px;background:url(../../images/global/lines.gif) bottom repeat-x;word-wrap : break-word ;}
.note .tableStyle .title {height:30px;font-weight:bold;padding-top:15px;background: none;}
.note .tableStyle SPAN {float:right;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;} 
.note .tableStyle .names {float:right;padding:0 5px;width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;} 
.note .tableStyle .tdStyle {width:140px;float:left} 
.note .tableStyle .tdStyle A {line-height:22px;color:#999}
.note .tableStyle .tdStyle A:visited {color:#551a8b;text-decoration:none}
.note .leftT {float:left;padding-left:10px}
.note .inputArea {margin:0px auto;width:203px;padding:22px 0px 23pxS}
.note .inputArea textArea {background:url(../../images/global/inputbg.gif);float:left;width:141px;height:66px;border:0px}
.note .inputArea IMG {float:right}

/* 最新内容 */
#nav_10{overflow:hidden;width:170px;height:40px;}
#nav_10 div{height:40px;white-space:nowrap;overflow:hidden;}

#Regist {width:957px;margin:0px auto;margin-top:15px;background:url(../../images/global/content_bg.gif);color:#66666}
#Regist .title {background:url(../../images/global/con_titile_bg.gif);width:957px;}
#Regist .title H2 {padding:10px 15px;text-align:left;width:927px;font-size:14px;font-weight:bold;color:#339900;}
#Regist .tagArea {background:url(../../images/global/tagBg.gif) bottom repeat-x;width:957px;}
#Regist .tagArea .tagLeft {float:left;width:602px;text-align:left}
#Regist .tagArea .tagLeft SPAN {padding:10px 15px;width:572px;font-size:14px;font-weight:bold;color:#339900}

#Regist .textImg {background:#fff;width:822px;margin:0px auto;text-align:left;padding-top:39px;padding-bottom:11px;font-size:14px}
#Regist .textImg SPAN {color:#FF9900}
#Regist .textImgs {background:#fff;width:350px;margin:0px auto;text-align:left;padding-top:39px;padding-bottom:11px;font-size:12px;font-weight:bold}
#Regist .form {background:url(../../images/global/formbg.gif);width:822px;margin:0px auto;font-size:12px}
#Regist .form td {height:45px;}
#Regist .form td SPAN {line-height:22px}
#Regist .form .registerFail {color:red}
#Regist .form .f14 {color:#000}
#Regist .form INPUT {float:left}
#Regist .form label {float:left;padding:5px 8px 5px 5px;font-size:14px;color:#000;}
#Regist .form .textColor {color:#FF0000;line-height:20px}
#Regist .form .textColor1 {color:#CCC}
#Regist .tableText {display:block;border:1px #f00 solid}
#Regist .buttonArea {width:300px;margin:20px auto}
#Regist .buttonArea A {padding:0px 18px 20px}
#Regist .buttonArea A:visited {color:#551a8b;text-decoration:none}

#Regist .login {width:390px;background:url(../../images/global/loginBg.gif);width:390px;height:229px;margin:0px auto 100px;}
#Regist .login INPUT {background:url(../../images/global/loginInputBg.gif);padding:2px 2px 0 2px;width:151px;height:22px;border:0px}
#Regist .login TABLE {color:#fff;}
#Regist .login TD {font-size:14px}
#Regist .login .loginFun {width:300px;color:#fff;padding-top:40px}
#Regist .login .loginFun A {padding:10px;color:#fff}
#Regist .login .loginFun A:visited {color:#551a8b;text-decoration:none}


#content {width:957px;margin:0px auto;margin-top:15px;background:url(../../images/global/content_bg.gif);color:#66666}
#content .title {background:url(../../images/global/con_titile_bg.gif);width:957px;}
#content .title H2 {padding:10px 15px;text-align:left;width:927px;font-size:14px;font-weight:bold;color:#339900}
#content .title H2   SELECT {width:120px;margin-left:7px} 
#content .tagArea {background:url(../../images/global/tagBg.gif) bottom repeat-x;width:957px;}
#content .tagArea .tagLeft {float:left;width:602px;text-align:left;}
#content .tagArea .tagLeft P {float:left;padding:10px 15px;width:572px;color:#666;font-size:14px}
#content .tagArea .tagLeft SELECT {padding-right:5px}
#content .tagArea .tagLeft span {padding:10px 15px;width:572px;font-size:14px;font-weight:bold;color:#339900}
#content .tagArea .w802 {float:left;width:802px;text-align:left;}
#content .tagArea .w802 P {width:772px;}
#content .tagArea .w802 P IMG{padding-left:10px}
#content .tagArea .tagRight {float:right;width:348px;}
#content .tagArea .w148 {float:right;width:148px;}
#content .tagArea .tagRight IMG {float:left}
#content .tagArea .w766s {width:840px;margin:0px auto}
#content .tagArea .w766s .picLeft {float:left;width:101px;} 
#content .tagArea .w766s .picLeft IMG {border:4px #E3E3E3 solid;margin-top:4px;margin:0px 10px}
#content .tagArea .w766s .textRight {float:right;width:719px;text-align:left;padding-left:10px;line-height:22px}
#content .tagArea .w766s .textRight H4{color:#66cc00;font-weight:bold;font-size:18px;padding-bottom:10px}
#content .tagArea .w766s .textRight SPAN {color:#FF9900;font-weight:bold}
#content .tagArea .w766s .sub div {padding-right:10px;float:left}
#content .tagArea .w766s .sub SPAN {font-size:12px}

#content .tagArea UL {float:right;padding-right:34px;display:inline}
#content .tagArea LI {float:left;margin-right:5px;font-size:14px}
#content .tagArea .tagbg1 {background:url(../../images/global/libg1.gif);width:89px;height:18px;padding-top:9px;color:#99CC33;font-weight:bold}
#content .tagArea .tagbg1 A {color:#99cc33}
#content .tagArea .tagbg2 {background:url(../../images/global/libg2.gif);width:69px;height:20px;padding-top:7px;color:#fff;}
#content .tagArea .tagbg2 A {color:#fff}
#content .tagArea .tagbg3 {background:url(../../images/global/libg3.gif);width:225px;height:22px;padding-top:5px;color:#88C61F;font-size:12px}
#content .tagArea .tagbg3 A {color:#88C61F}
#content .tagArea .tagbg3 SELECT {width:120px;margin-left:7px} 

#content .contentImges H3 {background:url(../../images/global/dlbg.gif) bottom repeat-x;margin-bottom:0px;width:272px;text-align:left;font-size:14px;font-weight:bold;color:#666;}
#content .contentImges .w919 {width:919px}
#content .contentImges .cAreas {margin:10px auto}
#content .contentImges DL{width:272px;text-align:left;margin:0px auto;padding-top:5px}
#content .contentImges DD,DT {color:#333;height:22px;line-height:20px;padding-top:9px;padding-left:9px;text-align:left;margin-left:0px;}
#content .contentImges .tdStyle {width:193px;float:left;}
#content .contentImges SPAN {float:right;}
#content .contentImges A {color:#333}
#content .contentImges DD {background:url(../../images/global/ddbg.gif)}
#content .contentImges DT {background:#fff;}
#content .contentImges .moreStyle {background:none;border-top:1px #CDCDCD solid;margin-top:5px;color:#999;}
#content .contentImges .moreStyle A {color:#999;}

#content .contentTeach {background:url(../../images/global/teachBg.png);width:939px;margin:0px auto;height:243px;}
#content .contentTeach .picAreas {padding:10px 25px 5px;margin:0px auto;width:263px;text-align:left;line-height:20px}
#content .contentTeach .picAreas .textRight {float:right;width:163px;}
#content .contentTeach .picAreas .textRight H4{color:#66cc00;font-weight:bold;font-size:11px;}
#content .contentTeach .picAreas .textRight SPAN {color:#FF9900;font-weight:bold}
#content .contentTeach .picAreas .picLeft {float:left;width:100px;} 
#content .contentTeach .picAreas .picLeft IMG {border:4px #E3E3E3 solid;margin-top:4px}
#content .contentTeach .picAreas P {width:263px;height:80px!important;height:78px;overflow:hidden;margin:0px auto;display:Block;}
#content .contentTeach .picAreas .c3 {width:263px;margin:4px auto;}
#content .tPicArea {width:920px;margin:0px auto;line-height:22px;padding:8px 4px;}
#content .tPicArea .imgStyle {border:4px #E3E3E3 solid;margin-top:4px}
#content .tPicArea LI {height:161px}
#content .tPicArea SPAN {display:block;color:#66cc00;font-weight:bold;font-size:11px;height:50px!important;height:42px;overflow:hidden;padding:0px;margin:0px}

#content .contentHistory {width:890px;margin:0px auto}
#content .contentHistory .lc {width:388px;float:left}
#content .contentHistory .lc H2{background:url(../../images/global/lcH2.gif);padding-left:17px;padding-top:6px;height:24px;width:371px;text-align:left;font-size:14px;color:#999}
#content .contentHistory .lc H2 SPAN {float:left;width:157px;color:#000;padding-top:4px}
#content .contentHistory .lc H2 strong {color:#FF9900;font-size:18px;padding-right:5px;padding-left:5px;font-family:Verdana} 
#content .contentHistory .rc {width:502px;float:right}
#content .contentHistory .rc H2{background:url(../../images/global/lcH2.gif) left repeat-y;padding-left:17px;padding-top:6px;height:24px;width:485px;text-align:left;font-size:14px;color:#000}
#content .contentHistory H2{background:url(../../images/global/hoH2.gif);padding-left:17px;padding-top:6px;height:24px;width:872px;text-align:left;font-size:14px;color:#000}
#content .contentHistory .rc .map {margin:10px auto;width:502px;background:url(../../images/global/maps.gif);height:315px;}
#content .contentHistory .rc .map UL {width:502px;text-align:left;margin-top:12px}
#content .contentHistory .rc .map LI {margin-bottom:30px;}
#content .contentHistory .rc .map LI SPAN {float:left;text-align:right;width:61px;color:#000;padding-top:4px;padding-right:5px;}
#content .contentHistory .rc .map .newsStyel {float:left;width:432px;color:#000;line-height:13px}
#content .contentHistory .rc .loading {width:303px;margin:15px auto;background:#fff;border:1px #AFE855 solid}
#content .contentHistory .rc .loading IMG {float:left}
#content .contentHistory .rc H2 strong {color:#FF9900;font-size:18px;padding-right:10px;padding-left:10px;font-family:Verdana} 
#content .contentHistory .bookName {width:890px;margin:0px auto}
#content .contentHistory .bookName .picLeft {float:left;width:100px;} 
#content .contentHistory .bookName .picLeft IMG {border:4px #E3E3E3 solid;margin-top:4px}
#content .contentHistory .bookName .textRight {float:right;width:780px;text-align:left;padding-left:10px;line-height:22px}
#content .contentHistory .bookName .textRight H4{color:#66cc00;font-weight:bold;font-size:18px;padding-bottom:10px}
#content .contentHistory .bookName .textRight SPAN {color:#FF9900;font-weight:bold}

#content .contentHistory .VS {width:890px;margin:20px auto 0;}
#content .contentHistory .VS .leftArea {float:left;width:280px;display:inline;padding-left:100px}
#content .contentHistory .VS .middleArea {float:left;width:120px;font-size:36px;font-family:Verdana;padding-top:20px;color:#FF9900;font-weight:bold}
#content .contentHistory .VS .rightArea {float:right;width:280px;display:inline;padding-right:100px}
#content .contentHistory .VS P {width:280px;height:100px!important;height:98px;overflow:hidden;margin:0px auto;line-height:20px;text-align:left}
#content .contentHistory .VS .action {width:120px;margin:0px 10px}
#content .contentHistory .VS .action IMG {border:4px #CCC solid}
#content .contentHistory .VS .action SPAN {display:block;padding:5px;color:#CCC;}
#content .contentHistory .VS .action SPAN A {color:#CCC;}
#content .contentHistory .VS .phonetics {width:120px;font-size:48px;font-family:Verdana;}
#content .contentHistory .VS .phonetics SPAN {display:block;padding:5px;}
#content .contentHistory .VS .phonetics SPAN A {color:#CCC;}
#content .contentHistory .VS LI {float:left;padding:0px 10px;width:150px;font-size:60px;font-family:Verdana;color:#666}
#content .contentHistory .VS LI SPAN {display:block;;padding:10px}

#content .contentHistory .middle {color:#FF9900}
#content .contentHistory .word {margin:0px auto;padding:10px;display:inline;}
#content .contentHistory .c3{margin:15px 0} 
#content .contentHistory .word .pArea {padding:10px 0;font-size:24px;font-family:Verdana;color:#666;font-weight:bold;width:285px;display:inline;margin:0px auto;}
#content .contentHistory .word .phonets {text-align:center;font-size:22px;font-family:Verdana;width:115px;float:left}
#content .contentHistory .word .phonets P {text-align:center;padding-left:5px;display:inline}
#content .contentHistory .word .phonets SPAN {display:block;padding:5px;}
#content .contentHistory .word .phonets SPAN A {color:#CCC;}
#content .contentHistory .word .vsStyel {color:#FF9900;padding:0 10px 0 10px;width:25px;float:left;display:inline;font-size:22px;}

#content .contentHistory .tips {width:850px;margin:20px auto}
#content .contentHistory .tips P {width:850px;text-align:left;line-height:22px;padding-top:5px;color:#999;font-size:14px}
#content .contentHistory .exercises {width:850px;margin:10px auto}
#content .contentHistory .exercises UL {width:850px;color:#999;}
#content .contentHistory .exercises LI {text-align:left;line-height:30px;height:30px;}
#content .contentHistory .exercises LI A{color:#666;padding-left:10px}
#content .contentHistory .pages {float:right;padding:15px 30px;color:#999;font-size:12px;}
#content .contentHistory .pages SPAN {padding:0px 10px 0 5px}
#content .contentHistory .pages SELECT {width:120px}
#content .contentHistory .pages A {padding:0px 10px;color:#999;text-decoration:underline;}

#content .search {width:880px;margin:0px auto;text-align:left}
#content .search P {line-height:28px;font-weight:bold;color:;font-size:14px;color:999;padding-top:25px;}
#content .search P SPAN {color:#000;background:#FFFF00;padding-top:2px;font-weight:bold}
#content .search .forms {color:#ccc;padding-top:25px;padding-bottom:25px;font-size:12px}
#content .search .forms A {color:#000}
#content .search .forms SPAN {float:right}
#content .search .pages {margin:0px auto;width:450px;color:#000;font-size:12px;color:#666}
#content .search .pages SPAN {font-weight:Bold;padding:0px 6px;color:#000}
#content .search .pages A {padding:0px 6px;color:#666}

#content .tPicArea H2{background:url(../../images/global/hoH2.gif);padding-left:17px;padding-top:6px;height:24px;width:872px;text-align:left;font-size:14px;color:#000}
#content .tPicArea UL {padding:10px 0px}

#content .contentBook {width:890px;margin:0px auto}
#content .contentBook H2{background:url(../../images/global/hoH2.gif);padding-left:17px;padding-top:8px;height:22px;width:872px;text-align:left;font-size:14px;color:#88C61F;font-weight:Bold}
#content .contentBook UL {width:861px;font-size:14px;margin:10px auto;text-align:left}
#content .contentBook .tdStyle {width:325px;line-height:28px;padding-left:10px}
#content .contentBook LI SPAN {float:right;padding-top:5px}
#content .contentBook A {color:#999;} 
#content .contentBook A:visited {color:#551a8b;text-decoration:none}


#content .contentLearn  {width:902px;margin:0px auto}
#content .contentLearn Table {width:902px;margin-top:20px;background:url(../../images/global/trbg.gif) left repeat-y;}
#content .contentLearn Table .titles {background:url(../../images/global/titlesbg.gif);font-size:14px;height:33px;}
#content .contentLearn Table .titles A {color:#999}
#content .contentLearn Table TD {height:30px}
#content .contentLearn Table TD A {color:#999}
#content .contentLearn Table .td1 {padding-left:10px;text-align:left;font-weight:Bold}
#content .contentLearn Table .td1 A {color:#000;}
#content .contentLearn Table .td1 A:visited {color:#551a8b;text-decoration:none}
#content .contentLearn Table .td2 {color:#99CC66}
#content .contentLearn Table .td3 {color:#FF9900;font-weight:bold}
#content .contentLearn Table .td4 {color:#FFF;font-weight:bold;background:url(../../images/global/tdbgs.gif);padding-top:8px;width:85px;height:25px}
#content .contentLearn Table .tdWhite {background:#fff;color:#999;text-align:left}
#content .contentLearn Table .tdWhite SPAN {color:#CCCC}
#content .contentLearn Table .tr1 {background:#fff;color:#999;}
#content .contentLearn .pages {float:right;padding:15px 20px;color:#000;font-size:12px;}
#content .contentLearn .pages SPAN {font-weight:Bold;padding:0px 6px}
#content .contentLearn .pages A {padding:0px 6px}
#content .contentLearn .pages A:visited {color:#551a8b;text-decoration:none}
#content .contentLearn .funtion {float:left;padding:15px 20px 15px 0px;color:#000;font-size:12px;}
#content .contentLearn .funtion SELECT {width:130px;padding-left:10px}
#content .contentLearn .funtion SPAN {color:#999}

#message {width:960px;margin:0px auto;background:url(../../images/bbs/messagesbg.gif);margin-top:15px;color:#999;font-size:14px}
#message li{word-wrap : break-word ;}
#message H2 {float:left;padding-left:27px;padding-top:16px;padding-bottom:8px;font-weight:Bold;color:#666;font-size:14px}
#message .messCont {background:#fff;margin:0px auto 22px;width:916px;text-align:left}
#message .messCont .mlc {float:left;width:580px;margin-left:21px;display:inline;}
#message .messCont .mlc UL {width:580px;margin:0px auto;background:url(../../images/bbs/messulbg.gif) top repeat-x}
#message .messCont .mlc UL A {color:#999}
#message .messCont .mlc UL A:visited {color:#551a8b;text-decoration:none}
#message .messCont .mlc LI {background:url(../../images/bbs/liness.gif) bottom repeat-x;line-height:22px;padding-top:5px;padding-bottom:5px;padding-left:5px;}
#message .messCont .mlc LI SPAN {width:100px;float:right}
#message .messCont .mlc LI .data {width:140px;font-size:12px;color:#ccc}
#message .messCont .mlc LI P {width:475px}
#message .messCont .mlc .title {font-size:12px;font-weight:bold;background:none;height:45px;padding-left:10px}
#message .messCont .mlc .pages {float:right;padding:15px 20px;color:#000;font-size:12px;}
#message .messCont .mlc .pages SPAN {font-weight:Bold;padding:0px 6px}
#message .messCont .mlc .pages A {padding:0px 6px}
#message .messCont .mlc .pages A:visited {color:#551a8b;text-decoration:none}
#message .messCont .mrc {float:right;width:243px;margin-right:35px;display:inline}
#message .messCont .mrc P {margin-top:45px;width:243px;line-height:20px}
#message .messCont .mrc .messbg {background:url(../../images/bbs/messbg.gif)}
#message .messCont .mrc TEXTAREA {background:url(../../images/bbs/textAreaBg.gif);width:241px;height:287px;border:0px;overflow:hidden}


#coco {width:989px;margin:10px auto;margin-top:3px;border:3px #eeeeee solid;background-color:#F5F5F5;}
#coco #search_input{margin-left:320px; margin-top:-9px; margin-bottom:3px;}
#coco .leftC {background:#fff;width:790px;margin-left:23px;float:left;display:inline}
#coco .leftC .mtalk {display:inline;background:url(../../images/bot/talkBg.gif) top repeat-x #fff;width:614px;margin:12px auto;display:inline}
#coco .leftC .mtalk ul {width:564px;padding:32px 15px 5px;margin:10px atuo;text-align:left;}
#coco .leftC .mtalk LI {word-wrap : break-word ;line-height:22px}
#coco .leftC .mtalk .cocoSay {color:#99CC33;padding-left:0px}
#coco .leftC .mtalk .cocoSay SPAN{color:#BAB9B9;font-weight: bold;padding-right:10px}
#coco .leftC .mtalk .meSay {color:#FF9900;padding-left:0px} 
#coco .leftC .mtalk .meSay SPAN{color:#000;font-weight: bold;padding-right:10px}
#coco .leftC .funtions {background-color:#F5F5F5;text-align:left;line-height:22px;padding:5px;font-size:14px}
#coco .leftC .funtions INPUT {margin-left:8px;margin-right:8px}
#coco .leftC .messages TEXTAREA {height:75px;border:0px;overflow:hidden;float:left;width:680px}
#coco .leftC .messages IMG {float:left; height:67px; width:104px}
#coco .leftC .tips {background:#F5F5F5;text-align:left;line-height:22px;padding:10px 5px}
#coco .leftC .tips SPAN {font-weight: bold;font-size:14px;color:#666;padding-right:4px}

#coco .rightC {background:url(../../images/bot/cocorightBg1.png) 0px 0px no-repeat;float:right;margin-right:2px;display:inline}
#coco .rightC .head {margin:16px auto 16px 26px;float:left;width:96px;}
#coco .rightC .head IMG {padding:1px}
#coco .rightC .head SPAN {font-family:Verdana;font-size:12px;font-weight: bold;display:block;padding:5px}
#coco .rightC .digital {margin:10px auto;width:155px;}
#coco .rightC .digital LI {background:url(../../images/bot/digitalLi.gif);height:31px;text-align:left;padding-left:10px;line-height:21px;color:#999}
#coco .rightC .digital SPAN {width:44px;float:right;text-align:left;color:#99CC33;font-weight: bold;}
#coco .rightC .digital IMG {float:left;}

#help {width:960px;background:url(../../images/global/helpBg.gif);margin:22px auto}
#help .leftMenus{width:239px;float:left}
#help .rightArea{width:721px;float:left}
#help .rightArea P {width:630px;margin:30px auto 0;color:#999999;line-height:24px;text-align:left}
#help .rightArea .ocs {text-align:left;width:600px;margin:10px auto;}
#help .rightArea .ocs H3{font-weight: bold;}
#help .rightArea .ocs P{width:580px;float:right;margin:5px 0}

/* 标准底 */
#footer {margin:0px auto;margin-top:20px;text-align:right;background:#fff}
#footer P {padding-top:15px;color:#999;padding-right:5px}
#footer P SPAN {float:left;text-align:left}
#footer P SPAN A {padding-left:10px;padding-right:10px;color:#999}
#footer P SPAN A:visited {color:#551a8b;text-decoration:none}


#dialogue-history{margin:0px;height:70px;border:1px solid #A5B5C0;overflow-y:scroll;background:#FFFFFF;line-height:20px;text-align:left;}
.usersaid{color:#2F9F18;font-size:12px;line-height:20px;}
.botreply{color:#000000;font-size:12px;line-height:20px}
.userlabel{color:#0b7a11;font-weight:bold;line-height:20px}
.botlabel{color:#FF6C28;font-weight:bold;line-height:20px}