#myTable td {
    position: relative;
    text-align: center;
    width: 13px;
    height: 18px;
}

body, #mainWrapper {
    /* min-width: 800px; */
}


.letter_mask {
    position: absolute;
    /* background: #000; */
    /* width: 100%; */
    height: 100%;
    opacity: 0.15;
}

.write_calligraphy_element {
    display: inline-block;
    position: absolute;
    /*     right: 49px; */
    width: 42px;
    height: 42px;
}

.vertical_text_wrapper {
    position: absolute;
    bottom: 370px;
    left: 28px;
}

#myTable td.off {
    opacity: 0.4;
}

#myTable td.on {
    opacity: 1;
}

.calligraphy_letter_wrapper {
    background-image: url(../../common/images/paper/3/book_bg.jpg);
    width: 800px;
    background-size: 100%;
    height: 583px;
    position: relative;
}

#txtBoxWrapper {
    width: 38px;
    height: 37px;
    border: 1px solid;
    position: absolute;
    animation: flash 1s 15;
    -webkit-animation: flash 2s infinite;
    -ms-animation: flash 1s 15;
    -moz-animation: flash 1s 15;
}

input#checkStr {
    width: 37px;
    height: 37px;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    border: none;
    padding: 11px;
    box-sizing: border-box;
}


.write_calligraphy_element img {
    width: 42px;
    height: 42px;
}

#t0, #t0.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 25px;
    top: 154px;
}

#t1, #t1.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 24px;
    top: 188px;
}

#t2, #t2.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 25px;
    top: 221px;
}

#t3, #t3.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 24px;
    top: 255px;
}

#t4, #t4.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 24px;
    top: 320px;
}

#t5, #t5.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 24px;
    top: 354px;
}

#t6, #t6.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 24px;
    top: 388px;
}

#t7, #t7.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 37px;
}

#t8, #t8.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 72px;
}

#t9, #t9.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 108px;
}

#t10, #t10.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 141px;
}

#t11, #t11.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 178px;
}

#t12, #t12.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 214px;
}

#t13, #t13.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 249px;
}

#t14, #t14.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 300px;
}

#t15, #t15.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 335px;
}

#t16, #t16.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 369px;
}

#t17, #t17.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 406px;
}

#t18, #t18.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 439px;
}

#t19, #t19.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 473px;
}

#t20, #t20.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 68px;
    top: 510px;
}

#t21, #t21.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 36px;
}

#t22, #t22.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 72px;
}

#t23, #t23.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 108px;
}

#t24, #t24.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 141px;
}

#t25, #t25.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 177px;
}

#t26, #t26.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 214px;
}

#t27, #t27.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 108px;
    top: 249px;
}

#t28, #t28.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 301px;
}

#t29, #t29.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 335px;
}

#t30, #t30.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 369px;
}

#t31, #t31.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 405px;
}

#t32, #t32.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 440px;
}

#t33, #t33.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 474px;
}

#t34, #t34.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 109px;
    top: 509px;
}

#t35, #t35.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 36px;
}

#t36, #t36.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 73px;
}

#t37, #t37.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 108px;
}

#t38, #t38.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 141px;
}

#t39, #t39.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 178px;
}

#t40, #t40.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 214px;
}

#t41, #t41.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 150px;
    top: 248px;
}

#t42, #t42.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 300px;
}

#t43, #t43.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 334px;
}

#t44, #t44.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 369px;
}

#t45, #t45.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 405px;
}

#t46, #t46.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 439px;
}

#t47, #t47.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 474px;
}

#t48, #t48.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 151px;
    top: 509px;
}

#t49, #t49.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 36px;
}

#t50, #t50.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 72px;
}

#t51, #t51.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 107px;
}

#t52, #t52.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 142px;
}

#t53, #t53.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 178px;
}

#t54, #t54.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 214px;
}

#t55, #t55.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 249px;
}

#t56, #t56.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 192px;
    top: 300px;
}

#t57, #t57.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 335px;
}

#t58, #t58.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 369px;
}

#t59, #t59.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 192px;
    top: 405px;
}

#t60, #t60.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 440px;
}

#t61, #t61.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 473px;
}

#t62, #t62.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 191px;
    top: 509px;
}

#t63, #t63.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 232px;
    top: 36px;
}

#t64, #t64.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 232px;
    top: 72px;
}

#t65, #t65.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 107px;
}

#t66, #t66.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 142px;
}

#t67, #t67.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 178px;
}

#t68, #t68.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 214px;
}

#t69, #t69.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 249px;
}

#t70, #t70.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 300px;
}

#t71, #t71.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 335px;
}

#t72, #t72.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 369px;
}

#t73, #t73.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 405px;
}

#t74, #t74.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 439px;
}

#t75, #t75.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 473px;
}

#t76, #t76.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 231px;
    top: 509px;
}

#t77, #t77.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 36px;
}

#t78, #t78.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 72px;
}

#t79, #t79.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 271px;
    top: 108px;
}

#t80, #t80.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 271px;
    top: 142px;
}

#t81, #t81.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 273px;
    top: 178px;
}

#t82, #t82.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 273px;
    top: 213px;
}

#t83, #t83.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 273px;
    top: 249px;
}

#t84, #t84.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 301px;
}

#t85, #t85.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 335px;
}

#t86, #t86.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 368px;
}

#t87, #t87.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 405px;
}

#t88, #t88.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 440px;
}

#t89, #t89.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 474px;
}

#t90, #t90.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 272px;
    top: 509px;
}

#t91, #t91.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 36px;
}

#t92, #t92.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 72px;
}

#t93, #t93.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 108px;
}

#t94, #t94.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 141px;
}

#t95, #t95.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 178px;
}

#t96, #t96.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 215px;
}

#t97, #t97.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 249px;
}

#t98, #t98.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 300px;
}

#t99, #t99.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 335px;
}

#t100, #t100.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 368px;
}

#t101, #t101.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 405px;
}

#t102, #t102.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 314px;
    top: 440px;
}

#t103, #t103.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 313px;
    top: 474px;
}

#t104, #t104.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 312px;
    top: 509px;
}

#t105, #t105.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 36px;
}

#t106, #t106.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 72px;
}

#t107, #t107.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 108px;
}

#t108, #t108.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 141px;
}

#t109, #t109.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 178px;
}

#t110, #t110.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 214px;
}

#t111, #t111.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 249px;
}

#t112, #t112.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 300px;
}

#t113, #t113.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 334px;
}

#t114, #t114.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 369px;
}

#t115, #t115.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 405px;
}

#t116, #t116.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 440px;
}

#t117, #t117.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 474px;
}

#t118, #t118.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 354px;
    top: 508px;
}

#t119, #t119.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 36px;
}

#t120, #t120.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 72px;
}

#t121, #t121.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 108px;
}

#t122, #t122.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 141px;
}

#t123, #t123.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 177px;
}

#t124, #t124.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 214px;
}

#t125, #t125.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 249px;
}

#t126, #t126.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 300px;
}

#t127, #t127.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 335px;
}

#t128, #t128.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 369px;
}

#t129, #t129.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 405px;
}

#t130, #t130.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 440px;
}

#t131, #t131.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 473px;
}

#t132, #t132.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 420px;
    top: 510px;
}

#t133, #t133.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 36px;
}

#t134, #t134.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 72px;
}

#t135, #t135.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 108px;
}

#t136, #t136.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 141px;
}

#t137, #t137.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 178px;
}

#t138, #t138.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 214px;
}

#t139, #t139.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 249px;
}

#t140, #t140.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 300px;
}

#t141, #t141.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 335px;
}

#t142, #t142.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 368px;
}

#t143, #t143.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 404px;
}

#t144, #t144.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 439px;
}

#t145, #t145.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 474px;
}

#t146, #t146.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 459px;
    top: 509px;
}

#t147, #t147.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 37px;
}

#t148, #t148.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 72px;
}

#t149, #t149.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 108px;
}

#t150, #t150.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 143px;
}

#t151, #t151.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 177px;
}

#t152, #t152.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 250px;
}

#t153, #t153.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 285px;
}

#t154, #t154.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 320px;
}

#t155, #t155.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 356px;
}

#t156, #t156.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 499px;
    top: 391px;
}

#t157, #t157.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 38px;
}

#t158, #t158.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 72px;
}

#t159, #t159.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 108px;
}

#t160, #t160.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 143px;
}

#t161, #t161.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 177px;
}

#t162, #t162.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 250px;
}

#t163, #t163.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 285px;
}

#t164, #t164.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 321px;
}

#t165, #t165.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 356px;
}

#t166, #t166.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 538px;
    top: 391px;
}

#t167, #t167.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 37px;
}

#t168, #t168.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 72px;
}

#t169, #t169.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 108px;
}

#t170, #t170.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 142px;
}

#t171, #t171.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 178px;
}

#t172, #t172.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 250px;
}

#t173, #t173.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 285px;
}

#t174, #t174.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 321px;
}

#t175, #t175.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 356px;
}

#t176, #t176.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 578px;
    top: 390px;
}

#t177, #t177.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 37px;
}

#t178, #t178.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 72px;
}

#t179, #t179.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 108px;
}

#t180, #t180.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 142px;
}

#t181, #t181.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 178px;
}

#t182, #t182.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 250px;
}

#t183, #t183.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 285px;
}

#t184, #t184.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 321px;
}

#t185, #t185.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 616px;
    top: 356px;
}

#t186, #t186.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 617px;
    top: 391px;
}

#t187, #t187.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 37px;
}

#t188, #t188.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 73px;
}

#t189, #t189.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 108px;
}

#t190, #t190.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 142px;
}

#t191, #t191.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 177px;
}

#t192, #t192.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 249px;
}

#t193, #t193.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 285px;
}

#t194, #t194.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 320px;
}

#t195, #t195.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 356px;
}

#t196, #t196.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 657px;
    top: 391px;
}

#t197, #t197.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 37px;
}

#t198, #t198.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 73px;
}

#t199, #t199.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 108px;
}

#t200, #t200.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 142px;
}

#t201, #t201.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 696px;
    top: 178px;
}

#t202, #t202.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 250px;
}

#t203, #t203.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 285px;
}

#t204, #t204.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 321px;
}

#t205, #t205.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 356px;
}

#t206, #t206.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 695px;
    top: 391px;
}

#t207, #t207.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 693px;
    top: 394px;
}

#t208, #t208.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 23px;
    top: 289px;
}

#t209, #t209.write_calligraphy_element.current ~ #txtBoxWrapper {
    right: 473px;
    top: 85px;
}

.on#t0 {
    background-image: url(../../common/images/paper/3/0.png);
}

.on#t1 {
    background-image: url(../../common/images/paper/3/1.png);
}

.on#t2 {
    background-image: url(../../common/images/paper/3/2.png);
}

.on#t3 {
    background-image: url(../../common/images/paper/3/3.png);
}

.on#t4 {
    background-image: url(../../common/images/paper/3/4.png);
}

.on#t5 {
    background-image: url(../../common/images/paper/3/5.png);
}

.on#t6 {
    background-image: url(../../common/images/paper/3/6.png);
}

.on#t7 {
    background-image: url(../../common/images/paper/3/7.png);
}

.on#t8 {
    background-image: url(../../common/images/paper/3/8.png);
}

.on#t9 {
    background-image: url(../../common/images/paper/3/9.png);
}

.on#t10 {
    background-image: url(../../common/images/paper/3/10.png);
}

.on#t11 {
    background-image: url(../../common/images/paper/3/11.png);
}

.on#t12 {
    background-image: url(../../common/images/paper/3/12.png);
}

.on#t13 {
    background-image: url(../../common/images/paper/3/13.png);
}

.on#t14 {
    background-image: url(../../common/images/paper/3/14.png);
}

.on#t15 {
    background-image: url(../../common/images/paper/3/15.png);
}

.on#t16 {
    background-image: url(../../common/images/paper/3/16.png);
}

.on#t17 {
    background-image: url(../../common/images/paper/3/17.png);
}

.on#t18 {
    background-image: url(../../common/images/paper/3/18.png);
}

.on#t19 {
    background-image: url(../../common/images/paper/3/19.png);
}

.on#t20 {
    background-image: url(../../common/images/paper/3/20.png);
}

.on#t21 {
    background-image: url(../../common/images/paper/3/21.png);
}

.on#t22 {
    background-image: url(../../common/images/paper/3/22.png);
}

.on#t23 {
    background-image: url(../../common/images/paper/3/23.png);
}

.on#t24 {
    background-image: url(../../common/images/paper/3/24.png);
}

.on#t25 {
    background-image: url(../../common/images/paper/3/25.png);
}

.on#t26 {
    background-image: url(../../common/images/paper/3/26.png);
}

.on#t27 {
    background-image: url(../../common/images/paper/3/27.png);
}

.on#t28 {
    background-image: url(../../common/images/paper/3/28.png);
}

.on#t29 {
    background-image: url(../../common/images/paper/3/29.png);
}

.on#t30 {
    background-image: url(../../common/images/paper/3/30.png);
}

.on#t31 {
    background-image: url(../../common/images/paper/3/31.png);
}

.on#t32 {
    background-image: url(../../common/images/paper/3/32.png);
}

.on#t33 {
    background-image: url(../../common/images/paper/3/33.png);
}

.on#t34 {
    background-image: url(../../common/images/paper/3/34.png);
}

.on#t35 {
    background-image: url(../../common/images/paper/3/35.png);
}

.on#t36 {
    background-image: url(../../common/images/paper/3/36.png);
}

.on#t37 {
    background-image: url(../../common/images/paper/3/37.png);
}

.on#t38 {
    background-image: url(../../common/images/paper/3/38.png);
}

.on#t39 {
    background-image: url(../../common/images/paper/3/39.png);
}

.on#t40 {
    background-image: url(../../common/images/paper/3/40.png);
}

.on#t41 {
    background-image: url(../../common/images/paper/3/41.png);
}

.on#t42 {
    background-image: url(../../common/images/paper/3/42.png);
}

.on#t43 {
    background-image: url(../../common/images/paper/3/43.png);
}

.on#t44 {
    background-image: url(../../common/images/paper/3/44.png);
}

.on#t45 {
    background-image: url(../../common/images/paper/3/45.png);
}

.on#t46 {
    background-image: url(../../common/images/paper/3/46.png);
}

.on#t47 {
    background-image: url(../../common/images/paper/3/47.png);
}

.on#t48 {
    background-image: url(../../common/images/paper/3/48.png);
}

.on#t49 {
    background-image: url(../../common/images/paper/3/49.png);
}

.on#t50 {
    background-image: url(../../common/images/paper/3/50.png);
}

.on#t51 {
    background-image: url(../../common/images/paper/3/51.png);
}

.on#t52 {
    background-image: url(../../common/images/paper/3/52.png);
}

.on#t53 {
    background-image: url(../../common/images/paper/3/53.png);
}

.on#t54 {
    background-image: url(../../common/images/paper/3/54.png);
}

.on#t55 {
    background-image: url(../../common/images/paper/3/55.png);
}

.on#t56 {
    background-image: url(../../common/images/paper/3/56.png);
}

.on#t57 {
    background-image: url(../../common/images/paper/3/57.png);
}

.on#t58 {
    background-image: url(../../common/images/paper/3/58.png);
}

.on#t59 {
    background-image: url(../../common/images/paper/3/59.png);
}

.on#t60 {
    background-image: url(../../common/images/paper/3/60.png);
}

.on#t61 {
    background-image: url(../../common/images/paper/3/61.png);
}

.on#t62 {
    background-image: url(../../common/images/paper/3/62.png);
}

.on#t63 {
    background-image: url(../../common/images/paper/3/63.png);
}

.on#t64 {
    background-image: url(../../common/images/paper/3/64.png);
}

.on#t65 {
    background-image: url(../../common/images/paper/3/65.png);
}

.on#t66 {
    background-image: url(../../common/images/paper/3/66.png);
}

.on#t67 {
    background-image: url(../../common/images/paper/3/67.png);
}

.on#t68 {
    background-image: url(../../common/images/paper/3/68.png);
}

.on#t69 {
    background-image: url(../../common/images/paper/3/69.png);
}

.on#t70 {
    background-image: url(../../common/images/paper/3/70.png);
}

.on#t71 {
    background-image: url(../../common/images/paper/3/71.png);
}

.on#t72 {
    background-image: url(../../common/images/paper/3/72.png);
}

.on#t73 {
    background-image: url(../../common/images/paper/3/73.png);
}

.on#t74 {
    background-image: url(../../common/images/paper/3/74.png);
}

.on#t75 {
    background-image: url(../../common/images/paper/3/75.png);
}

.on#t76 {
    background-image: url(../../common/images/paper/3/76.png);
}

.on#t77 {
    background-image: url(../../common/images/paper/3/77.png);
}

.on#t78 {
    background-image: url(../../common/images/paper/3/78.png);
}

.on#t79 {
    background-image: url(../../common/images/paper/3/79.png);
}

.on#t80 {
    background-image: url(../../common/images/paper/3/80.png);
}

.on#t81 {
    background-image: url(../../common/images/paper/3/81.png);
}

.on#t82 {
    background-image: url(../../common/images/paper/3/82.png);
}

.on#t83 {
    background-image: url(../../common/images/paper/3/83.png);
}

.on#t84 {
    background-image: url(../../common/images/paper/3/84.png);
}

.on#t85 {
    background-image: url(../../common/images/paper/3/85.png);
}

.on#t86 {
    background-image: url(../../common/images/paper/3/86.png);
}

.on#t87 {
    background-image: url(../../common/images/paper/3/87.png);
}

.on#t88 {
    background-image: url(../../common/images/paper/3/88.png);
}

.on#t89 {
    background-image: url(../../common/images/paper/3/89.png);
}

.on#t90 {
    background-image: url(../../common/images/paper/3/90.png);
}

.on#t91 {
    background-image: url(../../common/images/paper/3/91.png);
}

.on#t92 {
    background-image: url(../../common/images/paper/3/92.png);
}

.on#t93 {
    background-image: url(../../common/images/paper/3/93.png);
}

.on#t94 {
    background-image: url(../../common/images/paper/3/94.png);
}

.on#t95 {
    background-image: url(../../common/images/paper/3/95.png);
}

.on#t96 {
    background-image: url(../../common/images/paper/3/96.png);
}

.on#t97 {
    background-image: url(../../common/images/paper/3/97.png);
}

.on#t98 {
    background-image: url(../../common/images/paper/3/98.png);
}

.on#t99 {
    background-image: url(../../common/images/paper/3/99.png);
}

.on#t100 {
    background-image: url(../../common/images/paper/3/100.png);
}

.on#t101 {
    background-image: url(../../common/images/paper/3/101.png);
}

.on#t102 {
    background-image: url(../../common/images/paper/3/102.png);
}

.on#t103 {
    background-image: url(../../common/images/paper/3/103.png);
}

.on#t104 {
    background-image: url(../../common/images/paper/3/104.png);
}

.on#t105 {
    background-image: url(../../common/images/paper/3/105.png);
}

.on#t106 {
    background-image: url(../../common/images/paper/3/106.png);
}

.on#t107 {
    background-image: url(../../common/images/paper/3/107.png);
}

.on#t108 {
    background-image: url(../../common/images/paper/3/108.png);
}

.on#t109 {
    background-image: url(../../common/images/paper/3/109.png);
}

.on#t110 {
    background-image: url(../../common/images/paper/3/110.png);
}

.on#t111 {
    background-image: url(../../common/images/paper/3/111.png);
}

.on#t112 {
    background-image: url(../../common/images/paper/3/112.png);
}

.on#t113 {
    background-image: url(../../common/images/paper/3/113.png);
}

.on#t114 {
    background-image: url(../../common/images/paper/3/114.png);
}

.on#t115 {
    background-image: url(../../common/images/paper/3/115.png);
}

.on#t116 {
    background-image: url(../../common/images/paper/3/116.png);
}

.on#t117 {
    background-image: url(../../common/images/paper/3/117.png);
}

.on#t118 {
    background-image: url(../../common/images/paper/3/118.png);
}

.on#t119 {
    background-image: url(../../common/images/paper/3/119.png);
}

.on#t120 {
    background-image: url(../../common/images/paper/3/120.png);
}

.on#t121 {
    background-image: url(../../common/images/paper/3/121.png);
}

.on#t100 {
    background-image: url(../../common/images/paper/3/100.png);
}

.on#t101 {
    background-image: url(../../common/images/paper/3/101.png);
}

.on#t102 {
    background-image: url(../../common/images/paper/3/102.png);
}

.on#t103 {
    background-image: url(../../common/images/paper/3/103.png);
}

.on#t104 {
    background-image: url(../../common/images/paper/3/104.png);
}

.on#t105 {
    background-image: url(../../common/images/paper/3/105.png);
}

.on#t106 {
    background-image: url(../../common/images/paper/3/106.png);
}

.on#t107 {
    background-image: url(../../common/images/paper/3/107.png);
}

.on#t108 {
    background-image: url(../../common/images/paper/3/108.png);
}

.on#t109 {
    background-image: url(../../common/images/paper/3/109.png);
}

.on#t110 {
    background-image: url(../../common/images/paper/3/110.png);
}

.on#t111 {
    background-image: url(../../common/images/paper/3/111.png);
}

.on#t112 {
    background-image: url(../../common/images/paper/3/112.png);
}

.on#t113 {
    background-image: url(../../common/images/paper/3/113.png);
}

.on#t114 {
    background-image: url(../../common/images/paper/3/114.png);
}

.on#t115 {
    background-image: url(../../common/images/paper/3/115.png);
}

.on#t116 {
    background-image: url(../../common/images/paper/3/116.png);
}

.on#t117 {
    background-image: url(../../common/images/paper/3/117.png);
}

.on#t118 {
    background-image: url(../../common/images/paper/3/118.png);
}

.on#t119 {
    background-image: url(../../common/images/paper/3/119.png);
}

.on#t120 {
    background-image: url(../../common/images/paper/3/120.png);
}

.on#t121 {
    background-image: url(../../common/images/paper/3/121.png);
}

.on#t122 {
    background-image: url(../../common/images/paper/3/122.png);
}

.on#t123 {
    background-image: url(../../common/images/paper/3/123.png);
}

.on#t124 {
    background-image: url(../../common/images/paper/3/124.png);
}

.on#t125 {
    background-image: url(../../common/images/paper/3/125.png);
}

.on#t126 {
    background-image: url(../../common/images/paper/3/126.png);
}

.on#t127 {
    background-image: url(../../common/images/paper/3/127.png);
}

.on#t128 {
    background-image: url(../../common/images/paper/3/128.png);
}

.on#t129 {
    background-image: url(../../common/images/paper/3/129.png);
}

.on#t130 {
    background-image: url(../../common/images/paper/3/130.png);
}

.on#t131 {
    background-image: url(../../common/images/paper/3/131.png);
}

.on#t132 {
    background-image: url(../../common/images/paper/3/132.png);
}

.on#t133 {
    background-image: url(../../common/images/paper/3/133.png);
}

.on#t134 {
    background-image: url(../../common/images/paper/3/134.png);
}

.on#t135 {
    background-image: url(../../common/images/paper/3/135.png);
}

.on#t136 {
    background-image: url(../../common/images/paper/3/136.png);
}

.on#t137 {
    background-image: url(../../common/images/paper/3/137.png);
}

.on#t138 {
    background-image: url(../../common/images/paper/3/138.png);
}

.on#t139 {
    background-image: url(../../common/images/paper/3/139.png);
}

.on#t140 {
    background-image: url(../../common/images/paper/3/140.png);
}

.on#t141 {
    background-image: url(../../common/images/paper/3/141.png);
}

.on#t142 {
    background-image: url(../../common/images/paper/3/142.png);
}

.on#t143 {
    background-image: url(../../common/images/paper/3/143.png);
}

.on#t144 {
    background-image: url(../../common/images/paper/3/144.png);
}

.on#t145 {
    background-image: url(../../common/images/paper/3/145.png);
}

.on#t146 {
    background-image: url(../../common/images/paper/3/146.png);
}

.on#t147 {
    background-image: url(../../common/images/paper/3/147.png);
}

.on#t148 {
    background-image: url(../../common/images/paper/3/148.png);
}

.on#t149 {
    background-image: url(../../common/images/paper/3/149.png);
}

.on#t150 {
    background-image: url(../../common/images/paper/3/150.png);
}

.on#t151 {
    background-image: url(../../common/images/paper/3/151.png);
}

.on#t152 {
    background-image: url(../../common/images/paper/3/152.png);
}

.on#t153 {
    background-image: url(../../common/images/paper/3/153.png);
}

.on#t154 {
    background-image: url(../../common/images/paper/3/154.png);
}

.on#t155 {
    background-image: url(../../common/images/paper/3/155.png);
}

.on#t156 {
    background-image: url(../../common/images/paper/3/156.png);
}

.on#t157 {
    background-image: url(../../common/images/paper/3/157.png);
}

.on#t158 {
    background-image: url(../../common/images/paper/3/158.png);
}

.on#t159 {
    background-image: url(../../common/images/paper/3/159.png);
}

.on#t160 {
    background-image: url(../../common/images/paper/3/160.png);
}

.on#t161 {
    background-image: url(../../common/images/paper/3/161.png);
}

.on#t162 {
    background-image: url(../../common/images/paper/3/162.png);
}

.on#t163 {
    background-image: url(../../common/images/paper/3/163.png);
}

.on#t164 {
    background-image: url(../../common/images/paper/3/164.png);
}

.on#t165 {
    background-image: url(../../common/images/paper/3/165.png);
}

.on#t166 {
    background-image: url(../../common/images/paper/3/166.png);
}

.on#t167 {
    background-image: url(../../common/images/paper/3/167.png);
}

.on#t168 {
    background-image: url(../../common/images/paper/3/168.png);
}

.on#t169 {
    background-image: url(../../common/images/paper/3/169.png);
}

.on#t170 {
    background-image: url(../../common/images/paper/3/170.png);
}

.on#t171 {
    background-image: url(../../common/images/paper/3/171.png);
}

.on#t172 {
    background-image: url(../../common/images/paper/3/172.png);
}

.on#t173 {
    background-image: url(../../common/images/paper/3/173.png);
}

.on#t174 {
    background-image: url(../../common/images/paper/3/174.png);
}

.on#t175 {
    background-image: url(../../common/images/paper/3/175.png);
}

.on#t176 {
    background-image: url(../../common/images/paper/3/176.png);
}

.on#t177 {
    background-image: url(../../common/images/paper/3/177.png);
}

.on#t178 {
    background-image: url(../../common/images/paper/3/178.png);
}

.on#t179 {
    background-image: url(../../common/images/paper/3/179.png);
}

.on#t180 {
    background-image: url(../../common/images/paper/3/180.png);
}

.on#t181 {
    background-image: url(../../common/images/paper/3/181.png);
}

.on#t182 {
    background-image: url(../../common/images/paper/3/182.png);
}

.on#t183 {
    background-image: url(../../common/images/paper/3/183.png);
}

.on#t184 {
    background-image: url(../../common/images/paper/3/184.png);
}

.on#t185 {
    background-image: url(../../common/images/paper/3/185.png);
}

.on#t186 {
    background-image: url(../../common/images/paper/3/186.png);
}

.on#t187 {
    background-image: url(../../common/images/paper/3/187.png);
}

.on#t188 {
    background-image: url(../../common/images/paper/3/188.png);
}

.on#t189 {
    background-image: url(../../common/images/paper/3/189.png);
}

.on#t190 {
    background-image: url(../../common/images/paper/3/190.png);
}

.on#t191 {
    background-image: url(../../common/images/paper/3/191.png);
}

.on#t192 {
    background-image: url(../../common/images/paper/3/192.png);
}

.on#t193 {
    background-image: url(../../common/images/paper/3/193.png);
}

.on#t194 {
    background-image: url(../../common/images/paper/3/194.png);
}

.on#t195 {
    background-image: url(../../common/images/paper/3/195.png);
}

.on#t196 {
    background-image: url(../../common/images/paper/3/196.png);
}

.on#t197 {
    background-image: url(../../common/images/paper/3/197.png);
}

.on#t198 {
    background-image: url(../../common/images/paper/3/198.png);
}

.on#t199 {
    background-image: url(../../common/images/paper/3/199.png);
}

.on#t200 {
    background-image: url(../../common/images/paper/3/200.png);
}

.on#t201 {
    background-image: url(../../common/images/paper/3/201.png);
}

.on#t202 {
    background-image: url(../../common/images/paper/3/202.png);
}

.on#t203 {
    background-image: url(../../common/images/paper/3/203.png);
}

.on#t204 {
    background-image: url(../../common/images/paper/3/204.png);
}

.on#t205 {
    background-image: url(../../common/images/paper/3/205.png);
}

.on#t206 {
    background-image: url(../../common/images/paper/3/206.png);
}

.on#t207 {
    background-image: url(../../common/images/paper/3/207.png);
}

.on#t208 {
    background-image: url(../../common/images/paper/3/208.png);
}

.on#t209 {
    background-image: url(../../common/images/paper/3/209.png);
}

textarea#vertical_text_input.close {
    -border: none;
    background-color: transparent;
    margin-left: 4px;
}

@-webkit-keyframes flash {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: .3;
    }
}

@media screen and (max-width: 767px) {
    #transcribeBanner1 .bg .text_box .char.pc1 {
        left: 0;
    }

    #transcribeBanner1 .bg .text_box .char.pc2 {
        left: 50px;
    }

    #transcribeBanner1 .bg .text_box .char.pc3 {
        left: 150px;
        bottom: 10px;
    }

    #transcribeBanner1 .bg .text_box .char.pc4 {
        left: 230px;
    }

    #transcribeBanner1 .bg .text_box .char.pc5 {
        left: 250px;
    }
}