*{
    margin: 0;
    overflow: hidden;
}
html,body{
    height: 100%;
}
/* 画布 */
#root {
    height: 100%;
    width: 100%;
	background-color: /* #2C3E50 */ #2e4e7e;
	position: absolute;
}
#top-tab {
    width: 100%;
    height: 10%;
    background-image: url(../image/head_bg.png);
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}
#top-tab h1{
    color:white;
    line-height: 94px;
    text-align: center;
}

#showTime {
    width: 350px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0px;
    color:white;
    line-height: 80px;
    text-align: center;
    font-size: 20px;
}
#showTime {
	float: right;
}

table,th,td {
	border: 1px solid #fff;
	cursor: default;
	
}
th {
	height: 50px;
	width: 50px;
	background-color: /* #223962 */#3a4a5a;
}
td {
	cursor: pointer;
}

#main-tab {
	margin-top: 1%;
	width: 98%;
	align: center;
	color: #d9d9d9;
	margin-left: 1%;
}
#main-tab td {
   width: 50px;
   height: 50px;
   border-collapse: collapse;
   text-align: center;
   
}
/*.normal {*/
/*	background-color: #009966;*/
/*}*/
.nor-mal {
	background-color: #3a4a5a;
}

.hover{background-color: #016165;cursor:pointer;}
/* 弹出层 */
#details {
	width: 98%;
	height: 95%;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 5px 20px #000;
	border-radius: 15px;
	position: relative;
	top:2.5%;
	left:1%;
	display: none;
	
}
#details .head {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	/* background-color: #016165; */
}
#details h2 {
	display: inline-block;
}
button {
	display: inline-block;
	height: 30px;
	width: 80px;
	background-color: #009966;
	border: 1px #009966;
	border-radius: 30px;
	margin-top: 10px;
	margin-right: 10px;
}
/* 甘特图 */
#details-tab {
	background-color: #282c35;
	width: 90%;
	height: 90%;
	margin-left: 5%;
	
}
#details-tab th {
	height: 50px;
	width: 50px;
}
#details-tab td {
	height: 50px;
	width: 50px;
}