@charset "utf-8";

/*浏览器窗口高度小于620px时*/

@media screen and (max-height: 620px) {
    .wrap-out {
        top: 100px;
    }
}
body {
    background-color: #003169;
}
/*li标签不要前面的点号*/

ul, ol, dl {
    list-style-type: none;
}
body {
    font-family: 'Merriweather Sans', Arial, Helvetica;
}
.catalog-wrap {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1500px;
    height: 545px;
    margin-left: -750px;
    background: url(../images/class/catalog-bg.png) 0 0 no-repeat;
}
/*grade_class*/
.lesson_BookBg {
    background-image: url("../images/grade/class_bookbg5.png");
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 20px;
    height: 602px;
    width: 995px;
}
.lesson_ResultBg {
    background-image: url("../images/grade/resultBookBg2.png");
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 20px;
    height: 602px;
    width: 995px;
}
div.currentClassName {
    margin-bottom: 40px;
}
.classTest {
    width: 100px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    left: 1035px;
    top: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #FF6000;
    border-radius: 15px;
}
.classTest:hover {
    background-color: #FF8840;
}
.sky {
    position: absolute;
    left: 50%;
    top: 100px;
    width: 1500px;
    height: 210px;
    margin-left: -750px;
    background: url(../images/class/sky.png) 0 0 no-repeat;
}
.wrap-out {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1500px;
    height: 545px;
    margin-left: -750px;
    background: url(../images/class/catalog-bg.png) 0 0 no-repeat;
}
.wrap-in {
    width: 1000px;
    margin: 0 auto;
}
/*拼音课程标题--开始*/
.kgarden_contents {
    width: 1000px;
    margin: 85px 0 0 100px;
    font-size: 1.1em;
}
.kgarden_ul {
    width: 308px;
    padding-left: -10px;
    font-size: 1.1em;
    float: left;
}
.kgarden_ul li span {
    font-family: Arial, Helvetica;
    font-size: 1em;
    padding-right: 8px;
}
.kgarden_ul li span:nth-child(1) {
    display: none;
}
.kgarden_ul li span:nth-child(2) {
    display: none;
}
.kgarden_ul li {
    height: 40px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}
.kgarden_ul li a {
    color: #001829;
    width: 245px;
    padding-left: 5px;
    font-size: 1.1em;
    cursor: default;
}
.kgarden_ul li a:hover {
    color: #900;
}
.kgarden_ul li.ing a {
    width: 245px;
    display: block;
    overflow: hidden;
    color: #900;
    font-weight: bold;
    background: url(../../images/pinyinBg.png) 0px 4px no-repeat;
}
.kgarden_ul li.unfinished {
    width: 295px;
    color: #001829;
    padding-left: 5px;
    font-size: 1.1em;
}
.kgarden_ul li.unfinished:hover {
    color: #900;
}
.grade1_contents {
    width: 1000px;
    margin: 85px 0 0 80px;
    font-size: 1.1em;
}
.grade1_ul {
    width: 308px;
    padding-left: -10px;
    font-size: 1.1em;
    float: left;
}
.grade1_ul li span {
    font-family: Arial, Helvetica;
    font-size: 1em;
    padding-right: 8px;
}
.grade1_ul li span:nth-child(1) {
    display: none;
}
.grade1_ul li span:nth-child(2) {
    display: none;
}
.grade1_ul li {
    height: 40px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}
.grade1_ul li a {
    color: #001829;
    width: 245px;
    padding-left: 5px;
    font-size: 1.1em;
    cursor: default;
}
.grade1_ul li a:hover {
    color: #900;
}
.grade1_ul li.ing a {
    width: 245px;
    display: block;
    overflow: hidden;
    color: #900;
    font-weight: bold;
    background: url(../../images/pinyinBg.png) 0px 4px no-repeat;
}
.grade1_ul li.unfinished {
    width: 295px;
    color: #001829;
    padding-left: 5px;
    font-size: 1.1em;
}
.grade1_ul li.unfinished:hover {
    color: #900;
}
.grade2_contents {
    width: 1000px;
    margin: 85px 0 0 70px;
    font-size: 1.1em;
}
.grade2_ul {
    width: 308px;
    padding-left: -10px;
    font-size: 1.1em;
    float: left;
}
.grade2_ul li span {
    font-family: Arial, Helvetica;
    font-size: 1em;
    padding-right: 8px;
}
.grade2_ul li span:nth-child(1) {
    display: none;
}
.grade2_ul li span:nth-child(2) {
    display: none;
}
.grade2_ul li {
    height: 40px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}
.grade2_ul li a {
    color: #001829;
    width: 245px;
    padding-left: 5px;
    font-size: 1.1em;
    cursor: default;
}
.grade2_ul li a:hover {
    color: #900;
}
.grade2_ul li.ing a {
    width: 245px;
    display: block;
    overflow: hidden;
    color: #900;
    font-weight: bold;
    background: url(../../images/pinyinBg.png) 0px 4px no-repeat;
}
.grade2_ul li.unfinished {
    width: 295px;
    color: #001829;
    padding-left: 5px;
    font-size: 1.1em;
}
.grade2_ul li.unfinished:hover {
    color: #900;
}
.grade3_contents {
    width: 1000px;
    margin: 75px 0 0 55px;
    font-size: 1.1em;
}
.grade3_ul {
    width: 310px;
    font-size: 1.1em;
    float: left;
}
.grade3_ul li span {
    font-family: Arial, Helvetica;
    font-size: 1em;
    padding-right: 5px;
}
.grade3_ul li span:nth-child(1) {
    display: none;
}
.grade3_ul li span:nth-child(2) {
    display: none;
}
.grade3_ul li {
    height: 38px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}
.grade3_ul li a {
    color: #001829;
    width: 245px;
    padding-left: 5px;
    font-size: 1.1em;
    cursor: default;
}
.grade3_ul li a:hover {
    color: #900;
}
.grade3_ul li.ing a {
    width: 245px;
    display: block;
    overflow: hidden;
    color: #900;
    font-weight: bold;
    background: url(../../images/pinyinBg.png) 0px 4px no-repeat;
}
.grade3_ul li.unfinished {
    width: 295px;
    color: #001829;
    padding-left: 5px;
    font-size: 1.1em;
}
.grade3_ul li.unfinished:hover {
    color: #900;
}
.grade4_contents {
    width: 1000px;
    margin: 75px 0 0 45px;
    font-size: 1.1em;
}
.grade4_ul {
    width: 320px;
    font-size: 1.1em;
    float: left;
}
.grade4_ul li span {
    font-family: Arial, Helvetica;
    font-size: 1em;
    padding-right: 5px;
}
.grade4_ul li span:nth-child(1) {
    display: none;
}
.grade4_ul li span:nth-child(2) {
    display: none;
}
.grade4_ul li {
    height: 38px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}
.grade4_ul li a {
    color: #001829;
    width: 245px;
    padding-left: 5px;
    font-size: 1.1em;
    cursor: default;
}
.grade4_ul li a:hover {
    color: #900;
}
.grade4_ul li.ing a {
    width: 245px;
    display: block;
    overflow: hidden;
    color: #900;
    font-weight: bold;
    background: url(../../images/pinyinBg.png) 0px 4px no-repeat;
}
.grade4_ul li.unfinished {
    width: 295px;
    color: #001829;
    padding-left: 5px;
    font-size: 1.1em;
}
.grade4_ul li.unfinished:hover {
    color: #900;
}
.grade5_contents {
    width: 1000px;
    margin: 62px 0 0 55px;
    font-size: 1.1em;
}
.grade5_ul {
    width: 308px;
    font-size: 1.1em;
    float: left;
}
.grade5_ul li span {
    font-family: Arial, Helvetica;
    font-size: 1em;
    padding-right: 5px;
}
.grade5_ul li span:nth-child(1) {
    display: none;
}
.grade5_ul li span:nth-child(2) {
    display: none;
}
.grade5_ul li {
    height: 37px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}
.grade5_ul li a {
    color: #001829;
    width: 245px;
    padding-left: 5px;
    font-size: 1.1em;
    cursor: default;
}
.grade5_ul li a:hover {
    color: #900;
}
.grade5_ul li.ing a {
    width: 245px;
    display: block;
    overflow: hidden;
    color: #900;
    font-weight: bold;
    background: url(../../images/pinyinBg.png) 0px 4px no-repeat;
}
.grade5_ul li.unfinished {
    width: 295px;
    color: #001829;
    padding-left: 5px;
    font-size: 1.1em;
}
.grade5_ul li.unfinished:hover {
    color: #900;
}
.grade6_contents {
    width: 1000px;
    margin: 62px 0 0 55px;
    font-size: 1.1em;
}
.grade6_ul {
    width: 308px;
    padding-left: -10px;
    font-size: 1.1em;
    float: left;
}
.grade6_ul li span {
    font-family: Arial, Helvetica;
    font-size: 1em;
    padding-right: 5px;
}
.grade6_ul li span:nth-child(1) {
    display: none;
}
.grade6_ul li span:nth-child(2) {
    display: none;
}
.grade6_ul li {
    height: 33px;
    font-size: 1.1em;
    background-repeat: no-repeat;
}
.grade6_ul li a {
    color: #001829;
    width: 245px;
    padding-left: 5px;
    font-size: 1.1em;
    cursor: default;
}
.grade6_ul li a:hover {
    color: #900;
}
.grade6_ul li.ing a {
    width: 245px;
    display: block;
    overflow: hidden;
    color: #900;
    font-weight: bold;
    background: url(../../images/pinyinBg.png) 0px 4px no-repeat;
}
.grade6_ul li.unfinished {
    width: 295px;
    color: #001829;
    padding-left: 5px;
    font-size: 1.1em;
}
.grade6_ul li.unfinished:hover {
    color: #900;
}
/*拼音课程标题--结束*/
/*class_text*/
.maskLayer {
    width: 100%;
    height: auto;
    background-color: #454545;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.lesson_TextTitle {
    z-index: 5;
    position: relative;
    left: 5px;
    font-size: 36px;
    font-weight: bold;
}
.lesson_TextTitle label:hover {
    background-color: #ffff00;
}
.lesson_CurrentText {
    z-index: 5;
    position: relative;
    font-family: "Microsoft Yahei", "\5B8B\4F53", Tahoma;
    color: #000000;
    font-size: 28px;
}
.lesson_TextLine1 {
    position: relative;
    margin-top: 65px;
    left: -15px;
}
.lesson_TextLine1 span:hover {
    background-color: #ffff00;
}
.lesson_TextLine2 {
    position: relative;
    margin-top: 65px;
    left: -15px;
}
.lesson_TextLine2 span:hover {
    background-color: #ffff00;
}
.lesson_TextLine3 {
    position: relative;
    margin-top: 65px;
    left: -15px;
}
.lesson_TextLine3 span:hover {
    background-color: #ffff00;
}
.SentencePracticesObj {
    position: absolute;
    left: 100px;
    top: 50px;
}
.SentencePracticesText {
    font-family: "Microsoft Yahei", "\5B8B\4F53", Tahoma;
    color: #000000;
    font-size: 28px;
    line-height: 12px;
}
.SentencePracticesLine1 {
    z-index: 99;
    position: absolute;
    left: 101px;
    top: 128px;
}
.SentencePracticesLine2 {
    z-index: 99;
    position: absolute;
    left: 101px;
    top: 198px;
}
.SentencePracticesLine3 {
    z-index: 99;
    position: absolute;
    left: 101px;
    top: 299px;
}
.lesson_EnglishTitle {
    z-index: 9;
    position: relative;
    left: 5px;
    margin-top: 40px;
}
.words_peitu {
    z-index: 6;
    position: absolute;
    left: 596px;
    top: 110px;
}
#word_replayLaba {
    z-index: 99;
    position: absolute;
    left: 275px;
    top: 312px;
    cursor: pointer;
}
#word_tipReplay {
    z-index: 99;
    position: absolute;
    left: 300px;
    top: 315px;
    display: none;
}
#stroke_pencil {
    z-index: 99;
    position: absolute;
    left: 393px;
    top: 312px;
    cursor: pointer;
}
#stroke_order {
    z-index: 99;
    position: absolute;
    left: 410px;
    top: 315px;
    display: none;
}
#tipWordEnglish {
    z-index: 99;
    position: absolute;
    left: 275px;
    top: 367px;
    cursor: pointer;
}
#txtWordEnglish {
    font-family: Arial, Helvetica;
    font-size: 15px;
    color: #000;
    z-index: 99;
    position: absolute;
    left: 362px;
    top: 372px;
}
.txtNextWord {
    z-index: 110;
    font-weight: bold;
    font-size: 1.3em;
    color: #ffffff;
    position: absolute;
    left: 803px;
    top: 449px;
    cursor: pointer;
}
.lesson_NextWord {
    z-index: 100;
    position: absolute;
    left: 788px;
    top: 442px;
    cursor: pointer;
    display: none;
}
.lesson_NextPage {
    z-index: 9000;
    position: absolute;
    left: 880px;
    top: 446px;
}
.btn_Replay {
    z-index: 99;
    margin-left: 10px;
    position: absolute;
    left: 725px;
    top: 470px;
    display: none;
    cursor: pointer;
}
.btn_English {
    z-index: 99;
    position: absolute;
    left: 770px;
    top: 470px;
}
.btn_Record {
    z-index: 99;
    position: absolute;
    left: 766px;
    top: 470px;
    cursor: pointer;
}
.txt_Replay {
    z-index: 110;
    color: #ffffff;
    font-size: 1.3em;
    font-family: "Microsoft Yahei", "\5B8B\4F53", Tahoma;
    position: absolute;
    left: 725px;
    top: 474px;
    padding-left: 45px;
    display: none;
    cursor: pointer;
}
.txt_Replay span:hover {
    color: #000000;
}
.txt_English {
    z-index: 100;
    color: #ffffff;
    font-size: 1.3em;
    font-family: "Microsoft Yahei", "\5B8B\4F53", Tahoma;
    position: absolute;
    left: 744px;
    top: 474px;
    padding-left: 45px;
}
.txt_English span:hover {
    color: #000000;
}
.txt_Record {
    z-index: 100;
    color: #ffffff;
    font-size: 1.3em;
    font-family: "Microsoft Yahei", "\5B8B\4F53", Tahoma;
    position: absolute;
    left: 750px;
    top: 474px;
    padding-left: 45px;
}
.txt_Record span:hover {
    color: #000000;
}
/*Words to Learn*/

.wordListBg {
    z-index: 15;
    position: absolute;
    left: 60px;
    top: 37px;
    width: 161px;
    height: 486px;
}
.wordListTbl {
    z-index: 18;
    position: absolute;
    left: 72px;
    top: 79px;
    width: 133px;
    height: 417px;    
	font-family: 楷体;
    font-size: 20px;
}
.wordListTbl tr td {
    color: #c2c2c2;
    font-weight: 800;
    text-align: center;
    line-height: 0px;
}
.wenziOrder {
    z-index: 15;
    position: absolute;
    left: 275px;
    top: 119px;
}
.wordPinYinList {
    z-index: 99;
    position: absolute;
    left: 0px;
    top: 42px;
}
.wordPinYinList li {
    float: left;
    width: 160px;
    height: 97px;
    position: relative;
    left: 62px;
    top: -26px;
    padding-left: 0px;
    padding-top: 77px;
    margin-left: -25px;
}
.wordPinYinList li span {
    font-family: "GBPinYin";
    font-weight: normal;
    font-size: 23px;
    color: #fff;
    position: absolute;
    left: 17px;
    top: 43px;
}
.wordListStyle {
    z-index: 15;
    position: absolute;
    left: 0px;
    top: 20px;
}
.wordListStyle li {
    float: left;
    width: 85px;
    height: 60px;
    position: relative;
    left: 0px;
    top: 10px;
    padding-left: 8px;
    padding-bottom: 77px;
    margin-left: 34px;
    background-repeat: no-repeat;
    text-align: center;
}
/*单词拼音*/

.wordListStyle li span:nth-child(1) {
    font-family: "GBPinYin";
    font-size: 2.2em;
    color: #fff;
    line-height: 45px;
    display: block;
    text-align: center;
    margin-left: -7px;
}
/*单词*/

.wordListStyle li span:nth-child(2) {
    font-family: "楷体";
    font-size: 60px;
    position: absolute;
    left: 17px;
    top: 43px;
}
.wordListStyle2 {
    z-index: 15;
    position: absolute;
    left: 57px;
    top: 343px;
}
.wordListStyle2 li {
    float: left;
    font-family: "宋体";
    font-weight: bolder;
    font-size: 62px;
    width: 95px;
    height: 97px;
    position: relative;
    padding-left: 49px;
    padding-top: 28px;
    margin-left: 20px;
}
.lesson_WordListGame {
    position: absolute;
    left: 258px;
    top: 45px;
}
#wenziGameObj {
    position: absolute;
    z-index: 99;
    left: 0%;
    top: 8%;
}
#wenziGameObj li {
    float: left;
    padding-left: 25px;
}
#audioLaba {
    position: relative;
    z-index: 100;
    left: 8%;
    top: 8%;
}
#audioLaba li {
    float: left;
    padding-left: 63px;
}
.lesson_QuizText {
    font-family: Arial, Helvetica, Tahoma;
    color: #000000;
    z-index: 99;
    position: absolute;
    left: 70px;
    top: 90px;
    font-size: 22px;
    line-height: 48px;
}
.quiz_TextTip {
    z-index: 9;
    position: absolute;
    left: 536px;
    top: 120px;
}
.lesson_TalkText {
    font-family: Arial, Helvetica, Tahoma;
    color: #000000;
    z-index: 99;
    position: absolute;
    left: 131px;
    top: 92px;
    font-size: 18px;
    line-height: 30px;
}
.resultWordBg {
    z-index: 9;
    position: absolute;
    padding-left: 240px;
    padding-top: 130px;
}
.resultWordBg2 {
    z-index: 9;
    position: absolute;
    padding-left: 240px;
    padding-top: 305px;
}
#strLearnedWords {
    display: block;
    overflow: hidden;
    font-family: '楷体';
    color: #000;
    font-size: 26px;
    padding-left: 10px;
    letter-spacing: 2px;
    line-height: 50px;
    min-height: 100px;
}
#strLearnedWords em {
    display: block;
    float: left;
    margin-right: 15px;
}
#strLearnedWords em:last-child {
    margin-right: 0;
}
#strLearnedSentences {
    font-family: '楷体';
    color: #000000;
    font-size: 26px;
    display: block;
    line-height: 50px;
    text-align: left;
    padding: 0px 15px;
    min-height: 100px;
}
#strLearnedSentences p {
    margin-left: 15px;
}
.resultsGold {
    position: absolute;
    z-index: 99;
    left: 750px;
    top: 321px;
}
.resultsCertificate {
    z-index: 11;
    position: absolute;
    left: 734px;
    top: 320px;
}
.printWords {
    z-index: 99;
    font-family: Arial, Helvetica;
    color: #fff;
    font-size: 1.3em;
    position: absolute;
    left: 374px;
    top: 100px;
    cursor: pointer;
}
.printWords:hover {
    color: #ff7200;
    cursor: pointer;
}
.resultWords {
    font-family: Arial, Helvetica;
    color: #0a6900;
    font-size: 1.5em;
    width: 107px;
    display: block;
    line-height: 34px;
    text-align: center;
}
.pyResultWords {
    font-family: Arial, Helvetica;
    color: #0a6900;
    font-size: 1.5em;
    z-index: 99;
    position: absolute;
    left: 58px;
    top: 188px;
    width: 394px;
    height: 290px;
}
.resultSentens {
    font-family: Arial, Helvetica;
    color: #0a6900;
    font-size: 1.5em;
    width: 140px;
    display: block;
    line-height: 34px;
    text-align: center;
}
.resultUsedTime {
    font-family: Arial, Helvetica;
    color: #FE0F0C;
    font-size: 16px;
    font-weight: 700;
    z-index: 99;
    position: absolute;
    left: 736px;
    top: 227px;
}
.resGoldNum {
    font-family: Arial, Helvetica;
    color: #ba0000;
    font-size: 3.8em;
    z-index: 99;
    position: absolute;
    left: 766px;
    top: 298px;
}
.resCertiNum {
    font-family: Arial, Helvetica;
    color: #ba0000;
    font-size: 26px;
    z-index: 99;
    position: absolute;
    left: 777px;
    top: 317px;
}
.resultComplete {
    font-family: Arial, Helvetica;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    z-index: 99;
    position: absolute;
    left: 846px;
    top: 445px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.resultComplete:hover {
    color: #fff;
    cursor: pointer;
}
/*适用于Result2页面*/

.resultsGold2 {
    z-index: 99;
    position: absolute;
    left: 696px;
    top: 369px;
}
.resultsCertificate2 {
    z-index: 11;
    position: absolute;
    left: 708px;
    top: 376px;
}
.printWords2 {
    z-index: 99;
    font-family: Arial, Helvetica;
    color: #000;
    font-size: 1.3em;
    position: absolute;
    left: 350px;
    top: 134px;
}
.printWords2:hover {
    color: #ff7200;
    cursor: pointer;
}
.resultWords2 {
    font-family: Arial, Helvetica;
    color: #176C0A;
    font-size: 1.5em;
    z-index: 99;
    position: absolute;
    left: 86px;
    top: 165px;
}
.resultSentens2 {
    font-family: Arial, Helvetica;
    color: #176C0A;
    font-size: 1.5em;
    z-index: 99;
    position: absolute;
    left: 90px;
    top: 318px;
}
.resultUsedTime2 {
    font-family: Arial, Helvetica;
    color: #FE0F0C;
    font-size: 16px;
    font-weight: 700;
    z-index: 99;
    position: absolute;
    left: 683px;
    top: 276px;
}
.resGoldNum2 {
    font-family: Arial, Helvetica;
    color: #ba0000;
    font-size: 3.8em;
    z-index: 99;
    position: absolute;
    left: 713px;
    top: 350px;
}
.resCertiNum2 {
    font-family: Arial, Helvetica;
    color: #ba0000;
    font-size: 26px;
    z-index: 99;
    position: absolute;
    left: 746px;
    top: 372px;
}
.resultComplete2 {
    font-family: Arial, Helvetica;
    color: #000;
    font-size: 17px;
    font-weight: 700;
    z-index: 99;
    position: absolute;
    left: 843px;
    top: 442px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.resultComplete2:hover {
    color: #ff7200;
    cursor: pointer;
}
/*适用于Result3页面*/

.resultsGold3 {
    z-index: 99;
    position: absolute;
    left: 745px;
    top: 367px;
}
.resultsCertificate3 {
    z-index: 11;
    position: absolute;
    left: 735px;
    top: 356px;
}
.printWords3 {
    z-index: 99;
    font-family: Arial, Helvetica;
    color: #5F331F;
    font-size: 1.3em;
    position: absolute;
    left: 348px;
    top: 85px;
}
.printWords3:hover {
    color: #ff7200;
    cursor: pointer;
}
.resultWords3 {
    font-family: Arial, Helvetica;
    color: #176C0A;
    font-size: 1.5em;
    z-index: 99;
    position: absolute;
    left: 86px;
    top: 165px;
}
.resultSentens3 {
    font-family: Arial, Helvetica;
    color: #176C0A;
    font-size: 1.5em;
    z-index: 99;
    position: absolute;
    left: 90px;
    top: 318px;
}
.resultUsedTime3 {
    font-family: Arial, Helvetica;
    color: #FE0F0C;
    font-size: 16px;
    font-weight: 700;
    z-index: 99;
    position: absolute;
    left: 734px;
    top: 274px;
}
.resGoldNum3 {
    font-family: Arial, Helvetica;
    color: #ba0000;
    font-size: 3.8em;
    z-index: 99;
    position: absolute;
    left: 763px;
    top: 343px;
}
.resCertiNum3 {
    font-family: Arial, Helvetica;
    color: #ba0000;
    font-size: 26px;
    z-index: 99;
    position: absolute;
    left: 775px;
    top: 350px;
}
.resultComplete3 {
    font-family: Arial, Helvetica;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    z-index: 99;
    position: absolute;
    left: 849px;
    top: 447px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.resultComplete3:hover {
    color: #000;
    cursor: pointer;
}
.currentClassName span {
    color: #c61505;
}
.catalog-wrap {
    position: absolute;
    left: 50%;
    width: 1500px;
    height: 540px;
    margin-left: -750px;
    bottom: 0;
    background: url(../images/class/catalog-bg.png) center 0 no-repeat;
}
.catalog-wrap .ul1 {
    margin-left: 95px;
}
#pagingButtons {
    z-index: 111;
    position: absolute;
    left: 520px;
    top: 468px;
}
#pagingButtons li {
    padding-left: 3px;
    display: inline-block;
}
#pagingButtons li img {
    display: none;
    cursor: pointer;
}
#wordContent2 {
    z-index: 22;
    position: absolute;
    left: 43px;
    top: 50px;
    width: 900px;
    height: 460px;
}
/*左边翻译*/
#courseEnglishLeft {
    border: 6px solid #a2d700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 386px;
    height: 201px;
    padding: 5px 0;
    margin: 10px auto;
    background: #f6f3f3;
    opacity: 0.95;
    filter: initial;
    overflow: hidden;
    z-index: 99;
    position: absolute;
    left: 61px;
    top: 180px;
    display: none;
}
/*右边翻译*/
#courseEnglishRight {
    border: 6px solid #a2d700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 386px;
    height: 201px;
    padding: 5px 0;
    margin: 10px auto;
    background: #f6f3f3;
    opacity: 0.95;
    filter: initial;
    overflow: hidden;
    z-index: 99;
    position: absolute;
    left: 530px;
    top: 180px;
    display: none;
}
#smallWordBg {
    z-index: 99;
    position: absolute;
    left: 62px;
    top: 158px;
}
#smallSentenceBg {
    z-index: 99;
    position: absolute;
    left: 62px;
    top: 313px;
}
.preload {
    display: none;
}
/*add by TaNg*/
#nextPageBtn {
    display: none;
    position: absolute;
    top: 465px;
    left: 800px;
    z-index: 100;
    cursor: pointer;
}
/*add by tang*/
.wordAndSentence{
    position: absolute;
    top: 155px;
    left: 50px;
}