@charset 'UTF-8';@import url(../css/scrollbar.css);*{margin:0;padding:0;border:0;text-indent:0;-moz-box-sizing:border-box;box-sizing:border-box}::-moz-focus-inner{padding:0;border:0}html{background:#fff;font-family:Arial,Helvetica,sans-serif}body{width:980px;margin:auto;padding:1.5em 0 0}hr{height:1px;background:#999;margin:1em 0}h1{width:18em;margin:auto;text-align:center;color:#bbb;background:linear-gradient(90deg,red,orange,yellow,green,blue,indigo,violet);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}h1 a{color:inherit}p{margin-bottom:1em}#wrapper,article,footer{position:relative;width:980px;border:solid 1px #bbb;margin-bottom:1em}#wrapper:before,article:before,footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 .5em rgba(0,0,0,.5);z-index:-1}#wrapper{min-height:760px;background:#f6f6f6}article{padding:1em 1.4em 0}footer{text-align:center;padding-top:.1em}td{vertical-align:top}input,select{background:#fff;border:solid 1px}input{padding:1px 2px;margin:2px 0}[type=button],#rev_stoper,#addgradient{border-radius:5px;box-shadow:inset 0 -.5em 1em rgba(0,0,0,.4);cursor:pointer;background:linear-gradient(#5aafd5,#1a6f95);color:#fff}#rev_stoper,#addgradient{display:inline-block;padding:1px 3px;border:solid 1px;margin-right:4px}.g_plate{border:1px solid #DDD;height:200px;overflow:auto}.cm_col{width:258px;height:258px;border:1px solid black;background:url(colormap.png);position:relative}#m_pt{position:absolute}.cv_col{margin-left:10px;width:22px;height:258px;border:1px solid #AAA;position:relative;background-image:url(saturation.png)}#v_pt{z-index:1;position:absolute;left:-10px}.ccol{background:rgb(30,87,153);width:62px;height:62px;border:1px solid black}.cc input{width:30px}.lbl{display:inline-block;width:25px}#p_col{position:relative;width:202px;height:202px;border:1px solid gray;background:url(transparent-bg2.png)}#p_col:before{position:absolute;top:.5em;width:100%;text-align:center}body style{display:block}#r_bg{width:200px;height:200px;background:url(PRO.png);border-radius:100%;box-shadow:0 0 8px #666,inset 0 0 18px}#r_pt{position:absolute;width:9px;height:9px}#r_center{position:absolute;width:1px;height:1px;position:absolute;margin:100px 0 0 100px}#r_aro{z-index:1;position:absolute;left:-60px;top:-13px}.cs_t,.cs_b{width:450px;height:17px;position:relative;cursor:crosshair}#s_bg{width:452px;height:52px;border:1px solid gray;background:url(transparent-bg.png)}.cs_tpt{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJZJREFUeNrsklkKxCAQRKuCt9BD6z08lvfIpBMNjkO7fORjIAWtNDwe7UIAOx6IkSWlNASdc1hhTWmstdTAEMLXqWbYDQ%2FlFf%2Bx2GhfqpcZ9pw4xjg9yQq7r9QR9Mp7f7HSTEpvdiQ9uQyP5ChiTV5Lb%2FFAjlbcylupFCspSKKRsbqCnxy8yFh29R9nAWtp99UVqeQjwAAiCM20qTyZHAAAAABJRU5ErkJggg%3D%3D")}.cs_bpt{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJNJREFUeNrsU0EOgCAM2wi%2FgD%2FCU%2BCP%2FGOKiUZx03rwYGIvy5au6cZgEaERzDyXhQmAxXUacR8RUY3rNFErt5yWUs696yosEW1Mbfyx5pBxkV2Prj3SvHdjPVZKqddk23tP6AG6szvknGkRbq3dkmOMS0S5fk1CCObd1loPUyFcRy%2FhF%2F6wsLdO6goI9%2FHPQzEJMAB64VRGrQShWQAAAABJRU5ErkJggg%3D%3D")}.cs_tpt,.cs_bpt{position:absolute;width:11px;height:17px;background-position:right center;cursor:pointer}.active{background-position:left center}.cs_tpt div,.cs_bpt div{position:absolute;left:2px;width:7px;height:7px}.cs_tpt div{top:1px;background:black}.cs_bpt div{top:8px}.preset{display:block;float:left;background:url(transparent-bg.png)}.presetc{width:38px;height:38px;border:solid #000;border-width:0 1px 1px 0;cursor:pointer}.preset_a{height:15px;background:url(transparent-bg.png)}.preset_c,.preset_a{display:block;float:left}.preset_c div,.preset_a div{display:inline-block;height:15px;width:15px;cursor:pointer}.tab span{border:solid #ddd;border-width:1px 1px 0 1px;background-color:white;padding:4px 17px 1px 17px;cursor:pointer}.tab span.hide{border-bottom:1px solid #ddd;background-color:Silver}.code li{display:block;border:1px solid #DDD;height:160px;font:13px monospace;background-color:white;overflow:auto;text-indent:-2em;padding:6px 0 6px 30px}.code li span.b{color:blue}.code li span.r{color:#BD0000}.code li span.cm,.code li span.g{color:#46A105}.wmsg div{background:#FFEFD5;border:1px solid #FFA500;margin:5px 0;padding:5px;display:none}#msg_canvas{padding:1px 5px}#counter{display:none}