body ::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	-webkit-border-radius: 10px;
}
body ::-webkit-scrollbar-track {
	-webkit-border-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.2);
	background-color: rgba(0, 0, 0, 0.05);
	width: 3px;
	height: 3px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}
body ::-webkit-scrollbar-track-piece {
	-webkit-border-radius: 10px;
	background-color: rgba(234, 234, 234, 1);
	-webkit-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.15);
	width: 3px;
	height: 3px;
}
body ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	background-color: rgba(244, 244, 244, 1);
	-webkit-box-shadow: inset 1px 1px 15px rgba(255, 255, 255, 0.8), inset 1px 1px 0px rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.1);
}
body ::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:active {
	background-color: rgba(204, 204, 204, 1);
	-webkit-box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
body ::-webkit-scrollbar-track:window-inactive, body::-webkit-scrollbar-track-piece:window-inactive, body::-webkit-scrollbar-thumb:window-inactive {
	-webkit-box-shadow: none;
}
body ::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}
body ::-webkit-scrollbar-corner {
	background-color: transparent;
}
body ::-webkit-resizer {
	background-color: transparent;
}
#bodyOfPage {
	margin: 0 12px 0 250px;
	transition: margin 0.5s;
}
.contentarea {
	margin: 50px auto;
	padding: 40px 30px;
	background: #fff;
	border-radius: 6px;
	max-width: 750px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, .1);
	overflow: hidden;
    font-size: 14px;
}
.tool-panel-left, .tool-panel-right {
	z-index: 10001;
	position: fixed;
	top: 36px;
	width: 240px;
	left: 0px;
	height: 100%;
	box-sizing: border-box;
	background:url(images/loading_gray.gif) center center no-repeat rgb(240, 240, 240);
	color: #111;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	transition: left 0.4s;
}
.tool-panel-right {
	left: auto;
	right: 0;
}
.accordionPanelContent {
	padding: 5px 8px;
}
.panel-open-btn-left, .panel-open-btn-right {
	width: 16px;
	padding: 10px 0px;
	margin: 0;
	background-color: rgba(234, 234, 234, 0.9);
	box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 100px;
	right: -15px;
	font-family: sans-serif;
	color: rgb(37, 37, 37);
	font-size: 1.2em;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #ddd;
	border-left: none;
	box-sizing: border-box;
}
.panel-open-btn-right {
	right: auto;
	left: -15px;
	border-right: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.1);
}
#snippetPicker {
}

/* 表单模板选择页样式 */
ul.side-navigation{ background:#f8f9fb; border-right:1px solid #d6dee7; margin-right:0px; padding-left: 0;}
.side-navigation li i, .side-navigation li b{ padding-left:10px; font-size:12px; height:25px; line-height:24px;}
.side-navigation li i{color: #789;}
.side-navigation li img{ margin-top:3px; }
.side-navigation li{ border-bottom:1px solid #d6dee7; cursor: pointer; color: #777}
.side-navigation li:hover{ background:#ccdbf6;}
.side-navigation li.current{ background:#bccbe6; color: #147}

/* 片断模板区 */
#tmpl .tmpl-box .tmpl-list {
	cursor: pointer;
	list-style: none;
	width: 100%;
	border-bottom:1px dashed #ddd;
	border-top:1px dashed #ddd;
	background-color: rgba(255, 255, 255,1);
	position: relative;
	background-position: bottom right;
	background-repeat: no-repeat;
}

#tmpl .tmpl-box .tmpl-list:hover {
	border-color: #f93;
}
#tmpl .tmpl-box .tmpl-list [class*=copyright]{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	color: #f4f4f4;
	font-size: 16px;
	font-weight: 900;
	padding:5px;
	display:none;
}

#tmpl .tmpl-box .tmpl-list:hover .copyright-bg{
	display:block;
}
#tmpl .tmpl-box .tmpl-list:hover [class*=copyright]{
	display:block;
}
#tmpl .tmpl-box .tmpl-list .hode-txt{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	background-color: #36A8FF;
	padding: 3px 7px;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	
	display:none;
}


#tmpl .tmpl-box .tmpl-list.copyIsHold .hode-txt{
	display:block;
}


#tmpl .tmpl-box .tmpl-list .pEditor {
	padding: 10px;;
	max-width: 100% !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	word-wrap: break-word !important;
}

#tmpl .tmpl-box .tmpl-list .pEditor * {
	max-width: 100% !important;
}
/* 克隆一个片断作动画 */
.fly-tmpl {
	position: fixed;
	background: #fff;
	padding: 15px;
	display: none;
	z-index: 999;
}
/* ueditor样式修正 */
.edui-default .edui-bubble .edui-popup-content span {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
}
.edui-default .edui-bubble .edui-popup-content span:hover {
    color: #f00;
}

/* 主题色选择器 */
.selectColorBox {
	text-align: right;
	font-size: 12px;
	height: 50px;
	margin-right: -15px;
}

.colorCircleBtn {
	border-radius: 50%;
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	display: inline-block;
	height: 32px;
	margin: 3px;
	padding: 2px;
	vertical-align: middle;
	width: 32px;
	z-index: 999;
}

.colorCircleBtn i {
	border-radius: 50%;
	content: ' ';
	display: block;
	height: 100%;
	width: 100%;
}

.selectColorBox-dropdown {
	border: 0;
	padding: 20px;
	width: 450px;
}

.selectColorBox-dropdown>li {
	position: relative;
	display:table;
	width:100%;
}

.selectColorBox-dropdown>li .btn{
	outline:0;
}

.selectColorBox-dropdown .colorCircleBtn {
	width: 28px;
	height: 28px;
	float:left;
	position: relative;
}

.selectColorBox-dropdown .colorCircleBtn:hover,.selectColorBox-dropdown .colorCircleBtn.active
	{
	border-width: 1px;
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.selectColorBox-dropdown {
    position: absolute;
    top: 146px;
    left: 370px;
    z-index: 11000;
    /*display: none;*/
    float: left;
    min-width: 160px;
    padding: 20px;
    width: 450px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
#colorCircleBtn .dropdown-toggle{
    border-radius: 11px;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -3px 3px 0;
    padding: 2px;
    vertical-align: middle;
    background-image:none;
}

.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden;}.sp-container.sp-flat{position:relative;}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}.sp-top{position:relative;width:100%;display:inline-block;}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0;}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%;}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%;}.sp-clear-enabled .sp-hue{top:33px;height:77.5%;}.sp-fill{padding-top:80%;}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0;}.sp-alpha-enabled .sp-top{margin-bottom:18px;}.sp-alpha-enabled .sp-alpha{display:block;}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:3px;left:50%;cursor:pointer;border:1px solid black;background:white;opacity:.8;}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px;}.sp-alpha-inner{border:solid 1px #333;}.sp-clear{display:none;}.sp-clear.sp-clear-display{background-position:center;}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px;}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none;}.sp-container.sp-input-disabled .sp-input-container{display:none;}.sp-container.sp-buttons-disabled .sp-button-container{display:none;}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none;}.sp-palette-only .sp-picker-container{display:none;}.sp-palette-disabled .sp-palette-container{display:none;}.sp-initial-disabled .sp-initial{display:none;}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#FFF),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#FFF,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr=#FFFFFFFF,endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1,startColorstr='#FFFFFFFF',endColorstr='#00CC9A81');}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81,endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81',endColorstr='#FF000000');}.sp-hue{background:-moz-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-ms-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-o-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:-webkit-gradient(linear,left top,left bottom,from(#ff0000),color-stop(0.17,#ffff00),color-stop(0.33,#00ff00),color-stop(0.5,#00ffff),color-stop(0.67,#0000ff),color-stop(0.83,#ff00ff),to(#ff0000));background:-webkit-linear-gradient(top,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);background:linear-gradient(to bottom,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%);}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00');}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00');}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff');}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff');}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff');}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000');}.sp-hidden{display:none !important;}.sp-cf:before,.sp-cf:after{content:"";display:table;}.sp-cf:after{clear:both;}.sp-cf{*zoom:1;}@media (max-device-width:480px){.sp-color{right:40%;}.sp-hue{left:63%;}.sp-fill{padding-top:60%;}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0;}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:white;opacity:.8;}.sp-container{border-radius:0;background-color:#f4f4f4;padding:0;box-shadow:3px 3px 5px rgba(50,50,50,.1);}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}.sp-top{margin-bottom:3px;}.sp-color,.sp-hue,.sp-clear{}.sp-input-container{float:right;width:100px;margin-bottom:4px;}.sp-initial-disabled .sp-input-container{width:100%;}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222;}.sp-input:focus{border:1px solid orange;}.sp-input.sp-validation-error{border:1px solid red;background:#fdd;}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px;}.sp-picker-container{width:172px;border-left:solid 1px #fff;}.sp-palette-container{border-right:solid 1px #ccc;}.sp-palette-only .sp-palette-container{border:0;}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent;}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange;}.sp-thumb-el{position:relative;}.sp-initial{float:left;border:solid 1px #333;}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0;}.sp-initial .sp-clear-display{background-position:center;}.sp-palette-button-container,.sp-button-container{float:right;}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle;}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#F0C49B;color:#111;}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver;}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px;}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0;}.sp-palette{*width:220px;max-width:220px;}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0;}.sp-container{padding-bottom:0;}.sp-container button{border:1px solid #ccc;border-radius:3px;color:#333;font-size:12px;line-height:1;text-align:center;vertical-align:middle;outline:0;height:18px;border-radius:9px;}.sp-container button:hover{background-color:#f4f4f4;cursor:pointer;outline:0;}.sp-container button:active{outline:0;}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none;}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline;}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000;}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);}.sp-preview{background:none;}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0;}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat;}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);}