html {
	padding-bottom: 60px;
	overflow-y: auto;
}

body {
	overflow-y: auto;
}

a:hover{
	text-decoration: none;
}

.main {
	padding: 10px;
}

.area {
	position: relative;
	margin-bottom: 10px;
	background-color: #F5F5F5;
	height: 50px;
	line-height: 50px;
}

.area-choose,
.area-level {
	margin-left: 50px;
}

.area-sel {
	min-width: 200px;
	height: 30px;
	padding: 0 10px;
	color: #999;
}

.btn label {
	margin-right: 10px;
}

.area-btn {
	margin-right: 4.5%;
}

.area-btn a {
	line-height: 25px;
	margin-left: 10px;
	margin-top: 8px;
}

.industry-box {
	margin-bottom: 10px;
	padding: 0 5px;
	line-height: 60px;
	background-color: #C9E4FF;
	overflow: hidden;
}

.industry-operating {
	position: relative;
	width: 100%;
	padding: 0 10px;
	line-height: 40px;
}

.industry-operating td {
	text-align: center;
}

.industry-operating .glyphicon-chevron-up,
.industry-operating .glyphicon-chevron-down{
	color: #fff;
}

.industry-sel {
	height: 30px;
	padding: 0 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	color: #999;
	width: 230px;
}

.change-btn {
	display: inline-block;
	margin-top: 5px;
	padding: 0 20px;
	border-radius: 10px 10px 0 0 !important;
	background-color: #EAF5FF;
}

.active {
	/*font-size: 1.5rem;*/
	color: #2B79C8;
	background-color: #FFF;
}

.add-department,
.del-industry{
	line-height: 20px;
	margin-left: 10px;
}

.industry-board {
	width: 100%;
	background-color: #FAFAFA;
	overflow: hidden;
}

.white-btm {
	width: calc(100% +20px);
	padding: 0 5px;
	border-bottom: 5px solid #C9E4FF;
}

.department-wrapper,
.principal-box{
	position: relative;
	margin: 5px 0;
	padding: 5px;
	background-color: #EAF5FF;
}

.principal-box{
	display: none;
}

.department-operating {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

.department-operating td {
	position: relative;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	padding-bottom: 5px;
}

.department-info {
	position: relative;
	padding: 0 0 0 110px;
}

.department-sel {
	width: 100%;
	height: 30px;
	padding: 0 10px;
	border: 1px solid #ccc;
	color: #999;
}

.department-lab {
	position: absolute;
	left: 0;
	width: 110px;
	text-align: right;
}

.department-oipt {
	width: 100%;
	height: 30px;
	padding: 0 10px;
	border: 1px solid #ccc;
}

.department-show {
	position: absolute;
	top: 14px;
	right: 5px;
}

.principal,
.principal-wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
}

.principal td,
.principal-wrapper td {
	vertical-align: top;
	line-height: 30px;
	height: 30px;
	padding: 5px 0 0 0;
	
}

.principal td input,
.principal-wrapper td input {
	border: 1px solid #ccc;
}

.principal-add,
.principal-del {
	vertical-align: middle;
	font-size: 2rem;
}

.principal-add {
	color: #2DA7F5;
}

.principal-del {
	color: #E45E5E;
}

.principal-ipt {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
}

.prompt{
	position: absolute;
	top: 0;
	left: 25px;
	color: #ccc;
}

.sel {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid #ccc;
	color: #999;
}

.del-principal,
.add-principal {
	cursor: pointer;
}