html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     -webkit-text-size-adjust: none;
}

ul, ol, li {
    list-style: none;
}

* {
    -webkit-text-size-adjust: none;
}

html {
	min-height: 100%;
    background-size: 1.15625em, 20em;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;	
}

body {
    filter: alpha(opacity=40);
    margin: 0;
    padding: 0;
    max-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    font-size: 32px;
}

.writingDiv {
    width: 100%;
    height: 100%;
}

.topBar, .bottomBar {
    position: absolute;
    height: 44px;
    background: #fff;
    left: 0;
    z-index:200;
}

.topBar {
    top: 0;
    width: 100%;
}
/*.topBarback{
    background: url(../../images/ico-rhsq.png) no-repeat center center;
}*/

.bottomBar {
    height: 200px;
    bottom: 0;
    width: 100%;
    clear: both;
}

.paperCanvas {
    position: absolute;
    left: 0;
    bottom: 44px;
    top: 44px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAETklEQVR42nSXyVbsMBBDPVQS4P//Ew4bSNtx3kJ5F+E0XvRJJx5qkFTl/PHxkVJKKeWcc856Ps/zPM8xhh5qraWUUkpKiZcppVprzrmUwkKt3fdd89lE+6/rylmh7fRNz6zXSh2WbHCwBl91jPaRTZyqN/iTUgoZq9/eu+Zho96X/wN7mYYFPJ/nuSwLb2qt7L/vOzuHnySjZJFiqDHG0F+9x8XWmqcJH3LOx3FoGq4fx3Ech1yvteb39/dlWXLOuDttNAXZ/67r2ntvrSkv2rGU8ng8mDz94sBPjgngdEDOubXmGcGmfd+VCAyVZ/cdJvSd5xkKCzOmbBFeft2y3rtyoU+kwGcCezmGZXGeZ++dZPjx/IoG5++RUooI7U6aFHAAqPMwTiAXWeIeQA+IFqc/BmB0SJ7n6SHEUfaRKZFzRgf0WVN9CCy+ktjqWZiSBb13Hew4x1DeBz5hcq3V5Qm/3XtHA0DV2ezDwTgALccY0XuXIWMMuc43Yi5BuNPJw0gigZIeNEFDYJStAZc0VRki/lqw77veRITeowaoJmLp+PKsjzEAY8458HKi+ZWJiIn4OgA6TZiQ9yiU74PkwYggVmIFckr0sBT0aoJigwTda8lU31zkAzTeRd/hxhusvMvqhF6vrcK53muE9qL8eX0FFCSCmVeeLBJ6mNaWUtZ1VZCVlx86wTmnAfh0XjlJXJgmZChByoJTnNRcHlMyQR0iOima1G7qUu56J1rSfogRGETYwrertR7H0XsXyrB3XdepNVAkhV4OBlzyb4zRWlNl27Zt27aIK8BjjPz5+YlDOvg4Dg/jJNeTOMjEUsqyLOIFRt+Va9s2QBP3mkOCiZ5rLwd7bDFR9EWCnGmKEPNjqr4OS8kNIHCV0MPr66uj/alYEicZBH0CWJZSvr+/pYvASkfCP6SRVD1NBFqLQQjIDxVZ7GQlkpotgNBxyiAvD/n3oFw67lx3LwFByhU61wTvq+/tX2uNTvQuYZAT7/8sEp4SF4qXl5e7pqpITMrlmJhYABSuDkQ0QHpIjIbYRT2emre3t7fJS0evi4GGutIf5fKOp/dOjltrIkZrTYiTixFXTXvabNw7c/dV/rTWQsfQsE0XC1daBzDhmbpxaq1fvVzPwWyQfFUPv2xBA6LnaJBZ92uc09evWxN0wm9wtAqPx8OroaqNYqBnLfGy6IPOZIo57ezV3l4aFjFdApxUwMTFwUvs5NnTO60LbfBKrsCQ6073u38mZ1pMvz1RXDn2SExd6YVql35xgPyRCL+DIEBU+6c9kFdSVG+ux+BFdLpjis4Xs1TmniqawkYJYODuGCOWZSEgX19fEbGuK6hR/JXOWqsaKKzWWu/aUBhXIUCuAnVBauqqdAYNMISmMDuOtItHRRmBmd6YTo1UOF6IuZcXidT98i5pY/JUs4nthC8gFl5YPA2wVnXaa8YUw4uX/+8K96pKT0Enk1L6NwB496XI9pIofQAAAABJRU5ErkJggg==");
    width: 100%;
    z-index:110;
}

.ePaperCanvas {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.textButton, .textButton_Done {
    width: 70px;
    margin-left: 2%;
    height: 27px;
    line-height: 27px;
    border-radius: 5px;
    color: #0000ff;
    font-size: 17px;
    background: transparent;
    display: inline-block;
    border: none;
    text-align: center;
    background-color:#0088ee;
    color:#fff;
    font-size: 0.375rem;
    border-radius:0.15rem;
    padding:0 0.25rem;
    margin-top:8px;
}

/*.textButton:active, .textButton_Done:active {
    text-align: end;
}*/

.textButton {
    float: left;
    margin-left: 2%;
}

.textButton_Done {
    float: right;
    margin-right: 2%;
}

.bottomCol {
    display: block;
    float: left;
    width: 25%;
    height: 28px;
    margin-top: 7px;
    text-align: center;
}

.bottomButton {
    align-self: center;
    width:100%;
    height: 28px;
    line-height: 28px;
    display: block;
    background-size: 28px;
    color:#333;
    border: none;
}

.redo {
    background: url('../images/redo.png') no-repeat;
    background-size: 28px;
    background-position:50%;
    top: 10px;
}

/*.redo:active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyOUIyMThFOTdENjExRTQ4QkU4REMwRjQ0OTNBN0QxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyOUIyMThGOTdENjExRTQ4QkU4REMwRjQ0OTNBN0QxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTI5QjIxOEM5N0Q2MTFFNDhCRThEQzBGNDQ5M0E3RDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTI5QjIxOEQ5N0Q2MTFFNDhCRThEQzBGNDQ5M0E3RDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56bhQgAAAFeUlEQVR42uybC2wUVRSGp9tqFOsrlsZSLYivGEGLRESDIggqkSqKRRNQAxo0lRg1Gp9RY6MSnxiNDYFE8VW0SlFRwSpQQUCiqIkVFfGFUUHEsgbkIdb/pN/EycZ2H93d6eT2JF9m2uzszD333nP+c6YtaGtr81y2mOe49TjAdQcUNTQ09KyAbmSF4hLR21UHTBBzxUfiRBcdcBDHCrFcXORqEPxTFItXxJ2iwDUHPC9uFv+IWlEv9nUtDT4szhdxAuMycZhrOuAtcapYLwaLD8UprgmhL8QQsVj0EUvFRNeU4BZxrqgT+xAjHsjG80dJCu8WNWDnt4pGsb9rtUAdq2ELQXKFOMK1YmgxccHiwwCxWpzhWjW4ngxhmaJEvCumRt0B6YqdONvANMNeYqZ43KrclMvhPA6uXAyE/qKvOBT9bxyc4ffuQTV+jgOuE8chnv4I0wH9xGgxDPqncM0OZrU5g/vNEevEPO5roqlKfJVPB5hQqRaXotiCRUyrWCPW8lDfi5/E7xQ/W9H+XTHLCCeL10WlWMWzLMq1AywC38B+9OOKDegd0STeTzYTWbQNrDhbEePFm+ImMSMXDhiKIjszIFashH2Owe8KKZhuYyXeLe4Sj5EuaxKfKdMsUIIcXcHg40TiIwk+C0IcvG/2wuMetsB2caV4T5R21QFjRQsFiUXgR8ThROIN3VAvvCxOJ94MIziekIkD7LP3E2BKqc8Hsb/i3Vw0rSE4riI7fSDGpeMAq8Csf34bs26FyHByb1TsVzGC+FRMurw9lSDYiw+fg7CoZi9F0UxnXE6GmibuS+YA69PXM/iNYlTEZv3/7KxAQ2V1si3wELn9N6J91AdvmeBtZLf1EkZ05gCTkdeTzuz8ywgPvIAAPpuiySb2YkuPHW0B674+zYXTSB1RNaswn2XAfldpdjIl+JQ4hOA3K8KDt2rzNZonWwngTcmk8CiWfCveiqodL97w2ttl3zGmlmS1QCHKzkNGbszxQ9pb4ApmqjfYyvuLfbo9w+89GwV4oFiJ6NmUSjE0HploHqvL4kBtUPZi4yRmxhoWx3idd3RbKKzStavFk4zNrr+M/J9SOVwTSH9dKWZKmYXh6PBjO/jc3+JHegO/iM3kaavc9k7znpbRplOTeFSpd1AUpdQQGcQDt1JLp2tWCU5ANwxJkNnW6LAO7sfiU5oi1tT8gcgctBdwQDq2HxL3QibOVsEzqVwYdMAVHF9MY+/1QlVNYqYLAqXoJ2IhzZCVROFcWBnBbjBS3bbxklQvLgoIhXGB8jGVJX4tW6aE31mRtBTpvCAPAdRsIPeqYEWNTVew+Q6w4NSXfbisk88Xs8du5Nxj/85EOOVj0L6NES8RSJez/Den+yW+A0ZzbPI6bkxOJDiW8bMt8Vr6A3vynONNnc4gbduWnSJ2ZvJFfqA6jWNzBylsPi2wMgJYNXuuMc+DtwE/Kp7g2WuJPzsz/UJ/BQzlmLj8K5GSFdzkXq+99xdGv6+Y2a7iWa5iUrpk5oByFNg2AokX2BbzuPHXpLjPQpK15QQ7mxB7K3wB+97LhgOO4nxtYP+PZG9bK2wRgw+r71dJmrMK1d78nMcxK2b76GjO/dkfwMz7fcCqEAdf5f33x1HNbNV12byBrYA+nP9MSnmVImIhkX93SIOfQheqEGU6NRexJ0aU9x0wnSLlG6/9hUJYg/d7d/Z89mZncq4Cb1FAyfUT15DWJuVQuqZqOxj43FzeJBbQ75P5eVbILbD5FE0jcz14fwUcEChsdlFGhmkNkBeLJSz1RupzZyyWIGXrPccshrLyy9klLjpgU0AJxl10wLect3gOWhGa/xaqPicdYP2/Bz1HraDnf4cdtx4HuO6AfwUYABo+OmjHBJh/AAAAAElFTkSuQmCC") no-repeat;
    background-size: 28px;
}*/

.undo {
    background: url('../images/undo.png') no-repeat;
    background-size: 28px;
    background-position:50%;
}

/*.undo:active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyMjNBNURGOTdENjExRTRCMzk2RjA5MzQwRjgwMUM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyMjNBNUUwOTdENjExRTRCMzk2RjA5MzQwRjgwMUM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTIyM0E1REQ5N0Q2MTFFNEIzOTZGMDkzNDBGODAxQzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTIyM0E1REU5N0Q2MTFFNEIzOTZGMDkzNDBGODAxQzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5AUNwzAAAFuUlEQVR42uybCWwUZRTHp2VrtLYiUQ5RlKO2RamoYPCOVkGJEfHA+wgaj0YkGMGoRKPxhBpRiRdqLAEV2ypVrBLxBG0Q0SjSAiICKlEoVBC1BaH1/+hvzaZZurvTvSbTl/yy28DMN9+b73vv/97MZrS0tDh+tkzH59bpAL87IFBRUdG5ApI41sWitx8dkCvmikrxRFptgSSM0U+8LYr4O8dPK+B0sYTJ/+W3GHCj+FAcLN4TN/vFAbatnhIzRJZ4XIwS29IyDcb5fN3EG2K42MFdn5nWOiCO5yoQ74h8sVFcJGr8ogPOEYuZ/LfiBC9MPl4OmCCqxYHiTXGq+MUPSnAf8ZKYxnkeEGPE356qBVwe1yPkbv8jxopyTxZDLo45BmXXV/wqLhDf+KUYGi2+YPKLCXaxTj4LPLUCMsTd4iG+zxI3iSYXY44QO4kVW2GLWCd+EivFcrFCNKeDA/YTL4sruKC7xFQXY30nVhE/7Jz7w6EhdUOobWW1fS4+E18mwiGRHNCb/T5UbBdXinddjmXxorDN2KYcuzNOH3SE/Z9j2WbngUNqtUA7RyxNhgNsf1dxcWsIdrVxdP4uUQ91Yf7dHHOKOAsnWFl9B5jYeoz+wu5EBEG70wuZ/KfixDhPPhqr5wbcJvqzKkrFJr7PIV7c0BE9kxnm70fEbLGveIGgtTkNArbFkDvFERRZFk/yEGO2JYZ11AHWqXmLaG/Lapy4RfybZqm7iVL7KHG1+E0cR8B8WHRx44B+FC+2zxvESPFMmmsYywiv4ojpwh5x3UNd0i0WB5xGiiliTw2jk+MVs3Q5XhSLDSGVaUG0DphLxK0j2P3oUVW7SAxxWnuQ+WiHo6NxwIt8H0iKyXC8a9aIOZPM1VPMFwMiOcCCXgmB717xGhnAq2bV6flsg8MQbgdECoLPc5CpvcvFx05rN9erZi34c9EuhUj5iGlwPsrrZ3ESHiz0sBO20aCxFXEJPYuIQuh7ssAS9k4NUtSrZhXlrXy3zlWvaKTw7+IMsoPl0/fF9R52Qpn4QHSlfoiqGGpk2dgBk9hDJjsnIzjcmKm2QfQB6nF0PVXeho4WNRHsdqT0NU7rg5rl0VSDzWjvH8SzZIsjxbU4KFab2U7RYnJ7PVpkBV2mr6lC42F1pPsSMt1l/3d6ysuj6mWeTenZlfgwipwbiwVXzhRydHd6ALaysvdyzBYEjomaj4hRbi2PAqoZobQ2Fgc4qKp51A1rSZu1LhwQTmj1YnXZhQ2m3D2ejlGoreMaKnFMrNvR4tpoKt7JsTrAoZ1VRZq0NHMpAaajDthbs2YwtcpwAnN2G2fMIj6tj/KctpIXEHes49QcayNhE0VHBduh2kncY+9dxIEn6QgdRJVaRgHUl/1stcvr1AGR7BPm0Ie6x1UnpYkg8ih3yVTkVCfxL1s0IdbGsmXGMKEA6nUp/Yy8ds6xm23gsIVdX3Sw9raL2UmqrAyzZxNlOxivmNRaxoq5kLhU2s61VPNZ7MThrpWhuf9gcIvWhyRZ6NRyIwZyd+2Z5USxLLjM29hCMoEF2ux4LFtbhieTs4dQQxSlQPFZLLB3EkYQIPsz2ZIwNcIqHDU0Xvt2Jd62hxiH058bmSLpu4DsYektCxFX2ib7LONzUDwD12bSjEXkXPL1uBQ54U8C4/3Eq4lkk9Ciz6wgMwHB6SrxIPFlOlVYlxQ4wSZu7yxcR/QfT8fLoeQ3yw8kaOD7qCGsZz8hUlsqwWZiKYetMAUpH5TxPRKZu2ej4BqCOTeF9pzT2ua3lfhKSDHXM9HiZRHBcXVIhZkqm0T0H0BZbJaTjJelV+MEqyFmpNABjcQBJ8QBuYEkDd6AUEq1WeFWg27ZIwT9+IuRp0ObPn50gL3NGnyVb7sfHdBIcN4jmPz6o6mv+NzoVwcEW3lrAj51QBW6YJ5fHWA1iz0fcDI6fzvsc+t0gN8d8J8AAwAK7lWqnuKO6wAAAABJRU5ErkJggg==") no-repeat;
    background-size: 28px;
}*/

.clear {
    background: url('../images/clear.png') no-repeat;
    background-size: 28px;
    top: 10px;
    background-position:50%;
}
.nextfont {
    background: url('../images/nextfont.png') no-repeat;
    background-size: 28px;
    top: 10px;
    background-position:50%;
}

/*.clear:active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEzMUQ5OUU3OTdENjExRTQ5ODREQTQyNzRBQTc4MkRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEzMUQ5OUU4OTdENjExRTQ5ODREQTQyNzRBQTc4MkRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTMxRDk5RTU5N0Q2MTFFNDk4NERBNDI3NEFBNzgyREEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTMxRDk5RTY5N0Q2MTFFNDk4NERBNDI3NEFBNzgyREEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5P/XO7AAAGMElEQVR42tyb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") no-repeat;
    background-size: 28px;
}*/

.color {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJENUM0OUU1OTdENTExRTRBMTBFRTY1RUFDOUNGNTQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJENUM0OUU2OTdENTExRTRBMTBFRTY1RUFDOUNGNTQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQ1QzQ5RTM5N0Q1MTFFNEExMEVFNjVFQUM5Q0Y1NDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ1QzQ5RTQ5N0Q1MTFFNEExMEVFNjVFQUM5Q0Y1NDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6KlLE2AAAIsElEQVR42uyb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") no-repeat;
    background-size: 28px;
}

.color:active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE0NEM1QTU2OTdENjExRTQ5NUZCRjQ4MUZEM0NBM0JGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE0NEM1QTU3OTdENjExRTQ5NUZCRjQ4MUZEM0NBM0JGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTQ0QzVBNTQ5N0Q2MTFFNDk1RkJGNDgxRkQzQ0EzQkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTQ0QzVBNTU5N0Q2MTFFNDk1RkJGNDgxRkQzQ0EzQkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+tk5uAAAInElEQVR42uyb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") no-repeat;
    background-size: 28px;
}

.stroke {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDRDJGM0EyOTdENTExRTQ5QTlEODQyOTRGRDcwOTUwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDRDJGM0EzOTdENTExRTQ5QTlEODQyOTRGRDcwOTUwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkNEMkYzQTA5N0Q1MTFFNDlBOUQ4NDI5NEZENzA5NTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkNEMkYzQTE5N0Q1MTFFNDlBOUQ4NDI5NEZENzA5NTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7RWd4iAAAFfUlEQVR42uSbe4hUVRzHj9NQQi/XXCs1mkqzdFfdVfrDjC3BwE1rZs2thAiCQCjKLQqDorIHCNFChX8EPSliM9fcTC1tRu2hBQk9ydjCQCwyMi3TXavp++N+Dx0vcx8z98zMveMPvtyd3XOP8/me98MRxWJR6ejp6VEJjDOh0dAv0OGgxL29vcd9TqlkxmnQg9B30O/QD9Cf0C7odujksBkl0YBW6EtoBTSJpb4HOgq1Qc9CO6AJjWjALGg7lIE+g+ayCVzA5yJoEGqHPmS6hjFA4DdDo6A10OVQAfqHfx+G+qHLoI+h8/n3TCMYMNOAfxO6CRrySHsA6qQJGeO9xBog8FsIsQ+6EzoW8M5BmiB9xUTo0aQaMNNVguOg76EnOBIEmbAE+he6zSt9KgHwTWzzC6FN0Ejofmg3dFVAHl+xKZwCdSTJgHYXvJTkemg+NBv6lLVB0twXwgSJ85JiQDvbfBN79SXs4XXs5Aiwkt9/pV8bZ+krr34jFeOS72dvP1wi3d/QcuhmDoMPQLd65Dmbz91xN0DDjw6AN+M1jgoST7PHN6MLmsx1wo44G9BmwK8NCa9jFdQHnQo95Zoyv8CfHzcmTLEzoI1tXuDfgm4sA17HMugQRwrJrwV6n9PjAa4PYjkPMEte4G+oAF7iZ+g5/iydYh5qhjZCizkXiJ0BGv6siPA6XuZzngGfC8qzXgbMMODXWYCXKHJ0UAb8UBxXgzPY5jV8twX4qVz5pTlbDAVfDwPMkh+wCK/bvMBnw8LX2gANP4bwiy3Cj60EvpYGTDfg37YEP8UFnysXvlYGTGeb1/DXW4IvEP5dwh+tJKNUDUt+vUX4vAGfrRS+2gZo+GbCL7IIf7YN+GoaMM2Af8cS/KUu+FxU+GoZMI1tXsN3WYIvuOCP2Piytg1oNeA3WITXJf+eTXjbBrRyBabhcxbhzyF81ia8TQNaqgB/iQs+ZxvelgEtruWnLfiCC/6vavTWUQ2Y6oLPWobfXE34qAboFZjtks8b8NlqwkcxoBT8UMTvMpnw59YKvlID3MtPW/AFwm+pFXwlBkyJuvwMgJeR5LpawZdrgLkCswmfN+CvrSV8OQaMNeD3cCcnKvzFhB9XL/hyDOgmvEQG+kI5R1EjIsAXCJ+vF3w5BmT5fFU5N7LEhOehDzh0RYFfWC/4sAbIBmYHx/g72G5vgX5SzintJ4Qot9oX6g0f1gCpnml+cbl1IXvvr7BTfAM6QzkHG0sD8pnEPMYTfkG94cMakOOz3/V7uaAoBxoPM59V3Pjwgi8Qfmtc4MMYcDp0tXJOVtd5pHmEJkiH+JJy7uz5wV8TF/gwBshNK7lh8ZFyzti9YgVriFxEesaj2m+LG3wYA7r4XBuQTs7l7iKcQMplxYmEn0D4zrjBBxkwkl+6GMIAib3sByQeY7UX+O1xhQ8yYB6rtNzJ/TFkfuYRtYafH1d4xeEtqPcPU/rjOQJ0G7+LPbyfAWmO/xJrPNLIpoWc9Mg53xyjNh3hO0vjDu9nQAdngN+o46+XNRNaSvoK6CQDehMnRnL+d1glJNIhJj9j+FkmPVca0LIalCOv1co57v5DJTDSHh2jNkBKe7mRbphbYKs5MTqoEh6lDJjFxYriSu8Yq3cfoQ+oBopSBvzKJe8g27SMAr+pBo1SBgj8ReoEiZQ6waMWBsgl6HuV8z+8EjUTDIo5XPAM+PQRnew49b8jRjyZhBrQZIz3pWIBp7ovKucgwyuWuUy+JwlNQObv+zkCeMVc9f+OcBs3TkrFoYDPsTRgFEu/2ee9PmOe7zcLfMjYSJHp8t1J6ANe5/x/0Oc92QnOcMn7uU+6r6ELlXN75Fvl7CMmohPcFeLd/VRQyMJoZ1yHwf8EGAAdZHQBPNuooQAAAABJRU5ErkJggg==") no-repeat;
    background-size: 28px;
}

.stroke:active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEzQ0EzMDFFOTdENjExRTRCRDVDQzhFRDNBMTBGMUQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEzQ0EzMDFGOTdENjExRTRCRDVDQzhFRDNBMTBGMUQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTNDQTMwMUM5N0Q2MTFFNEJENUNDOEVEM0ExMEYxRDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTNDQTMwMUQ5N0Q2MTFFNEJENUNDOEVEM0ExMEYxRDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51sq4tAAAFf0lEQVR42uSba4hUZRzGX6ehhG6uuVZqNJVm6a66q/TBjC3BwE1zZm23EiIIAqEoKQqDorILCNGHCj8EXSli21xzs7S0mbKLFiR0JWMLg6jIyLRMd62m5895Xno9zLnMnHfOnDP+4eHM7L7n7Pk97/2yY8rlstIxMDCgUhinQuOhX6CDQYl7e3uP+p5R6YyToHugb6Dfoe+gP6Fd0E3Q8WEflEYD2qHPoTXQNOb6Hugw1AE9Ae2ApjSjAfOg7VAO+gRayCpwDq/LoWGoE3qf6ZrGAIHfCo2D1kMXQyXoH/5+FBqELoI+hM7m73PNYMBcA/4V6FpoxCPtPqibJuSM+1JrgMBvI8SP0C3QkYB79tMEaSumQg+k1YC5rhycBH0LPcyeIMiEFdC/0I1e6TMpgG9hnV8KbYHGQndBu6HLAp7xBavCCVBXmgzodMFLTm6CFkPzoY9ZGiTNnSFMkDgrLQZ0ss63sFVfwRZex072AGv5/mv96jhzX3m1G5kE5/wgW/vRCun+hlZD17EbvBu6weOZ83ndnXQDNPz4AHgzXmSvIPEYW3wzeqDpnCfsSLIBHQb8hpDwOtZB/dCJ0KOuIfPT/PyQMWBKnAEdrPMC/yp0TRXwOlZBB9hTyPPaoLc5PB7i/CCR4wAz5wX+6hrgJX6GnuRnaRSLUCu0WWbAHAskzgANf1pEeB3P8brIgC8EPbNRBswx4DdagJcos3dQBvxIEmeDc1jnNXyfBfiZnPllOVoMBd8IA8ycH7IIr+u8wOfDwsdtgIafQPhei/ATa4GP04DZBvxrluBnuOAL1cLHZcBs1nkNf5Ul+BLh3yT84VoelIkx5zdZhC8a8Pla4ettgIZvJfxyi/Cn24CvpwGzDPjXLcFf6IIvRIWvlwGzWOc1fI8l+JIL/pCNl7VtQLsB/4ZFeJ3zb9mEt21AO2dgGr5gEf4Mwudtwts0oK0O8Be44Au24W0Z0OaaftqCL7ng/6pHax3VgJku+Lxl+K31hI9qgJ6B2c75ogGfryd8FAMqwY9EfJfphD8zLvhaDXBPP23Blwi/LS74WgyYEXX6GQAvPcmyuOCrNcCcgdmELxrwV8YJX40BEw34PVzJiQp/PuEnNQq+GgP6CC+Rgz5TzlbUmAjwJcIXGwVfjQF5Xl9QzoksMeEp6D12XVHglzYKPqwBsoDZxT7+Ztbb66GflLNL+xEhqi32pUbDhzVAimeWLy6nLmTt/Xk2ii9DpyhnY2NlwHOm8RmTCb+k0fBhDSjwOuj6uRxQlA2N+/icdVz48IIvEf6dpMCHMeBk6HLl7Kxu9EhzP02QBvFZ5ZzZ84O/IinwYQyQk1ZywuID5eyxe8UalhA5iPS4R7F/N2nwYQzo4XVDQDrZl7uVcAIphxWnEn4K4buTBh9kwFi+dDmEARI/sB2QeJDFXuC3JxU+yIBFLNJyJvf7kM8zt6g1/OKkwit2b0Gtf5jcn8weoM/4WeLh/QzIsv+XWO+RRhYtZKdH9vkWGKXpEO9ZmXR4PwO6OAL8Sh19vKyV0JLTl0DHGdBbODCS/b+DKiWRDTH4mcDvMui51ICW2aBsecn/2ch29x8qhZH1aBi1AZLbq410o1wCG+DAaL9KeVQyYB4nK4ozvSMs3v2E3qeaKCoZ8CunvMOs09IL/KaaNCoZIPDnqWMkMuoYjzgMkEPQdyjnP7xSNRIMigWc8Az5tBHdbDj13xEjHklDCWgx+vtKsYRD3WeUs5HhFatcJt+ehiog4/e97AG8YqH6f0W4gwsnleJAwPdEGjCOud/qc1+/Mc73GwXeayykyHD5tjS0AS9x/D/sc5+sBOc45f3UJ92X0LnKOT3ytXLWEVPRCO4Kce9eKihkYrQzqd3gfwIMALhcdAERCvQYAAAAAElFTkSuQmCC") no-repeat;
    background-size: 28px;
}

.palette {
    border-bottom: 1px solid #82593e;
    margin: auto;
    position: absolute;
	left:0;
    bottom: 44px;
    width: 100%;
    list-style: none;
    padding: 0;
    display: none;
    z-index: 100;
    background: #fff;
}

.palette li {
    float: left;
    line-height: 44px;
    font-size: 0.75em;
    padding: 0;
    color: #fff;
    width: 20%;
    text-align: center;
    display: inline;
}

.penSize {
    border-bottom: 1px solid #82593e;
    margin: auto;
    position: absolute;
	left:0;
    bottom: 44px;
    width: 100%;
    list-style: none;
    background: #fff;
    z-index: 100;
    display: none;
    padding: 0em 0px 0px 0px;
}

.penSize li {
    float: left;
    font-size: 0.6em;
    width: 20%;
	height: 44px;
	line-height: 44px;
}

.penSize li input {
    float: left;
	height: 44px;
}

.cfca-image{
    position: absolute;
    background-color: transparent;
    width:80%;
    height:30%;
    top:40%;
    left:10%;
    background-repeat:no-repeat;
    background-size:contain;
	background-position:center 0;
}
.canva {
    width: 100%;
    /* display: none; */
}

.canvastype {
    width: 120%;
    left: -10%;
    position: relative;
    flex-direction: column;
    /* width: 360px; */
}

#step33{
    overflow-x:hidden;
}