body {
    padding-left: .1rem;
}

pre {
    font-size  : .27rem;
    line-height: .5rem;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap  : break-word;
    /* Internet Explorer 5.5+ */

}

#close {
    width          : .4rem;
    height         : .5rem;
    background     : url("./image/return.png") no-repeat center center;
    background-size: .2rem auto;
    cursor         : pointer;
    position       : absolute;
    left           : 0rem;
    top            : .35rem;
    display        : none;
}

#phonicsBack{
    width          : .8rem;
    height         : .8rem;
    background     : url("../../image/phonicsBack.png?v=1") no-repeat center center;
    background-size: 100% auto;
    cursor         : pointer;
    position       : absolute;
    left           : .2rem;
    top            : .2rem;
    display        : none;
}