/*\font.css*/
/*---------------------------------------------share----------------------------*/
*{
    margin: 0;
    padding: 0;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

font{
    font-size:12px;
}

ul{
    list-style:none;
    margin: 0;
    padding:0;
}

li{
    list-style:none;
    margin:0;
    padding:0;
}

h1{
    margin:0;
    padding:0;
}

input{
    font-size:12px;
}

img{
    border:0;
}

.hand{
    cursor:pointer;
}

.clear{
    clear:both;
}

body{
    /*margin:auto;*/
    padding:0;
    text-align:center;
    width:760px;
    min-width:760px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#666;
    background:#e3e3e3;

}

a{
    color:#666;
    text-decoration:none;
}

a:hover{
    color:#ff6600;
}

.left{
    float:left;
}

.right{
    float:right;
}

/*--------------color--------------*/
.white{
    color:#fff;
}
.gray{
    color:#999;
}
.orange{
    color:#ff6600;
}
.green{
    color:#339900;
}
.red{
    color:#ff3300;
}
.blue{
    color:#017bb4;
}
.dimgray {
    color:dimgray;
}
.lgreen{
    color:#78ff00;
}/*20130516 zlj add*/
.yellow{
    color:#ffd800;
}/*20130516 zlj add*/

/*---------------------------lab_word_dan---------------------------*/
.maincon{
    margin:0 auto;
    width:760px;
}
.cardtop{
    height:60px;
    font-weight:bold;
    font-size:14px;
}
.imgleft{
    float:left;
    width:10px;
    height:50px;
    padding-top:10px;
    background:url(../images/cardhead_left.gif);
}
.imgright{
    float:right;
    width:10px;
    height:50px;
    padding-top:10px;
    background:url(../images/cardhead_right.gif);
}
.cdtop_mid{
    float:left;
    width:740px;
    height:50px;
    padding-top:10px;
    color:#fff;
    background:url(../images/cardhead_mid.gif) top repeat-x;
}

.cloudbox_word{
    width:758px;
    height:401px;
    padding:0 1px;
    background:url(../images/cloud_bg.gif) #f1faff top no-repeat;
}

.wordcard{
    width:748px;
    height:371px;
    padding-right:10px;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:auto;
}
.wordcard li{
    float:left;
    height:110px;
    padding:10px 0 0 10px;
    display:block;
}

.cardtxt_w{
    width:70px;
    text-align:center;
    font-family:微软雅黑,Verdana, Geneva, sans-serif;
}
.dan_txt{
    width:70px;
    line-height:70px;
    font-size:30px;
}
.shuang_py{
    font-size:16px;
    padding-top:4px;
}
.shuang_wz{
    font-size:28px;
}

.gncard a{
    display:inline;
    float:left;
    height:110px;
    background:url(../images/card_gnbg.jpg) left 0;
    position:relative;
    cursor:pointer;
}
.gncard a:hover{
    height:110px;
    background:url(../images/card_gnbg.jpg) left bottom;
}
.gncard a b{
    display:inline;
    float:left;
    height:110px;
    margin:0 0 0 12px;
    padding:0 12px 0 0;
    background:url(../images/card_gnbg.jpg) right 0;
    cursor:pointer;
    position:relative;
    font-weight:normal;
}
.gncard a:hover b{
    height:110px;
    margin:0 0 0 12px;
    padding:0 12px 0 0;
    color:#333;
    background:url(../images/card_gnbg.jpg) right bottom;
    font-weight:normal;
}

.redcard a{
    display:inline;
    float:left;
    height:110px;
    background:url(../images/card_redbg1.jpg) left 0;
    position:relative;
    cursor:pointer;
}
.redcard a:hover{
    height:110px;
    background:url(../images/card_redbg1.jpg) left bottom;
}
.redcard a b{
    display:inline;
    float:left;
    height:110px;
    margin:0 0 0 12px;
    padding:0 12px 0 0;
    background:url(../images/card_redbg1.jpg) right 0;
    cursor:pointer;
    position:relative;
    font-weight:normal;
}
.redcard a:hover b{
    height:110px;
    margin:0 0 0 12px;
    padding:0 12px 0 0;
    color:#333;
    background:url(../images/card_redbg1.jpg) right bottom;
    font-weight:normal;
}

.graycard a{
    display:inline;
    float:left;
    height:110px;
    background:url(../images/card_graybg1.jpg) left 0;
    position:relative;
    cursor:pointer;
}
.graycard a:hover{
    height:110px;
    background:url(../images/card_graybg1.jpg) left bottom;
}
.graycard a b{
    display:inline;
    float:left;
    height:110px;
    margin:0 0 0 12px;
    padding:0 12px 0 0;
    background:url(../images/card_graybg1.jpg) right 0;
    cursor:pointer;
    position:relative;
    font-weight:normal;
}
.graycard a:hover b{
    height:110px;
    margin:0 0 0 12px;
    padding:0 12px 0 0;
    color:#333;
    background:url(../images/card_graybg1.jpg) right bottom;
    font-weight:normal;
}


.wordbom{
    width:760px;
    height:74px;
}
.wordbom_img_left{
    width:10px;
    height:74px;
    background:url(../images/word_bomleft.gif);
}
.wordbom_img_right{
    width:10px;
    height:74px;
    background:url(../images/word_bomright.gif);
}
.wordbom_mid{
    width:740px;
    height:74px;
    background:url(../images/word_bommid.gif) top repeat-x;
}

.gnline{
    border-bottom:1px #390 dashed;
}

.oeline{
    border-bottom:1px #f90 dashed;
}

.redline{
    border-bottom:1px #f00 dashed;
}

.blueline{
    border-bottom:1px #39f dashed;
}

.whiteline{
    border-bottom:1px #fff dashed;
}

.grayline{
    border-bottom:1px #999 dashed;
}

.english{
     padding:15px 4px;
     font-size:24px;
 }
.chinese{
    padding:10px 4px;
    font-size:26px;
    font-family:楷体, Verdana, Geneva, sans-serif;
    font-weight:bold;
}

.eva{
    padding:10px 4px 0 4px;
}

.cn_eva{
    padding:0px 4px 50px 0px;
    font-size:16px;
}
.cn_eva .cn_evaright{
    bottom:12px;
    right:10px;
    font-size:18px;
}

.eva .evaleft{
    padding-right:30px;
    font-size:14px;
    line-height:24px;
}

.eva .evaright{
    position:absolute;
    bottom:12px;
    right:10px;
    font-size:24px;
}


/*----------20130619 chengyang ----------*/
/*-----------------BUTTON----------------*/
.word_volumebox{
    float:left;
    padding-left:30px;
}

.word_volumebox .word_micrimg{
    float:left;
    padding-top:22px;
}
.btn_fun{
    float:right;
    padding-top:4px;
    font-size:14px;
    font-weight:bold;
}
.btn_fun div{
    float:right;
    margin-left:10px;
    width:80px;
    line-height:14px;
    text-align:center;
}
.btn_fun a{
    display:block;
    width:80px;
    height:20px;
    padding-top:42px;
}
.btn_fun a:hover{
    display:block;
    width:80px;
    height:20px;
    padding-top:42px;
    text-decoration:none;
}

.word_rec_stop a{
    background:url(../images/btn_oralfun.jpg) 0 -248px no-repeat;
}
.word_rec_stop a:hover{
    background:url(../images/btn_oralfun.jpg) -80px -248px no-repeat;
    color: green;
}
.word_rec_stop_dis{
    background:url(../images/btn_oralfun.jpg) -160px -248px no-repeat;
}
.word_rec_stop_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.word_rec_stop_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.word_rec_start a{
    background:url(../images/btn_oralfun.jpg) 0 0 no-repeat;
}
.word_rec_start a:hover{
    background:url(../images/btn_oralfun.jpg) -80px 0 no-repeat;
    color: green;
}
.word_rec_start_dis{
    background:url(../images/btn_oralfun.jpg) -160px 0 no-repeat;
}
.word_rec_start_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.word_rec_start_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.word_stop a{
    background:url(../images/btn_oralfun.jpg) 0 -62px no-repeat;
}
.word_stop a:hover{
    background:url(../images/btn_oralfun.jpg) -80px -62px no-repeat;
    color: green;
}
.word_stop_dis{
    background:url(../images/btn_oralfun.jpg) -160px -62px no-repeat;
}
.word_stop_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.word_stop_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.word_play a{
    background:url(../images/btn_oralfun.jpg) 2px -62px no-repeat;
}
.word_play a:hover{
    background:url(../images/btn_oralfun.jpg) -80px -62px no-repeat;
    color: green;
}
.word_play_dis{
    background:url(../images/btn_oralfun.jpg) -160px -62px no-repeat;
}
.word_play_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.word_play_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.word_read_play a{
    background:url(../images/btn_oralfun.jpg) 0 -124px no-repeat;
}
.word_read_play a:hover{
    background:url(../images/btn_oralfun.jpg) -80px -124px no-repeat;
    color: green;
}
.word_read_play_dis{
    background:url(../images/btn_oralfun.jpg) -160px -124px no-repeat;
}
.word_read_play_dis a{
   color: rgb(213, 211, 211);
   cursor:default;
}
.word_read_play_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.word_read_stop a{
    background:url(../images/btn_oralfun.jpg) 0 -124px no-repeat;
}
.word_read_stop a:hover{
    background:url(../images/btn_oralfun.jpg) -80px -124px no-repeat;
    color: green;
}
.word_read_stop_dis{
    background:url(../images/btn_oralfun.jpg) -160px -124px no-repeat;
}
.word_read_stop_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.word_read_stop_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.word_db_play a{
    background:url(../images/btn_oralfun.jpg) 0 -186px no-repeat;
}
.word_db_play a:hover{
    background:url(../images/btn_oralfun.jpg) -80px -186px no-repeat;
    color: green;
}
.word_db_play_dis{
    background:url(../images/btn_oralfun.jpg) -160px -186px no-repeat;
}
.word_db_play_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.word_db_play_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.word_db_stop a{
    background:url(../images/btn_oralfun.jpg) 0 -186px no-repeat;
}
.word_db_stop a:hover{
    background:url(../images/btn_oralfun.jpg) -80px -186px no-repeat;
    color: green;
}
.word_db_stop_dis{
    background:url(../images/btn_oralfun.jpg) -160px -186px no-repeat;
}
.word_db_stop_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.word_db_stop_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

/*----------------- Mic ----------------*/
.word_mic_sgray_tm{
    width:100px;
    height:30px;
    background:url(../images/mic_word_sgray_tm.png) no-repeat;
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./themes/default../images/mic_word_sgray_tm.png", sizingMethod="scale");
}
.word_mic_sgray{
    height:30px;
    background:url(../images/mic_word_sgray.png) no-repeat;
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./themes/default../images/mic_word_sgray.png", sizingMethod="crop");
}

/*-------------------------------------------pop_main----------------------------------------*/
.pop_xqbox{
    width:600px;
    border:1px #ccc solid;
    background:#fff;
}
.pop_tab{
    height:32px;
}
.pop_close{
    width:29px;
    height:28px;
    float:right;
    display:inline;
    background:url(../images/pop_cardclose.gif) no-repeat;
    cursor:pointer;
    position:relative;
}
.pop_close_hover{
    width:29px;
    height:28px;
    float:right;
    display:inline;
    background:url(../images/pop_cardclose2.gif) no-repeat;
    cursor:pointer;
    position:relative;
}

.pop_graybom{
    height:70px;
    background:url(../images/pop_graybom.jpg) bottom repeat-x;
    border-top:1px #ccc solid;
}
.pop_graybom_left{
    float:left;
    width:120px;
    color:#333;
    font-size:14px;
}

.pop_btn_numbox{
    height:42px;
    padding-top:4px;
}
.pop_btn_numbox input{
    width:40px;
    height:42px;
    margin-left:10px;
    border:none;
    cursor:pointer;
}
.pop_btn_prenor{
    background:url(../images/pop_btn_prenext.gif) 0 0 no-repeat;
}
.pop_btn_prehov{
    background:url(../images/pop_btn_prenext.gif) 0 -42px no-repeat;
}
.pop_btn_predis{
    background:url(../images/pop_btn_prenext.gif) 0 -84px no-repeat;
}
.pop_btn_nextnor{
    background:url(../images/pop_btn_prenext.gif) -40px 0 no-repeat;
}
.pop_btn_nexthov{
    background:url(../images/pop_btn_prenext.gif) -40px -42px no-repeat;
}
.pop_btn_nextdis{
    background:url(../images/pop_btn_prenext.gif) -40px -84px no-repeat;
}

.pop_continuous{
    margin-left:10px;
}
.pop_continuous input{
    float:left;
    margin:4px 0 0 4px;
    *margin:-1px 0 0 0;
    vertical-align:middle;
}
.pop_continuous p{
    float:left;
    margin:2px 0 0 6px;
    *margin:-1px 0 0 4px;
}

.pop_micbox{
    float:left;
    padding:20px 0 0 10px;
}

/*-------------------------------------------pop_word----------------------------------------*/
.pt10{
    padding-top:10px;
}

.pop_cardbox{
    padding:0 20px 20px 20px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 180px;
}
.pop_wordbox{
    padding:10px 20px;
    border:2px solid #95b262;
    background-color:#f2f9e7;
}

.pop_wordbox .pop_word_txt{
    color:#333;
    line-height:50px;
    font-size:46px;
    font-family:Arial, Helvetica, sans-serif;
}
.pop_wordbox .pop_word_score{
    color:#333;
    line-height:36px;
    font-size:30px;
    font-family:Arial, Helvetica, sans-serif;
}

/*-------------------------------------------pop_term----------------------------------------*/
.pop_termbox{
    border:2px solid #95b262;
    background-color:#f2f9e7;
}
.term_left{
    float:left;
    width:200px;
    border-right:1px dotted #95b262;
}
.term_word_txt{
    padding:35px 0;
    text-align:center;
    font-size:41px;
    font-family:楷体, Verdana, Geneva, sans-serif;
    line-height:56px;
    color:#333;
}
.term_right{
    float:right;
    width:320px;
}
.term_py_txt{
    padding:35px 0 0 0;
    text-align:center;
    font-size:41px;
    line-height:56px;
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
}

.term_result{
    padding:0;
    text-align:left;
    font-size:15px;
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
}

/*------------------------------------------- pop_fun_btn ----------------------------------------*/
.pop_btn_fun{
    float:right;
    padding-top:4px;
    font-size:14px;
    font-weight:bold;
}
.pop_btn_fun div{
    float:right;
    margin-left:2px;
    width:80px;
    line-height:14px;
    text-align:center;
}
.pop_btn_fun a{
    display:block;
    width:80px;
    height:20px;
    padding-top:42px;
}
.pop_btn_fun a:hover{
    display:block;
    width:80px;
    height:20px;
    padding-top:42px;
    text-decoration:none;
}

.pop_word_rec_stop a{
    background:url(../images/pop_btn_oralfun.jpg) 0 -248px no-repeat;
}
.pop_word_rec_stop a:hover{
    background:url(../images/pop_btn_oralfun.jpg) -80px -248px no-repeat;
    color: green;
}
.pop_word_rec_stop_dis{
    background:url(../images/pop_btn_oralfun.jpg) -160px -248px no-repeat;
}
.pop_word_rec_stop_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.pop_word_rec_stop_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.pop_word_rec_start a{
    background:url(../images/pop_btn_oralfun.jpg) 0 0 no-repeat;
}
.pop_word_rec_start a:hover{
    background:url(../images/pop_btn_oralfun.jpg) -80px 0 no-repeat;
    color: green;
}
.pop_word_rec_start_dis{
    background:url(../images/pop_btn_oralfun.jpg) -160px 0 no-repeat;
}
.pop_word_rec_start_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.pop_word_rec_start_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.pop_word_stop a{
    background:url(../images/pop_btn_oralfun.jpg) 0 -62px no-repeat;
}
.pop_word_stop a:hover{
    background:url(../images/pop_btn_oralfun.jpg) -80px -62px no-repeat;
    color: green;
}
.pop_word_stop_dis{
    background:url(../images/pop_btn_oralfun.jpg) -160px -62px no-repeat;
}
.pop_word_stop_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.pop_word_stop_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.pop_word_play a{
    background:url(../images/pop_btn_oralfun.jpg) 0 -62px no-repeat;
}
.pop_word_play a:hover{
    background:url(../images/pop_btn_oralfun.jpg) -80px -62px no-repeat;
    color: green;
}
.pop_word_play_dis{
    background:url(../images/pop_btn_oralfun.jpg) -160px -62px no-repeat;
}
.pop_word_play_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.pop_word_play_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.pop_word_read_play a{
    background:url(../images/pop_btn_oralfun.jpg) 0 -124px no-repeat;
}
.pop_word_read_play a:hover{
    background:url(../images/pop_btn_oralfun.jpg) -80px -124px no-repeat;
    color: green;
}
.pop_word_read_play_dis{
    background:url(../images/pop_btn_oralfun.jpg) -160px -124px no-repeat;
}
.pop_word_read_play_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.pop_word_read_play_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.pop_word_read_stop a{
    background:url(../images/pop_btn_oralfun.jpg) 0 -124px no-repeat;
}
.pop_word_read_stop a:hover{
    background:url(../images/pop_btn_oralfun.jpg) -80px -124px no-repeat;
    color: green;
}
.pop_word_read_stop_dis{
    background:url(../images/pop_btn_oralfun.jpg) -160px -124px no-repeat;
}
.pop_word_read_stop_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.pop_word_read_stop_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.pop_word_db_play a{
    background:url(../images/pop_btn_oralfun.jpg) 0 -186px no-repeat;
}
.pop_word_db_play a:hover{
    background:url(../images/pop_btn_oralfun.jpg) -80px -186px no-repeat;
    color: green;
}
.pop_word_db_play_dis{
    background:url(../images/pop_btn_oralfun.jpg) -160px -186px no-repeat;
}
.pop_word_db_play_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.pop_word_db_play_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.pop_word_db_stop a{
    background:url(../images/pop_btn_oralfun.jpg) 0 -186px no-repeat;
}
.pop_word_db_stop a:hover{
    background:url(../images/pop_btn_oralfun.jpg) -80px -186px no-repeat;
    color: green;
}
.pop_word_db_stop_dis{
    background:url(../images/pop_btn_oralfun.jpg) -160px -186px no-repeat;
}
.pop_word_db_stop_dis a{
    color: rgb(213, 211, 211);
    cursor:default;
}
.pop_word_db_stop_dis a:hover{
    color: rgb(213, 211, 211);
    cursor:default;
}

.cn_word{
    width:45px;
    display:block;
    float:left;
    text-align:center;
}
.cn_eval{
    width:45px;
    display:block;
    float:left;
    text-align:center;
    margin:0 0 0 1px;
}

.underline{
    text-decoration: underline;
}

.change_yb{
    float:left;
    padding:30px 0 0 20px;
    vertical-align:middle;
    margin-bottom:2px;
    *margin-bottom:-2px;
}
.change_yb>span{
    padding-left:4px;
}
