body{margin:0}table{width:100%}table td{padding:2px 4px;vertical-align:middle}a{text-decoration:none}em{font-style:normal}.border_style1{border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 5px #d3d6da}.main{margin:8px;overflow:hidden}.hot{float:left;height:335px}.drawBoard{position:relative;cursor:crosshair}.brushBorad{position:absolute;left:0;top:0;z-index:998}.picBoard{border:0;text-align:center;line-height:300px;cursor:default}.operateBar{margin-top:10px;font-size:12px;text-align:center}.operateBar span{margin-left:10px}.drawToolbar{float:right;width:110px;height:300px;overflow:hidden}.colorBar{margin-top:10px;font-size:12px;text-align:center}.colorBar a{display:block;width:10px;height:10px;border:1px solid #1006F1;border-radius:3px;box-shadow:2px 2px 5px #d3d6da;opacity:.3}.sectionBar{margin-top:15px;font-size:12px;text-align:center}.sectionBar a{display:inline-block;width:10px;height:12px;color:#888;text-indent:-999px;opacity:.3}.size1{background:url('images/size.png') 1px center no-repeat}.size2{background:url('images/size.png') -10px center no-repeat}.size3{background:url('images/size.png') -22px center no-repeat}.size4{background:url('images/size.png') -35px center no-repeat}.addImgH{position:relative}.addImgH_form{position:absolute;left:18px;top:-1px;width:75px;height:21px;opacity:0;cursor:pointer}.addImgH_form input{width:100%}.maskLayerNull{display:none}.maskLayer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;background-color:#fff;text-align:center;font-weight:bold;line-height:300px;z-index:1000}.previousStepH .icon{display:inline-block;width:16px;height:16px;background-image:url('images/undoH.png');cursor:pointer}.previousStepH .text{color:#888;cursor:pointer}.previousStep .icon{display:inline-block;width:16px;height:16px;background-image:url('images/undo.png');cursor:default}.previousStep .text{color:#ccc;cursor:default}.nextStepH .icon{display:inline-block;width:16px;height:16px;background-image:url('images/redoH.png');cursor:pointer}.nextStepH .text{color:#888;cursor:pointer}.nextStep .icon{display:inline-block;width:16px;height:16px;background-image:url('images/redo.png');cursor:default}.nextStep .text{color:#ccc;cursor:default}.clearBoardH .icon{display:inline-block;width:16px;height:16px;background-image:url('images/emptyH.png');cursor:pointer}.clearBoardH .text{color:#888;cursor:pointer}.clearBoard .icon{display:inline-block;width:16px;height:16px;background-image:url('images/empty.png');cursor:default}.clearBoard .text{color:#ccc;cursor:default}.scaleBoardH .icon{display:inline-block;width:16px;height:16px;background-image:url('images/scaleH.png');cursor:pointer}.scaleBoardH .text{color:#888;cursor:pointer}.scaleBoard .icon{display:inline-block;width:16px;height:16px;background-image:url('images/scale.png');cursor:default}.scaleBoard .text{color:#ccc;cursor:default}.removeImgH .icon{display:inline-block;width:16px;height:16px;background-image:url('images/delimgH.png');cursor:pointer}.removeImgH .text{color:#888;cursor:pointer}.removeImg .icon{display:inline-block;width:16px;height:16px;background-image:url('images/delimg.png');cursor:default}.removeImg .text{color:#ccc;cursor:default}.addImgH .icon{vertical-align:top;display:inline-block;width:16px;height:16px;background-image:url('images/addimg.png')}.addImgH .text{color:#888;cursor:pointer}.brushIcon{display:inline-block;width:16px;height:16px;background-image:url('images/brush.png')}.eraserIcon{display:inline-block;width:16px;height:16px;background-image:url('images/eraser.png')}