#inkwell1 {
    bottom: 100px;
    left: 140px;
    position: fixed;
}
#inkwell2 {
    bottom: 100px;
    left: 140px;
    position: fixed;
    visibility: hidden;
}
#letter {
    font-family: Comic Sans MS;
    font-size: 18px;
    font-weight: bold;
    margin: 50px auto;
    position: relative;
    width: 75%;
}
#letter_src{
    
    font-size: 16px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    word-break:break-all;
    background-color: #efefef;
    background-image:   linear-gradient(#e7e6e6 1px, transparent 0),
                        linear-gradient(90deg, #e7e6e6 1px, transparent 0);
    background-size: 21px 21px, 21px 21px;
    background-position: center;
    padding: 15px 10px;
    // padding-top: 60px;
    letter-spacing: 2px;
}
// #letter_src div.chinese{
//     font-family: 'kaiti';
// }
// #letter_src div.english{
//     font-family: Comic Sans MS;
// }

// #letter_src:before,
// #letter_src:after{
//     content: '';
//     position: absolute;
//     z-index: 0;
//     left: 50%;
//     transform: translateX(-50%);
//     display: inline-block;
//     background-color: #fff;
//     height: 28px;
//     box-shadow: 68px 0 0 0 #fff, 
//                 calc(68px * 2) 0 0 0 #fff, 
//                 calc(68px * 3) 0 0 0 #fff, 
//                 calc(68px * 4) 0 0 0 #fff, 
//                 calc(68px * 5) 0 0 0 #fff, 
//                 -68px 0 0 0 #fff, 
//                 calc(68px * -2) 0 0 0 #fff, 
//                 calc(68px * -3) 0 0 0 #fff, 
//                 calc(68px * -4) 0 0 0 #fff, 
//                 calc(68px * -5) 0 0 0 #fff;
// }
// #letter_src:before {
//     top: 0;
//     width: 10px;
// }
 
// #letter_src:after {
//     top: 26px;
//     width: 28px;
//     border-radius: 50%;
// }
.closeBtn{
    font-size: 30px;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 42px;
    margin: 10px auto;
    border-radius: 50%;
    background: #0767bf;
    color: #fff;
}



