.div_tab {
	position:absolute;
	box-sizing:border-box;
	z-index:5;
	top:40px;
	left:0;
	right:0;
	height:40px;
	border-bottom:#C0D0E0 1px solid;
	background:#F0F8FF;
}

.div_tab_on, .div_tab_off {
	position:relative;
	float:left;
	box-sizing:border-box;
	margin:0 2%;
	width:21%;
	height:39px;
	font-size:16px;
	text-align:center;
	line-height:39px;
}

.div_tab_on {
	border-bottom:#0090FF 2px solid;
	color:#0090FF;
}

.div_tab_off {
	color:#8090A0;
}

.div_filter_group {
	display:none;
	position:absolute;
	z-index:2;
	top:80px;
	bottom:0;
	left:0;
	right:0;
	padding:8px;
	background:#FFFFFF;
	overflow:auto;
}

.div_filter_off, .div_filter_on {
	position:relative;
	height:36px;
	border-bottom:#E0E0E0 1px solid;
	font-size:12px;
	text-align:center;
	line-height:36px;
}

.div_filter_off {
	color:#A0A0A0;
}

.div_filter_on {
	color:#0090FF;
}

.div_filter_code {
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:36px;
	font-size:14px;
	line-height:36px;
	text-align:left;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_filter_name {
	position:absolute;
	top:0;
	left:80px;
	right:32px;
	height:36px;
	font-size:14px;
	line-height:36px;
	text-align:left;
	text-overflow:ellipsis;	  
	white-space:nowrap;	   
	overflow: hidden;
}

.div_filter_mark_off, .div_filter_all_off {
	position:absolute;
	box-sizing:border-box;
	top:8px;
	right:4px;
	width:20px;
	height:20px;
	background:url(../icon/filter_off.png);
	background-size:100%;
}

.div_filter_mark_on {
	position:absolute;
	box-sizing:border-box;
	top:8px;
	right:4px;
	width:20px;
	height:20px;
	background:url(../icon/filter_on.png);
	background-size:100%;
}

.div_filter_all_on {
	position:absolute;
	box-sizing:border-box;
	top:8px;
	right:4px;
	width:20px;
	height:20px;
	background:url(../icon/filter_all.png);
	background-size:100%;
}

.div_filter_del {
	position:absolute;
	top:0;
	right:0;
	width:36px;
	height:36px;
	background:url(../icon/del2.png) no-repeat center;
	background-size:20px 20px;
}

/********** DATE **********/	

.div_date_label {
	position:relative;
	margin:2px 12px;
	color:#A0A0A0;
	font-size:12px;
}

.div_date_group {
	position:relative;
	margin:2px 8px 16px 8px;
	background:#F8F8F8;
	border-radius:4px;
	overflow:hidden;
}

.div_date_item {
	position:relative;
	float:left;
	height:48px;
}

.width_50p {
	width:50%;
}

.width_40p {
	width:40%;
}

.width_20p {
	width:20%;
}


.div_date_period {
	position:relative;
	margin:8px auto;
	box-sizing:border-box;
	width:128px;
	height:32px;
	border-radius:16px;
	font-size:16px;
	line-height:32px;
	text-align:center;
}

.div_date_quarter {
	position:relative;
	margin:8px auto;
	width:100px;
	border-radius:16px;
	height:32px;
	font-size:16px;
	line-height:32px;
	text-align:center;
}

.div_date_month {
	position:relative;
	margin:8px auto;
	width:32px;
	height:32px;
	border-radius:16px;
	font-size:16px;
	line-height:32px;
	text-align:center;
}

.div_date_on {
	background:#0090FF;
	color:#FFFFFF;
}

.div_date_off {
	background:#FFFFFF;
	color:#0090FF;
}

.div_date_none {
	background:#FFFFFF;
	color:#A0A0A0;
}

/************** CHART *************/

.div_chart {
	position:absolute;
	top:80px;
	bottom:40px;
	left:0;
	right:0;
	padding-top:12px;
	background:#FFFFFF;
}

.div_option {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:40px;
	background:#F0F8FF;
}

.div_option_item {
	position:relative;
	float:right;
	margin:5px 20px;
}