#quickJump{
	padding:20px 0 0 20px;
}

#quickNav{
	margin-left:20px;
	height:54px;
	width:100%;
	line-height:54px;
}
#quickNav i{
	margin-top:3px;
}

#content{
	width:100%;
	height:180px;
}
#content-left{
	float:left;
	margin-left:20px;
	width:58%;
	height:180px;
}
#content-right{
	float:right;
	margin-right:20px;
	width:37%;
	height:180px;
}
#content .up{
	width:100%;
	border:1px solid #d5dee8;
	border-bottom:none;
}
#content .up span{
	height:34px;
	line-height:34px;
	padding-left:20px;
}
#content-left .up select{
	float:right;
	margin-right:20px;
	margin-top:7px;
	height:20px;
	line-height:20px;
	width:150px;
	padding:0px;
	font-size:12px;
	color:#4c637b;
	border:none;
	outline:none;
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 鍜�Chrome */
    background:url(../images/triangle1.png) no-repeat 95% 50%;
    background-color:#f2f6fa;
}
#content-left .up select option{
	height:14px;
	font-size:12px;
}
#content .down{
	width:100%;
	height:140px;
	border:1px solid #d5dee8;
}
#content .down .data-up{
	width:100%;
	height:35px;
	line-height:35px;
	border-bottom:1px solid #d5dee8;
}
#content .down .data-up span:first-of-type{
	margin-left:20px;
}

#click i,#exposure i{
	float:right;
	margin-top:12px;
	margin-right:10px;
}

#content .down .data-down{
	width:100%;
	height:82px;
	text-align:center;
	line-height:82px;
}
#exposure{
	float:left;
	width:30%;
	height:118px;
	border:1px solid #d5dee8;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:5px;
}
#exposure:hover{
	background:#36aeea;
	color:#fff;
	border:none;
}
#click{
	float:left;
	width:30%;
	height:118px;
	border:1px solid #d5dee8;
	margin:10px 0px 10px 20px;
	border-radius:5px;
}
#click:hover{
	background:#36aeea;
	color:#fff;
	border:none;
}
#accountBalance{
	float:right;
	width:30%;
	height:118px;
	border:1px solid #d5dee8;
	margin:8px 20px 10px 0px;
	border-radius:5px;
}
#accountBalance:hover{
	background:#36aeea;
	color:#fff;
	border:none;
}
#content-right select{
	margin-top:53px;
	margin-bottom:53px;
	margin-left:20px;
	height:34px;
	width:150px;
	border-radius:5px;
	padding:0px;
	font-size:12px;
	color:#4c637b;
	border:none;
	outline:none;
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 鍜�Chrome */
    background:url(../images/triangle1.png) no-repeat 95% 50%;
    background-color:#f2f6fa;
}

#content-right .down button{
	margin-left:20px;
	margin-top:53px;
	margin-bottom:53px;
	height:34px;
	width:150px;
	border-radius:5px;
	font-size:12px;
	color:#fcfdfc;
	border:none;
    background-color:#36aeea;
}

/*************************浠ヤ笅鏄浘琛ㄥ拰琛ㄦ牸鐨勮缃�******************************/
#diagram{
	width:97%;
	margin:0px 20px;
}
#diagramHead{
	width:303px;
	margin:auto;
	height:34px;
}

#diagramHead span{
	position:relative;
	/* top:1px; */
	float:left;
	display:block;
	width:150px;
	height:33px;
	line-height:33px;
	text-align:center;
	cursor:pointer;
	/* z-index:10; */
}
#diagramHead span:first-child{
	border-left:1px solid #d5dee8;
	border-top:1px solid #d5dee8;
	border-bottom:1px solid #ffffff;
}
#diagramHead span:last-child{
	border:1px solid #d5dee8;
	border-bottom:none;
}

/****鍥捐〃鐨勮缃�***/
#chartContent{
	width:100%;
	height:500px;
}
#chartContent  .chart-up{
	width:97%;
	height:98px;
	border:1px solid #d5dee8;
}

#pagecontent #chartContent  .chart-up .pull-down{
	width:150px;
	height:58px;
	padding:0px;
	margin:0px 20px important!;
	float:left;
}
#chartContent  .chart-up span.span{
	display:block;
	 height:24px;
	width:150px;
	margin: 10px 0 0 20px;
}
#chartContent  .chart-up .pull-down select{
	height:34px;
	width:150px;
	border-radius:5px;
	font-size:12px;
	color:#4c637b;
	border:none;
	outline:none;
	appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 鍜�Chrome */
    background:url(../images/triangle1.png) no-repeat 95% 50%;
    background-color:#f2f6fa;
    margin: 10px 0 0 20px;
}

#chartContent  .chart-up .time-period{
	width:250px;
	height:58px;
	padding:0px;
	margin:0px 50px;
	float:left;
}
#date-range{
	height:34px;
	padding-left:10px;
	line-height:34px;
	border:1px solid #d5dee8;
	cursor:pointer;
	float:left;
	margin: 10px 19px;
	border-radius:5px;
}
#date-range input{
	margin-left:14px;
	margin-top:-70px;
	width:190px;
	border:none;
	outline:none;
	background-color:#ffffff;
	cursor:text;
}
#date-range i{
	margin-top:3px;
}
#date-range b{
	margin-top:17px;
	margin-right:10px;
}

#chartContent  .chart-up .right{
	height:58px;
	padding:0px;
	margin:20px;
	float:right;
}
#chartContent  .chart-up .right span.time{
	margin-left:12px;
	color:#344c67;
	cursor:pointer;
}
#chartContent  .chart-up .right span.time:nth-child(2){
	color:#36aeea;
}
#chartContent  .chart-up .right form{
	margin-top:10px;
	margin-left: 10px;
}
#chartContent  .chart-up .right form span{
	margin-top:10px;
	margin-left: 10px;
}
#chartContent  .chart-up .right form input[type="radio"]{
	margin-top:2px;
	margin-left:-6px;
	opacity:0.8;
}
#chartContent  .chart-up .right span{
	margin-right:10px;
	color:#344c67;
}

#chartContent  .chart-down{
	position:relative;
	 height:465px;
	 width:96.3%;
	border-bottom:1px solid #d5dee8;
	border-left:1px solid #d5dee8;
	border-right:1px solid #d5dee8;
	 border-top:none;
	padding:5px;
	padding-top:20px;
}

#chartContent .chart-down-left{
	margin-left:20px;
	margin-bottom:10px;
}
#chartContent  .chart-down-right{
	position:absolute;
	top:20px;
	right:20px;
}

#sheetContent{
	display:none;
	height:500px;
	/* background-color:red; */
	border-top:1px solid #d5dee8;
	border-bottom:1px solid #d5dee8;
	border-left:1px solid #d5dee8;
	border-right:1px solid #d5dee8;
	padding:20px; 
	 width: 94.5%;
}
#sheetContent table{
	border-collapse:collapse;

}
#sheetContent table th,#sheetContent table td{
	border:1px solid #d5dee8;
	text-align:center;
	verticle-align:middle;
}

#paged{
	float:right;
}
#quickJump span a{
	text-decoration:none;
	color:#0088CC;
}

#data_number{
	height:130px;
	margin:20px;
}
#data_number .today{
	height:30px;
	padding-left:20px;
	line-height:30px;
	border:1px solid #d9dddc;
	border-bottom:none;
} 
#data_number table td{
	height:79px;
	width:20%;
	border:1px solid #d9dddc;
}
#data_number td:first-child{
	background-color:#36aeea;
	color:#ffffff;
}

#data_number td:hover{
	background-color:#36aeea;
	color:#ffffff;
	cursor:pointer;
}

#diagram{
	margin-top:30px;
	padding:0px;
}
#baseTitle{
	margin-top:20px;
	text-align:center;
}

.dataTables_paginate.pagination {
    margin: 0;
}