div.reader-dict-wraper {
    position:relative;
}
div.reader-dict {
    height: 100%;
    min-height: 100%;
}
div.dict-result {
    min-height:calc(100% - 1em - 9px);
    height: calc(100% - 1em - 9px);
    max-height: calc(100% - 1em - 9px);
    overflow:auto;
    overflow-x:hidden;
}

a.button.toggle {
    position:absolute;
    right:9px;
    z-index:9999;
}

div.reader-dict-wraper.max  {
    position:fixed;
    top:0;
    bottom:0;
    min-height:100vh;
    height:100vh;
    width:100%;
    z-index:9999;
    background:#eee;
}
div.reader-container{
    position:relative;
    height:calc(100% - 3em);
    box-sizing:border-box;
}
div.reader-container.scrolled{
        height:calc(100% - 1em);
    }


div.text-reader.after-note {
        border:1px solid #aaa;
        display:inline-block;
    }
        div.text-reader.has-note, div.text-reader.has-note div.reader-para:last-child, div.text-reader.after-note div.reader-para:first-child {
            display:inline-block!important;
        }

div.text-body.virtual {
    height: calc(100% - 2px);
}

span + div.reader-container {
    height:calc(100% - 7em);
    max-height:calc(100% - 7em);            
    
}

span.max + div.reader-container {
    height:calc(100% - 2em);
    max-height:calc(100% - 2em);            
}

div.text-dict-ranger {
    width:100%;
    height:calc(100% - 9px);
    position:relative;
}


div.text-dict {
    width:100%;
    height:calc(100% - 8px);
    display:inline-block;
}

div.reader-text {
    position:relative;
    padding:1px;  
    height:calc(100% - 1em - 1px);
    overflow:auto;
    padding-bottom:1em;
}

div.reader-text a.button.copy {
        position:absolute;
        bottom:3px!important;
    }
div.text-body {
    width:100%;
    height:100%;
}
    a.dict-word.phrase
    {
        margin:0 1px;    
        border-bottom:1px solid #aaa;
    }



div.pos {
    font-style:italic;
}
div.range {
    width: 5px;
    height: calc(100% - 1em);
    position:absolute;
    display: inline-block;    
    right:2px;
    top:0;
    text-align:center;
    display:inline-block;
    background:#eee;
}

a.dict-word {
    cursor:pointer;
}
div.pg-num-cn, div.pg-num-en {
    text-align:center;
    border-bottom:1px solid #eee;
    opacity:0.5;
}


div.appendable {
    position:relative;
}

span + div.reader-container + div div.appendable {
        margin-top:3px;
        max-height:calc(6em - 6px);
        overflow:auto;
        background:#eee;        
}

    div.reader-container + div div.appendable div.ytube-proper{
        width:calc(10.6em - 10.6px);
        height:calc(6em - 6px);
        float:right;
    }
    
div.text-body>div.reader-para {
    max-width:100%!important;
    overflow:hidden;
}

    div.reader-text p a {
        display:inline;
    }

    div.reader-text.container {
        padding:0;
        overflow:hidden;
    }
    

div.dict-meaning {
    display:inline-block;
    width:calc(50% - 2px);
    vertical-align:top;
}
    div.dict-meaning.en {
        border-left:1px solid #eee;
    }
input[type=range].vertical{
   -webkit-appearance: slider-vertical;
    writing-mode: bt-lr; 
    width:1px;
    margin:0;
    height:calc(100% - 1em);
    position:absolute;
    top:1em;
    left:0;
    color:red;
}

div.reader-container.med-siz a.med-siz, div.reader-container.max-siz a.max-siz {
    pointer-events:none;
}
div.reader-container a {
    display:inline-block;
    min-width:1em;
}

div.reader-dict {
    position:relative;
}

div.reader-dict.dict {
    height:100%;
    overflow:auto;
}

div.reader-container div.range{
    display:none;
}

div.reader-container.med-siz div.range{
    display:inline-block;
}

div.reader-container div.reader-dict {
    height:0;
    overflow:auto;
    overflow-x:hidden;
}

div.reader-container.max-siz div.reader-text,
div.reader-container div.reader-dict {
    display:none;
}
div.reader-container.med-siz div.reader-dict {
    display:block;
    border-top:1px solid #aaa;
    height: 50%;
    box-sizing:border-box;
}

div.reader-container.med-siz div.reader-text{
    border-top:1px solid #000;
    height: calc(50% - 4px);
}
div.reader-container.max-siz div.reader-dict {
    height: 100%;
}

div.dict-fux {
    height:5.3em;
    overflow:auto;
}

div.dict-fux + div.dict-result{
    height: calc(100% - 6.3em - 9px);
    max-height: calc(100% - 6.3em - 9px);
    min-height:3em;
    width:100%;
    overflow:auto;
}
div.dict-fux.hide + div.dict-result, div.dict-fux.en.hide + div.dict-result {
    height: calc(100% - 1em - 9px);
    max-height: calc(100% - 1em - 9px);
}

div.dict-fux.en {
    height:4em;
    overflow:auto;
}

div.dict-fux.en + div.dict-result {
        height: calc(100% - 5em - 4px);
}

div.dict-result.iframe {
    overflow:hidden;
    width:100%;
    height:100%;
}

div.dict-result > div {
    overflow:visible;
}
div.dict-result.non-iframe{
    overflow:auto;
}

div.dict-result  iframe {
     height: 100%;
     min-height:30em;
     overflow-x:hidden;   
    }
div.dict-result .videoContainer iframe {
    min-height: 0;
}


div.dict-result-body {
    position:relative;
    font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
    font-family: Century Gothic, sans-serif;
    height: calc(100% - 2em);
    overflow:auto;
    width:100%;
}
    div.dict-result-body iframe {
        width:100%;
        height:100%;
    }

div.text-body p{
    position:relative;
}
a.dict-word
 {
    display:inline !important;
}


    a.dict-word:hover{
     background:#aaa;
    }

a.dict-word, a.dict-word:visited,
a.dict-word, a.dict-word:visited
{
    color:#000;
}
    a.dict-word:hover{
        transition: color .4s;
        color: #007BE6;
        
    }
.video-thumb img, div.dict-result .tw-img {
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;
    height:100%  !important;
 }

div.dict-result img {
    width:1em !important;
    height:1em;
}

div.defined-word span {
    border-bottom:1px solid #aaa;
}

   
div.reader-para {
    margin-bottom:0.2em;
}

textarea.dict-paste, span.dict-siz{
    position:absolute;    
    right:1px;    
}
span.dict-siz {
    top: 0;
}

span.dict-siz-min {
    position:absolute;
    top:0;
    right: 2.2em;
    width:calc(100% - 9em);
}
span.dict-siz-min a.button{
    width:calc(30% - 2px);
    margin:0;
    top:0;
    position:absolute;
}
    span.dict-siz-min a.button:nth-child(1) {
        left: 0;
    }
    span.dict-siz-min a.button:nth-child(3) {
        right: 0;
    }
span.dict-siz-min a.button:nth-child(2){
    left: 33%;
}

span.dict-siz {
    display:inline-block;
    float:right;
}
    span.dict-siz a {
        display:inline-block;
        width: 1em;
        margin: 0 1px;
        vertical-align:middle;
        
    }
        
        span.dict-siz a.max-siz {
            font-weight:bold;
        }

input.check-word {
    width:calc(100% - 4em) !important;
}

    textarea.dict-paste {
    opacity:0.5;
    width:10em !important;
    font-size:0.5em;
    height:3em !important;
    margin-right:1px;
    overflow:hidden;
    
    bottom:0;
}

    a.button.enable-dict{
        position:absolute;
        left:1px;
        opacity:0.6!important;
        height:calc(1em - 2px);
        font-size:0.8em;
        z-index:9;
}
    a.button.enable-dict:hover{
        opacity:1!important;
    }
a.enable-dict.top {
        top:1px;
}
a.enable-dict.bot{
        bottom:0;        
    }