body{min-width:400px}

/*画板*/
#board_menu{position:absolute;z-index:1001;top:0;left:0;right:0;background:#E9E9E9;padding-bottom:3px;transition:all 300ms;-webkit-transition:all 300ms}

#board_back{position:absolute;right:15px;bottom:-30px;width:44px;height:30px;line-height:30px;border-radius:0 0 15px 15px;background:#E9E9E9}
#board_size{position:absolute;z-index:70;right:0;top:90%;width:30px;height:30px;line-height:30px;border-radius:15px 0 0 15px;background:#E9E9E9}

#board_btn{margin:5px 0 0 2%}
#board_btn a{display:inline-block;margin-right:1%;margin-left:-3px;width:40px;height:30px;border:1px solid #666;border-radius:3px;background:#CCCCCC url(../../img/board/board_ico.png) no-repeat;background-size:auto 100%}
#board_btn a:nth-child(1){background-position-x:0}
#board_btn a:nth-child(2){background-position-x:-40px}
#board_btn a:nth-child(3){background-position-x:-80px}
#board_btn a:nth-child(4){background-position-x:-120px}
#board_btn a:nth-child(5){background-position-x:-160px}
#board_btn a:nth-child(6){background-position-x:-200px}
#board_btn a:nth-child(7){background-position-x:-240px}
#board_btn a:nth-child(8){background-position-x:-280px}
#board_btn a:nth-child(9){background-position-x:-320px}
#board_btn a:nth-child(10){background-position-x:-360px}
#board_btn a:hover,#board_btn a.active{border:1px solid red}

@media screen and (max-width:445px){
    #board_btn a:nth-child(8){display:none}
    #filter_bar{display:none}
}
@media screen and (min-width:446px){
    #board_btn a:nth-child(8){display:inline-block}
    #filter_bar{display:block}
}

.change_bar_box{line-height:24px}
.change_bar_box .cur_line{left:30px;right:0;top:9px}
.pencil_bar .cur_line{left:30px;right:0}
.change_bar{margin-left:10px;height:20px;width:29%}
.cur_line{min-width:60px;height:6px;background:#999}
.drag_circle{z-index:10;left:50%;top:-3px;margin-left:-6px;width:12px;height:12px;border-radius:6px;opacity:0.8;cursor:pointer}
.change_color{margin-left:10px}
#color_span{margin-left:5px;width:14px;height:14px}

#size_thumb{opacity:0.8;background:#999}
#r_channel_bar,#r_channel_thumb{background:red}
#g_channel_bar,#g_channel_thumb{background:green}
#b_channel_bar,#b_channel_thumb{background:blue}

#board_box{margin:5px;width:500px;border:1px solid #000;overflow:hidden}

.board_canvas{top:0;left:0}
#forbiden_back{position:absolute;z-index:20;left:0;top:0;width:100%;height:100%;background-image:url(../../img/board/pattern.png)}
.board_upload{position:absolute;left:50%;top:50%;margin:-200px 0 0 -200px;width:400px;height:100px;padding-top:40px;border:1px solid #ddd;border-radius:5px;background:#FFF}
#open_pic{margin-top:20px;padding: 5px 20px;font-size: 14px}
#close_window{right:10px;top:2px}

/*书写文字*/
.words{position:absolute;z-index:998;left:30%;top:30%}

.words_drag{position:absolute;z-index:1000;left:0;top:0;color:#666;background:rgba(10,10,10,0.1);font-size:30px;cursor:move}
.words p{position:absolute;z-index:999;left:0;top:0;padding-left:40px}
.words em{display:inline-block;margin-left:10px;width:24px;height:24px;line-height:24px;border-radius:13px;border:1px dotted #E22;text-align:center;color:#EE2222;font-size:16px;cursor:pointer}
.words em.words_voice{margin-right:15px;border:1px dotted #090;color:#090;position:relative}

.words_voice_qrc{position:absolute;z-index:1000;left:70px;top:-70px;width:200px;height:200px;box-shadow:5px 5px 10px #999,-5px -5px 10px #999;background:#FFFFFF;display:none}
em:hover .words_voice_qrc{display:block}



.words_div{position:relative;z-index:99;margin-top:32px;padding:1px 3px;min-width:195px;min-height:30px;font-size:24px;line-height:1.2em;font-weight:bold;color:#FFFFFF;border:1px dashed #282828}