@charset "utf-8"; 
/*Reset*/
* {margin: 0; padding: 0;}
html {overflow: auto;}
html, body, fieldset, img, iframe, abbr {border: 0;}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {display: block;}
i, cite, em, var, address, dfn {font-style: normal; font-weight: normal;}
del, ins, u, s, a, a:hover {text-decoration: none;}
h1, h2, h3, h4, h5, h6, small {font-size: 100%;}
h1, h2, h3, h4, h5, h6, strong, b {font-weight: bold;}
caption, th {text-align: left; font-weight: normal;}
sup, sub {font-size: 83%;}
ol, ul {list-style: none;}
pre, code, kbd, samp {font-family: inherit;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
label, summary {cursor: default;}
a, button {cursor: pointer;}
:focus {outline: 0;}
img {border: 0; vertical-align: top;}
textarea {overflow: auto; resize: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline;}
.none {display: none;}
.hidden {visibility: hidden;}
.clearfix {display: block; *zoom: 1;}
.clearfix:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
body {background-color: #E5E5E5; line-height: 1;  /*  transition: all 0.7s ease-in-out 0.5s;*/}
body, p {color: #333; font-family: 'Microsoft YaHei';}
a {text-decoration: none;}
a:hover {text-decoration: none;}
div#ABTToolbar {position: fixed; top: 0px; left: 0px;        background-color: #E5E5E5;  z-index: 9999;   width: 100%;text-align: center;}
div#ABTToolbar a:link {color: #333; text-decoration: none;}
div#ABTToolbar a:visited {color: #fff; text-decoration: none;background: #542E70;}
div#ABTToolbar a:hover {
    color: #fff;
    text-decoration: none;
    background: #542E70;
}
div#ABTToolbar li:hover a{
    color: #fff;
    text-decoration: none;
    background: #542E70;
}
div#ABTToolbar ul#toolbarList {width: 100%;margin: 0px auto;padding: 20px 0px 0;}
div#ABTToolbar ul#toolbarList li {display: inline-block;list-style-type: none;font-size: 20px;    margin: 0 5px;}
div#ABTToolbar ul#toolbarList li#overSoundModebutton {position: relative;}
div#ABTToolbar ul#toolbarList li#overSoundModebutton >a{background: url(images/p1.png) no-repeat center 28px;background-color: #fff;}
div#ABTToolbar ul#toolbarList li#overSoundModebutton:hover >a { background: url(images/p1-a.png) no-repeat center 28px;    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#textmodebutton>a {background: url(images/p2.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#textmodebutton:hover >a {    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#pagezoomin>a {background: url(images/p3.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#pagezoomin:hover>a{ background: url(images/p3-a.png) no-repeat center 28px;    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#pagezoomout >a{background: url(images/p4.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#pagezoomout:hover>a{ background: url(images/p4-a.png) no-repeat center 28px;    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#fontzoomin>a {background: url(images/p5.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#fontzoomin:hover>a{    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#fontzoomout >a{background: url(images/p6.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#fontzoomout:hover>a{    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#hightcontrast>a {background: url(images/p8.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#hightcontrast:hover>a{    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#guidesbutton >a{background: url(images/p9.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#guidesbutton:hover>a{background: url(images/p9-a.png) no-repeat center 28px;     background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#texttipsbutton>a {background: url(images/p10.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#texttipsbutton:hover>a{    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#ABTHelpbutton >a{background: url(images/p10.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#ABTHelpbutton:hover>a{    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#ABTHelp_talk >a{background: url(images/p11.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#ABTHelp_talk:hover>a{    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#resetbutton >a{background: url(images/p12.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#resetbutton:hover>a{    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#closetoolbar >a{background: url(images/p13.png) no-repeat center 28px;    background-color: #fff;}
div#ABTToolbar ul#toolbarList li#closetoolbar:hover>a{    background-color: #542E70;}
div#ABTToolbar ul#toolbarList li#abtClear {float: none; width: 100%; clear: both; padding: 0px; height: 0px; line-height: 0px; font-size: 0px; overflow: hidden;}
div#ABTToolbar ul#toolbarList li#hightcontrast {position: relative;}
div#ABTToolbar ul#toolbarList li ul#hightcontrastlist {
    position: absolute;
    display: none;
    width: 100%;
    top: 160px;
    left: 0;
    text-align: left;
    padding: 12px 0px;
    background: #542E70;
    text-align: center;
    border-radius: 8px;
}
div#ABTToolbar ul#toolbarList li ul#hightcontrastlist li {display: block;width: 100%;padding: 0px 0px;font-size: 18px;    background: transparent !important;margin: 0;}
div#ABTToolbar ul#toolbarList li ul#soundcontrastlist {
    position: absolute;
    display: none;
    width: 100%;
    top: 160px;
    left: 0;
    text-align: left;
    padding: 12px 0px;
    background: #542E70;
    text-align: center;
    border-radius: 8px;
}
div#ABTToolbar ul#toolbarList li ul#soundcontrastlist li {display: block;width: 100%;padding: 0px;    margin: 0;}
div#guidesbox {width: 100%; height: 0px; line-height: 0px; font-size: 0px;}
div#guidesbox div#guidesXLine {position: absolute; width: 100%; height: 4px; left: 0px; top: 0px; font-size: 0px; line-height: 0px; z-index: 999;}
div#guidesbox div#guidesYLine {position: absolute; width: 4px; height: 100%; top: 0px; font-size: 0px; line-height: 0px; z-index: 998;}
div.skipelement {width: 0px; height: 0px; line-height: 0px; font-size: 0px;}
div#gettextmessagebox {width: 100%; position: fixed; bottom: 0px; left: 0px; text-align: center; *position: absolute; *bottom: auto; *top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); border-top: 2px solid #000; background: #CCC; height: 140px; z-index: 1000; overflow: hidden;}
div#gettextmessagebox div#closetextmessagebox {float: right; width: 18px; height: 18px; font-size: 0px; line-height: 0px; padding: 8px 8px 0px 0px;}
div#gettextmessagebox div#closetextmessagebox a {display: block; width: 18px; height: 18px; line-height: 18px; font-weight: bold;}
div#gettextmessagebox div#closetextmessagebox a em {font-weight: bold;}
div#gettextmessagebox a {font-size: 12px;}
div#gettextmessagebox a:link {color: #333; text-decoration: none;}
div#gettextmessagebox a:visited {color: #333; text-decoration: none;}
div#gettextmessagebox a:hover {color: #333; text-decoration: underline;}
div#gettextmessagebox div#textbgbuttonbox {float: right; height: 18px; line-height: 18px; padding: 8px 8px 0px 0px;}
div#gettextmessagebox div#pinyinbuttonbox {float: right; height: 18px; line-height: 18px; padding: 8px 8px 0px 0px;}
div#gettextmessagebox div#fontbuttonbox {float: right; height: 18px; line-height: 18px; padding: 8px 8px 0px 0px;}
div#gettextmessagebox div#gettextmessagecontent {clear: both; width: 100%; padding-top: 20px; font-family: "微软雅黑"; font-size: 26px; line-height: 26px; line-height: 46px\0;}
div#gettextmessagebox div#gettextmessagecontent span {display: inline-block; padding: 20px 2px; margin-top: -20px; height: 28px; font-size: 26px; line-height: 28px;}
div#gettextmessagebox div#gettextmessagecontent span sup {display: block; margin-top: -47px; font-size: 16px; line-height: 20px;}
.zoom-1 {zoom: 1 !important}
.zoom-1_2 {zoom: 1.2 !important}
.zoom-1_4 {zoom: 1.4 !important}
.zoom-1_6 {zoom: 1.6 !important}
.zoom-1_8 {zoom: 1.8 !important}
.zoom-2 {zoom: 2 !important}
.speak-help-hightlight{background: #000!important;color: #fff!important}
div#ABTToolbar ul#toolbarList li a {
    padding: 106px 21px 28px;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    min-width: 80px;

}

div#ABTToolbar a{    border-radius: 8px;    background: #fff;}
div#ABTToolbar ul#toolbarList #hightcontrastlist li a {
    padding: 0;
    color: #fff !important;
font-weight: normal;
    line-height: 46px;
    margin: 0;
}

div#ABTToolbar ul#toolbarList #soundcontrastlist li a {
    padding: 0;
    font-size: 18px;
    color: #fff;
 background: transparent;
font-weight: normal;
    line-height: 46px;
    margin: 0;
}