body,form,ul,li,dl,dt,dd{margin:0;padding:0;}
body{margin:0;padding:0;font-family:tahoma,arial,'Hiragino Sans GB','Microsoft YaHei',sans-serif;font-size:14px;line-height:175%;background-color:#eeeeee;
}
input,textarea,select{font-size:14px;}
img{border:0;}
ul,li{list-style:none;}
a{color:#003366;text-decoration:none;}
a:hover{color:#0056B3;text-decoration:underline;}

#header{border-bottom:1px solid #C0C0C0;background:url(/images/bg_head.gif) repeat-x left top;}
#header .hskin{width:100%;height:68px;overflow:hidden;background:url(/images/logo.gif) no-repeat;}
#header #logo{float:left;}
#header #nav{padding-top:5px;line-height:20px;height:47px;overflow:hidden;}
#header #nav a{display:block;float:left;padding:1px 7px;white-space:nowrap;}
#header #nav a.st{color:#4E6EF2;}

#content{}
#sfbar{padding:6px 8px;line-height:32px;border-top:1px solid white;}

.colorwell{width: 5em;text-align: center;cursor: pointer;}
.colorwell-selected{font-weight: bold;}
#picker{position:absolute;float:left;display:none;z-index:301;}
#picker_close{position:absolute;right:0;z-index:202;cursor:pointer;}
#editcon{position:absolute;float:left;display:none;}
#editor {width:18em;height:6em;}
#edittip{border:1px solid #C0C0C0;border-width:0 1px 1px 0;}
#edittip div{background-color:#FFFFE0;border:1px solid gray;border-color:silver gray gray silver;padding:.4em;line-height:150%;}

#fontpre{position:absolute;top:-100px;float:left;border:1px solid #C0C0C0;border-width:0 1px 1px 0;z-index:3001;}
#fontpre div{background-color:#FFFFFF;border:1px solid gray;border-color:silver gray gray silver;padding:7px;line-height:150%;}
#fontpre div img{background:#D1D5DA url(/images/load_16x16.gif) no-repeat center center;}
#font,.sfont{/*background:#ffffff url(/images/select_bg.gif) no-repeat right bottom;border:1px solid #808080;*/
cursor:pointer;text-indent:2px;background: #FFF url(/images/arrow-down.gif) right center no-repeat;padding-right: 13px;}

#sfcon5{border:1px solid #ffffff;border-width:1px 0;}
#sfcon4{border:1px solid #808080;border-width:1px 0;}
#sfcon3{border:1px solid #C0C0C0;border-width:1px 0;padding:16px 16px 17px 16px;background-color:#EAEAEA;background-image: linear-gradient(90deg, #EAEAEA 0%, #F5F5F5 40%, #F5F5F5 60%, #EAEAEA 100%);text-align:center;}
#sfcon2{/*border:1px solid silver;border-width:0 1px 1px 0;*/}
#sfcon1{/*border:1px solid gray;border-color:silver gray gray silver;*/padding:15px;}
#sfcon{padding:0px 0 0 0px;/*border:15px solid white;background:transparent url(/images/load_16x16.gif) no-repeat center center;*/}
#sfcon ul{/*overflow:hidden;width:100%;*/text-align:left;padding-bottom:0px;}
#sfcon ul div.pic{/*float:left;display:inline;*/padding-right:0px;overflow:hidden;}
#p_canvas{
	background-color:rgba(255,255,255,0);
	position:absolute;
	z-index: 3000;
}

#sftree{line-height:26px;}
#sftree ul{margin:12px 0 0 18px;}
#sftree ul li{float:left;margin:0 12px 0 0;}
#sftree ul li a{display:block;width:128px;overflow:hidden;white-space:nowrap;
/*text-decoration:none;line-height:17px;text-indent:1px;background-color:#eeeeee;border:1px solid #eeeeee;*/
}
#sftree ul li a.tick{background-color:#003366;color:#ffffff;text-decoration:none;}
#sftree ul li a.tick:hover{color:#ffffff;}
#sftree ul li a:hover{
/*background-color:#C8DCFD;border:1px solid #316AC5;*/
}

#sftemplate{line-height:26px;}
#sftemplate .sftcon{margin:12px 0 48px 18px;overflow:hidden;}
#sftemplate dl{float:left;margin:0 30px 18px 0;}
#sftemplate dl dt a img{width:96px;height:96px;}
#sftemplate dl dd{text-align:center;}

#footer{
	clear:both;
	margin:0 7px;
	padding:15px 0;
	border-top:1px solid #999999;
	text-align:center;
}
#footer a img{
	margin-top:8px;
}
#footer .ffav{display:none;}
#footer .fnav{
	display:inline-block;
	padding:0 0 7px 0;
}
#footer .fnav a{
	display:inline-block;
	padding:0 7px;
}

#trans_j2f,
#trans_f2j{margin-left:5px;}

#jqmSF_content li a{display:block;width:172px;overflow:hidden;text-indent:2px;text-decoration:none;background-color:#eeeeee;border:1px solid #eeeeee;}
#jqmSF_content li a:hover{background-color:#C8DCFD;border:1px solid #316AC5;}
#jqmSF_content li a.st{background:#FFEDBB;border:1px solid #CB6E0E;}

.cbox{width:336px;padding:7px 15px 10px 0;float:left;}
.editable-select-options{z-index:302;}
.gg_336x280{width:336px;height:280px;text-align:center;background-color:#E7E7E7;border-right:5px solid #EEE;}

#loader{position:absolute;width:100%;height:374px;background:url(/images/load_32x32.gif) no-repeat center center;}

.sp_t_ic_qq{width:16px;height:16px;background:url(/images/sprite_icon.gif) no-repeat -10px -10px;margin:2px 2px -2px 2px;}
.sp_t_ic_tel{width:16px;height:16px;background:url(/images/sprite_icon.gif) no-repeat -40px -10px;margin:2px 4px -2px 2px;}
.sp_t_ic_help{width:16px;height:16px;background:url(/images/t_ic_help.gif) no-repeat;}
.hdx2 [class^='sp_t_ic_']{width:16px;height:16px;background:url(/images/x2/sprite_icon.png) no-repeat;background-size:100px 36px;}
.hdx2 .sp_t_ic_qq{	background-position:-10px -10px;margin:2px 2px -2px 2px;}
.hdx2 .sp_t_ic_tel{	background-position:-40px -10px;margin:2px 4px -2px 2px;}
.hdx2 .sp_t_ic_help{background:url(/images/x2/t_ic_help.png) no-repeat;background-size:16px 16px;}

#sfbar .h1{padding:3px 5px;border-radius:3px;    color:#fff;background-color:#f30;background-image:linear-gradient(to right, #f60, #f00);}
#sfbar .c0{padding:2px 4px;border-radius:3px 0 0 3px;box-shadow:none !important;color:inherit !important;background-color:transparent !important;}
#sfbar .c1{padding:2px 4px;border-radius:3px 0 0 3px;box-shadow:1px 1px 1px rgba(0,0,0,.2);color:#300;background-color:#fdd;}
#sfbar .c2{padding:2px 4px;border-radius:3px 0 0 3px;box-shadow:1px 1px 1px rgba(0,0,0,.2);color:#003;background-color:#ddf;}
#sfbar .c3{padding:2px 4px;border-radius:3px 0 0 3px;box-shadow:1px 1px 1px rgba(0,0,0,.2);color:#033;background-color:#dff;}
#sfbar .c4{padding:2px 4px;border-radius:3px 0 0 3px;box-shadow:1px 1px 1px rgba(0,0,0,.2);color:#300;background-color:#FFF9DD;}
#sfbar .c5{padding:2px 4px;border-radius:3px 0 0 3px;box-shadow:1px 1px 1px rgba(0,0,0,.2);color:#030;background-color:#dfd;}
#barhead{margin-bottom:1px;}
#barhead a.st{color:#fff;background-color:#4E6EF2;padding:3px 5px;border-radius:3px;text-decoration:none;}
#barhead a.st2{color:#630;background-color:#FFE793;box-shadow: 1px 1px 1px rgba(0,0,0,.2);font-weight:bold;padding:3px 5px;border-radius:3px;text-decoration:none;}

#barhead a.st{background-color:#036;}

.fliph{
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: fliph; /*IE*/
}

.txt-light{
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
	background-color:#FFFF80;
}
.btn-round{
	background-color:#fff;
	box-shadow:0px 1px 1px rgba(0,0,0,0.15);
	border:1px solid rgba(0,51,102, 0.5);
	padding:7px 14px;
	font:14px/1 arial;
	border-radius:14px;
	display:inline-block;
	text-decoration:none;
}
.btn-round:hover{
	background-color:#036;
	color:#fff;
	text-decoration:none;
}
#sfwiki{
	clear:both;
	padding:9px 0px 18px 0px;
	margin:0 12px;
	line-height:1.75;
	color:#567;
}

#sflink{
	clear:both;
	padding:5px 12px 15px 12px;
	text-align:center;
}

.tooltip{
	position: relative;
	display: inline-block;
	*display:inline;
}
.tooltip .tooltiptext{
	line-height:23px;
	visibility: hidden;
	width: 160px;
	top: 160%;
	left: 50%;
	margin-left: -80px;
	background-color: black;
	color: #fff;
	padding: 7px 12px;
	border-radius: 5px;
	position: absolute;
	z-index: 3002;
}
.tooltip:hover .tooltiptext{
	visibility: visible;
}

#colorpanbg{z-index:3007;}
#colorpanel{z-index:3008;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}

body .layui-layer-tips .layui-layer-content{font-size:14px;}
body .pop-save .layui-layer-content{padding:20px;}