#cover_drawing {
	position:absolute;
    width:1440px;
    height:900px;
    top:0px;
    left:0px;
    pointer-events: none;
}

#drawingCanvas {
    width:1440px;
    height:900px;        
}

#tool_drawing {
	position:absolute;
	top:50px;
	left:50px;
	display: none;
}

#text-color {
    position:absolute;
    left:105px;
    top:180px;        
}

#btn_group_zindex {
    position:absolute;
    left:15px;
    top:207px;        
}

#drawing-alpha {

    width:70px;
}

.drawpen_menu_icon15 {
    position:absolute;
    left:15px;
    top:257px;
	width:15px;
	height:15px;
}

.drawpen_menu_icon20 {
    position:absolute;
    left:32px;
    top:256px;
	width:17px;
	height:17px;
}

.drawpen_menu_icon25 {
    position:absolute;
    left:52px;
    top:255px;
	width:19px;
	height:19px;
}

.drawpen_menu_icon30 {
    position:absolute;
    left:73px;
    top:254px;
	width:21px;
	height:21px;
}

.btnClose			{width:36px; height:36px; background:url('../img/popup/popup_close.png') no-repeat; cursor:pointer; border:0; outline:0;}
.btnClose:hover		{background:url('../img/popup/popup_close_over.png') no-repeat;}

.drawing_pop								{position:absolute; width:320px; height:285px; top:100px; left:100px; background:url('/resources/img/draw/drawing_bg.png'); }
.drawing_pop .drawing_pop_title				{width:320px; height:66px; content:''}
.drawing_pop .drawing_pop_title p			{display:none}

.drawing_pop .drawing_pop_title .drawing_close	{position:absolute; display:inline-block; top:15px; right:20px; }
.drawing_pop .drawing_contents					{width:320px;}
.drawing_pop .drawing_contents .dd-tab			{position:relative; width:320px; height:85px; }
.drawing_pop .drawing_contents .dd-tab .blush			{display:inline-block; float:left; width:35px; height:45px; background:url('/resources/img/draw/blush.png') center center no-repeat; cursor:pointer; display:inline-block; margin:20px 62px 0px 62px; }
.drawing_pop .drawing_contents .dd-tab .blush.on		{background:url('/resources/img/draw/blush_on.png') center center no-repeat; }
.drawing_pop .drawing_contents .dd-tab .blush:after		{position:absolute; display:block; top:32px; left:160px; width:1px; height:35px; border-right:1px dashed #ddd; content:''}
.drawing_pop .drawing_contents .dd-tab .blush_line		{width:280px; height:12px; background:url('/resources/img/draw/blush_line.png') no-repeat; margin:0px auto; margin-top:20px; }
.drawing_pop .drawing_contents .dd-tab .select			{display:inline-block; width:35px; height:45px; background:url('/resources/img/draw/select.png') center center no-repeat; cursor:pointer; display:inline-block; margin:20px 62px 0px 62px; }
.drawing_pop .drawing_contents .dd-tab .select.on		{background:url('/resources/img/draw/select_on.png') center center no-repeat; }
.drawing_pop .drawing_contents .dd-tab .select_line						{width:320px; height:12px; background:url('/resources/img/draw/select_line.png') no-repeat; margin:0px auto; margin-top:20px; }

.drawing_pop .drawing_contents .drawing_con_icon						{width:280px; height:75px; border-bottom:1px solid #ddd; padding-top:20px;  margin-left:20px; margin-bottom:10px; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_line			{width:34px; height:34px; background:url('/resources/img/draw/drawing_line.png') no-repeat; cursor:pointer; display:inline-block; margin:0 8px; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_line.on		{background:url('/resources/img/draw/drawing_line_on.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_free			{width:34px; height:34px; background:url('/resources/img/draw/drawing_free.png') no-repeat; cursor:pointer; display:inline-block; margin:0 8px; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_free.on		{background:url('/resources/img/draw/drawing_free_on.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_highlight		{width:34px; height:34px; background:url('/resources/img/draw/drawing_highlight.png') no-repeat; cursor:pointer; display:inline-block; margin:0 8px; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_highlight.on	{background:url('/resources/img/draw/drawing_highlight_on.png') center center no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser		{width:34px; height:34px; background:url('/resources/img/draw/drawing_eraser.png') no-repeat; cursor:pointer; display:inline-block; margin:0 8px; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser:hover	{background:url('/resources/img/draw/drawing_eraser_on.png') no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser.on		{background:url('/resources/img/draw/drawing_eraser_on.png') no-repeat; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser2		{width:34px; height:34px; background:url('/resources/img/draw/drawing_eraser2.png') no-repeat; cursor:pointer; display:inline-block; margin:0 8px; }
.drawing_pop .drawing_contents .drawing_con_icon .drawing_eraser2:hover	{background:url('/resources/img/draw/drawing_eraser2_on.png') no-repeat; }

.drawing_pop .drawing_contents .drawing_color							{position:relative; top:10px; left:20px; float:left; width:280px; height:80px; margin:0px auto; }

.drawing_pop .drawing_contents .drawing_color .drawing_color_selector	{float:left; margin-top:15px; }

.drawing_pop .drawing_contents .drawing_color .select_color				{width:65px; height:35px; border:0px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.drawing_pop .drawing_contents .drawing_color .sp-replacer				{width:65px; border:1px solid #d6d6d6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#686868 }
.drawing_pop .drawing_contents .drawing_color .sp-preview				{width:40px;}


.drawing_pop .drawing_contents .drawing_color .color_outer1				{width:182px; height:65px; float:right; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_1	{width:25px; height:25px; background-color:#13810b; border-radius:50%; display:inline-block; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_2	{width:25px; height:25px; background-color:#ebd40e; border-radius:50%; display:inline-block; margin-left:8px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_3	{width:25px; height:25px; background-color:#ff0000; border-radius:50%; display:inline-block; margin-left:8px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_4	{width:25px; height:25px; background-color:#2514a3; border-radius:50%; display:inline-block; margin-left:8px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_5	{width:25px; height:25px; background-color:#a217d5; border-radius:50%; display:inline-block; margin-left:8px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_6	{width:25px; height:25px; background-color:#fff; border-radius:50%; border:1px solid #ccc; display:inline-block; margin-top:7px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_7	{width:25px; height:25px; background-color:#000; border-radius:50%; display:inline-block; margin-left:8px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_8	{width:25px; height:25px; background-color:#fff; border-radius:50%; border:1px solid #ccc; display:inline-block; margin-left:8px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_9	{width:25px; height:25px; background-color:#fff; border-radius:50%; border:1px solid #ccc; display:inline-block; margin-left:8px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_color .color_outer1 .color_10	{width:25px; height:25px; background-color:#fff; border-radius:50%; border:1px solid #ccc; display:inline-block; margin-left:8px; cursor:pointer; }

.drawing_pop .drawing_contents .drawing_pen_option						{position:relative; width:120px; float:right; }

.drawing_pop .drawing_contents .line_height								{width:120px; text-align:right; margin-bottom:15px; }
.drawing_pop .drawing_contents .line_height .line_1						{width:9px; height:9px; margin-right:13px; background-color:#bdbdbd; border-radius:50%; display:inline-block; vertical-align:middle; cursor:pointer; }
.drawing_pop .drawing_contents .line_height .line_2						{width:13px; height:13px; margin-right:13px; background-color:#bdbdbd; border-radius:50%; display:inline-block; vertical-align:middle; cursor:pointer; }
.drawing_pop .drawing_contents .line_height .line_3						{width:18px; height:18px; margin-right:13px; background-color:#bdbdbd; border-radius:50%; display:inline-block; vertical-align:middle; cursor:pointer; }
.drawing_pop .drawing_contents .line_height .line_4						{width:23px; height:23px; background-color:#bdbdbd; border-radius:50%; display:inline-block; vertical-align:middle; cursor:pointer; }
.drawing_pop .drawing_contents .line_height .line_1.on, .drawing_pop .drawing_contents .line_height .line_2.on, .drawing_pop .drawing_contents .line_height .line_3.on, .drawing_pop .drawing_contents .line_height .line_4.on{background:#ffb210; }

.drawing_pop .drawing_contents .drawing_oper							{float:right; width:120px; height:20px; }
.drawing_pop .drawing_contents .drawing_oper #drawing-alpha				{float:left; }
.drawing_pop .drawing_contents .drawing_oper .oper_bar					{width:85px; height:5px; background-color:#bdbdbd; border-radius:50px; position:absolute; bottom:7px; }
.drawing_pop .drawing_contents .drawing_oper .oper_bar .oper_bar_act	{width:35px; height:5px; background-color:#ffb210; border-radius:50px; }
.drawing_pop .drawing_contents .drawing_oper .oper_round				{width:10px; height:10px; border-radius:50%; background-color:#ffb210; position:absolute; bottom:5px; left:35px; cursor:pointer; }
.drawing_pop .drawing_contents .drawing_oper .oper_value				{position:relative; float:right; right:0; width:30px; height:20px; border:1px solid #bdbdbd; border-radius:3px; color:#333; text-align:center; font-size:13px; font-weight:600; }

.drawing_pop .drawing_contents .drawing_disable							{display:none; position:absolute; top:155px; left:15px; width:290px; height:125px; background-color:#E1E1E1; opacity:.8; }

.drawing_pop .drawing_pop_bottom										{position:absolute; bottom:0px; width:320px; height:45px;}
.drawing_pop .drawing_pop_bottom .visible								{float:left; width:28px; height:22px; background:url('/resources/img/draw/visible.png') no-repeat; cursor:pointer; margin:12px 12px 12px 22px; }
.drawing_pop .drawing_pop_bottom .visible.on							{background:url('/resources/img/draw/visible_on.png') no-repeat; cursor:pointer; }
.drawing_pop .drawing_pop_bottom .newly									{float:right; }
.drawing_pop .drawing_pop_bottom .newly .new_prev						{width:26px; height:24px; background:url('/resources/img/draw/draw_prev.png') no-repeat; cursor:pointer; display:inline-block; margin:1px 8px; }
.drawing_pop .drawing_pop_bottom .newly .new_next						{width:26px; height:24px; background:url('/resources/img/draw/draw_next.png') no-repeat; cursor:pointer; display:inline-block; margin:1px 8px; }

.drawing_pop .expand_tool												{position:relative; display:none;}
.drawing_pop .expand_tool.expanded										{}