/*
BY 龙笑天下网 - http://www.ilxtx.com/ 
2024-3-12 14:46:42
*/
@charset "utf-8";
html, body { height:100%}
body {font:14px/1.5 '\5FAE\8F6F\96C5\9ED1', Arial,Helvetica,sans-serif; -ms-overflow-style:-ms-autohiding-scrollbar}
* {margin:0; padding:0}
#lxtxcolors{
	position: relative;
	padding-left: 220px;
	width: 100%;
}
#lxtxcolors #wrapper {
	float: right;
	background: #fff;
	width: calc(100% - 10px);
}
#lxtxcolors #main {
	padding: 20px;
}
#lxtxcolors h2, #lxtxcolors h3 {margin-bottom:1em; padding:.2em .4em; border-bottom:3px solid #CCF; background:#E91818; color:#fff;margin-left: 0px;
margin-top: 0px;
border-left: 0 none;}
#lxtxcolors h2 {display:inline-block}
#lxtxcolors blockquote {margin-bottom:1em}
#lxtxcolors .section, #lxtxcolors .sub-section, #lxtxcolors .groups {clear:both}
#lxtxcolors .section + .section {margin-top:20px}
#lxtxcolors .sub-section {overflow:hidden; margin-bottom:3em}
#lxtxcolors .group {float:left; margin:0 7px; width:187px; height:85px; _display:inline}
#lxtxcolors .group span {float:left; margin:1px; width:60px; height:60px; text-align:center}
#lxtxcolors .group i {display:block; margin-top:60px; background:#fff; font-style:normal; font-family:"Lucida Console","Lucida Sans Typewriter",Monaco,"Bitstream Vera Sans Mono",monospace}
#lxtxcolors #panel {
	width:220px;
	background:#111;
	color:#fff;
	margin-left: -220px;
	float:left;
}
#lxtxcolors #header {text-align:center}
#lxtxcolors #header h1 {margin:.5em; font-size:18px}
#lxtxcolors #header h1 span {display:block; font-size:20px}
#lxtxcolors #header address a {text-decoration:none;}
#lxtxcolors #header address a:hover {color:#D9534F;}
#lxtxcolors #header address {clear:both; margin-bottom:2em; color:#999}
#lxtxcolors #header a {color:#999}
#lxtxcolors #nav{padding-bottom: .4em;}
#lxtxcolors #nav h4{margin:.4em 1em 0; padding:.4em 0; border-bottom:1px solid #333; color:#aaa}
#lxtxcolors #nav a{margin:0 .4em; display:block; padding:.4em .6em; color:#f7f7f7; text-decoration:none}
#lxtxcolors #nav a:hover {background: #F15454; color:#fff}
::-webkit-scrollbar {width:7px}
::-webkit-scrollbar-track {background:rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,.3)}
#lxtxcolors #nav::-webkit-scrollbar-track {background:rgba(255,255,255,.1)}
#lxtxcolors #nav::-webkit-scrollbar-thumb {background:rgba(255,255,255,.3)}

#lxtxcolors td {vertical-align:middle;}

@media screen and (max-width:768px){
	#lxtxcolors{padding-left:0;}
	#lxtxcolors #panel{display:none}
	#lxtxcolors #wrapper{width: 100%;}
	#lxtxcolors #main{padding:10px;}
}



/* jPicker */
@media all {
	#lxtxcolors #jPicker { margin: 0px 8px; text-align: left; }
	#lxtxcolors #jPicker ul { font-size: 15px; margin: 0px 0px 0px 15px; padding: 0px; }
	#lxtxcolors #jPicker ul li { list-style: disc; padding: 2px 0px; }
	#lxtxcolors #jPicker ul li ul { margin-bottom: 10px; }
	#lxtxcolors #jPicker ul li ul li { list-style: circle; }
	#lxtxcolors #jPicker p { font-size: 13px; padding: 0px 10px; }
	#lxtxcolors #jPicker hr { clear: both; }
	#lxtxcolors #jPicker h2.jPicker { font-size: 16px; padding: 20px 10px; }
	#lxtxcolors #jPicker code { color: #8bd; font-size: 14px; font-weight: bold; }
	#lxtxcolors #jPicker pre { background: #eee; border: 1px solid #000; color: #000; display: block; font-size: 11px; margin: 10px 5px; padding: 5px; }
	#lxtxcolors #jPicker span { font-size: 13px; text-align: center; }
	#lxtxcolors #jPicker a { color: #ff8050; }
	#lxtxcolors #jPicker input { font-size: 13px; padding: 2px 5px; }
	#lxtxcolors #jPicker h2 { font-size: 16px; margin: 10px 0px; }
}
.jPicker .Icon{display:inline-block;height:24px;position:relative;text-align:left;width:25px}.jPicker .Icon span.Color,.jPicker .Icon span.Alpha{background-position:2px 2px;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker .Icon span.Image{background-repeat:no-repeat;cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.jPicker.Container{color:#000;z-index:10}table.jPicker{background-color:#efefef;border:1px outset #666;font-family:Arial,Helvetica,Sans-Serif;font-size:12px!important;margin:0;padding:5px;width:545px;z-index:20}.jPicker .Move{background-color:#ddd;border-color:#fff #666 #666 #fff;border-style:solid;border-width:1px;cursor:move;height:12px;padding:0}.jPicker .Title{font-size:11px!important;font-weight:bold;margin:-2px 0 0 0;padding:10px 0 0 0;text-align:center;width:100%}.jPicker div.Map{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:crosshair;height:260px;margin:0 10px 10px 10px;overflow:hidden;padding:0;position:relative;width:260px}.jPicker div[class="Map"]{height:256px;width:256px}.jPicker div.Bar{border-bottom:2px solid #fff;border-left:2px solid #9a9a9a;border-right:2px solid #fff;border-top:2px solid #9a9a9a;cursor:n-resize;height:260px;margin:12px 10px 0 5px;overflow:hidden;padding:0;position:relative;width:24px}.jPicker div[class="Bar"]{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3,.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4,.jPicker .Bar .Map5,.jPicker .Bar .Map6{background-color:transparent;background-image:none;display:block;left:0;position:absolute;top:0}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Map .Map3{height:2596px;width:256px}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{height:3896px;width:20px}.jPicker .Bar .Map5,.jPicker .Bar .Map6{height:256px;width:20px}.jPicker .Map .Map1,.jPicker .Map .Map2,.jPicker .Bar .Map6{background-repeat:no-repeat}.jPicker .Map .Map3,.jPicker .Bar .Map5{background-repeat:repeat}.jPicker .Bar .Map1,.jPicker .Bar .Map2,.jPicker .Bar .Map3,.jPicker .Bar .Map4{background-repeat:repeat-x}.jPicker .Map .Arrow{display:block;position:absolute}.jPicker .Bar .Arrow{display:block;left:0;position:absolute}.jPicker .Preview{font-size:9px;padding:5px 0 0 0;text-align:center}.jPicker .Preview div{border:2px inset #eee;height:62px;margin:0 auto;padding:0;width:62px}.jPicker .Preview div span{border:1px solid #000;display:block;height:30px;margin:0 auto;padding:0;width:60px}.jPicker .Preview .Active{border-bottom-width:0}.jPicker .Preview .Current{border-top-width:0;cursor:pointer}.jPicker input{font-size:13px}.jPicker .Button{text-align:center;padding:0 4px;width:115px}.jPicker .Button input{padding:2px 0;width:100px}.jPicker .Button .Ok{margin:12px 0 5px 0}.jPicker td{margin:0;padding:0}.jPicker td.Radio{margin:0;padding:0;width:31px}.jPicker td.Radio input{margin:0 5px 0 0;padding:0}.jPicker td.Text{font-size:12px!important;height:22px;margin:0;padding:0;text-align:left;width:70px}.jPicker tr.Hex td.Text{width:100px}.jPicker td.Text input{background-color:#fff;border:1px inset #aaa;height:19px;margin:0 0 0 5px;text-align:left;width:30px}.jPicker td[class="Text"] input{height:15px}.jPicker tr.Hex td.Text input.Hex{width:50px}.jPicker tr.Hex td.Text input.AHex{width:20px}.jPicker .Grid{text-align:center;width:114px}.jPicker .Grid span.QuickColor{border:1px inset #aaa;cursor:pointer;display:inline-block;height:15px;line-height:15px;margin:0;padding:0;width:19px}.jPicker .Grid span[class="QuickColor"]{width:17px}