.memo-frame {color:#313131;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-sizing:border-box;transition:width 0.3s;-webkit-transition:width 0.3s;}
/* common */

/* header */
.memo-head {cursor:move;}
.memo-head > .icon {float:left;}
.memo-head > .title {float:left;font-size:1em;}
.memo-head > div[data-op="close"] {float:right;cursor:pointer;}

/* body */
.memo-body {position:relative;overflow:hidden;}
.memo-body [data-op] {box-sizing:border-box;}
.memo-body > .memo-btn {flex-shrink:0;float:left;background-color:#d07a14;background-repeat:no-repeat;background-position:left;cursor:pointer;color:#ffffff;}
.memo-body > .memo-btn:hover {background-color:#e97e00;}
.memo-body > .memo-icon {flex-shrink:0;float:left;background-repeat:no-repeat;background-position:center;cursor:pointer;}
.memo-body > .memo-icon.font-size {cursor:default;}
.memo-body > .sel-color {flex-shrink:0;float:left;border:solid 1px #2e2e2e;cursor:pointer;}
.memo-body > input[type="number"] {flex-shrink:0;float:left;margin:0px;padding:0px;color:#313131;border:solid 1px #2e2e2e;text-align:center;}
.memo-body > .memo-body-block {display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
/* ===== t0 start ===== */
#body[menu-size="t0"] .memo-frame {font-size:12px;background:url("../imgs/ui/memo/t0/memo_float_bg.png") repeat-x center;}
/* header */
#body[menu-size="t0"] .memo-head {height:34px;}
#body[menu-size="t0"] .memo-head > .icon {height:34px;}
#body[menu-size="t0"] .memo-head > .title {line-height:34px;}
#body[menu-size="t0"] .memo-head > div[data-op="close"] {margin-top:10px;margin-right:11px;width:14px;height:14px;background:url("../imgs/ui/memo/t0/memo_close_nor.png") no-repeat center;}
#body[menu-size="t0"] .memo-head > div[data-op="close"]:active {background:url("../imgs/ui/memo/t0/memo_close_press.png") no-repeat center;}
/* body */
#body[menu-size="t0"] .memo-body {height:51px;}
#body[menu-size="t0"] .memo-body > .memo-btn {width:62px;height:29px;padding-left:29px;border-radius:4px;}
#body[menu-size="t0"] .memo-body > div[data-op="memo_add"] {margin-left:11px;background-image:url("../imgs/ui/memo/t0/memo_add.png");}
#body[menu-size="t0"] .memo-body > div[data-op="memo_del"] {margin-left:8px;background-image:url("../imgs/ui/memo/t0/memo_delete.png");}
#body[menu-size="t0"] .memo-body > div[data-op="show_memo"] {margin-left:8px;background-image:url("../imgs/ui/memo/t0/memo_show.png");}
#body[menu-size="t0"] .memo-body > div[data-op="hide_memo"] {margin-left:8px;background-image:url("../imgs/ui/memo/t0/memo_hide.png");}
#body[menu-size="t0"] .memo-body > .sel-color {width:32px;height:23px;}
#body[menu-size="t0"] .memo-body > .memo-icon[data-op="memo_bg"] {margin-left:15px;width:23px;height:16px;background-image:url("../imgs/ui/memo/t0/memo_color.png");}
#body[menu-size="t0"] .memo-body > #memo_bg_color.sel-color {margin-left:3px;}
#body[menu-size="t0"] .memo-body > .memo-icon.font-size {margin-left:8px;width:18px;height:14px;background-image:url("../imgs/ui/memo/t0/memo_text_size.png");}
#body[menu-size="t0"] .memo-body > input[type="number"] {margin-left:5px;width:47px;height:23px;font-size:12px;line-height:23px;}
#body[menu-size="t0"] .memo-body > .memo-icon[data-op="memo_font_color"] {margin-left:7px;width:12px;height:15px;background-image:url("../imgs/ui/memo/t0/memo_text_color.png");}
#body[menu-size="t0"] .memo-body > #memo_font_color.sel-color {margin-left:5px;}
/* ===== t1 start ===== */
#body[menu-size="t1"] .memo-frame {font-size:16px;background:url("../imgs/ui/memo/t1/memo_float_bg.png") repeat-x center;}
/* header */
#body[menu-size="t1"] .memo-head {height:45px;}
#body[menu-size="t1"] .memo-head > .icon {height:45px;}
#body[menu-size="t1"] .memo-head > .title {line-height:45px;}
#body[menu-size="t1"] .memo-head > div[data-op="close"] {margin-top:14px;margin-right:15px;width:17px;height:17px;background:url("../imgs/ui/memo/t1/memo_close_nor.png") no-repeat center;}
#body[menu-size="t1"] .memo-head > div[data-op="close"]:active {background:url("../imgs/ui/memo/t1/memo_close_press.png") no-repeat center;}
/* body */
#body[menu-size="t1"] .memo-body {height:68px;}
#body[menu-size="t1"] .memo-body > .memo-btn {width:83px;height:37px;padding-left:37px;border-radius:5px;}
#body[menu-size="t1"] .memo-body > div[data-op="memo_add"] {margin-left:11px;background-image:url("../imgs/ui/memo/t1/memo_add.png");}
#body[menu-size="t1"] .memo-body > div[data-op="memo_del"] {margin-left:8px;background-image:url("../imgs/ui/memo/t1/memo_delete.png");}
#body[menu-size="t1"] .memo-body > div[data-op="show_memo"] {margin-left:8px;background-image:url("../imgs/ui/memo/t1/memo_show.png");}
#body[menu-size="t1"] .memo-body > div[data-op="hide_memo"] {margin-left:8px;background-image:url("../imgs/ui/memo/t1/memo_hide.png");}
#body[menu-size="t1"] .memo-body > .sel-color {width:43px;height:31px;}
#body[menu-size="t1"] .memo-body > .memo-icon[data-op="memo_bg"] {margin-left:20px;width:31px;height:22px;background-image:url("../imgs/ui/memo/t1/memo_color.png");}
#body[menu-size="t1"] .memo-body > #memo_bg_color.sel-color {margin-left:4px;}
#body[menu-size="t1"] .memo-body > .memo-icon.font-size {margin-left:10px;width:24px;height:19px;background-image:url("../imgs/ui/memo/t1/memo_text_size.png");}
#body[menu-size="t1"] .memo-body > input[type="number"] {margin-left:6px;width:63px;height:31px;font-size:16px;line-height:31px;}
#body[menu-size="t1"] .memo-body > .memo-icon[data-op="memo_font_color"] {margin-left:10px;width:15px;height:21px;background-image:url("../imgs/ui/memo/t1/memo_text_color.png");}
#body[menu-size="t1"] .memo-body > #memo_font_color.sel-color {margin-left:8px;}
/* ===== t2 start ===== */
#body[menu-size="t2"] .memo-frame {font-size:20px;background:url("../imgs/ui/memo/t2/memo_float_bg.png") repeat-x center;}
/* header */
#body[menu-size="t2"] .memo-head {height:56px;}
#body[menu-size="t2"] .memo-head > .icon {height:56px;}
#body[menu-size="t2"] .memo-head > .title {line-height:56px;}
#body[menu-size="t2"] .memo-head > div[data-op="close"] {margin-top:17px;margin-right:19px;width:21px;height:21px;background:url("../imgs/ui/memo/t2/memo_close_nor.png") no-repeat center;}
#body[menu-size="t2"] .memo-head > div[data-op="close"]:active {background:url("../imgs/ui/memo/t2/memo_close_press.png") no-repeat center;}
/* body */
#body[menu-size="t2"] .memo-body {height:84px;}
#body[menu-size="t2"] .memo-body > .memo-btn {width:103px;height:46px;padding-left:46px;border-radius:6px;}
#body[menu-size="t2"] .memo-body > div[data-op="memo_add"] {margin-left:11px;background-image:url("../imgs/ui/memo/t2/memo_add.png");}
#body[menu-size="t2"] .memo-body > div[data-op="memo_del"] {margin-left:8px;background-image:url("../imgs/ui/memo/t2/memo_delete.png");}
#body[menu-size="t2"] .memo-body > div[data-op="show_memo"] {margin-left:8px;background-image:url("../imgs/ui/memo/t2/memo_show.png");}
#body[menu-size="t2"] .memo-body > div[data-op="hide_memo"] {margin-left:8px;background-image:url("../imgs/ui/memo/t2/memo_hide.png");}
#body[menu-size="t2"] .memo-body > .sel-color {width:54px;height:40px;}
#body[menu-size="t2"] .memo-body > .memo-icon[data-op="memo_bg"] {margin-left:25px;width:39px;height:27px;background-image:url("../imgs/ui/memo/t2/memo_color.png");}
#body[menu-size="t2"] .memo-body > #memo_bg_color.sel-color {margin-left:4px;}
#body[menu-size="t2"] .memo-body > .memo-icon.font-size {margin-left:13px;width:29px;height:23px;background-image:url("../imgs/ui/memo/t2/memo_text_size.png");}
#body[menu-size="t2"] .memo-body > input[type="number"] {margin-left:8px;width:79px;height:40px;font-size:20px;line-height:40px;}
#body[menu-size="t2"] .memo-body > .memo-icon[data-op="memo_font_color"] {margin-left:13px;width:18px;height:26px;background-image:url("../imgs/ui/memo/t2/memo_text_color.png");}
#body[menu-size="t2"] .memo-body > #memo_font_color.sel-color {margin-left:10px;}

/* memo content */
.memo-content-frame {box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);box-sizing:border-box;background-color:#fffdc6;color:#313131;}
.memo-content-frame.minimized {box-shadow:none;}
.memo-content-frame #memo_create_date {position:absolute;bottom:0px;padding-left:10%;width:80%;text-align:center;color:inherit;}
.memo-content-frame div[data-op="resize"] {position:absolute;right:0px;bottom:0px;opacity:0;cursor:nw-resize;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;}

.memo-head .head-op-icon {float:right;cursor:pointer;}
.memo-content-body {box-sizing:border-box;}
.memo-content-body .memo-text {margin:0px;padding:0px;width:100%;height:100%;resize:none;font-size:1em;color:inherit;line-height:1.3em;background-color:transparent;border:none;outline:none;}
.memo-content-mini {position:absolute;top:0px;left:0px;cursor:pointer;}
.memo-content-mini-bg {position:absolute;background-color:#fffdc6;}

#body[menu-size="t0"] .memo-content-frame .memo-head {height:38px;background:url("../imgs/ui/memo/t0/memo_bg.png") repeat-x center;}
/*#body[menu-size="t0"] .memo-content-frame .memo-head {height:49px;background:url("../imgs/ui/memo/t0/memo_bg2.png") repeat-x center;}*/
#body[menu-size="t0"] .memo-content-frame #memo_create_date {font-size:10px;line-height:11px;}
#body[menu-size="t0"] .memo-content-frame div[data-op="resize"] {width:9px;height:9px;background:url('../imgs/t0/popup_size.png') no-repeat center;}
#body[menu-size="t0"] .memo-head .head-op-icon {margin-top:8px;margin-right:9px;width:14px;height:17px;}
#body[menu-size="t0"] .memo-head div[data-op="minimize"] {background:url("../imgs/ui/memo/t0/memo_minimize_nor.png") no-repeat center;}
#body[menu-size="t0"] .memo-head div[data-op="minimize"]:active {background:url("../imgs/ui/memo/t0/memo_minimize_press.png") no-repeat center;}
#body[menu-size="t0"] .memo-head div[data-op="delete"] {background:url("../imgs/ui/memo/t0/memo_delete_nor.png") no-repeat center;}
#body[menu-size="t0"] .memo-head div[data-op="delete"]:active {background:url("../imgs/ui/memo/t0/memo_delete_press.png") no-repeat center;}
#body[menu-size="t0"] .memo-content-body {padding:11px;}
#body[menu-size="t0"] .memo-content-mini {width:53px;height:60px;background:url("../imgs/ui/memo/t0/minimize_nor.png") no-repeat center;}
#body[menu-size="t0"] .memo-content-mini:hover {background:url("../imgs/ui/memo/t0/minimize_hover.png") no-repeat center;}
#body[menu-size="t0"] .memo-content-mini-bg {top:11px;left:4px;width:45px;height:45px;}

#body[menu-size="t1"] .memo-content-frame .memo-head {height:49px;background:url("../imgs/ui/memo/t1/memo_bg.png") repeat-x center;}
/*#body[menu-size="t1"] .memo-content-frame .memo-head {height:49px;background:url("../imgs/ui/memo/t1/memo_bg2.png") repeat-x center;}*/
#body[menu-size="t1"] .memo-content-frame #memo_create_date {font-size:12px;line-height:15px;}
#body[menu-size="t1"] .memo-content-frame div[data-op="resize"] {width:9px;height:9px;background:url('../imgs/t1/popup_size.png') no-repeat center;}
#body[menu-size="t1"] .memo-head .head-op-icon {margin-top:13px;margin-right:12px;width:19px;height:19px;}
#body[menu-size="t1"] .memo-head div[data-op="minimize"] {background:url("../imgs/ui/memo/t1/memo_minimize_nor.png") no-repeat center;}
#body[menu-size="t1"] .memo-head div[data-op="minimize"]:active {background:url("../imgs/ui/memo/t1/memo_minimize_press.png") no-repeat center;}
#body[menu-size="t1"] .memo-head div[data-op="delete"] {background:url("../imgs/ui/memo/t1/memo_delete_nor.png") no-repeat center;}
#body[menu-size="t1"] .memo-head div[data-op="delete"]:active {background:url("../imgs/ui/memo/t1/memo_delete_press.png") no-repeat center;}
#body[menu-size="t1"] .memo-content-body {padding:15px;}
#body[menu-size="t1"] .memo-content-mini {width:68px;height:78px;background:url("../imgs/ui/memo/t1/minimize_nor.png") no-repeat center;}
#body[menu-size="t1"] .memo-content-mini:hover {background:url("../imgs/ui/memo/t1/minimize_hover.png") no-repeat center;}
#body[menu-size="t1"] .memo-content-mini-bg {top:14px;left:4px;width:60px;height:60px;}

#body[menu-size="t2"] .memo-content-frame .memo-head {height:61px;background:url("../imgs/ui/memo/t2/memo_bg.png") repeat-x center;}
/*#body[menu-size="t2"] .memo-content-frame .memo-head {height:49px;background:url("../imgs/ui/memo/t2/memo_bg2.png") repeat-x center;}*/
#body[menu-size="t2"] .memo-content-frame #memo_create_date {font-size:15px;line-height:19px;}
#body[menu-size="t2"] .memo-content-frame div[data-op="resize"] {width:9px;height:9px;background:url('../imgs/t2/popup_size.png') no-repeat center;}
#body[menu-size="t2"] .memo-head .head-op-icon {margin-top:16px;margin-right:15px;width:21px;height:23px;}
#body[menu-size="t2"] .memo-head div[data-op="minimize"] {background:url("../imgs/ui/memo/t2/memo_minimize_nor.png") no-repeat center;}
#body[menu-size="t2"] .memo-head div[data-op="minimize"]:active {background:url("../imgs/ui/memo/t2/memo_minimize_press.png") no-repeat center;}
#body[menu-size="t2"] .memo-head div[data-op="delete"] {background:url("../imgs/ui/memo/t2/memo_delete_nor.png") no-repeat center;}
#body[menu-size="t2"] .memo-head div[data-op="delete"]:active {background:url("../imgs/ui/memo/t2/memo_delete_press.png") no-repeat center;}
#body[menu-size="t2"] .memo-content-body {padding:19px;}
#body[menu-size="t2"] .memo-content-mini {width:86px;height:97px;background:url("../imgs/ui/memo/t2/minimize_nor.png") no-repeat center;}
#body[menu-size="t2"] .memo-content-mini:hover {background:url("../imgs/ui/memo/t2/minimize_hover.png") no-repeat center;}
#body[menu-size="t2"] .memo-content-mini-bg {top:18px;left:4px;width:75px;height:75px;}