First commit

static/avatar/avatar.js

@@ -0,0 +1,315 @@
+(function(){
+var jQuery = window.jQuery.noConflict(true);
+var dwidth = data[data.indexOf('width')+1];
+var dheight = data[data.indexOf('height')+1];
+jQuery('#avatardesigner').width(dwidth-20);
+jQuery('#avatardesigner').height(dheight-25);
+jQuery('#widgetparent').width(dwidth-150);
+jQuery('#widgetparent').height(dheight-25);
+jQuery('#selector').width(150);
+jQuery('#selector').height(150);
+jQuery('#avatarfileselector').width(dwidth-20);
+jQuery('#avatarfileselector').height(dheight-25);
+jQuery('#avatarfile').width(dwidth-20);
+jQuery('#avatarfile').height(dheight-25);
+
+jQuery('#avatarcanvas').attr('width', (dwidth-150));
+jQuery('#avatarcanvas').attr('height', dheight-25);
+jQuery('#avatardisplaycanvas').attr('width', dwidth-20);
+jQuery('#avatardisplaycanvas').attr('height', dheight-25);
+$('avatarform').target ='uploadframe';
+$('avatarfile').onchange = uploadAvatarDone;
+$('avatarimage').onload = forceSelectorInsideAvatar;
+$('backfileselection').onclick = showAvatarFileSelector;
+$('avconfirm').onclick = saveAvatar;
+
+jQuery(document).ready(function () {
+    jQuery("#selector")
+        .draggable({ containment: "parent", drag: function (event, ui) { refreshAvatarCanvas(ui.position); }, stop: function() { forceSelectorInsideAvatar(); } })
+        .resizable({ containment: "parent", resize: function (event, ui) { refreshAvatarCanvas(ui.position); }, stop: function() { forceSelectorInsideAvatar(); }  })
+        .hover(
+            function () { jQuery(this).css({ "border-color": "red" }); },
+            function () { jQuery(this).css({ "border-color": "rgba(255, 0, 0, 0.6)" }); }
+        );
+    jQuery("#slider").slider({
+        min: 0,
+        max: 100,
+        value: 50,
+        slide: function(event, ui) {
+            forceSelectorInsideAvatar();
+        }
+    });
+    jQuery("#slider").append("<div style='position: absolute; top: -2px; left: 0px; width: 3px; height: 6px; background-color: black;'>&nbsp;</div>" );
+    jQuery("#slider").append("<div style='position: absolute; top: -2px; left: 50px; width: 3px; height: 6px; background-color: black;'>&nbsp;</div>" );
+    jQuery("#slider").append("<div style='position: absolute; top: -2px; left: 100px; width: 3px; height: 6px; background-color: black;'>&nbsp;</div>" );
+});
+
+window.addEventListener('message', receiveMessage, false);
+
+function receiveMessage(event) {
+    var msgdata = event.data;
+    if (typeof(msgdata) !== 'string') {
+        return;
+    }
+    rectAvatarDone(msgdata);
+}
+
+function uploadAvatarDone() {
+    if (this.files && this.files[0]) {
+        var fr = new FileReader();
+        fr.onload = function(e) {
+            jQuery('#avatarfileselector').hide();
+            jQuery('#avatardisplayer').hide();
+            jQuery('#avataradjuster').show();
+            jQuery('#selector').css('left', Math.floor((dwidth-300)/2));
+            jQuery('#selector').css('top', Math.floor((dheight-150)/2));
+            jQuery('#selector').width(150);
+            jQuery('#selector').height(150);
+            $('avatarimage').src = e.target.result;
+            jQuery("#slider").slider('value', 50);
+        };
+        fr.readAsDataURL(this.files[0]);
+    }
+}
+
+function showAvatarFileSelector() {
+    $('avatarimage').src = null;
+    $('avatarfile').value = null;
+    clearAvatar();
+    $('avataradjuster').style.display = 'none';
+    $('avatarfileselector').style.display = 'block';
+}
+
+function getAvatarDimension() {
+    var factor = jQuery('#slider').slider('option', 'value');
+    var cw = jQuery('#widgetparent').width();
+    var ch = jQuery('#widgetparent').height();
+    var iw = jQuery('#avatarimage').width();
+    var ih = jQuery('#avatarimage').height();
+    var minw = 48;
+    var minh = 48;
+    var midw = Math.min(Math.max(iw, 48), cw);
+    var midh = Math.min(Math.max(ih, 48), ch);
+    var maxw = Math.max(Math.max(iw, 48), cw);
+    var maxh = Math.max(Math.max(ih, 48), ch);
+    var minr = Math.max(minw/iw, minh/ih);
+    var midr = Math.max(midw/iw, midh/ih);
+    var maxr = Math.max(maxw/iw, maxh/ih);
+    if (factor<=50) {
+        r = (minr * (50-factor) + midr * factor)/50;
+    }
+    else {
+        r = (midr * (100-factor) + maxr * (factor-50))/50;
+    }
+    var aw = r*iw;
+    var ah = r*ih;
+    var al = (cw-aw)/2;
+    var at = (ch-ah)/2;
+    var sd = getSelectorDimention();
+    if (aw>cw) al = (cw-aw)/(cw-sd.width)*sd.left;
+    if (ah>ch) at = (ch-ah)/(ch-sd.height)*sd.top;
+    return { left: Math.floor(al), top: Math.floor(at), width: Math.floor(aw), height: Math.floor(ah) };
+}
+
+function clearAvatar() {
+    var canvas = $('avatarcanvas');
+    var cw = canvas.width;
+    var ch = canvas.height;
+    var ctx = canvas.getContext('2d');
+    ctx.clearRect(0, 0, cw, ch);
+}
+
+function refreshAvatarCanvas(uiposition) {
+    var canvas = $('avatarcanvas');
+    var cw = canvas.width;
+    var ch = canvas.height;
+    var ctx = canvas.getContext('2d');
+    ctx.clearRect(0, 0, cw, ch);
+    var ad = getAvatarDimension();
+    var iw = jQuery('#avatarimage').width();
+    var ih = jQuery('#avatarimage').height();
+    var img = $('avatarimage');
+    ctx.imageSmoothingQuality = 'high';
+    ctx.drawImage(img, 0,0, iw, ih, ad.left, ad.top, ad.width, ad.height);
+    var sd = getSelectorDimention();
+    if (uiposition) {
+        sd.left = uiposition.left;
+        sd.top = uiposition.top;
+    }
+    ctx.fillStyle="rgba(0,0,0,0.6)";
+    ctx.fillRect(0, 0, cw, sd.top);
+    ctx.fillRect(sd.left+sd.width, sd.top, cw-sd.left-sd.width, ch-sd.top);
+    ctx.fillRect(0, sd.top+sd.height, sd.left+sd.width, ch-sd.top-sd.height);
+    ctx.fillRect(0, sd.top, sd.left, sd.height);
+}
+
+function getSelectorDimention() {
+    var sl = Math.ceil(jQuery('#selector').position().left);
+    var st = Math.ceil(jQuery('#selector').position().top);
+    var sw = jQuery('#selector').width();
+    var sh = jQuery('#selector').height();
+    return { left: sl, top: st, width: sw, height: sh };
+}
+
+function forceSelectorInsideAvatar() {
+    var sd = getSelectorDimention();
+    var ad = getAvatarDimension();
+    if (sd.width>ad.width) jQuery('#selector').width(ad.width);
+    if (sd.height>ad.height) jQuery('#selector').height(ad.height);
+    sd = getSelectorDimention();
+    if (sd.left<ad.left) jQuery('#selector').css('left', ad.left);
+    if (sd.top<ad.top) jQuery('#selector').css('top', ad.top);
+    if (sd.left+sd.width>ad.left+ad.width) jQuery('#selector').css('left', ad.left+ad.width-sd.width);
+    if (sd.top+sd.height>ad.top+ad.height) jQuery('#selector').css('top', ad.top+ad.height-sd.height);
+    refreshAvatarCanvas();
+}
+
+function saveAvatar() {
+    var img = $('avatarimage');
+    var sd = getSelectorDimention();
+    var ad = getAvatarDimension();
+    var rl = (sd.left-ad.left)/ad.width;
+    var rt = (sd.top-ad.top)/ad.height;
+    var rw = sd.width/ad.width;
+    var rh = sd.height/ad.height;
+    var iw = jQuery('#avatarimage').width();
+    var ih = jQuery('#avatarimage').height();
+    var sl = rl*iw;
+    var st = rt*ih;
+    var sw = rw*iw;
+    var sh = rh*ih;
+    var tw = sw;
+    var th = sh;
+    if (sw>200 || sh>250) {
+        var r = Math.max(sw/200, sh/250);
+        tw = Math.floor(sw/r);
+        th = Math.floor(sh/r);
+    }
+    var canvas = document.createElement('canvas');
+    canvas.width = tw;
+    canvas.height = th;
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = 'white';
+    ctx.fillRect(0, 0, tw, th);
+    ctx.imageSmoothingQuality = 'high';
+    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
+    var dataURL = canvas.toDataURL("image/jpeg", 1.0);
+    jQuery('#avatar1').val(dataURL.substr(dataURL.indexOf(",") + 1));
+
+    var tw = sw;
+    var th = sh;
+    if (sw>120 || sh>120) {
+        var r = Math.max(sw/120, sh/120);
+        tw = Math.floor(sw/r);
+        th = Math.floor(sh/r);
+    }
+    var canvas = document.createElement('canvas');
+    canvas.width = tw;
+    canvas.height = th;
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = 'white';
+    ctx.fillRect(0, 0, tw, th);
+    ctx.imageSmoothingQuality = 'high';
+    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
+    var dataURL = canvas.toDataURL("image/jpeg", 1.0);
+    jQuery('#avatar2').val(dataURL.substr(dataURL.indexOf(",") + 1));
+
+    var mwh = Math.min(sw, sh);
+    if (sw>mwh) {
+        sl += Math.floor((sw-mwh)/2);
+        sw = mwh;
+    }
+    if (sh>mwh) {
+        st += Math.floor((sh-mwh)/2);
+        sh = mwh;
+    }
+    var tw = 48;
+    var th = 48;
+    var canvas = document.createElement('canvas');
+    canvas.width = tw;
+    canvas.height = th;
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = 'white';
+    ctx.fillRect(0, 0, tw, th);
+    ctx.imageSmoothingQuality = 'high';
+    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
+    var dataURL = canvas.toDataURL("image/jpeg", 1.0);
+    jQuery('#avatar3').val(dataURL.substr(dataURL.indexOf(",") + 1));
+
+    var src = $('avatarform').action;
+    $('avatarform').action = data[data.indexOf('stl_src')+1];
+    $('avatarform').target='rectframe';
+}
+
+function refreshAvatarCanvasForDisplay() {
+    var img = $('avatarimage');
+    var canvas = $('avatardisplaycanvas');
+    var ctx = canvas.getContext("2d");
+    var sd = getSelectorDimention();
+    var ad = getAvatarDimension();
+    var rl = (sd.left-ad.left)/ad.width;
+    var rt = (sd.top-ad.top)/ad.height;
+    var rw = sd.width/ad.width;
+    var rh = sd.height/ad.height;
+    var iw = jQuery('#avatarimage').width();
+    var ih = jQuery('#avatarimage').height();
+    var sl = rl*iw;
+    var st = rt*ih;
+    var sw = rw*iw;
+    var sh = rh*ih;
+    var tw = sw;
+    var th = sh;
+    if (sw>200 || sh>250) {
+        var r = Math.max(sw/200, sh/250);
+        tw = Math.floor(sw/r);
+        th = Math.floor(sh/r);
+    }
+    var ctl = 10;
+    var ctt = 10;
+    ctx.imageSmoothingQuality = 'high';
+    ctx.drawImage(img, sl, st, sw, sh, ctl, ctt, tw, th);
+    ctl += 20 + tw;
+
+    var tw = sw;
+    var th = sh;
+    if (sw>120 || sh>120) {
+        var r = Math.max(sw/120, sh/120);
+        tw = Math.floor(sw/r);
+        th = Math.floor(sh/r);
+    }
+    ctx.drawImage(img, sl, st, sw, sh, ctl, ctt, tw, th);
+    ctl += 20 + tw;
+
+    var tw = 48;
+    var th = 48;
+    var mwh = Math.min(sw, sh);
+    if (sw>mwh) {
+        sl += Math.floor((sw-mwh)/2);
+        sw = mwh;
+    }
+    if (sh>mwh) {
+        st += Math.floor((sh-mwh)/2);
+        sh = mwh;
+    }
+    ctx.drawImage(img, sl, st, sw, sh, ctl, ctt, tw, th);
+
+    ctx.fillStyle = "black";
+    ctx.font = "bold 16px Arial";
+    ctx.fillText('上传成功!', dwidth - 160,155);
+    ctx.fillStyle = "grey";
+    ctx.font = "bold 12px Arial";
+    ctx.fillText('以上是您头像的三种尺寸', dwidth - 200, 180);
+}
+
+function rectAvatarDone(res) {
+    if (!res) return;
+    if (res == 'success') {
+        jQuery('#avatardisplayer').show();
+        refreshAvatarCanvasForDisplay();
+        jQuery('#avataradjuster').hide();
+        jQuery('#avatarfileselector').hide();
+    } else if (res == 'failure') {
+        alert('上传失败');
+    }
+}
+})();

static/avatar/avatar_mobile.js

@@ -0,0 +1,246 @@
+
+var jQuery = window.jQuery.noConflict(true);
+var dwidth = window.screen.width -20;
+var dheight = data[data.indexOf('height')+1];
+jQuery('#avatardesigner').width(dwidth-40);
+jQuery('#avatardesigner').height(dheight-25);
+jQuery('#widgetparent').width(dwidth-40);
+jQuery('#widgetparent').height(dheight-25);
+jQuery('#selector').width(150);
+jQuery('#selector').height(150);
+jQuery('#avatarfileselector').width(dwidth-40);
+jQuery('#avatarfileselector').height(dheight-25);
+jQuery('#avatarfile').width('100%');
+jQuery('#avatarfile').height(dheight-25);
+
+jQuery('#avatarcanvas').attr('width', (dwidth-40));
+jQuery('#avatarcanvas').attr('height', dheight-25);
+jQuery('#avatardisplaycanvas').attr('width', dwidth-40);
+jQuery('#avatardisplaycanvas').attr('height', 400);
+
+getID('avatarform').target ='uploadframe';
+getID('avatarfile').onchange = uploadAvatarDone;
+getID('avatarimage').onload = forceSelectorInsideAvatar;
+getID('backfileselection').onclick = showAvatarFileSelector;
+
+jQuery(document).ready(function () {
+
+});
+
+window.addEventListener('message', receiveMessage, false);
+
+function receiveMessage(event) {
+    var msgdata = event.data;
+    if (typeof(msgdata) !== 'string') {
+        return;
+    }
+}
+
+function uploadAvatarDone() {
+    if (this.files && this.files[0]) {
+        var fr = new FileReader();
+        fr.onload = function(e) {
+            jQuery('#avatarfileselector').hide();
+            jQuery('#avatardisplayer').hide();
+            jQuery('#avataradjuster').show();
+			jQuery('#avataradjuster2').show();
+
+        };
+        fr.readAsDataURL(this.files[0]);
+    }
+}
+
+function showAvatarFileSelector() {
+    getID('avatarfile').value = null;
+    clearAvatar();
+    getID('avataradjuster').style.display = 'none';
+	getID('avataradjuster2').style.display = 'none';
+    getID('avatarfileselector').style.display = 'block';
+}
+
+function getAvatarDimension() {
+    var factor = 50;
+    var cw = jQuery('#widgetparent').width();
+    var ch = jQuery('#widgetparent').height();
+    var iw = jQuery('#avatarimage').width();
+    var ih = jQuery('#avatarimage').height();
+    var minw = 48;
+    var minh = 48;
+    var midw = Math.min(Math.max(iw, 48), cw);
+    var midh = Math.min(Math.max(ih, 48), ch);
+    var maxw = Math.max(Math.max(iw, 48), cw);
+    var maxh = Math.max(Math.max(ih, 48), ch);
+    var minr = Math.max(minw/iw, minh/ih);
+    var midr = Math.max(midw/iw, midh/ih);
+    var maxr = Math.max(maxw/iw, maxh/ih);
+    if (factor<=50) {
+        r = (minr * (50-factor) + midr * factor)/50;
+    }
+    else {
+        r = (midr * (100-factor) + maxr * (factor-50))/50;
+    }
+    var aw = r*iw;
+    var ah = r*ih;
+    var al = (cw-aw)/2;
+    var at = (ch-ah)/2;
+    var sd = getSelectorDimention();
+    if (aw>cw) al = (cw-aw)/(cw-sd.width)*sd.left;
+    if (ah>ch) at = (ch-ah)/(ch-sd.height)*sd.top;
+    return { left: Math.floor(al), top: Math.floor(at), width: Math.floor(aw), height: Math.floor(ah) };
+}
+
+function clearAvatar() {
+    var canvas = getID('avatarcanvas');
+    var cw = canvas.width;
+    var ch = canvas.height;
+    var ctx = canvas.getContext('2d');
+    ctx.clearRect(0, 0, cw, ch);
+}
+
+function refreshAvatarCanvas(uiposition) {
+    var canvas = getID('avatarcanvas');
+    var cw = canvas.width;
+    var ch = canvas.height;
+    var ctx = canvas.getContext('2d');
+    ctx.clearRect(0, 0, cw, ch);
+    var ad = getAvatarDimension();
+    var iw = jQuery('#avatarimage').width();
+    var ih = jQuery('#avatarimage').height();
+    var img = getID('avatarimage');
+    ctx.imageSmoothingQuality = 'high';
+    ctx.drawImage(img, 0,0, iw, ih, ad.left, ad.top, ad.width, ad.height);
+    var sd = getSelectorDimention();
+    if (uiposition) {
+        sd.left = uiposition.left;
+        sd.top = uiposition.top;
+    }
+    ctx.fillStyle="rgba(0,0,0,0.6)";
+    ctx.fillRect(0, 0, cw, sd.top);
+    ctx.fillRect(sd.left+sd.width, sd.top, cw-sd.left-sd.width, ch-sd.top);
+    ctx.fillRect(0, sd.top+sd.height, sd.left+sd.width, ch-sd.top-sd.height);
+    ctx.fillRect(0, sd.top, sd.left, sd.height);
+}
+
+function getSelectorDimention() {
+    var sl = Math.ceil(jQuery('.photo-clip-layer').position().left);
+    var st = Math.ceil(jQuery('.photo-clip-layer').position().top);
+    var sw = jQuery('.photo-clip-layer').width();
+    var sh = jQuery('.photo-clip-layer').height();
+    return { left: sl, top: st, width: sw, height: sh };
+}
+
+function forceSelectorInsideAvatar() {
+    var sd = getSelectorDimention();
+    var ad = getAvatarDimension();
+    if (sd.width>ad.width) jQuery('.photo-clip-layer').width(ad.width);
+    if (sd.height>ad.height) jQuery('.photo-clip-layer').height(ad.height);
+    sd = getSelectorDimention();
+}
+
+function saveAvatar(src) {
+    var img = getID('avatarimage');
+    var canvas = document.createElement('canvas');
+    canvas.width = 200;
+    canvas.height = 200;
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = 'white';
+	ctx.fillRect(0, 0, 200, 200);
+    ctx.drawImage(img, 0, 0, 200, 200, 0, 0, 200, 200);
+    var dataURL = canvas.toDataURL("image/jpeg", 1.0);
+    jQuery('#avatar1').val(dataURL.substr(dataURL.indexOf(",") + 1));
+
+    var tw = 120;
+    var th = 120;
+    var canvas = document.createElement('canvas');
+    canvas.width = 120;
+    canvas.height = 120;
+    var ctx = canvas.getContext("2d");
+	ctx.fillRect(0, 0, 120, 120);
+    ctx.drawImage(img, 0, 0, 200, 200, 0, 0, 120, 120);
+    var dataURL = canvas.toDataURL("image/jpeg", 1.0);
+    jQuery('#avatar2').val(dataURL.substr(dataURL.indexOf(",") + 1));
+
+
+    var tw = 48;
+    var th = 48;
+    var canvas = document.createElement('canvas');
+    canvas.width = tw;
+    canvas.height = th;
+    var ctx = canvas.getContext("2d");
+    ctx.fillStyle = 'white';
+    ctx.fillRect(0, 0, 48, 48);
+    ctx.imageSmoothingQuality = 'high';
+    ctx.drawImage(img, 0, 0, 200, 200, 0, 0, 48, 48);
+    var dataURL = canvas.toDataURL("image/jpeg", 1.0);
+    jQuery('#avatar3').val(dataURL.substr(dataURL.indexOf(",") + 1));
+
+    var src = getID('avatarform').action;
+    getID('avatarform').action = data[data.indexOf('stl_src')+1];
+    getID('avatarform').target='rectframe';
+	console.log('readysubmit');
+	getID('avatarform').submit();
+	refreshAvatarCanvasForDisplay();
+	console.log('submited');
+    jQuery('#avatardisplayer').show();
+    jQuery('#avataradjuster').hide();
+	jQuery('#avataradjuster2').hide();
+}
+
+function refreshAvatarCanvasForDisplay() {
+	jQuery('#avatardesigner').height(420);
+    var img = getID('avatarimage');
+    var canvas = getID('avatardisplaycanvas');
+    var ctx = canvas.getContext("2d");
+    var ctl = 10;
+    var ctt = 10;
+    ctx.imageSmoothingQuality = 'high';
+    ctx.drawImage(img, 0, 0, 200, 200, 5, ctt, 200, 200);
+    ctl += 10 + 200;
+
+    ctx.drawImage(img, 0, 0, 200, 200, 5, 220, 120, 120);
+    ctl += 10 + 120;
+
+    ctx.drawImage(img, 0, 0, 200, 200, 5, 350, 48, 48);
+
+    ctx.fillStyle = "black";
+    ctx.font = "bold 16px Arial";
+    ctx.fillText('上传成功!', dwidth - 160,315);
+    ctx.fillStyle = "grey";
+    ctx.font = "bold 12px Arial";
+    ctx.fillText('以上是您头像的三种尺寸', dwidth - 200, 340);
+}
+
+function rectAvatarDone(res) {
+    if (!res) return;
+    if (res == 'success') {
+        jQuery('#avatardisplayer').show();
+        jQuery('#avataradjuster').hide();
+		jQuery('#avataradjuster2').hide();
+        jQuery('#avatarfileselector').hide();
+    } else if (res == 'failure') {
+        alert('上传失败');
+    }
+}
+var clipArea = new PhotoClip("#widgetparent", {
+    size: [200, 200],
+    outputSize: [200, 200],
+    outputType: "jpg",
+    file: "#avatarfile",
+    ok: "#avconfirm",
+	loadStart: function(file) {
+	},
+	loadComplete: function() {
+	},
+	loadError: function(msg) {
+	},
+	done: function(dataURL) {
+		imagesAjax(dataURL);
+	},
+	fail: function(msg) {
+	},
+});
+
+function imagesAjax(src) {
+	jQuery('#avatarimage').attr('src', src);
+	setTimeout(function() {saveAvatar(src);}, 1000);
+}

static/image/admincp/admincp.css

@@ -0,0 +1,562 @@
+/*(C) 2001-2099 Comsenz Inc.*/
+
+*{ word-wrap:break-word; outline:none; }
+body{ background:#FFF; text-align:center; }
+body, td, input, textarea, select, button{ color:#555; font:12px "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif; }
+body, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
+ul{ list-style:none; }
+h1, h2, h3, h4, h5, h6{ font-size:12px; }
+a{ color:#2366A8; text-decoration:none; }
+	a:hover { text-decoration:underline; }
+	a img{ border:none; }
+em, cite, th{ font-style:normal; font-weight:normal; }
+table{ border-collapse:collapse; }
+th{ text-align:left; }
+label, .pointer { cursor:pointer; }
+.highlight { color: #C00; font-weight: 700; }
+
+/* form */
+textarea, input, select, .html { padding:2px; border:1px solid; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333; resize: none; }
+.txt, select, .vmiddle { vertical-align:middle; }
+.txt:hover, .txt:focus, textarea:hover, textarea:focus{ border-color:#09C; background:#F5F9FD; }
+.hover:hover { background:#F5F9FD; }
+	.hover:hover .addchildboard, .hover:hover .deleterow { color: #F5F9FD; }
+.txtnobd{ border:1px solid #FFF; background:#FFF; cursor:pointer; }
+.radio, .checkbox, .pr, .pc { border:none; background:none; vertical-align:middle; }
+.checkbox{ height:14px; }
+.btn{ margin:3px 0; padding:2px 5px; *padding:4px 5px 1px; border: 1px solid; border-color:#ddd #666 #666 #ddd; background:#DDD; color:#000; cursor:pointer; vertical-align:middle; }
+	.btn:hover { text-decoration: none; }
+.btn_big { display: inline-block; width: 90px; height: 30px; line-height: 30px; text-align: center; background: url(btn_big.png) no-repeat 0 0; font-size: 14px; font-weight: 700; color: #FFF; }
+	.btn_big:hover { text-decoration: none; }
+.uploadbtn{ width:250px; border-color:#999; }
+.line { border-bottom: 1px solid #0F0; }
+.num{ width:20px !important; height: 16px; vertical-align:middle; }
+/* simulate input type="file" */
+.filebtn { position: relative; margin-right: 30px; width: 60px; overflow: hidden; zoom: 1; }
+	.filebtn .pf { position: absolute; right: 0; height: 23px; opacity: 0; filter:alpha(opacity=0); cursor: pointer; }
+
+
+/* .html */
+.html { width: 180px !important; height: 16px; float: left; cursor: text; white-space: nowrap; overflow-x: hidden; }
+.htmlbtn { background: url("../editor/editor.gif") no-repeat scroll 0 0 transparent;border-color: #CCCCCC;width: 21px;height: 21px;margin-right: 2px;float: left;cursor: pointer;padding: 0px; }
+.htmlbtn.current { border-color: #369; }
+.htmlbtn.b {background-position:0 0;}
+.htmlbtn.i { background-position:-20px 0; }
+.htmlbtn.u { background-position:-40px 0; }
+.htmlbtn.c { background-position:-60px 0; }
+
+/* title */
+h3{ margin-bottom:10px; font-size:14px; color:#09C; }
+.spectitle{ border-bottom:1px dashed #F66; }
+
+/* mainbox */
+.mainhd{ position:relative; overflow:hidden; text-align:left; height:90px; line-height:88px; background:url(bg_repx.gif) repeat-x; }
+	.logo{ display: block; text-indent:-9999px; width:135px; height:80px; background:url(logo.gif) no-repeat 15px 13px; }
+		.logo:hover{ background-image:url(logo_hover.gif); }
+	.uinfo{ position:absolute; z-index:4; line-height:32px; top:10px; right:15px; }
+		.uinfo a{ color:#666; }
+		.uinfo em{ margin-right:5px; font-weight:700; }
+			.uinfo em a{ text-decoration:underline; }
+		.uinfo p{ float:left; }
+			.btnlink a{ display:block; margin-left:10px; width:63px; height:32px; text-align:center; background:url(bg_repno.gif) no-repeat -50px -150px; }
+	.navbg{ position:absolute; z-index:1; top:52px; left:153px; width:6px; height:37px; background:#F7FAFD; }
+	.nav{ position:absolute; z-index:2; top:14px; left:159px; width:100%; height:75px; }
+		.nav ul{ overflow:hidden; position:relative; z-index:4; font-size:14px; }
+			.nav li{ float:left; height:43px; line-height:43px; background:url(btn_block.gif) right -115px no-repeat; }
+				.nav li em{ display:block; }
+				.nav li a{ padding:5px 5px; color:#639BB0; font-weight:700; }
+				.nav li a:hover{ color:#09C; text-decoration:none; }
+				.nav li .diffcolor{ color:#F60; }
+			.nav li.navon{ line-height:33px; background:url(btn_block.gif) no-repeat; }
+				.nav li.navon em{ display:block; background:url(btn_block.gif) right -50px no-repeat; }
+				.nav li.navon em a{ display:block; background:url(btn_block.gif) center bottom no-repeat; color:#FFF; }
+					.nav li.navon em a:hover{ color:#FFF; }
+		.nav ul #header_uc { font-size:12px; }
+		.navbd { overflow:hidden; clear:both; position:absolute; z-index:3; top:38px; width:100%; height:5px; background:#09C; }
+	.currentloca{ clear:both; height:32px; border-left:1px solid #B5CFD9; }
+		.currentloca p{ padding-left:10px; line-height:25px; border-top:5px solid #FFF; border-bottom:2px solid #FFF; border-left:1px solid #FFF; background:#F2F9FD; }
+		.sitemapbtn{ position:absolute; right:175px; *right:170px; top:50px; line-height:100%; }
+			.sitemapbtn span{ margin-right:3px; }
+
+a.faq { background: url(faq.gif) no-repeat 0 2px; padding:1px; margin-left:10px; }
+	a.faq:hover{ text-decoration:none; }
+
+.popupmenu_popup { width:400px; overflow:hidden; padding:10px; border:1px solid #A6C9D7; background:#FFF; font-size:12px; font-weight:400; text-align:left; }
+	li.popupmenu_popup { list-style: none; }
+	#fselect_menu { width:300px; }
+	.fsel { _height: 350px; max-height: 350px; overflow-y: auto; }
+		#fselect_menu a { width: 70%; }
+	#ugselect_menu { width:450px; }
+	.popupmenu_popup em { display:block; clear: both; padding: 2px 4px; font-weight:700; background:#EAF4FB; }
+		.popupmenu_popup em.hover { cursor:pointer; }
+	.popupmenu_popup a { float: left; margin: 1px 9px 1px 0; padding-left:3px; width: 100px; }
+	.popupmenu_popup .ck { width: 25px; margin-top: 4px; }
+	.popupmenu_popup .current { font-weight:700; }
+		.popupmenu_popup a.f, .popupmenu_popup a.s { float: none; display: block; width:80%; }
+			.popupmenu_popup a.s { margin-left:40px; }
+	.popupmenu_dropmenu { cursor: pointer; }
+		.popupmenu_dropmenu em { margin-left:3px; background:url(bg_repno.gif) no-repeat 0 -145px; }
+
+.menutd{ background:#F2F9FD url(bg_repx_h.gif) right top no-repeat; }
+.menu{ position:relative; z-index:20; width:160px; }
+	.menu ul{ position:absolute; top:10px; right:7px; list-style:none; width:153px; background:#F2F9FD url(bg_repx_h.gif) no-repeat 5px -20px; }
+		.menu li { margin: 3px 0; *margin: 0; width: 153px; height: auto !important; height: 25px; overflow: hidden; }
+			.menu li.s { height: auto; }
+		.menu li.a { margin-top:0; }
+		.menu li a { display: block; padding: 4px 0 3px 30px; *padding: 5px 0 3px 30px; background: url(bg_repno.gif) no-repeat 15px -43px; color: #666; white-space: nowrap; }
+			.menu li a:hover{ text-decoration:none; background:#EAF4FB url(bg_repno.gif) no-repeat 15px -43px; color:#2366A8; }
+			.menu li a.tabon,.menu li a.tabon:hover{ text-decoration:none; background:#DEEFFA url(bg_repno.gif) no-repeat 15px -43px; color:#2366A8; }
+			.menu li em { position: absolute; cursor: pointer; margin: -1px 0 0 -20px; *margin-top: -2px; width: 16px; height: 16px; visibility: hidden; background: #EAF4FB url(newwin.gif) no-repeat; }
+				.menu li a:hover em, .menu li a.tabon:hover em { visibility: visible; }
+				.menu li a.tabon:hover em { background-color: #DEEFFA; }
+				.menu .lsub { cursor: pointer; background: url(add.gif) no-repeat 12px 5px; }
+				.menu .lsub div { padding: 4px 0 3px 30px; font-weight: 700; }
+				.menu .desc { background: url(desc.gif) no-repeat 12px 5px; }
+				.menu .lsub ol { list-style: none; padding: 0 0 0 30px; margin: 2px 0 0 -30px; }
+	.menu .sp { width: 160px; height: 1px; line-height: 1px; float: left; border-bottom: 1px dotted #DEEFFA ;  }
+#menu_mof_menu { font-size: 14px; font-weight: 700; background: #F2F9FD }
+	#menu_mof_menu a { color: #639BB0 !important; display:block; }
+	#menu_mof_menu a:hover{ color:#09C !important; text-decoration:none; }
+
+.mask{ padding-top:9px; background:url(bg_repx_hb.gif) repeat-x; }
+.team a { float: left; width: 33%; }
+
+/* tab */
+.tab1{ overflow:hidden; clear:both; margin-bottom:10px; }
+	.tab1 li{ float:left; margin-right:3px; text-align:center; font-weight:700; }
+	.tab1 a { display:block; line-height:26px; color:#666; white-space: nowrap; }
+		.tab1 a span { display:block; padding:0 7px; }
+		.tab1 a:hover { text-decoration:none; background:url(btn_block_2.gif) no-repeat 0 -52px; color:#09C; }
+			.tab1 a:hover span { display:block; background:url(btn_block_2.gif) no-repeat right -78px; }
+	.tab1 .current{}
+		.tab1 .current a{ background:url(btn_block_2.gif) no-repeat 0 0; color:#FFF; }
+		.tab1 .current a span{ background:url(btn_block_2.gif) no-repeat right -26px; }
+			.tab1 .current a .highlight { color: #FF9; }
+		.tab1 .current a em{ margin-left:3px; * margin-right:-5px; background:url(bg_repno.gif) no-repeat 0 -145px !important; background:url(bg_repno.gif) no-repeat 0 -147px; color:#666; }
+		.tab1 .hasdropmenu a em{ margin-left:3px; * margin-right:-5px; background:url(bg_repno.gif) no-repeat 0 -195px !important; background:url(bg_repno.gif) no-repeat 0 -197px; color:#FFF; }
+	.dropmenu, .dropmenu1 { margin-left: -20px; white-space:nowrap; border:3px solid #A6C9D7; background:#F2F9FD; text-align:left; opacity:0.9; filter:Alpha(opacity=90); }
+		.dropmenu1 { margin-left: 0; padding: 5px; }
+		.tab1 .dropmenu a{ padding:2px 7px; background:none !important; color:#666 !important; font-weight:400; }
+		.tab1 .dropmenu a:hover{ background:#DEEFFA !important; }
+		.tab1 .dropmenu li { clear: both; margin:0; }
+		.tab1 .dropmenu li.current a { background:#DEEFFA !important; }
+
+/* box */
+#scrolllink{ position: absolute; z-index: 21; bottom: 60px; *bottom: 39px; left: 0; padding: 2px 0; width: 154px; background-color: #F2F9FD; }
+	#scrolllink span { cursor: pointer; }
+	#scrolllink img { margin-left: 2px; }
+.copyright{ position:absolute; z-index:10; left:5px; bottom:3px; padding-top:3px; border-top:1px dashed #DDD; text-align:left; line-height:150%; font-family:Tahoma; font-size:11px; -webkit-text-size-adjust: none; }
+.logintb{ text-align:left; margin:120px auto 0; width:600px; }
+.login{ padding-right:30px; width:310px; height:150px; background:url(bg_login.gif) right 50% no-repeat; }
+	.login h1{ text-indent:-9999px; margin-bottom:10px; width:262px; height:26px; background:url(login_title.gif) no-repeat; }
+	.login p{ line-height:150%; }
+.logintitle, .loginform { margin:2px 0; height:22px; line-height:22px; font-size:14px; }
+.logintitle{ float:left; clear:left; width:60px; font-weight:700; color:#666; }
+.loginform{ float:left; width:160px; }
+	.loginform .txt{ margin-top:1px; width:150px; }
+	.loginform select { margin-top:1px; padding:1px; width:156px; }
+.loginnofloat{ clear:both; }
+	.loginnofloat .btn{ margin-left:60px; }
+.logintips{ line-height:160%; margin-left:25px; }
+	.logintips a{ margin:0 5px; text-decoration:underline; }
+.footer{}
+	.footer .copyright{ position:static; margin-top:120px; border:none; text-align:center; font-size:12px; }
+	.footer p{ display:inline; }
+
+.container{ padding:9px 20px 20px; text-align:left; }
+.itemtitle{ clear:both; overflow:hidden; margin-bottom:0 !important; *margin-bottom:5px !important; margin-bottom:-5px; line-height:20px; }
+	.itemtitle h3{ float:left; margin-right:20px; }
+	.itemtitle ul{ float:left; line-height:18px; }
+	.itemtitle .tab1{ clear:none; }
+		.itemtitle .tab1 a{ line-height:20px; }
+			.itemtitle .tab1 a span{ padding:0 7px; *padding:1px 7px 0; *line-height:19px; }
+			.itemtitle .tab1 a:hover{ background:#F5F5F5 url(btn_block_3.gif) no-repeat 0 -40px; color:#09C; }
+				.itemtitle .tab1 a:hover span{ background:url(btn_block_3.gif) no-repeat right -60px; }
+		.itemtitle .tab1 .hasdropmenu a:hover{ color:#666; }
+		.itemtitle .tab1 .current a{ background:url(btn_block_3.gif) no-repeat 0 0 !important; }
+			.itemtitle .tab1 .current a span, .itemtitle .tab1 .current a:hover span{ background:url(btn_block_3.gif) no-repeat right -20px; color:#FFF; }
+		.itemtitle .tab1 .dropmenu a{ background:none !important; }
+			.itemtitle .tab1 .dropmenu a:hover, .itemtitle .tab1 .dropmenu a.current{ background:#DEEFFA !important; }
+.floattop { position:fixed; z-index:200; top:0; left:0; margin-left: 20px; padding:8px 20px 8px 0; width:99%; background:#FFF; }
+	.floattop #fselect, .floattop #ugselect { margin-right: 20px; }
+	* html .floattop { position:relative; top:expression(offsetParent ? offsetParent.scrollTop : 0); left: -20px; margin-top: -10px; width: 100%; }
+	.floattopempty { height: 35px !important; height: auto; }
+	.floattop .dropmenu { position: fixed !important; position: absolute; margin-left: 0 !important; margin-left: -20px; } /* for opera position fixed bug */
+.stepstat{ *margin-bottom:10px; }
+	.stepstat li{ float:left; margin-right:15px; color:#CCC; }
+	.stepstat .current{ color:#090; }
+.infobox{ clear:both; margin-bottom:10px; padding:30px; text-align:center; border-top:4px solid #DEEFFA; border-bottom:4px solid #DEEEFA; background:#F2F9FD; zoom:1; }
+	.infotitle1{ margin-bottom:10px; color:#09C; font-size:14px; font-weight:700; }
+	.infotitle2{ margin-bottom:10px; color:#090; font-size:14px; font-weight:700; }
+	.infotitle3{ margin-bottom:10px; color:#C00; font-size:14px; font-weight:700; }
+	.cachelist{ overflow:hidden;}
+		.cachelist li{ float:left; margin-right:10px; }
+.colorbox{ clear: both; padding:10px; border-top:4px solid #DEEFFA; border-bottom:4px solid #DEEFFA; background:#F2F9FD; zoom:1; }
+	.extcredits, .threadprofilenode { margin:-5px 0 10px; }
+		.extcredits a, .threadprofilenode a { margin-right:5px; padding:2px 5px; line-height:220%; border:1px solid #B6CFD9; background:#FFF; white-space:nowrap; }
+	.threadprofilenode { width: 650px; }
+	.jswizard{ margin:10px 0; }
+	.jswizard iframe { border: 1px dashed #DEEFFA; }
+.fileperms{ list-style:disc; margin:15px; }
+	.fileperms li{ line-height:180%; }
+.tips{ margin-left:15px; color:#999; }
+.tips2{ line-height:180%; color:#999; word-break:break-all; }
+.tb2 .tipsblock{ background:none; margin-bottom:-10px; }
+	.tipsblock ul{ margin-bottom:-11px; }
+		.tipsblock li{ margin-bottom:5px; padding:0 0 5px 20px; line-height:160%; background:url(bg_repno.gif) no-repeat -340px 6px; }
+.tips a, .tips2 a, .tipsblock a{ margin:0 3px; text-decoration:underline; color:#666; }
+	.tips a:hover, .tips2 a:hover, .tipsblock a:hover{ color:#09C; }
+/* admincp_optimizer.php */
+.optblock { margin: 20px 0; height: 30px; line-height: 30px; }
+	.optblock #checking { float: left; }
+	.optblock #checkstatus { float: left; margin: 0 10px; }
+	.optblock .pbg { float: left; margin: 6px 10px 0; }
+	.optblock .pbg .xs0 { line-height: 1.5; }
+
+/* table */
+.tb{ clear:both; width:100%; margin-top: 8px}
+	.tb th, .tb td{ padding:5px !important; height:25px; }
+.tb1{}
+	.th11, .th12{ width:60px; font-weight:700; }
+	.tb1 .th12{ padding-top:7px; vertical-align:top; }
+		.tb1 .tb2 th{ padding-top:0; }
+	.tb1 .txt{ width:150px; }
+	.tb1 strong{ margin-right:5px; color:#F60; }
+	.first td{ padding-top:13px; }
+	.first .th12{ padding-top:15px; }
+	.bdtop td{ border-top:1px dashed #CAE4F7; }
+	.bdbot td{ border-bottom:1px dashed #CAE4F7; }
+	.td11{ width:350px; vertical-align:top; }
+		.td11 li{ float:left; margin:0 10px 7px 0; *margin:-3px 10px 7px 0; }
+		.td11 .clear{ margin:0; }
+		.listtitle,	.listtitlelong{ padding-top:3px; *padding-top:6px; width:80px; color:#09C; }
+		.listtitlelong{ width:100px; }
+		.td11 .txt{ width:70px; }
+		.td11 .sginput .txt{ width:150px; }
+	.td12{}
+		.td12 li{ float:left; margin-right:10px; }
+		.td12 .radio{ float:left; margin-top:4px; *float:none; *margin-top:0; }
+		.td12 label{ float:left; margin-top:2px; *float:none; *margin-top:0; }
+		.td12 .txt{ width:50px; }
+	.checkboxlist{ width:720px; }
+		.checkboxlist li{ float:left; width:90px; line-height:180%; white-space:nowrap; cursor:pointer; }
+	.longtxt .txt{ width:400px !important;}
+	.tarea{ width:400px; height:75px; }
+	.sml, .sml th, .sml td { font-size: 9px !important; -webkit-text-size-adjust: none; }
+
+/* tb */
+.tb2{}
+	.tb2 tr.hover:hover .tips2{ color:#333; }
+	.tb2 tr.hover:hover td { background: #F2F9FD; }
+	.tb2 tr.hl { background: #FFFAF3; }
+	.tb2 tr.hl td { border-top:1px #F4E4B4 solid; border-bottom:1px #F4E4B4 solid }
+	.tb2.tdhover tr:hover td { background: none; }
+	.tb2.tdhover tr td:hover { background: #F2F9FD; }
+	.tb2 td{ padding:5px 5px 3px 0; border-top: 1px dotted #DEEFFB; }
+	.tb2 th{ padding:5px 5px 3px 0; line-height:21px; font-size: 12px; }
+	.tb2 .txt, .tb2 .txtnobd{ width:100px; margin-right:10px; }
+	.tb2 .smtxt { margin-right: 5px; width: 25px; }
+	.nowrap { white-space: nowrap; }
+	.td21{ width:150px; font-weight:700; }
+	.td22{ width:100px; font-weight:700; }
+	.td23{ width:100px; }
+	.td24{ width:120px; }
+	.td25{ width:50px; }
+		.td25 .txt{ width:40px; }
+	.td26{}
+		.td26 .txt, .td26 .txtnobd{ width:90%; *width:280px; }
+	.tb2 .td27{ padding:3px 0 3px 5px; font-weight:700; }
+		.tb2 .td27:hover { background: none; }
+	.td27m { font-weight:700; padding-bottom:5px; }
+	.td28 .txt{ width:40px; }
+	.td29 .txt{ width:200px; }
+	.td30 { width:30px; }
+	.td31 { width:200px; }
+	.td32 { width:85px; }
+		.td32 .txt{ width:50px; }
+	.tbm { padding:5px !important; background: #F2F9FD !important; font-weight: 700; border-top:0 !important; }
+	.multicol { float:left; width: 270px !important; }
+	.staton{ text-indent:-9999px; width:20px; height:17px; background:url(bg_repno.gif) no-repeat -280px -250px; }
+	.statoff{ text-indent:-9999px; background:url(bg_repno.gif) no-repeat -250px -347px; }
+	.rowform{ width:306px; overflow:auto; }
+		.tb2 .rowform{ padding-left:5px; }
+		.rowform .txt, .rowform textarea{ margin-right:10px; width:250px; }
+		.rowform select{ margin-right:10px; width:256px; }
+		.rowform .radio{ margin-top:-2px !important; *margin-top:0 !important; *margin-top:-2px; }
+		.rowform li{ overflow:hidden; float:left; margin-right:10px; white-space:nowrap; cursor:pointer; }
+			.rowform .clear{ clear:both; float:none; margin-bottom:10px; }
+		.rowform .nofloat{ clear:both; }
+			.rowform .nofloat li{ float:none; margin:5px 0; overflow:visible; }
+		.ckbox {width:700px; }
+		.ckbox li { float: left; margin: 5px 10px 5px 0; white-space: nowrap; width: 130px; height: 20px; }
+	.partition, .partition2{ line-height:21px; font-weight:700; color:#09C; }
+		.tb2 .partition{ padding:5px; background:url(bg_repx_hc.gif) repeat-x 0 -40px; }
+	.dblist{}
+		.dblist li{ float:left; margin-bottom:5px; width:33%; height:20px; white-space:nowrap; cursor:pointer; }
+
+	.cfolder, .ofolder{ display:block; padding-left:50px; line-height:30px; background:url(bg_repno.gif) no-repeat -260px -50px; font-weight:700; }
+	.ofolder{ background:url(bg_repno.gif) no-repeat -260px -100px; }
+	.filenum{ margin:8px 0 0 20px; }
+	.files{ padding:1px 0 1px 50px; background:url(bg_repno.gif) no-repeat -260px -150px; }
+	.del{ padding-bottom: 1px; padding-left:18px; background:url(bg_repno.gif) no-repeat 0 -285px; *background:url(bg_repno.gif) no-repeat 0 -286px; color:#E8594D; }
+	.edited, .unfixed { padding-bottom: 1px; padding-left:18px; background:url(bg_repno.gif) no-repeat -100px -385px; *background:url(bg_repno.gif) no-repeat -100px -386px; color:#E8594D; }
+	.unknown{ padding-bottom: 1px; padding-left:18px; background:url(bg_repno.gif) no-repeat -50px -435px; *background:url(bg_repno.gif) no-repeat -50px -436px; color:#6189B8; }
+	.correct, .fixed { padding-bottom: 1px; padding-left:18px; background:url(bg_repno.gif) no-repeat 0 -485px; *background:url(bg_repno.gif) no-repeat 0 -486px; color:#70B759; }
+
+	/* crons */
+	.crons{ width:200px; }
+		.crons .txt{ margin-bottom:3px; width:150px; }
+
+	/* faqlist & boardlist */
+	.node, .board{ padding-left:55px; background:url(bg_repno.gif) no-repeat -240px -550px; }
+		.node .txt, .lastnode .txt, .newnode .txt{ width:250px; }
+		.parentnode .txt{ width:250px; font-weight:700; }
+		.parentboard .txt{ font-weight:700; }
+	.lastnode, .lastboard{ padding-left:55px; background:url(bg_repno.gif) no-repeat -240px -600px; }
+	.childboard{ padding-left:110px; background:url(bg_repno.gif) no-repeat -185px -550px; }
+	.lastchildboard{ padding-left:110px; background:url(bg_repno.gif) no-repeat -185px -600px; }
+	.boardattr{ position:absolute; left:402px; margin-top:-20px !important; margin-top:-19px; color:#999; }
+
+	/* pick window */
+	.colorwd{ float:left; width:40px; height:21px; border-color:#ccc #666 #666 #ccc; }
+	.cmen { overflow: hidden; width: 63px; }
+		.cmen a { overflow: hidden; float:left; width: 20px; height: 20px; }
+
+.tb3{ margin-top:-15px; border:none; }
+	.tb3 th{ padding:10px 0 5px; }
+	.tb3 td{ padding:0; line-height:180%; }
+
+.mod_validate td, .mod_export td { background: #CFC !important; }
+.mod_invalidate td, .mod_refusal td { background: #FFEBE7 !important; }
+.mod_ignore td { background: #EEE !important; }
+.mod_cancel td { background: #FFF !important; }
+.mod_delete td { background: #F99 !important; }
+
+/* custom menu */
+.custom{ overflow:hidden; position:relative; border:6px solid #A6C9D7; background:#FFF; }
+	.cmain{ padding:0; text-align: left; padding: 10px; }
+		.cnote{ line-height:20px; }
+			.cnote li{ float:left; margin-right:15px; }
+		.cmlist{ clear:left; overflow-y:auto; }
+			.cmlist a{ display: block; float: left; overflow: hidden; width: 150px; height: 20px; color:#666; }
+			.cmlist td { padding: 5px 0; border-bottom: 1px dotted #DEEFFB; }
+			.cmlist tr:last-child td { border-bottom: none; }
+			.cmlist h4{ color:#09C; width: 90px; }
+	.cside{ float:right; display:inline; margin-right:5px; width:151px; text-align:left; }
+		.cside h3{ position:relative; margin-bottom:0; padding:6px 0 0 5px; height:28px; line-height:28px; border-bottom:1px solid #A6C9D7; background:url(bg_custom_t.gif) repeat-x; }
+		.ctitle1{ display:block; padding-left:25px; height:28px; background:url(btn_add2menu.gif) no-repeat 0 5px; color:#090; font-size:12px; }
+			.ctitle1:hover{ text-decoration:none; }
+		.cadmin{ position:absolute; top:-4px; right:-5px; padding:10px 10px 0; color:#666; font-size:12px; font-weight:400; }
+		.cslist li{ height:1%; }
+			.cslist li a{ display:block; padding:5px 5px 5px 30px; }
+				.cslist li a:hover{ text-decoration:none; background:#DEEFFA; }
+		.cslist li .pages{ margin-left:27px; }
+			.cslist li .pages a{ display:inline; padding:2px 5px; }
+			.cslist li .pages a:hover{ background:#09C; }
+		.cfixbd{ position:absolute; right:5px; bottom:0; width:151px; height:5px; line-height:5px; font-size:1px; background:#FFF; overflow:hidden; }
+/* list */
+.tpllist{ list-style:disc; margin:10px 15px; line-height:180%; }
+.tpllist2{ list-style:circle; margin:5px 25px; }
+.tpllist3{ list-style:square; margin:0 25px; }
+.userlist{ overflow:hidden; margin:10px 0; }
+	.userlist li{ float:left; margin:0 10px 10px 0; white-space:nowrap; }
+	.unum{ clear:both; display:block; width:100%; font-weight:700; }
+.safelist{ padding:10px 0; border-top:4px solid #DEEFFA; }
+	.safelist li{ margin-bottom:5px; padding-left:20px; line-height:160%; background:url(bg_repno.gif) no-repeat -340px 6px; }
+		.safelist p{ margin-bottom:5px; }
+		.safelist .txt{ width:150px; }
+.infolist{}
+	.infolist li{ clear:both; line-height:180%; }
+		.infolist em{ float:left; width:120px; }
+.tb2 .threadopt{ border-bottom:1px solid #B5CFD9; background:none; vertical-align:top; }
+.threadtitle{ padding:10px !important; }
+.nowrap li{ float:left; white-space:nowrap; margin-right:5px; }
+
+/* pages */
+.pg{ clear:both; margin:10px 0; }
+	.pg em, .pg a, .pg strong{ text-decoration:none; margin-left:3px; padding:2px 5px; border:1px solid #E5E5E5; }
+		.pg a:hover{ text-decoration:none; border:1px solid #09C; background:#09C; color:#FFF; }
+	.pg strong{ border:none; font-weight:700; }
+	.pg kbd input{ margin-left:5px; width:20px; vertical-align:middle; }
+.cuspages{ margin:3px 0; line-height:200%; }
+	.cuspages .pg{ display:inline; clear:none; margin-right:10px; }
+.fixsel select{ margin:3px 5px 3px 0; }
+
+/* link */
+.addtr{ padding-left:17px; line-height:25px; background:url(bg_repno.gif) no-repeat 0 1px; *background:url(bg_repno.gif) no-repeat 0 0; color:#F60; }
+.act{ margin:0 5px; text-decoration:underline; }
+.addchildboard, .deleterow { margin-right: 5px; padding-left:17px; line-height:25px; *line-height: 16px; background:url(bg_repno.gif) no-repeat 0 -599px; color:#FFF; zoom: 1; }
+	.deleterow { padding-left: 12px; background: url(close.gif) no-repeat 0 50%; }
+	.addchildboard:hover, .deleterow:hover { text-decoration:none; color:#F60 !important; }
+.switch{ color:#09C; }
+	.switch:hover{ text-decoration:none; }
+	.switch img{ margin-right:5px; vertical-align:middle; }
+.lightlink{ color:#666; text-decoration:underline;}
+.lightlink2{ color:#666; }
+.parentlink{ color:#09C; text-decoration:underline; }
+.menulink{ background:none !important; text-decoration:underline; }
+	.menulink:hover{ text-decoration:underline !important; }
+
+/* admincp default */
+.anno{ width:200px; }
+	.anno p{ margin:4px 0; }
+	.anno .txt{ margin-left:3px; width:105px; }
+.difflink{ margin:10px 0; }
+	.difflink a{ margin-left:10px; color:#666; text-decoration:underline; }
+.devteam{ width:350px; }
+
+/* widget */
+.checked, .checked .txt{ color:#0D0; }
+.lightfont{ color:#CCC; }
+.light, .light a{ color:#AAA; }
+.lightnum{ color:#F60; }
+.error{ color:#F00; }
+.diffcolor2{ color:#090; }
+.diffcolor3{ color:#09C; }
+.nomargin{ margin:0; }
+.marginleft{ margin-left:20px; }
+.marginright{ margin-right:10px; }
+.margintop{ margin-top:10px; }
+.marginbot{ margin-bottom:10px; }
+.nobg, .nobg td{ background:none; }
+	.nobg .td27{ padding-left:5px; }
+.nobdb{ border-bottom:none; }
+.nobdt{ border-top:none; }
+.noborder, .noborder td{border-bottom:0; border-top:0; }
+	.noborder td:hover, .normalfont { color: #000; }
+.vtop{ vertical-align:top; }
+.lineheight{ line-height:150%; }
+.left{ float:left; }
+.right{ float:right; }
+.center{ text-align:center; }
+.bold{ font-weight:700; }
+.normal{ font-weight:400; }
+.clear{ clear:both; }
+.smallfont{font-size:12px!important; font-size: 11px}
+.smallfont h3{ font-size:12px; }
+.fixpadding th, .fixpadding td{ padding-left:5px !important; }
+.notice { position: absolute; z-index: 100; width: 100%; }
+	.notice a { display: inline-block; padding: 5px 10px; border: solid #CCC; border-width: 0 1px 1px; background: #FEFEE9; color: red; box-shadow: 0 0 5px #B1B1B1; }
+		.notice a:hover { text-decoration: none; }
+	.notice span { margin-left: 20px; color: #09C; text-decoration: underline; }
+
+.news{ padding:10px 0; border-top:4px solid #DEEFFA; clear: both; }
+	.news li { list-style: none; }
+#boardnews{ padding-bottom:10px; }
+
+.diff-deleted{ background:#FCC !important; }
+.diff-changed{ background:#FF9 !important; }
+.diff-added{ background:#CFC !important; }
+
+.verifyimg { max-height: 120px; height: expression(this.height > 120 ? 120 : true); }
+
+/* calendar */
+#calendar_week .dropmenu{ filter: none; opacity: 1; background: none; margin-left: 0;position:relative; margin-top:0; border:none; text-align:left; text-decoration:underline; }
+.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited{ color:#333; }
+
+/* sub table */
+.sub, .sub .td27{ padding-left:25px !important; }
+.sub .rowform{ padding-left:25px !important; width:281px; }
+	.sub .rowform .txt, .sub .rowform textarea{ width:225px; }
+	.sub select{ width:231px; }
+
+.mt10{margin-top: 10px;}
+.mt0{margin-top:0}
+.header, .header td, .header th{ border-top: 1px dotted #DEEFFB; font-weight: 700; }
+.smallefont{font-size: 11px}
+
+/* 弹窗 */
+.fwin { text-align: left; background: #FFF; }
+.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; background: #000; opacity: 0.2; filter: alpha(opacity=20); }
+.t_l, .t_r, .b_l, .b_r { width: 10px; height: 10px; line-height: 10px; font-size: 0; }
+.t_c, .b_c { height: 10px; }
+.m_l, .m_r { width: 10px; }
+.t_l { border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; -o-border-radius: 10px 0 0 0; }
+.t_r { border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; -o-border-radius: 0 10px 0 0; }
+.b_l { border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; -o-border-radius: 0 0 0 10px; }
+.b_r { border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; -o-border-radius: 0 0 10px 0; }
+.m_c { background: #FFF; }
+.m_c .tb { margin: 0 0 10px; padding: 0 10px; }
+.m_c .c { padding: 0 10px 10px; }
+.m_c .o { padding: 8px 10px; height: 26px; text-align: right; border-top: 1px solid #CCC; background: #F5F5F5; }
+
+.flb { padding: 10px 10px 8px; height: 20px; line-height: 20px; }
+	.flb em { float: left; font-size: 14px; font-weight: 700; color: #09C; }
+		.flb em a { text-decoration: none; }
+	.flb span { float: right; color: #999; }
+		.flb span a, .flb strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: #333; }
+			.flb span a:hover { color: #999; }
+		.flbc { float: left; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: url(cls.gif) no-repeat 0 0; }
+			.flbc:hover { background-position: 0 -20px; }
+
+.fwin .cl li { margin:5px; float: left; }
+.fwin .cl li.a { font-weight: 700; }
+.fwin .c { clear: both; }
+.fwin .dt { width: 100%; }
+.fwin .dt th, .fwin .dt td { border-bottom: 1px dotted #DEEFFB; line-height: 20px; }
+.fwin .dt th { font-weight: 700; }
+.fwin .ss em { background: #eee; width: 16px; line-height: 18px; display: block; float: left; margin: 2px; cursor: pointer; padding-left: 7px;}
+.fwin .ss em.a { background: #09f; color: #FFF;}
+
+/* .cl --> Clear 自动闭合 */
+.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.cl { zoom: 1; }
+
+.preview { margin-bottom: 8px; width: 570px; height: 340px; border: 1px solid #09C; box-shadow: 3px 3px 3px #EEE; -moz-box-shadow: 3px 3px 3px #EEE; -webkit-box-shadow: 3px 3px 3px #EEE; -o-box-shadow: 3px 3px 3px #EEE; }
+
+
+/*气泡信息 by dfox */
+.prmm { margin-left: -27px; padding-top: 10px; width: 250px; background: transparent url(pm_ntc.gif) no-repeat 0 0; text-align: left; opacity: 0.98; }
+	.prmc { padding-bottom: 10px; background: transparent url(pm_ntc.gif) no-repeat -250px 100%; }
+		.prmm ul { padding: 0 10px; border: solid #91C8E2; border-width: 0 2px; background: #FFF; }
+			.prmm li { border-bottom: 1px solid #F4F4F4; line-height: 29px; display: block; width: 100%; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; }
+				.prmm a:hover { text-decoration: none; color: #666; }
+.up { padding-top: 0; padding-bottom: 10px; width: 150px; background-position: -500px 100%; }
+	.up .prmc { padding-top: 5px; padding-bottom: 0; background-position: -650px 0; }
+		.up li { border-bottom: none; line-height: 160%; }
+
+/* 通用的表单样式 */
+	.tfm { width: 100%; }
+		.tfm caption, .tfm th, .tfm td { padding: 10px 2px; }
+			.tfm caption h2 { font-size: 16px; }
+			.vt th, .vt td { vertical-align: top; }
+		.tfm th { width: 95px; font-weight: 700; }
+			.tfm th .rq { float: right; font-size: 14px; }
+			.tfm .pt, .tfm .px { margin-right: 3px; width: 282px; }
+		.tfm .c, .tfm .tedt, .m_c .tfm .tedt { width: 290px; }
+		.tfm .d { clear: both; margin: 5px 0; color: {LIGHTTEXT}; }
+			.tfm .d em { margin-left: 5px; color: red; }
+			.tfm .d strong { margin-left: 5px; }
+		.tfm .p { text-align: right; }
+		.tfm .pcl label { display: block; padding: 0 2px 5px; }
+			.tfm .pcl .pc { margin-right: 5px; padding: 0; }
+		.tfm .l th, .tfm .l td { padding-top: 0; padding-bottom: 0; }
+	.bn .tfm caption, .bn .tfm th, .bn .tfm td { padding-top: 5px; padding-bottom: 5px; }
+		.bn .tfm th { font-weight: 400; }
+
+/* 普通数据列表 datatable by michael */
+
+.dt { border-top: 1px solid #CDCDCD; width: 100%; }
+	.dt th { background: #F2F2F2; }
+	.dt td, .dt th { padding: 7px 4px; border-bottom: 1px solid #CDCDCD; }
+	.dt .c { width: 50px; }
+	.dt .px { height: 16px !important; font-size: 12px; }
+
+
+/* 外边距 Margin，三组从窄到宽，级别分别为：n, m, w */
+	.mtn { margin-top: 5px !important; }
+	.mbn { margin-bottom: 5px !important; }
+	.mtm { margin-top: 10px !important; }
+	.mbm { margin-bottom: 10px !important; }
+	.mtw { margin-top: 20px !important; }
+	.mbw { margin-bottom: 20px !important; }
+
+.psetting p { margin-top: 10px; }
+	.psetting .light, .psetting .light a { color: #777; }
+	.psetting a.memo { color: #999; margin-left: 20px; }
+	.psetting div.memo { margin:5px;padding: 5px; border: 1px dotted #DEEFFB; background: #FFF; }
+
+/* 进度条 */
+.pbg { position: relative; margin: 10px 0; width: 200px; height: 16px; background: url(bg_progressbar.png) 0 0 repeat-x; border-radius: 5px; }
+	.pbr { height: 16px; width: 200px; background-image: url(bg_progressbar.png); background-color: #5AAF4A; background-position: 0 -16px; background-repeat: repeat-x; border-radius: 5px; }
+	.pbg .xs0 { position: absolute; top: 0; right: 8px; }

static/image/admincp/admincpframe.css

@@ -0,0 +1,216 @@
+html, body, #bdcontainer { width: 100%; height: 100%; }
+body { font-size: 14px; font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; }
+#bdcontainer { display: flex; flex-direction: row; }
+.navcontainer nav { display: flex; flex-direction: column; width: 200px; min-width: 150px; max-width: 400px; height: 100%; overflow: hidden; resize: horizontal; }
+.ifmcontainer { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
+nav>a { display: flex; flex-shrink: 0; height: 50px; background: #2b7acd; justify-content: center; align-items: center; }
+.st-d nav>a {background: #181818;}
+nav ul, nav ol { margin: 0; padding: 0; list-style-type: none; }
+nav>ul { flex-grow: 1; background-color: #1f5793; padding: 10px 0; overflow: auto; }
+.st-d nav>ul {background-color: #0a0a0a;}
+nav>ul::-webkit-scrollbar { width: 10px; background-color: #92bbe8; border-radius: 5px; }
+nav>ul::-webkit-scrollbar-thumb { background-color: #2b7acd; border: 1px solid #92bbe8; border-radius: 5px; }
+.st-d nav>ul::-webkit-scrollbar { background-color: #999; }
+.st-d nav>ul::-webkit-scrollbar-thumb { background-color: #181818; border: 1px solid #0a0a0a;}
+nav>ul a { display: flex; padding: 0 18px 0 30px; color: rgba(255, 255, 255, 0.8); height: 40px; align-items: center; text-decoration: none; }
+nav>ul a:hover { background-color: #2464a8; color: #fff; }
+nav>ul a.active { background-color: #2870bd; color: #fff; }
+.st-d nav>ul a:hover{ background-color: #181818; color: #999; }
+.st-d nav>ul a.active{ background-color: #181818; color: #999; }
+nav>ul a span { flex-grow: 1; }
+nav>ul>li>a { cursor: pointer; }
+nav>ul>li>a::after { display: block; content: ""; border-top: 5px solid; border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
+nav>ul>li>#leftmn_cloudaddons::after , nav>ul>li>#leftmn_uc::after{ display: none;}
+nav>ul>li.active>a::after { transform: scaleY(-1); }
+nav ul ul { display: none; }
+nav ul li.active { background-color: #163e69; }
+.st-d nav ul li.active { background-color: #0a0a0a; }
+nav ul li.active ul { display: block; }
+nav ul ul a { padding-right: 14px; }
+nav ul ul a>em { display: block; width: 8px; height: 8px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; margin-right: 10px; flex: 0 0 8px; }
+nav ul ul a>em:hover { border-radius: 1px; border-width: 1.25px; border-color: #fff; transform: scale(1.6); }
+nav ul ul a>div { flex: 0 1 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.st-d nav ul ul a>em:hover { border-color: #999;}
+.mainhd { display: flex; flex-shrink: 0; flex-direction: row; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 1; }
+.st-d .mainhd {background-color: #000; }
+#main { flex-grow: 1; background-color: #f7f7f7; }
+.st-d #main {background-color: #0a0a0a; }
+#navbtn { display: none; align-items: center; padding-right: 20px; }
+#navbtn>div { height: 18px; width: 20px; border: 0; padding: 0; background: linear-gradient(0deg, #2b7acd 25%, transparent 25%) bottom; background-size: 8px 8px; }
+.st-d #navbtn>div { background:linear-gradient(0deg, #999999 25%, transparent 25%) bottom; background-size: 8px 8px;}
+.currentloca { display: flex; height: 50px; padding: 0 20px; align-items: center; color: #000; }
+.st-d .currentloca { color: #999; }
+.currentloca a.custommenu_addto { display: block; position: relative; width: 18px; height: 18px; border-radius: 9px; color: transparent; background-color: #2b7acd; overflow: hidden; text-indent: 1000px; }
+.st-d .currentloca a.custommenu_addto { background-color: #ccc; }
+.currentloca a.custommenu_addto::before, .currentloca a.custommenu_addto::after { content: ""; background: #fff; position: absolute; }
+.st-d .currentloca a.custommenu_addto::before, .st-d .currentloca a.custommenu_addto::after { background: #0a0a0a; }
+.currentloca a.custommenu_addto::before { width: 8px; height: 2px; top: 8px; left: 5px; }
+.currentloca a.custommenu_addto::after { width: 2px; height: 8px; top: 5px; left: 8px; }
+.uinfo { height: 50px; display: flex; padding: 0 20px; justify-content: space-between; }
+#topmenu { display: none; align-items: center; }
+#topmenu li { padding-right: 5px; }
+#topmenu button { font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; font-size: 13px; padding: 8px 15px; background: none; color: #666; border: 0; border-radius: 6px; font-weight: 700; cursor: pointer; }
+#topmenu button:hover { background: #efefef; }
+.st-d #topmenu button:hover { background: #282828; }
+#topmenu button.active { background: #d0e5fb; color: #123254; }
+.st-d #topmenu button.active { background: #282828; color: #fff; }
+#topmenu button:focus { outline: 0; box-shadow: none; }
+#topmenu button.active:focus { outline: 0; box-shadow: 0 0 3px 2px rgba(43, 122, 205, 0.4); }
+#topmenu button.active:focus:not(:hover) { box-shadow: none; }
+button::-moz-focus-inner { border: none; padding: 0; }
+#frameuinfo { display: flex; align-items: center; color: #333; }
+.st-d #frameuinfo { color: #666; }
+#frameuinfo>img { width: 38px; height: 38px; border: 2px solid #fff; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
+#frameuinfo>p { margin-left: 12px; }
+#frameuinfo>p.greet a { display: inline-block; text-decoration: none; background: #2b7acd; color: #fff; padding: 1px 3px; border-radius: 3px; }
+.st-d #frameuinfo>p.greet a { background: #999; color: #000; }
+#frameuinfo em { font-style: normal; font-weight: 700; }
+#frameuinfo a { color: #2b7acd; }
+.st-d #frameuinfo a { color: #999; }
+#frameuinfo .btnlink svg { fill: #444; }
+#frameuinfo .btnlink:hover svg { fill: #2b7acd; }
+.st-d #frameuinfo .btnlink:hover svg { fill: #999; }
+.mainhd form { display: flex; justify-content: flex-end; align-items: center; flex-grow: 1; }
+.mainhd form input.txt { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath fill='%23444' d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3e%3c/svg%3e") no-repeat right 50%; color: #222; border: 1px solid #999; cursor: text; border-radius: 4px; position: relative; padding: 4px 8px; height: 18px; width: 150px; margin-left: 12px; box-shadow: none; transition: all 0.3s ease; transition-property: width, border-color, box-shadow; }
+.st-d .mainhd form input.txt { color:#fff;}
+.mainhd form input.txt:focus { outline: 0; border-color: #2b7acd; box-shadow: 0 0 3px 2px rgba(43, 122, 205, 0.4); }
+.st-d .mainhd form input.txt:focus { border-color: #999;}
+/* .mainhd form input.txt:focus:valid {background: transparent;} */
+.mainhd form button { position: absolute; width: 24px; height: 28px; background: none; border: 0; cursor: pointer; }
+.mainhd form button:focus { outline: 0; }
+#cpsetting {cursor: pointer; }
+/* start oldlayout */
+@media (min-width: 1200px) {
+	.oldlayout nav>ul, .widelayout nav>ul { background-color: #163e69; }
+	.st-d .oldlayout nav>ul, .st-d .widelayout nav>ul { background-color: #0a0a0a; }
+	.oldlayout nav>ul>li:not(.active), .widelayout nav>ul>li:not(.active) { display: none; }
+	.oldlayout nav ul li.active, .widelayout nav ul li.active { background: none; }
+	.oldlayout nav>ul>li>a, .widelayout nav>ul>li>a { display: none; }
+	.oldlayout .mainhd { flex-wrap: wrap; background-color: #f7f7f7; }
+	.st-d .oldlayout .mainhd { background-color: #181818; }
+	.oldlayout .mainhd .currentloca { order: 1; flex-grow: 1; height: 35px; }
+	.oldlayout .mainhd .uinfo { width: 100%; border-bottom: 1px solid #ccc; background-color: #fff; }
+	.st-d .oldlayout .mainhd .uinfo { border-bottom: 1px solid #999; background-color: #0a0a0a; }
+	.widelayout .mainhd .uinfo { flex-grow: 1; padding: 0; }
+	.oldlayout #frameuinfo>p.greet { max-width: 200px; }
+	.widelayout #frameuinfo>p.greet { max-width: 190px; }
+	.oldlayout #topmenu, .widelayout #topmenu { display: flex; }
+	.oldlayout .mainhd form, .widelayout .mainhd form { flex-grow: 0; order: 1; padding-right: 20px; }
+	.oldlayout .mainhd form input.txt { background-color: #fff; background-size: 18px; height: 18px; padding: 2px 8px; }
+	.st-d .oldlayout .mainhd form input.txt { background-color: #000;}
+	.widelayout .mainhd form input.txt { width: 24px; cursor: pointer; padding: 4px 0; border-color: transparent; color: transparent; }
+	.widelayout .mainhd form input.txt:focus { color: #222; width: 150px; cursor: text; padding: 4px 8px; border-color: #2b7acd; }
+	.st-d .widelayout .mainhd form input.txt:focus { border-color: #999; }
+	.widelayout .mainhd form button { display: none; }
+	.widelayout .mainhd form input.txt:focus:valid { background: transparent; }
+}
+@media (max-width: 1799px) {
+	.widelayout #topmenu li { padding-right: 2px; }
+	.widelayout #topmenu button { padding: 8px 10px; }
+}
+@media (max-width: 1599px) and (min-width: 1200px) {
+	.oldlayout #topmenu li { padding-right: 2px; }
+	.oldlayout #frameuinfo>p.greet { max-width: 180px; }
+	.widelayout #frameuinfo>p.greet { max-width: 160px; }
+	.oldlayout #topmenu button { padding: 8px 10px; }
+	.widelayout #topmenu button { padding: 8px 5px; }
+	.widelayout .mainhd form input.txt:focus { width: 120px; }
+}
+@media (max-width: 1399px) {
+	.oldlayout #topmenu button { padding: 6px; }
+	.widelayout #topmenu button { padding: 8px 2px; }
+}
+/* end oldlayout */
+@media (max-width: 1199px) {
+	#frameuinfo>p.greet { max-width: 200px; }
+}
+@media (max-width: 899px) {
+	.navcontainer { position: fixed; width: 100%; height: 100%; z-index: 10; display: none; }
+	.navcontainer.show { background: rgba(0, 0, 0, 0.2); display: block; }
+	.navcontainer nav { box-shadow: 3px 0 8px rgba(0, 0, 0, 0.3); transition: transform 0.4s ease; transform: translateX(-110%); }
+	.navcontainer.show nav { transform: none; }
+	#navbtn { display: flex; }
+	.currentloca { padding: 0; }
+}
+@media (max-width: 767px) {
+	.mainhd form>* { display: none; }
+}
+@media (max-width: 575px) {
+	.mainhd { justify-content: space-between; }
+	.mainhd form { display: none; }
+	.uinfo { padding: 0 51px 0 6px; }
+	#frameuinfo>p { display: none; }
+	.mainhd.toggle .currentloca { display: none; }
+	.mainhd.toggle #frameuinfo>p { display: block; }
+	.mainhd.toggle .uinfo { box-shadow: -5px 0 5px rgba(0, 0, 0, .2); }
+	.mainhd.toggle #frameuinfo:before { content: ""; display: block; color: #2b7acd; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 5px solid; border-right: 0; transform: translate(-5px, 0); }
+}
+
+/* 日夜模式 */
+.darkmode {
+	align-self: flex-end;
+	width: 45px;
+	height: 45px;
+	border-radius: 0 0 0 45px;
+	overflow: hidden;
+	cursor: pointer;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+.st-a .darkmode {
+	background: rgba(255, 255, 255, 0.6);
+}
+.st-d.st-a .darkmode {
+	background: #131313;
+}
+.darkmode > div {
+	position: relative;
+	height: 100%;
+}
+.darkmode .dk-light,
+.darkmode .dk-dark {
+	position: absolute;
+	top: 0;
+	right: 0;
+	transform-origin: 100% 0;
+	transition: transform 0.4s ease;
+}
+.st-l .dk-dark {
+	transform: rotate(-90deg);
+}
+.st-d .dk-light {
+	transform: rotate(90deg);
+}
+.st-a .dk-light {
+	transform: rotate(35deg);
+}
+.st-a .dk-dark {
+	transform: rotate(-35deg);
+}
+.darkmode svg {
+	fill: #838c94;
+	margin: 6px 6px 0 0;
+}
+.darkmode ul {
+	display: block;
+	position: absolute;
+	right: 14px;
+	background: #fff;
+	padding: 8px 0;
+	border-radius: 5px;
+	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
+	z-index: 10;
+}
+.darkmode ul li {
+	display: block;
+	padding: 4px 10px;
+	white-space: nowrap;
+}
+.darkmode ul li:hover {
+	background: #aaa;
+}
+.darkmode ul li.current {
+	background: #2b7acd;
+	color: #fff;
+}

static/image/admincp/admincplogin.css

@@ -0,0 +1,288 @@
+html,
+body {
+	width: 100%;
+	height: 100%;
+	min-height: 600px;
+}
+body {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	background: #c8e2fb;
+	background-image: linear-gradient(45deg, #c8e2fb, #fbecd6);
+	font-family: sans-serif;
+}
+body.st-d {
+	background: #0a0a0a;
+}
+*, *::before, *::after {
+    box-sizing: inherit
+}
+.darkmode {
+	align-self: flex-end;
+	width: 45px;
+	height: 45px;
+	border-radius: 0 0 0 45px;
+	overflow: hidden;
+	cursor: pointer;
+}
+.st-a .darkmode {
+	background: rgba(255, 255, 255, 0.6);
+}
+.st-d.st-a .darkmode {
+	background: #131313;
+}
+.darkmode > div {
+	position: relative;
+	height: 100%;
+}
+.darkmode .dk-light,
+.darkmode .dk-dark {
+	position: absolute;
+	top: 0;
+	right: 0;
+	transform-origin: 100% 0;
+	transition: transform 0.4s ease;
+}
+.st-l .dk-dark {
+	transform: rotate(-90deg);
+}
+.st-d .dk-light {
+	transform: rotate(90deg);
+}
+.st-a .dk-light {
+	transform: rotate(35deg);
+}
+.st-a .dk-dark {
+	transform: rotate(-35deg);
+}
+.darkmode svg {
+	fill: #838c94;
+	margin: 6px 6px 0 0;
+}
+.darkmode ul {
+	display: block;
+	position: absolute;
+	right: 14px;
+	background: #fff;
+	padding: 8px 0;
+	border-radius: 5px;
+	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
+	z-index: 10;
+}
+.darkmode ul li {
+	display: block;
+	padding: 4px 10px;
+	white-space: nowrap;
+}
+.darkmode ul li:hover {
+	background: #aaa;
+}
+.darkmode ul li.current {
+	background: #2b7acd;
+	color: #fff;
+}
+.container {
+	display: flex;
+	border-radius: 10px;
+	overflow: hidden;
+	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
+	transition: box-shadow 0.3s;
+}
+.container:hover {
+	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
+}
+.intro {
+	background: #2b7acd url(./loginbg.svg) no-repeat left bottom;
+	color: #fff;
+	width: 350px;
+	padding: 30px;
+}
+.st-d .intro {
+	background-color: #000;
+	color: #999;
+}
+.intro h3 {
+	font-size: 30px;
+	padding-bottom: 15px;
+	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
+	margin-bottom: 15px;
+}
+.intro h3 span {
+	font-weight: 700;
+	margin-right: 10px;
+}
+.intro p {
+	font-size: 14px;
+	opacity: 0.6;
+}
+.intro p a {
+	color: #fff;
+}
+.loginbox {
+	display: flex;
+	flex-direction: column;
+	width: 350px;
+	padding: 30px;
+	background: #fff;
+}
+.st-d .loginbox {
+	background: #181818;
+}
+.loginbox img {
+	margin-bottom: 24px;
+	height: 80px;
+}
+.loginbox img.avt {
+	border: 3px solid #fff;
+	border-radius: 3px;
+	width: 80px;
+	align-self: center;
+	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+	margin-bottom: 10px;
+}
+.st-d .loginbox img {
+	filter: grayscale(1);
+}
+.st-d .loginbox img.avt {
+	filter: none;
+	opacity: 0.6;
+}
+.loginbox h1 {
+	font-size: 18px;
+	margin-bottom: 18px;
+	text-align: center;
+}
+.st-d .loginbox h1 {
+	color: #999;
+}
+.loginbox p {
+	display: flex;
+	align-items: center;
+	color: #999;
+	font-size: 14px;
+	line-height: 16px;
+	cursor: pointer;
+	transform: translate(0, -7px);
+}
+.loginbox p span {
+	display: inline-flex;
+	width: 14px;
+	height: 14px;
+	border: 1px solid;
+	border-radius: 2px;
+	margin-right: 4px;
+}
+.loginbox .loginqa {
+	display: none;
+}
+footer {
+	padding: 6px 0;
+	font-size: 12px;
+	color: #fff;
+	user-select: none;
+}
+.st-d footer {
+	opacity: 0.6;
+}
+footer a {
+	color: #fff;
+}
+input,
+select,
+button,
+a.btn {
+	height: 38px;
+	padding: 7px 11px;
+	margin-bottom: 16px;
+	border: 1px solid #ccc;
+	border-radius: 5px;
+	font-size: 16px;
+}
+.st-d input,
+.st-d select {
+	background: #222;
+	border-color: #333;
+	color: #777;
+}
+input:focus,
+select:focus,
+button:focus,
+a.btn:focus {
+	outline: none;
+	border-color: #2b7acd;
+	box-shadow: 0 0 3px 2px rgba(43, 122, 205, 0.4);
+}
+.st-d input:focus,
+.st-d select:focus,
+.st-d button:focus,
+.st-d a.btn:focus {
+	border-color: #666;
+	box-shadow: none;
+}
+button,
+a.btn {
+	margin-bottom: 0;
+	border-color: #2b7acd;
+	background: #2b7acd;
+	color: #fff;
+	cursor: pointer;
+}
+.st-d button,
+.st-d a.btn {
+	border-color: #000;
+	background: #000;
+	color: #777;
+}
+a.btn {
+	text-align: center;
+	text-decoration: none;
+	margin-top: 26px;
+	margin-bottom: 26px;
+}
+@media (max-width: 768px) {
+	.container {
+		flex-direction: column;
+	}
+	.loginbox img.logo {
+		display: none;
+	}
+}
+@media (max-width: 576px) {
+	body {
+		background: #fff;
+	}
+	body.st-d {
+		background: #181818;
+	}
+	.darkmode {
+		position: absolute;
+	}
+	.st-a .darkmode {
+		background: rgba(255, 255, 255, 0.1);
+	}
+	.darkmode svg {
+		fill: rgba(255, 255, 255, 0.2);
+	}
+	.container {
+		border-radius: 0;
+		box-shadow: none;
+	}
+	.container:hover {
+		box-shadow: none;
+	}
+	.intro,
+	.loginbox {
+		width: 100%;
+	}
+	footer {
+		color: #999;
+		text-align: center;
+		display: flex;
+		flex-direction: column;
+	}
+	footer a {
+		color: #999;
+	}
+}

static/image/admincp/admincppage.css

@@ -0,0 +1,557 @@
+body { background: #f0f0f0; font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;min-width: 1000px; }
+body.st-d { background: #282828; }
+a{ color:#2366A8; text-decoration:none; }
+.st-d a { color:#999;}
+	a:hover { text-decoration:underline; }
+	a img{ border:none; }
+em, cite, th{ font-style:normal; font-weight:normal; }
+
+textarea, input, select, .html { padding: 6px 10px; font-size: 100%; border: 1px solid; border-color: #ccc; background: #F9F9F9; color: #333; resize: none; border-radius: 3px; }
+.st-d textarea, .st-d input, .st-d select, .st-d .html {border-color: #999; background: #181818; color: #fff;}
+textarea {font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;}
+.txt, select, .vmiddle { vertical-align:middle; }
+.txt:hover, .txt:focus, textarea:hover, textarea:focus{ border-color:#2b7acd; background:#F5F9FD; outline: 0;box-shadow: 0 0 3px 2px rgba(43, 122, 205, 0.4);}
+.st-d .txt:hover, .st-d .txt:focus, .st-d textarea:hover, .st-d textarea:focus{ border-color:#eaeaea; background:#181818;}
+.hover:hover { background:#F5F9FD; }
+	.hover:hover .addchildboard, .hover:hover .deleterow { color: #F5F9FD; }
+.txtnobd{ border:1px solid #FFF; background:#FFF; cursor:pointer; }
+.radio, .checkbox, .pr, .pc { border:none; background:none; vertical-align:middle;margin-right: 4px; margin-left: 4px; }
+.btn{ margin:10px;border: 0;padding: 6px 14px;background: #2b7acd;color: #fff; cursor:pointer;vertical-align: middle;}
+.st-d .btn {background: #181818;color: #fff;}
+	.btn:hover { text-decoration: none; background-color: #428ad7;}
+	.st-d .btn:hover {background-color: #282828;}
+.btn_big { display: inline-block; width: 90px; height: 30px; line-height: 30px; text-align: center; background: url(btn_big.png) no-repeat 0 0; font-size: 18px; font-weight: 700; color: #FFF; }
+	.btn_big:hover { text-decoration: none; }
+.uploadbtn{ width:250px; border-color:#999; }
+.line { border-bottom: 1px solid #0F0; }
+.num{ width:40px !important; height: 28px; vertical-align:middle; }
+.highlight { color: #C00; font-weight: 700; }
+/* simulate input type="file" */
+.filebtn { position: relative; margin-right: 30px; width: 60px; overflow: hidden; zoom: 1; }
+	.filebtn .pf { position: absolute; right: 0; height: 23px; opacity: 0; filter:alpha(opacity=0); cursor: pointer; }
+
+/* .html */
+.html { cursor: text; white-space: nowrap; overflow-x: hidden; }
+.htmlbtn { background: url("../editor/editor.gif") no-repeat scroll 0 0 transparent;border-color: #CCCCCC;width: 21px;height: 21px;margin-right: 2px;float: left;cursor: pointer;padding: 0px; }
+.htmlbtn.current { border-color: #369; }
+.htmlbtn.b {background-position:0 0;}
+.htmlbtn.i { background-position:-20px 0; }
+.htmlbtn.u { background-position:-40px 0; }
+.htmlbtn.c { background-position:-60px 0; }
+
+.spectitle{ border-bottom:1px dashed #F66; }
+.extcredits, .threadprofilenode { margin:-5px 0 10px; }
+.extcredits a, .threadprofilenode a { margin-right:5px; padding:2px 5px; line-height:220%; border:1px solid #B6CFD9; background:#FFF; white-space:nowrap; }
+.st-d .extcredits a, .st-d .threadprofilenode a { border:1px solid #181818; background:#000;}
+.popupmenu_popup { width:400px; overflow:hidden; padding:10px; border:1px solid #A6C9D7; background:#FFF; font-size:12px; font-weight:400; text-align:left; }
+	li.popupmenu_popup { list-style: none; }
+	#fselect_menu { width:300px; }
+	.fsel { _height: 350px; max-height: 350px; overflow-y: auto; }
+		#fselect_menu a { width: 70%; }
+	#ugselect_menu { width:450px; }
+	.popupmenu_popup em { display:block; clear: both; padding: 2px 4px; font-weight:700; background:#EAF4FB; }
+		.popupmenu_popup em.hover { cursor:pointer; }
+	.popupmenu_popup a { float: left; margin: 5px 9px 1px 0; padding-left:3px; width: 100px; }
+	.popupmenu_popup .ck { margin: 6px; }
+	.popupmenu_popup .current { font-weight:700; }
+		.popupmenu_popup a.f, .popupmenu_popup a.s { float: none; display: block; width:80%; }
+			.popupmenu_popup a.s { margin-left:40px; }
+	.popupmenu_dropmenu { cursor: pointer; }
+		.popupmenu_dropmenu em { margin-left:3px; background:url(bg_repno.gif) no-repeat 0 -145px; }
+
+.infobox { background: #fff; padding: 40px; display: flex; flex-direction: column; align-items: center; text-align: center; }
+.st-d .infobox { background: #000;}
+.infotitle1 { margin-bottom: 10px; color: #09C; font-size: 14px; font-weight: 700; }
+.infotitle2 { margin-bottom: 10px; color: #090; font-size: 14px; font-weight: 700; }
+.infotitle3 { margin-bottom: 10px; color: #C00; font-size: 14px; font-weight: 700; }
+.infobox h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
+.colorbox { background: #fff; padding: 20px; margin-top: 3px; margin-bottom: 3px; border-top: 4px solid #CCC; border-bottom: 4px solid #CCC; }
+.st-d .colorbox { background: #000;}
+.colorbox h4 { font-size: 18px; margin-bottom: 10px; }
+.drow { display: flex; margin-left: -10px; margin-right: -10px; flex-wrap: wrap; }
+.drow.clp { margin-left: 0; margin-right: 0; }
+.drow .dcol { padding-left: 10px; padding-right: 10px;/* flex-shrink: 0; */}
+.drow.clp .dcol { padding-left: 0; padding-right: 0; }
+.d-1 { flex-grow: 1; }
+.d-2 { flex-grow: 2; }
+.d-3 { flex-grow: 3; }
+.d-11 { flex-basis: 100%; }
+.d-12 { flex-basis: 50%; }
+.d-13 { flex-basis: 33.3%; }
+.d-23 { flex-basis: 66.6%; }
+.d-14 { flex-basis: 25%; }
+.d-34 { flex-basis: 75%; }
+@media (max-width: 900px) {
+	.dcol { flex-basis: 100% !important; }
+	.pluginlist .dcol { flex-basis: unset !important; }
+}
+@media (max-width: 1000px) {
+	.pluginlist .w1000hide { display: none; }
+}
+@media (max-width: 1300px) {
+	.pluginlist .w1300hide { display: none; }
+}
+.cpcontainer { background: #f0f0f0; padding: 20px; color: #333; font-size: 12px; }
+.st-d .cpcontainer { background: #282828;color: #666;}
+.copyright { width: 100%; background: #fff; color: #999; padding: 16px; font-size: 12px; text-align: center; }
+.st-d .copyright { background: #000;}
+.itemtitle { padding: 0 20px; background: #fff; display: flex; align-items: flex-start; flex-direction: column; border-bottom: 1px solid #ddd; }
+.st-d .itemtitle { background: #000; border-bottom: 1px solid #999; }
+.itemtitle .titlerow { display: flex; width: 100%; flex-direction: row; justify-content: space-between; }
+.st-d .itemtitle .titlerow { color: #fff; }
+.itemtitle .titlerow>span, .itemtitle .titlerow>a { margin: 16px 0; }
+.itemtitle h3 { font-weight: bold; font-size: 20px; margin: 16px 20px 16px 0; }
+.st-l .itemtitle h3 { color:#000;}
+.itemtitle ul { display: flex; flex-wrap: wrap; }
+.itemtitle ul li>a { display: block; text-decoration: none; padding: 15px 5px; margin-right: 15px; color: #333; border-bottom: 2px solid transparent; }
+.itemtitle ul li.current>a { color: #2b7acd; border-bottom-color: #2b7acd; }
+.st-d .itemtitle ul li.current>a { color: #999; border-bottom-color: #999; }
+.itemtitle ul li a:hover { color: #2b7acd; background: #f7f7f7; }
+.st-d .itemtitle ul li a:hover { color: #eaeaea; background: #282828;}
+.itemtitle ul li.current>a span, .itemtitle ul li.hasdropmenu>a span { display: flex; flex-direction: row; align-items: center; }
+.itemtitle ul li.current>a span em, .itemtitle ul li.hasdropmenu>a span em { display: block; width: 0; height: 0; margin-left: 8px; border-top: 5px solid; border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }
+.itemtitle ul.stepstat { font-size: 14px; color: #666; width: 100%; justify-content: center; margin-bottom: 16px; }
+.itemtitle ul.stepstat li { display: flex; align-items: center; }
+.itemtitle ul.stepstat span { display: flex; width: 20px; height: 20px; border-radius: 10px; background: #ddd; color: #000; justify-content: center; align-items: center; margin-right: 10px; }
+.itemtitle ul.stepstat li:not(:first-child)::before { display: block; content: ""; width: 100px; height: 3px; background: #ddd; margin: 0 10px; }
+.itemtitle ul.stepstat li.current { color: #2b7acd; }
+.itemtitle ul.stepstat li.current span { background: #2b7acd; color: #fff; }
+.itemtitle ul.stepstat li.current:not(:first-child)::before { background: #2b7acd; }
+@media (max-width: 575px) {
+	.itemtitle ul.stepstat { justify-content: space-around; }
+	.itemtitle ul.stepstat li:not(:first-child)::before { display: none; }
+}
+.dropmenu { background: #fff; display: flex; flex-direction: column; border-radius: 5px; margin-top: 5px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); overflow: hidden; }
+.st-d .dropmenu { background: #181818;}
+.dropmenu>ul { display: flex; flex-direction: column; }
+.dropmenu>a, .dropmenu>ul>li>a { padding: 8px 15px; text-decoration: none; color: #333; margin-right: 0; }
+.st-d .dropmenu>a, .dropmenu>ul>li>a { color:#999;}
+.dropmenu a:focus { outline: 0; background: #f7f7f7; }
+.st-d .dropmenu a:focus { background: #282828; }
+.dropmenu a.current { background: #2b7acd; color: #fff; }
+.st-d .dropmenu a.current {background: #282828;}
+
+.tips{ margin-left:15px; color:#999; }
+.tips2{ line-height:180%; color:#999; word-break:break-all; }
+.tb2 .tipsblock{ background:none; margin-bottom:-10px; padding: 10px; padding-left: 20px; }
+	.tipsblock ul{ margin-bottom:-11px; }
+		.tipsblock li{ margin-bottom:5px; padding:0 0 5px 20px; line-height:160%; background:url(bg_repno.gif) no-repeat -340px 6px; }
+.tips a, .tips2 a, .tipsblock a{ margin:0 3px; text-decoration:underline; color:#666; }
+	.tips a:hover, .tips2 a:hover, .tipsblock a:hover{ color:#09C; }
+
+@media (max-width: 575px) {
+	.tb { overflow: auto; }
+}
+.tipbox { /* todo */ }
+.dbox { display: flex; flex-direction: column; background: #fff; margin-bottom: 20px; }
+.st-d .dbox {background: #000;}
+.dbox .boxheader { padding: 16px 20px; font-size: 16px; border-bottom: 1px solid #ddd; background: #F9F9F9; }
+.st-d .dbox .boxheader { border-bottom: 1px solid #383838; background: #222; }
+.dbox .boxbody { padding: 20px; border-bottom: 1px solid #ddd; }
+.st-d .dbox .boxbody { border-bottom: 1px solid #383838; }
+.dbox .boxbody:last-child { border-bottom: 0px; }
+.dbox .tb:last-child { margin-bottom: 0px; }
+.boxbody .txt { margin-right: 4px; }
+.listbox .boxbody>div { border-bottom: 1px solid #eee; padding: 8px 0; }
+.st-d .listbox .boxbody>div { border-bottom: 1px solid #484848; }
+
+/* table */
+.tb{ clear:both; width:100%; margin-bottom: 20px;background: #fff;}
+.st-d .tb{background: #000;}
+	.tb th, .tb td{ padding:5px; height:25px; }
+.tb1{}
+	.th11, .th12{ width:60px; font-weight:700; }
+	.tb1 .th12{ padding-top:7px; vertical-align:top; }
+		.tb1 .tb2 th{ padding-top:0; }
+	.tb1 .txt{ width:150px; }
+	.tb1 strong{ margin-right:5px; color:#F60; }
+	.first td{ padding-top:13px; }
+	.first .th12{ padding-top:15px; }
+	.bdtop td{ border-top:1px dashed #CAE4F7; }
+	.bdbot td{ border-bottom:1px dashed #CAE4F7; }
+	.td11{ width:350px; vertical-align:top; }
+		.td11 li{ float:left; margin:0 10px 7px 0; *margin:-3px 10px 7px 0; }
+		.td11 .clear{ margin:0; }
+		.listtitle,	.listtitlelong{ padding-top:3px; *padding-top:6px; width:80px; color:#09C; }
+		.listtitlelong{ width:100px; }
+		.td11 .txt{ width:70px; }
+		.td11 .sginput .txt{ width:150px; }
+	.td12{}
+		.td12 li{ float:left; margin-right:10px; }
+		.td12 .radio{ float:left; margin-top:4px; *float:none; *margin-top:0; }
+		.td12 label{ float:left; margin-top:2px; *float:none; *margin-top:0; }
+		.td12 .txt{ width:50px; }
+	.checkboxlist{ width:720px; }
+		.checkboxlist li{ float:left; width:90px; line-height:180%; white-space:nowrap; cursor:pointer; }
+	.longtxt .txt{ width:400px !important;}
+	.tarea{ width:400px; height:75px; }
+	.sml, .sml th, .sml td { font-size: 12px !important; -webkit-text-size-adjust: none; }
+	.fixsel { padding-left: 10px; }
+	.fixsel .btn:first-child{ margin-left: 0px; }
+	.tb2 .fixsel{ padding-left: 0px; }
+	.tb2 tr:first-child th, .tb2 tr:first-child td{ border-top: 0px; }
+/* tb */
+.tb2{}
+	.tb2 tr.hover:hover .tips2{ color:#333; }
+	.tb2 tr.hover:hover td { background: #F2F9FD; }
+	.st-d .tb2 tr.hover:hover td { background: #282828; }
+	.tb2 tr.hl, .drow.hl { background: #FFFAF3; }
+	.tb2 tr.hl td, .drow.hl { border-top:1px #F4E4B4 solid; border-bottom:1px #F4E4B4 solid }
+	.tb2.tdhover tr:hover td { background: none; }
+	.tb2.tdhover tr td:hover { background: #F2F9FD; }
+	.tb2 td{ padding:10px 5px 10px 0px; border-top: 1px dotted #DEEFFB; }
+	.st-d .tb2 td{ border-top: 1px dotted #282828; }
+	.tb2 th{ padding:10px 5px 10px 0px; border-top: 1px dotted #DEEFFB; line-height:1.5; }
+	.st-d .tb2 th{ border-top: 1px dotted #282828; }
+	.tb2 td:first-child{ padding-left:20px; }
+	.tb2 th:first-child{ padding-left:20px; }
+	.tb2 .txt, .tb2 .txtnobd{ width:100px; margin-right:10px; }
+	.tb2 .smtxt { margin-right: 5px; width: 25px; }
+	.nowrap { white-space: nowrap; }
+	.td21{ width:150px; font-weight:700; }
+	.td22{ width:100px; font-weight:700; }
+	.td23{ width:100px; }
+	.td24{ width:120px; }
+	.td25{ width: 80px; }
+		.td25 .txt{ width:60px; }
+	.td26{}
+		.td26 .txt, .td26 .txtnobd{ width:90%; *width:280px; }
+	.tb2 .td27{ padding:16px 10px 10px 20px; font-weight:700;}
+		.tb2 .td27:hover { background: none; }
+	.td27m { font-weight:700; padding-bottom:5px; }
+	.td28 .txt{ width:60px; }
+	.td29 .txt{ width:200px; }
+	.td30 { width:30px; }
+	.td31 { width:200px; }
+	.td32 { width:100px; }
+		.td32 .txt{ width:80px; }
+	.tbm { padding:5px !important; padding-left: 20px !important; background: #F2F9FD !important; font-weight: 700; border-top:0 !important; }
+	.st-d .tbm {background: #181818 !important;}
+	.multicol { float:left; width: 270px !important; }
+	.staton{ text-indent:-9999px; width:20px; height:17px; background:url(bg_repno.gif) no-repeat -280px -250px; }
+	.statoff{ text-indent:-9999px; background:url(bg_repno.gif) no-repeat -250px -347px; }
+	.rowform{ width:306px; overflow:auto; }
+		.tb2 .rowform{ padding-left:20px; }
+		.rowform .txt, .rowform textarea{ margin-right:10px; width:234px; }
+		.rowform select{ margin-right:10px; width:256px; }
+		.rowform .radio{ margin-top:-2px !important; *margin-top:0 !important; *margin-top:-2px; }
+		.rowform li{ overflow:hidden; float:left; margin-right:10px; white-space:nowrap; cursor:pointer; }
+			.rowform .clear{ clear:both; float:none; margin-bottom:10px; }
+		.rowform .nofloat{ clear:both; }
+			.rowform .nofloat li{ float:none; margin:10px 0; overflow:visible; }
+		.ckbox {width:900px; }
+		.ckbox li { float: left; margin: 5px 10px 5px 0; white-space: nowrap; width: 162px; height: 20px; }
+	.partition, .partition2{ color: #000; }
+	.st-d .partition, .partition2{ color:#fff; }
+	.tb2 .partition { padding: 16px 20px; font-size: 16px; border-bottom: 1px solid #ddd;background: #F9F9F9; }
+	.st-d .tb2 .partition { background: #222; }
+	.dblist{}
+		.dblist li{ float:left; margin-bottom:5px; width:33%; height:20px; white-space:nowrap; cursor:pointer; }
+
+	.cfolder, .ofolder{ display:block; padding-left:50px; line-height:30px; background:url(bg_repno.gif) no-repeat -260px -50px; font-weight:700; }
+	.ofolder{ background:url(bg_repno.gif) no-repeat -260px -100px; }
+	.filenum{ margin:8px 0 0 20px; }
+	.files{ padding:1px 0 1px 50px; background:url(bg_repno.gif) no-repeat -260px -150px; }
+	.del{ padding-bottom: 1px; padding-left:18px; background:url(bg_repno.gif) no-repeat 0 -285px; *background:url(bg_repno.gif) no-repeat 0 -286px; color:#E8594D; }
+	.edited, .unfixed { padding-bottom: 1px; padding-left:18px; background:url(bg_repno.gif) no-repeat -100px -385px; *background:url(bg_repno.gif) no-repeat -100px -386px; color:#E8594D; }
+	.unknown{ padding-bottom: 1px; padding-left:18px; background:url(bg_repno.gif) no-repeat -50px -435px; *background:url(bg_repno.gif) no-repeat -50px -436px; color:#6189B8; }
+	.correct, .fixed { padding-bottom: 1px; padding-left:18px; background:url(bg_repno.gif) no-repeat 0 -485px; *background:url(bg_repno.gif) no-repeat 0 -486px; color:#70B759; }
+	span.bignum { display: block; font-size: 36px; }
+		/* crons */
+		.crons{ width:300px; }
+		.crons .txt{ margin-bottom:3px; width:250px; }
+
+	/* faqlist & boardlist */
+	.node, .board{ padding-left:55px; background:url(bg_repno.gif) no-repeat -240px -550px; }
+		.node .txt, .lastnode .txt, .newnode .txt{ width:250px; }
+		.parentnode .txt{ width:250px; font-weight:700; }
+		.parentboard .txt{ font-weight:700; }
+	.lastnode, .lastboard{ padding-left:55px; background:url(bg_repno.gif) no-repeat -240px -600px; }
+	.childboard{ padding-left:110px; background:url(bg_repno.gif) no-repeat -185px -550px; }
+	.lastchildboard{ padding-left:110px; background:url(bg_repno.gif) no-repeat -185px -600px; }
+	.boardattr{ position:absolute; left:500px; width: 45px; margin-top:-22px !important; color:#999; }
+
+	/* pick window */
+	.colorwd{ float:left; width:40px; height:30px; border-color:#ccc #666 #666 #ccc; }
+	.cmen { overflow: hidden; width: 63px; }
+		.cmen a { overflow: hidden; float:left; width: 20px; height: 20px; }
+
+.tb3{ margin-top:-15px; border:none; }
+	.tb3 th{ padding:10px 0 5px 20px; }
+	.tb3 td{ padding:0 0 0 20px; line-height:180%; }
+
+.mod_validate td, .mod_export td { background: #CFC !important; }
+.mod_invalidate td, .mod_refusal td { background: #FFEBE7 !important; }
+.mod_ignore td { background: #EEE !important; }
+.mod_cancel td { background: #FFF !important; }
+.mod_delete td { background: #F99 !important; }
+
+/* custom menu */
+.custom{ overflow:hidden; position:relative; border:6px solid #ccc; background:#FFF; }
+	.cmain{ padding:0; text-align: left; padding: 10px; }
+		.cnote{ line-height:20px; }
+			.cnote li{ float:left; margin-right:15px; }
+		.cmlist{ clear:left; overflow-y:auto; }
+			.cmlist a{ display: block; float: left; overflow: hidden; width: 150px; height: 20px; color:#666; }
+			.cmlist td { padding: 5px 0; border-bottom: 1px dotted #DEEFFB; }
+			.cmlist tr:last-child td { border-bottom: none; }
+			.cmlist h4{ color:#09C; width: 90px; }
+	.cside{ float:right; display:inline; margin-right:5px; width:151px; text-align:left; }
+		.cside h3{ position:relative; margin-bottom:0; padding:6px 0 0 5px; height:28px; line-height:28px; border-bottom:1px solid #A6C9D7; background:url(bg_custom_t.gif) repeat-x; }
+		.ctitle1{ display:block; padding-left:25px; height:28px; background:url(btn_add2menu.gif) no-repeat 0 5px; color:#090; }
+			.ctitle1:hover{ text-decoration:none; }
+		.cadmin{ position:absolute; top:-4px; right:-5px; padding:10px 10px 0; color:#666; font-weight:400; }
+		.cslist li{ height:1%; }
+			.cslist li a{ display:block; padding:5px 5px 5px 30px; }
+				.cslist li a:hover{ text-decoration:none; background:#DEEFFA; }
+		.cslist li .pages{ margin-left:27px; }
+			.cslist li .pages a{ display:inline; padding:2px 5px; }
+			.cslist li .pages a:hover{ background:#09C; }
+		.cfixbd{ position:absolute; right:5px; bottom:0; width:151px; height:5px; line-height:5px; font-size:1px; background:#FFF; overflow:hidden; }
+/* list */
+.tpllist{ list-style:disc; margin:10px 15px; line-height:180%; }
+.tpllist2{ list-style:circle; margin:5px 25px; }
+.tpllist3{ list-style:square; margin:0 25px; }
+.userlist{ overflow:hidden; margin:10px 0; }
+	.userlist li{ float:left; margin:0 10px 10px 0; white-space:nowrap; }
+	.unum{ clear:both; display:block; width:100%; font-weight:700; }
+.safelist{ padding:10px 0; border-top:4px solid #DEEFFA; }
+	.safelist li{ margin-bottom:5px; padding-left:20px; line-height:160%; background:url(bg_repno.gif) no-repeat -340px 6px; }
+		.safelist p{ margin-bottom:5px; }
+		.safelist .txt{ width:150px; }
+.infolist{}
+	.infolist li{ clear:both; line-height:180%; }
+		.infolist em{ float:left; width:120px; }
+.tb2 .threadopt{ border-bottom:1px solid #B5CFD9; background:none; vertical-align:top; }
+.threadtitle{ padding:10px !important; }
+.nowrap li{ float:left; white-space:nowrap; margin-right:5px; }
+
+/* pages */
+.pg{ clear:both; margin:10px 0; }
+	.pg em, .pg a, .pg strong{ text-decoration:none; margin-left:3px; padding:5.25px 10px; border:1px solid #E5E5E5; vertical-align: middle;}
+		.pg a:hover{ text-decoration:none; border:1px solid #09C; background:#09C; color:#FFF; }
+	.pg strong{ border:none; font-weight:700; }
+	.pg kbd input{ margin-left:5px; width:45px; vertical-align:middle; }
+.cuspages{ margin:3px 0; line-height:200%; }
+	.cuspages .pg{ display:inline; clear:none; margin-right:10px; }
+.fixsel select{ margin:3px 5px 3px 0; }
+
+/* link */
+.addtr{ padding-left:17px; line-height:25px; background:url(bg_repno.gif) no-repeat 0 1px; *background:url(bg_repno.gif) no-repeat 0 0; color:#F60; }
+.act{ margin:0 5px; text-decoration:underline; }
+.addchildboard, .deleterow { margin-right: 5px; padding-left:17px; line-height:25px; *line-height: 16px; background:url(bg_repno.gif) no-repeat 0 -597px; color:#FFF; zoom: 1; }
+	.deleterow { padding-left: 12px; background: url(close.gif) no-repeat 0 50%; }
+	.addchildboard:hover, .deleterow:hover { text-decoration:none; color:#F60 !important; }
+.switch{ color:#09C; }
+	.switch:hover{ text-decoration:none; }
+	.switch img{ margin-right:5px; vertical-align:middle; }
+.lightlink{ color:#666; text-decoration:underline;}
+.lightlink2{ color:#666; }
+.parentlink{ color:#09C; text-decoration:underline; }
+.menulink{ background:none !important; text-decoration:underline; }
+	.menulink:hover{ text-decoration:underline !important; }
+
+/* admincp default */
+.anno{ width:200px; }
+	.anno p{ margin:4px 0; }
+	.anno .txt{ margin-left:3px; width:105px; }
+.difflink{ margin:10px 0; }
+	.difflink a{ margin-left:10px; color:#666; text-decoration:underline; }
+.devteam{ width:350px; }
+
+/* widget */
+.checked, .checked .txt{ color:#0B0; }
+.lightfont{ color:#CCC; }
+.light, .light a{ color:#AAA; }
+.lightnum{ color:#F60; }
+.st-d .lightnum{ color:#fff; }
+.error{ color:#F00; }
+.diffcolor2{ color:#090; }
+.diffcolor3{ color:#09C; }
+.nomargin{ margin:0; }
+.marginleft{ margin-left:20px; }
+.marginleft10{ margin-left:10px; }
+.marginright{ margin-right:10px; }
+.margintop{ margin-top:10px; }
+.marginbot{ margin-bottom:10px; }
+.nobg, .nobg td{ background:none; }
+	.nobg .td27{ padding-left:5px; }
+.nobottom{ margin-bottom:0px; }
+.nobdb{ border-bottom:none; }
+.nobdt{ border-top:none; }
+.noborder, .noborder td{border-bottom:0; border-top:0; }
+	.noborder td:hover, .normalfont { color: #000; }
+	.st-d .noborder td:hover, .normalfont { color: #fff; }
+.vtop{ vertical-align:top; }
+.lineheight{ line-height:150%; }
+.left{ float:left; }
+.right{ float:right; align-self: flex-end; }
+.center{ text-align:center; }
+.bold{ font-weight:700; }
+.normal{ font-weight:400; }
+.clear{ clear:both; }
+.smallfont{font-size:14px!important;}
+.smallfont h3{ font-size:14px; }
+.fixpadding th, .fixpadding td{ padding-left:20px !important; }
+.notice { position: absolute; z-index: 100; width: 100%; }
+	.notice a { display: inline-block; padding: 5px 10px; border: solid #CCC; border-width: 0 1px 1px; background: #FEFEE9; color: red; box-shadow: 0 0 5px #B1B1B1; }
+		.notice a:hover { text-decoration: none; }
+	.notice span { margin-left: 20px; color: #09C; text-decoration: underline; }
+
+.news{ padding:10px 0; border-top:4px solid #DEEFFA; clear: both; }
+	.news li { list-style: none; }
+#boardnews{ padding-bottom:10px; }
+
+.diff-deleted{ background:#FCC !important; }
+.diff-changed{ background:#FF9 !important; }
+.diff-added{ background:#CFC !important; }
+
+.verifyimg { max-height: 120px; }
+
+.dbox.hometop { flex-direction: row; width: 100%; }
+.dbox.hometop .avt { width: 80px; height: 80px; margin-right: 24px; border: 2px solid #fff; border-radius: 3px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
+.dbox.hometop .hinfo { flex-grow: 1; }
+.dbox.hometop .hinfo h4 { font-size: 18px; margin-top: 14px; margin-bottom: 10px; }
+.st-l .dbox.hometop .hinfo h4{color:#000;}
+.st-d .dbox.hometop .hinfo h4{color:#666;}
+.dbox.hometop .hinfo p { font-size: 14px; color: #666; }
+.dbox .tb2 td{ padding:10px 5px 10px 0px;}
+.dbox .tb2 th{ padding:10px 5px 10px 0px;}
+.dbox .tb3 th{ padding:10px 0 5px; }
+.dbox .tb3 td{ padding:0;}
+.tipsbody { padding: 10px 20px; background: #b9edd5; color: #1f7244; }
+.st-d .tipsbody { background: #0d7377; color: #323232; }
+.tipsbody .difflink a { color: #1f7244; }
+.st-d .tipsbody .difflink a { color: #323232; }
+.tipsbody .tipicon { background: #fff; width: 32px; height: 32px; border-radius: 27px; margin-top: 3px; margin-right: 14px; padding: 6px; }
+.st-d .tipsbody .tipicon { background: #000;}
+#filecheck_div>div { display: flex; width: 100%; justify-content: space-between; margin-bottom: 10px; text-align: center; flex-wrap: wrap; }
+#filecheck_div>div>em { padding: 0 18px 10px 18px; }
+@media (max-width: 1660px) {
+	#filecheck_div>div>em { flex-basis: 50%; background: none; }
+}
+.adminnote { width: 200px; min-height: 200px; background: #f7f0b1; position: relative; margin-bottom: 20px; }
+.adminnote>a { position: absolute; right: 0; top: 0; display: block; width: 16px; height: 16px; background-image: linear-gradient(45deg, #c9be3a 50%, #fff 50%); text-align: center; line-height: 16px; }
+.adminnote>a:hover { background: #f7f0b1; text-decoration: none; }
+.adminnote>a:hover::before { content: "\d7"; color: #163e69; font-weight: 700; }
+.adminnote>div { padding: 10px; }
+.team { display: flex; flex-wrap: wrap; flex-basis: calc(100% - 150px); }
+.team a { flex-basis: 33%; min-width: 200px; }
+.team span { flex-basis: 40%; min-width: 240px; }
+.team.tm a { flex-basis: auto; min-width: auto; }
+
+/* forumlist */
+.forumheader { padding: 0px 20px;background: #fff;height:60px;line-height:60px; }
+.st-d .forumheader { background: #000; }
+
+/* calendar */
+#calendar_week .dropmenu{ filter: none; opacity: 1; background: none; margin-left: 0;position:relative; margin-top:0; border:none; text-align:left; text-decoration:underline; display: inline; box-shadow: none; }
+.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited{ color:#333; }
+
+/* sub table */
+.sub, .sub .td27{ padding-left:35px !important; }
+.sub .rowform{ padding-left:35px !important; width:281px; }
+	.sub .rowform .txt, .sub .rowform textarea{ width:225px; }
+	.sub select{ width:231px; }
+
+.mt10{margin-top: 10px;}
+.mt0{margin-top:0}
+.header, .header td, .header th{ border-top: 1px dotted #DEEFFB; font-weight: 700; }
+.st-d .header, .st-d .header td, .st-d.header th{ border-top: 1px dotted #282828;}
+.smallefont{font-size: 14px}
+
+/* 弹窗 */
+.fwin { text-align: left; background: #FFF; font-size: 12px; }
+.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden; background: #ccc; }
+.t_l, .t_r, .b_l, .b_r { width: 6px; height: 6px; line-height: 6px; font-size: 0; }
+.t_c, .b_c { height: 6px; }
+.m_l, .m_r { width: 6px; font-size: 1px; }
+.m_c { background: #FFF; }
+.m_c .tb { margin: 0 0 6px; padding: 0 6px; }
+.m_c .c { padding: 0 6px 6px; }
+.m_c .o { padding: 8px 6px; text-align: right; border-top: 1px solid #CCC; background: #F5F5F5; }
+.m_c .o .btn { margin: 0; }
+
+.flb { padding: 10px 10px 8px; height: 20px; line-height: 20px; box-sizing: unset;}
+	.flb em { float: left; font-weight: 700; color: #09C; }
+		.flb em a { text-decoration: none; }
+	.flb span { float: right; color: #999; }
+		.flb span a, .flb strong { float: left; text-decoration: none; margin-left: 8px; font-weight: 400; color: #333; }
+			.flb span a:hover { color: #999; }
+		.flbc { float: left; width: 20px; height: 20px; overflow: hidden; background: #AAA; cursor: pointer; font-size: 16px; text-align: center; line-height: 20px; border-radius: 2px; }
+			.flbc:hover { background: #15afdb; text-decoration: none; }
+			.flbc:before { content: "\d7"; color: #fff; font-weight: 700; }
+
+.fwin .cl li { margin:5px; float: left; }
+.fwin .cl li.a { font-weight: 700; }
+.fwin .c { clear: both; }
+.fwin .dt { width: 100%; }
+.fwin .dt th, .fwin .dt td { border-bottom: 1px dotted #DEEFFB; line-height: 20px; }
+.fwin .dt th { font-weight: 700; }
+.fwin .ss em { background: #eee; width: 16px; line-height: 18px; display: block; float: left; margin: 2px; cursor: pointer; padding-left: 7px;}
+.fwin .ss em.a { background: #09f; color: #FFF;}
+#seocodes { word-break: break-word;}
+
+/* .cl --> Clear 自动闭合 */
+.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.cl { zoom: 1; }
+
+.preview { margin-bottom: 20px; width: 100%; height: 340px; border: 1px solid #09C; box-shadow: 3px 3px 3px #EEE; -moz-box-shadow: 3px 3px 3px #EEE; -webkit-box-shadow: 3px 3px 3px #EEE; -o-box-shadow: 3px 3px 3px #EEE; }
+
+
+/*气泡信息 by dfox */
+.prmm { margin-left: -27px; padding-top: 10px; width: 250px; background: transparent url(pm_ntc.gif) no-repeat 0 0; text-align: left; opacity: 0.98; }
+	.prmc { padding-bottom: 10px; background: transparent url(pm_ntc.gif) no-repeat -250px 100%; }
+		.prmm ul { padding: 0 10px; border: solid #91C8E2; border-width: 0 2px; background: #FFF; }
+			.prmm li { border-bottom: 1px solid #F4F4F4; line-height: 29px; display: block; width: 100%; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; }
+				.prmm a:hover { text-decoration: none; color: #666; }
+.up { padding-top: 0; padding-bottom: 10px; width: 150px; background-position: -500px 100%; }
+	.up .prmc { padding-top: 5px; padding-bottom: 0; background-position: -650px 0; }
+		.up li { border-bottom: none; line-height: 160%; }
+
+/* 通用的表单样式 */
+	.tfm { width: 100%; }
+		.tfm caption, .tfm th, .tfm td { padding: 10px 2px; }
+			.tfm caption h2 { font-size: 18px; }
+			.vt th, .vt td { vertical-align: top; }
+		.tfm th { width: 95px; font-weight: 700; }
+			.tfm th .rq { float: right; }
+			.tfm .pt, .tfm .px { margin-right: 3px; width: 282px; }
+		.tfm .c, .tfm .tedt, .m_c .tfm .tedt { width: 290px; }
+		.tfm .d { clear: both; margin: 5px 0; color: {LIGHTTEXT}; }
+			.tfm .d em { margin-left: 5px; color: red; }
+			.tfm .d strong { margin-left: 5px; }
+		.tfm .p { text-align: right; }
+		.tfm .pcl label { display: block; padding: 0 2px 5px; }
+			.tfm .pcl .pc { margin-right: 5px; padding: 0; }
+		.tfm .l th, .tfm .l td { padding-top: 0; padding-bottom: 0; }
+	.bn .tfm caption, .bn .tfm th, .bn .tfm td { padding-top: 5px; padding-bottom: 5px; }
+		.bn .tfm th { font-weight: 400; }
+
+/* 普通数据列表 datatable by michael */
+
+.dt { border-top: 1px solid #CDCDCD; width: 100%; }
+	.dt th { background: #F2F2F2; }
+	.dt td, .dt th { padding: 7px 4px; border-bottom: 1px solid #CDCDCD; }
+	.dt .c { width: 50px; }
+	.dt .px { height: 16px !important; }
+
+
+/* 外边距 Margin，三组从窄到宽，级别分别为：n, m, w */
+	.mtn { margin-top: 5px !important; }
+	.mbn { margin-bottom: 5px !important; }
+	.mtm { margin-top: 10px !important; }
+	.mbm { margin-bottom: 10px !important; }
+	.mtw { margin-top: 20px !important; }
+	.mbw { margin-bottom: 20px !important; }
+
+.psetting p { margin-top: 10px; }
+	.psetting .light, .psetting .light a { color: #777; }
+	.psetting a.memo { color: #999; margin-left: 20px; }
+	.psetting div.memo { margin:5px;padding: 5px; border: 1px dotted #DEEFFB; background: #FFF; }
+	.st-d .psetting div:hover { background: #333; }
+
+/* 进度条 */
+.pbg { position: relative; margin: 10px 0; width: 200px; height: 16px; background: url(bg_progressbar.png) 0 0 repeat-x; border-radius: 5px; }
+	.pbr { height: 16px; width: 200px; background-image: url(bg_progressbar.png); background-color: #5AAF4A; background-position: 0 -16px; background-repeat: repeat-x; border-radius: 5px; }
+	.pbg .xs0 { position: absolute; top: 0; right: 8px; }

static/image/admincp/getcolor.htm

@@ -0,0 +1,67 @@
+<script type="text/javascript">
+varname = location.search.substr(1);
+var varnames = varname.split('|');
+varname = varnames[0];
+varnamev = varnames[1];
+fun = varnames[2] || '';
+var colors = '\
+000000#000000#000033#000066#000099#0000CC#0000FF#003300#003333#003366#003399#0033CC#0033FF#006600#006633#006666#006699#0066CC#0066FF#\
+333333#009900#009933#009966#009999#0099CC#0099FF#00CC00#00CC33#00CC66#00CC99#00CCCC#00CCFF#00FF00#00FF33#00FF66#00FF99#00FFCC#00FFFF#\
+666666#330000#330033#330066#330099#3300CC#3300FF#333300#333333#333366#333399#3333CC#3333FF#336600#336633#336666#336699#3366CC#3366FF#\
+999999#339900#339933#339966#339999#3399CC#3399FF#33CC00#33CC33#33CC66#33CC99#33CCCC#33CCFF#33FF00#33FF33#33FF66#33FF99#33FFCC#33FFFF#\
+CCCCCC#660000#660033#660066#660099#6600CC#6600FF#663300#663333#663366#663399#6633CC#6633FF#666600#666633#666666#666699#6666CC#6666FF#\
+FFFFFF#669900#669933#669966#669999#6699CC#6699FF#66CC00#66CC33#66CC66#66CC99#66CCCC#66CCFF#66FF00#66FF33#66FF66#66FF99#66FFCC#66FFFF#\
+FF0000#990000#990033#990066#990099#9900CC#9900FF#993300#993333#993366#993399#9933CC#9933FF#996600#996633#996666#996699#9966CC#9966FF#\
+00FF00#999900#999933#999966#999999#9999CC#9999FF#99CC00#99CC33#99CC66#99CC99#99CCCC#99CCFF#99FF00#99FF33#99FF66#99FF99#99FFCC#99FFFF#\
+0000FF#CC0000#CC0033#CC0066#CC0099#CC00CC#CC00FF#CC3300#CC3333#CC3366#CC3399#CC33CC#CC33FF#CC6600#CC6633#CC6666#CC6699#CC66CC#CC66FF#\
+FFFF00#CC9900#CC9933#CC9966#CC9999#CC99CC#CC99FF#CCCC00#CCCC33#CCCC66#CCCC99#CCCCCC#CCCCFF#CCFF00#CCFF33#CCFF66#CCFF99#CCFFCC#CCFFFF#\
+00FFFF#FF0000#FF0033#FF0066#FF0099#FF00CC#FF00FF#FF3300#FF3333#FF3366#FF3399#FF33CC#FF33FF#FF6600#FF6633#FF6666#FF6699#FF66CC#FF66FF#\
+FF00FF#FF9900#FF9933#FF9966#FF9999#FF99CC#FF99FF#FFCC00#FFCC33#FFCC66#FFCC99#FFCCCC#FFCCFF#FFFF00#FFFF33#FFFF66#FFFF99#FFFFCC#FFFFFF';
+var colorarray = colors.split('#');
+var setv = '';
+function showcolors() {
+	var s = '';
+	for(c in colorarray) {
+		s += '<em onmouseover="v(\'' + colorarray[c] + '\')" style="background-color:#' + colorarray[c] + '"></em>';
+	}
+	document.getElementById('colors').innerHTML = s;
+}
+
+function setvalue(obj) {
+	if(varname) {
+		parent.$(varname).style.backgroundColor = setv;
+	}
+	if(varnamev) {
+		parent.$(varnamev).value = setv;
+	}
+        if(fun && (fun == 'sethtml_color' || fun == 'spaceDiy.setBgColor' || fun == 'spaceDiy.setTextColor' || fun == 'spaceDiy.setLinkColor')) {
+            eval('parent.'+fun+'("'+setv+'")');
+        }
+}
+
+function v(v) {
+	v = v != 'transparent' ? '#' + v : 'transparent';
+	document.getElementById('p').style.backgroundColor = v;
+	setv = v;
+	document.getElementById('pv').innerHTML = v;
+}
+
+</script>
+<style>
+body { margin:0px;background-color:#333; }
+#h { padding:0;width:210px;height:15px;background-color:#CCC;overflow:hidden;}
+#p { margin:0;display:block;float:left;font-size:0;width:140px;height:13px;background:#DDF0DF; }
+#pv { margin:0;display:block;float:left;font-size:12px;width:58px;height:13px;overflow:hidden;text-align: right;font-style:normal;background:#DDF0DF; }
+#colors { clear:both;width:209px; height:133px; }
+#colors em, .trans { font-size:0;margin:1px 0 0 1px;width:10px;height:10px;float:left;cursor:pointer; }
+.trans { background-color: #FFF; }
+</style>
+
+<body onmousedown="setvalue(document.getElementById('colorhex'))" scrolling="no">
+<div id="h"><em id="p"></em><em id="pv"></em><em class="trans" onmouseover="v('transparent')" style="background-image:url('transcolor.gif')"></em></div>
+<div id="colors"></div>
+<script type="text/javascript">
+showcolors();
+try {document.getElementById('box').style.backgroundColor = cvalue;} catch(e) {}
+</script>
+</body>

static/image/admincp/loginbg.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="7 -7 24 24">
+<style>@keyframes rt {from {transform: rotate(0);} to {transform: rotate(360deg);}} path{transform-origin: center; animation: 10s linear infinite rt;}</style>
+<path fill="#fff" fill-opacity="0.1" d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
+</svg>

static/image/admincp/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="129" height="23"><path d="M9 3.2L5.3 20.7H8c2.6 0 4.8-.6 6.5-1.8 1.7-1.2 3.2-4.9 3.7-7 .5-2.2.5-5.9-.7-7-1.2-1.2-3.2-1.7-5.9-1.7H9zM3.9 1.7h7.3c2.1 0 3.9.1 5.4.4 1.5.2 2.6.6 3.5 1.1 1.6.9 2.7 2.1 3.3 3.6.6 1.5.7 3.2.3 5.2-.5 2-1.3 3.8-2.5 5.2-1.2 1.5-2.9 2.7-4.9 3.6-1.2.5-2.6.9-4.2 1.2-1.6.2-3.5.4-5.8.4h-4c-1.5 0-2.6-1.2-2.2-2.9L3.9 1.7zm24.7.7h5.1c-1.4 6.8-2.8 13.2-4.2 19.9h-2.9c-1.8 0-2-1.1-1.7-2.4l3.7-17.5zm3.3 18.2c2.4 0 8.1.1 10.8.1 3.4-.2 4.2-1.4 4.6-3.8.3-1.4-2.3-2.9-5-3.9-6.5-2.4-7.4-7.5-1.9-10.1 2.1-1 4.5-1.3 7.5-1.3.8 0 1.6.1 2.5.3 1 .2 2.3.4 4 .9l-.6 1.7c-3.2-.5-4.8-.9-7.3-.9-1.1 0-2 .3-2.7.5-2.8 1.1-1.4 3.9 1 5.2 2.9 1.5 6.2 2.3 7.2 3.9.6 1 1.1 2 .8 3.4-.4 1.9-1.4 3-3.5 4.1-2.1 1.1-4.7 1.7-7.9 1.7h-10l.5-1.8zm48.8-17l-1.9 10c-.4 1.9-.9 3.9-.2 4.7 1.3 1.9 6.3 1.7 7.7.2 1.2-1.2 2.1-3.2 2.5-5.5l1.8-9.6H96L92.7 22h-4.9l.4-2.1c-2.1 1.8-4.5 2.5-8.1 2.5-2.9 0-4.6-.7-5.8-2.2-1.2-1.5-1.5-3.6-1-6.4l2-10.1c-1.4-.2-4.2-.1-5.4-.1-2.4 0-5 .7-6.6 1.9C58.6 8.8 57.5 20 67 20.3c.8.1 3-.4 3.9-.6h.2l-.3 2c-.5.1-2.2.5-2.5.6-1 .2-1.9.2-2.8.2-4 0-7-.9-9-2.9-2-1.9-2.7-4.5-2.1-7.7.5-3 2.3-5.5 5.1-7.4 2.8-1.9 5.8-3 10.2-3 3.6 0 5.7 0 8.9.1 2.6.1 2.3 1.3 2.1 2m18-.4H115c.6 2.2-.1 4.2-2.2 6l-12.3 11.3h13.1v1.9H95.5c.2-2.9.3-3.9 3-6.5l11.4-10.6H98.5l.2-2.1zm24.1 19l-1.6-.1-.1-3.3 1.9.2 1.6.1-.3 3.2-1.5-.1zm1.6-5.8l-2.7-.3c.1-1.5-.4-12.6-.5-13.9l-.1-2.2c.7 0 .6 0 3.8.4 2 .2 2.3.3 2.9.3l-.8 2.8c-.7 2.2-2.4 12.1-2.6 12.9" fill="#fff"/></svg>

static/image/admincp/minireset.css

@@ -0,0 +1,47 @@
+html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+    padding: 0
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-size: 100%;
+    font-weight: normal
+}
+
+ul {
+    list-style: none
+}
+
+button, input, select, textarea {
+    margin: 0
+}
+
+html {
+    box-sizing: border-box
+}
+
+img, video {
+    height: auto;
+    max-width: 100%
+}
+
+iframe {
+    border: 0
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0
+}
+
+td, th {
+    padding: 0
+}
+
+td:not([align]), th:not([align]) {
+    text-align: left
+}
+
+img, svg {
+    vertical-align: bottom
+}