EBook/EBook.Web/Common/mtm_passage.css

/*高亮文本标注样式*/
html {
    overflow: visible;
    padding: 0;
    margin: 0;
}

body {
    font-family: Cambria;
    font-size: 12pt;
    overflow: auto;
    background-color: #ffffff;
    color: #000000;
}

/*::selection
{
	background-color: #0099CC;
	color:#fff;
}*/

.mark{
    height:30px;
    width: 120px;
    margin-top: -6px;
    background-image: url("../image/mark.png");
}

.mark:hover{
    background-image: url("../image/mark_hover.png");
}

.klgList
{
	background-color:#fff0e6;
	border:1px solid #b77b59;
}

.klgList>div
{
	color:#b36a3b;
	cursor:pointer;
	padding:2px 2px 2px 5px;
}

.klgList>div:hover
{
	background-color:#f0dbcd;
}

.selectBtn{
    margin-top: 5px;
    float: right;
    width: 30px;
    height: 30px;
    background-image: url(../image/selectBtn.png);
    cursor: pointer;
}

.toolBar{
    height: 40px;
    background-color: #dceff7;
}

.toolBar div{
    position: relative;
    left: 8px;
    height: 38px;
    width: 114px;
    background-image: url("../image/highlight.png");
}
.toolBar div.hover{
    background-image: url("../image/highlight_hover.png");
}

.toolBarMenu {
    position: absolute;
    display: none;
    top: 38px;
    left: 6px;
    width: 120px;
    height: 60px;
    background: url("../image/toolBarMenu.png") 0 -36px no-repeat;
    z-index: 1024;
}

.toolBarMenu ul{
    width: 106px;
    margin: 0 7px;
}

.toolBarMenu li {
    position: relative;
    height: 28px;
    width: 106px;
    line-height: 28px;
    font: '微软雅黑' 400 normal 12px;
    color: #333333;
    cursor: pointer;
    /*z-index: inherit;*/
}

.toolBarMenu li:hover{
    /*display: block;*/
    height: 28px;
    width: 106px;
    background-color: #DEEAFA;
}
.toolBarMenu li>div {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    /*z-index: inherit;*/
    background: url("../image/toolUnChecked.png") no-repeat;
}

.toolBarMenu li.checked>div {
    background: url("../image/toolChecked.png") no-repeat;
}

.toolBarMenu li span{
    position: relative;
    top: -2px;
    font-family: '微软雅黑 Regular', '微软雅黑';
    font-size: 12px;
}

.selGroup div{
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../image/uncheck.png");
}

.selGroup .wdSel:hover div[check="false"],.selGroup .phraseSel:hover div[check="false"],.selGroup .sentSel:hover div[check="false"]{
	background: url("../image/uncheck_hover.png");
}

.selGroup div.checkRect{
    background: url("../image/checked.png");
}

.selGroup .wdSel:hover div[check="true"],.selGroup .phraseSel:hover div[check="true"],.selGroup .sentSel:hover div[check="true"]{
	opacity:0.5;
}


.wordStyle[data-setstatus='1']{
	white-space:nowrap;
    color: #db5d00;  /*单词选择颜色*/
    font-weight: bold;
	border-radius:4px;
    cursor: pointer;
    z-index: 10;
}

.wordStyle[data-setstatus='1']::before{
    content: "";
}

.wordStyle[data-setstatus='1']::after{
    content: "";
}

.border1{
    border: dashed 1px #ff6600;
}

.phraseStyle[data-setstatus='1']{
    background-color: #f2db8b;  /*短语选择颜色*/
	border-radius:2px;
	padding-left:0px;
	padding-right:0px;
    cursor: pointer;
    z-index: 10;
}

.phraseStyle[data-setstatus='1']::before{
    content: "";
}

.phraseStyle[data-setstatus='1']::after{
    content: "";
}

.sentenceStyle[data-setstatus='1']{
    border-bottom: 2px solid #78ae43;  /*句型*/
    z-index: 5;
}

.wordStyle[data-setstatus='1']:hover{
    color:#ff7d1e;
    font-weight: bold;
	background-color: #ffeeb2;
}
.wordStyle[data-setstatus='1'][showflag='0']{
    color: #ffffff;
}
.wordStyle[data-setstatus='1'][showflag='0']:hover{
    color: #ffffff;
	background-color: #ffffff;
}
.wordStyle[data-setstatus='1'][showflag='0'][data-scolor='5']{
    color: #f2db8b;
	background-color: #f2db8b;
}
.wordStyle[data-setstatus='1'][showflag='0'][data-scolor='5']:hover{
    color: #ffeeb2;
	background-color: #ffeeb2;
}
.wordStyle[data-setstatus='1'][showflag='0'][data-scolor='6'],.wordStyle[data-setstatus='1'][showflag='0'][data-scolor='6']:hover{
    color: #fff;
	background-color: #fff;
}
.phraseStyle[data-setstatus='1'][data-lstatus='0']:hover{
	background-color: #ffeeb2;
}
.phraseStyle[data-setstatus='1'][data-lstatus='0']:hover .wordStyle[data-setstatus='1'][showflag='0']{
    color: #ffeeb2;
	background-color: #ffeeb2;
}
.phraseStyle[data-setstatus='1'][showflag='0'] {
    background-color: #ffffff;
}
.phraseStyle[data-setstatus='1'][showflag='0']:hover{
	background-color: #ffffff;
}
.phraseStyle[data-setstatus='1'][showflag='0']:hover .wordStyle[data-setstatus='1']{
    color: #ffffff;
	background-color: #ffffff;
}
.sentenceStyle[data-setstatus='1']:hover{
	color:#1a6500;
	border-color:#83e600;
}

 @keyframes living { 0%{
                transform: scale(1);
            } 50%{
                transform: scale(1.2);  
            } 100%{
                transform: scale(1);
                opacity: 1;
            } }

.klg-selected{
	/*display:inline-block;*/
	box-shadow: 0 0 10px #0000ff !important;
	/*-webkit-animation: living 1.3s linear infinite;*/
}

.imgDel{
    position: relative;
    display: inline;
}

.imgDel>div {
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url("../image/delete15.png");
    margin: 0px -7px 0px -8px;
    top: -6px;
    right: -7px;
    z-index: 1;
}

.imgDel>div:hover{
    background-image: url("../image/delete15_hover.png");
}

.titleCss {
    /*margin-top: 5px;*/
    /* background-color: #dceff7; */
    padding-right: 20px;
    height: 40px;
    display: block;
}

.selGroup {
    position: absolute;
    display: none;
    padding-top: 15px;
    top: 35px;
    right: 15px;
    width: 104px;
    height: 132px;
    float: right;
    background: url("../image/selectBg.png") no-repeat;
    z-index: 1024;
	-webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}

.wdSel, .phraseSel, .sentSel {
    margin-top: 7px;
	margin-left: 15px;
	cursor:pointer;
	float: left;
}

.ml3 {
    margin-left: 3px;
}

.markeg{
	position:relative;
	top:-4px;
	font-size:14px;
	color:#333333;
}

.rectImg {
    background-image: url(../image/rect.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 19px;
    display: none;
    font: bold 6pt;
}

.textcs {
    position: relative;
    line-height: 1.5;
    margin: 5px 5px;
    overflow-y : auto;
    padding-top: 5px;  
}

#textArea {
    position: absolute;
    left: 0px;
    margin: 0 45px;
    text-align: justify;
}
/*详细释义*/
.content{
    height: 113px;
	/*margin:0 5px;*/
    clear: right;
	padding:0px;
    border-bottom: solid 1px #e7e7e7;
    overflow-y: auto;
    color:#464646;
}

.content .enWordPro,.content font{
	font-size:14px;
}

.contentWrap{
    height: 150px;
    clear: right;
    margin: 5px 0px 0px 0px;
	padding:5px 0;
    overflow-y: auto;
    border-bottom: solid 1px #e7e7e7;
}

.contentText {
    font-weight: bold;
    font-size:20px;
    color:#007ac4;
    margin-bottom: 8px;
    margin-top: -6px;
    word-break: break-word;
}
.phonetic .voice{
    display:inline-block;
    width:18px;
    height:16px;
    position: relative;
    top: 3px;
    margin-left: 5px;
    background:url(../image/test_practice_icons.png) no-repeat -106px 0px;
    cursor: pointer;
}

.phonetic .voice.playing{
    background:url(../image/music_playing.gif);
    top: 4px;
}

.phonetic .voice.loading{
	width:16px;
	height:16px;
	background:url(loading.gif);
}

.moreDetail,.nextButton{    
    float: right;
    margin: 12px 0;
    /*padding: 0 3px;*/
    cursor: pointer;
	color:#0d8ee3;
	font-size:14px;
    line-height:1;
}

.nextButton{
	float: left;
}
.pickUp{
    display: none;
    float: right;
    margin: 12px 8px;
    /*padding: 0 3px;*/
    cursor: pointer;
	color:#0d8ee3;
	font-size:14px;
	/*text-decoration:none;*/
    line-height:1;
}

.moreDetail:hover ,.pickUp:hover,.nextButton:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.sentImagcs{
    display:none;
}

.sentImagcs[data-setstatus='1'][data-lstatus='0']{
    display: inline;
    cursor: pointer;
    margin: 0 3px -2px 1px;
    /*vertical-align: middle;*/
}

* {
    margin: 0px 0px;
    padding: 0px 0px;
}

ul {
    list-style: none;
    /*margin-left: 60px;*/
    /*margin-top: -22px;*/
    /*margin-right: 5px;*/
}

.ui-dialog a,a:-webkit-any-link,a:link,a:visited,a:hover,a:active{cursor:pointer !important;}