@CHARSET "UTF-8";
/*PC端显示的时候，首先隐藏手机端*/
div#mobile{
	display:none;
}
div#manage_top{
	width:100%;
	height:100px;
	background:url(../../../Public/Home/images/manage/admin_bg_top2.png);
	border-top:2px solid #ccc;
}
div#manage_top dl.manage_logo{
	width:503px;
	heihgt:67px;
}
dl.manage_gray{
	width:100%;
	height:28px;
	background:#eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ddd;
}
dl.manage_gray dd{
	width:78px;
	height:25px;
	margin:3px 0 0 10px;
	line-height:26px;
	text-align:center;
	font-size:13px;
	border:1px solid #ccc;
	border-bottom:none;
	border-radius:6px 6px 0 0;
	background:#5A9CD0;
	float:left;
}
dl.manage_gray dd.click{
	background:#0F3D4C;
}
dl.manage_gray dd:hover{
	background:#fff;
}
dl.manage_gray dd a{
	text-align:center;
	height:25px;
	display:block;
	color:#eee;
}
dl.manage_gray dd a:hover{
	color:orange;
	
}
table#manage_middle{
	width:100%;
}
/*管理后台左边导航CSS*/
table#manage_middle td#manage_left{
	vertical-align:top;
	width:220px;
	text-align:center;
	background:#eee;
	height:660px;
}
div.group01,div.group02,div.group03{
    width:100%;
    height:35px;
    line-height:35px;
    font-size:15px;
    color:#333;
    text-align:center;
    background:#ddd;
    letter-spacing:2px;
    font-weight:bold;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}
dl.daohang_left01,dl.daohang_left02,dl.daohang_left03{
	width:100%;
	margin:0 auto;
	padding-bottom:15px;
}
td#manage_left dd{
	margin:2px auto;
	width:100%;
	height:28px;
	line-height:28px;
	font-size:14px;
	color:#444;
	letter-spacing:1px;
	text-align:left;
	text-indent:30px;
	border-bottom:1px solid #ddd;
}
td#manage_left dd.jigou{
	display:table;
	width:95%;
	height:20px;
	line-height:20px;
	text-indent:0;
	letter-spacing:0;
	font-size:12px;
}
td#manage_left dd.jigou:hover{
	color:#444;
	background:none;
}
td#manage_left dd:hover,td#manage_left dd.click{
	color:#fff;
	background:#5A9CD0 url(../../../Public/Home/images/dot7.png) no-repeat 95% center;
}
table#manage_middle td#manage_left dd a{
	display:block;
}
table#manage_middle td#manage_left dd a.click{
	color:#fff;
	font-weight:bold;
}
table#manage_middle td#manage_left dd a:hover{
	color:#fff;
}
td#manage_left dl.daohang_left03{
	display:table;
	margin-bottom:20px;
}
td#manage_left dl.daohang_left03 dd{
	width:85px;
	height:24px;
	line-height:24px;
	margin:3px 0 3px 15px;
	background:none;
	float:left;
	background:#f6f6f6;
	text-align:center;
	text-indent:0;
}
table#manage_middle td#manage_left dl.daohang_left03 dd a.click,table#manage_middle td#manage_left dl.daohang_left03 dd a:hover{
	color:orange;
	font-weight:bold;
}
td#manage_left a{
	color:#444;
}

table#manage_middle td#manage_right{
	background:#eee;
	vertical-align:top;
}
table.content_right{
	width:90%;
	margin:10px auto;
	border-collapse:collapse;
	
}
table.content_right tr:hover{
	background:#ddd;
}
table.content_right caption{
	margin:10px auto;
	font-size:18px;
	color:#444;
	font-weight:bold;
	width:80%;
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #ccc;
	margin-top:0;
	letter-spacing:3px;
}
table.content_right caption a{
	font-size:13px;
	font-weight:normal;
	float:right;
	position:relative;
	top:6px;
}
table.content_right th{
	padding:5px 0;
	font-size:15px;
	letter-spacing:1px;
	color:#666;
	background:#ddd;
}
table.content_right td.title{
	background:url(../../../Public/Home/images/dot6.png) no-repeat 15px center;
	text-indent:27px;
}
table.content_right td{
	text-align:center;
	line-height:200% !important;
}
table.content_right td.title a{
	color:#444;
}
table.content_right td,table#manage_middle td#manage_right table.content_right th{
	height:28px;
	line-height:28px;
	font-size:13px;
	color:#444;
	padding:6px 5px;
	border:1px solid #ccc;
}
table#manage_middle td#manage_right dl{
	width:90%;
	margin:5px auto;
	color:#666;
	background:#f6f6f6;
}
table#manage_middle td#manage_right dl dt{
	width:60%;
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #999;
	margin:10px auto;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	letter-spacing:2px;
	margin-bottom:25px;
}
table#manage_middle td#manage_right dl dt img{
	display:inline-block;
	position:relative;
	margin:-7px;
	margin-right:10px;
	width:26px;
}
table#manage_middle td#manage_right dl dd{
	display:table;
	width:90%;
	height:25px;
	line-height:25px;
	margin:0 auto;
	font-size:14px;
	color:#333;
}
table#manage_middle td#manage_right dd.short{
	width:49%;
	height:20px;
	line-height:20px;
	margin:0 !important;
	float:left;
	text-indent:50px;
	border-bottom:none !important;
	
}
/*与员工相关的字段，默认隐藏*/
table#manage_middle td#manage_right dl dd.hidden{
	display:none;
	background:red;
}
table#manage_middle td#manage_right dl dd.short{
	width:45%;
	margin:4px 10px;
	float:left;
	border-bottom:1px solid #ccc;
	text-indent:30px;
	
}
table#manage_middle td#manage_right dl.photo{
	float:left;
	width:200px;
	height:200px;
	margin-top:20px;
	
}
table#manage_middle td#manage_right dl.photo dd{
	margin-top:5px;
	width:150px;
	text-aligh:center;
	padding:5px;
	border:1px solid #eee;
	border-radius:3px;
	background:#fff;
}
table#manage_middle td#manage_right dl.photo img{
	width:150px;
	height:173px;
}
table#manage_middle td#manage_right dl dd img{
	max-width:850px;
}
p#manage_footer{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	letter-spacing:2px;
	color:#eee;
	text-align:center;
	background:#2E83BA;
}
table#manage_middle td#manage_right dl.type_list{
	width:90%;
}
table#manage_middle td#manage_right dl.type_list dd{
	width:90px;
	height:25px;
	line-height:25px;
	margin:10px 5px;
	text-align:center;
	border-radius:4px;
	float:left;
	background:#5A9CD0;
}
table#manage_middle td#manage_right dl.type_list dd.click,table#manage_middle td#manage_right dl.type_list dd:hover{
	background:#0F3D4C;
}
table#manage_middle td#manage_right dl.type_list dd a{
	display:block;
	height:25px;
	line-height:25px;
	color:#eee;
}
table#manage_middle td#manage_right dl.type_list dd a.click,table#manage_middle td#manage_right dl.type_list dd a:hover{
	color:#fff;
	font-weight:bold;
}

.content_right_mobile{
	display:none;
}
/*jquery弹出的对话框CSS*/
dl.add{
	display:table;
	width:90%;
	height:200px;
	margin:0 auto;
}
dl.add dt{
	display:table;
	margin:10px auto;
	width:80%;
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #ccc;
	font-size:22px;
	text-align:center;
	color:#333;
	margin-bottom:25px;
}
dl.add dd{
	display:table;
	width:100%;
	height:22px;
	line-height:22px;
	margin:6px auto;
	font-size:13px;
	color:#333;
}
dl.add dd textarea{
	width:100%;
	height:50px;
	margin:0;
}
dl.add dd.pic{
	width:50%;
	float:left;
}
dl.add dd.pic img{
	width:300px;
	height:180px;
}
dl.add dd.pic span{
	display:block;
	font-size:16px;
	margin:15px 0 0 6px;
	color:#999;
}
/*页面头部 提示CSS*/
p.tishi{
	display:table;
	width:90%;
	height:30px;
	line-height:30px;
	margin:20px auto;
	text-indent:10px;
	font-size:15px;
	color:maroon;
	background:#fff;
}


/*媒体查询*/
@media (max-width: 767px){
/*手机端显示的时候，先隐藏PC端，然后显示手机端*/
	div#pc{
		display:none;
	}
	div#mobile{
		display:block;
		width:100%;
		height:auto;
		background:#F3F3F3;
	}
	div#mobile dl.mobile{
		width:90%;
		margin:10px auto;
		color:#333;
		font-size:14px;
	}
	div#mobile dl.mobile dt{
		height:30px;
		line-height:30px;
		margin:15px auto;
		font-size:16px;
		font-weight:bold;
		text-align:center;
	}
	div#mobile dl.mobile dd{
		height:auto;
		line-height:200%;
		margin:2px auto;
	}
	div#mobile textarea{
		margin:0;
		width:98%;
	}
	table.mobile{
		width:98%;
		margin:10px auto;
		border-collapse:collapse;
		font-size:13px;
	}
	table.mobile caption{
		font-size:16px;
		letter-spacing:1px;
		margin:10px auto;
	}
	table.mobile th{
		height:40px;
		line-height:40px;
		background:#ddd;
	}
	table.mobile th,table.mobile td{
		line-height:180%;
		color:#333;
		padding:6px 3px;
		text-align:center;
		border:1px solid #ccc;
	}
	table.mobile td a{
		color:#333;
	}
	dl.search_mobile{
		width:90%;
		margin:10px auto;
		font-size:14px;
		color:#333;
		line-height:250%;
		background:#fff;
	}
	dl.type_list{
		width:90%;
	}
	dl.type_list dd{
		width:90px;
		height:30px;
		line-height:30px;
		font-size:14px;
		margin:10px 5px;
		text-align:center;
		border-radius:4px;
		float:left;
		background:#5A9CD0;
	}
	dl.type_list dd.click,dl.type_list dd:hover{
		background:#0F3D4C;
	}
	dl.type_list dd a{
		display:block;
		height:30px;
		line-height:30px;
		color:#eee;
	}
	dl.type_list dd a.click,dl.type_list dd a:hover{
		color:#fff;
		font-weight:bold;
	}
}