

/*
These styles are for the sample pages,
and have no impact on the use or functionality
of the jQuery Filter Table Plugin.

Plugin related styling is contained within
each sample page.
*/

/* generic page styling */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { background: url(background.png) repeat-x;-webkit-font-smoothing: antialiased; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 100%; margin: 0 auto; max-width: 1000px; padding-bottom: 3em; }


h2 { margin-top: 1em; padding-top: 1em; border-top: 2px solid #eee; }

li { margin-bottom: 0.5em; }

/* generic table styling */
table { border-collapse: collapse; width: 100%; }
th, td { padding: 5px; }
th { border-bottom: 2px solid #999; background-color: #eee; vertical-align: bottom; text-align: left; }
td { border-bottom: 1px solid #ccc; }
.header {
  
  text-align: center;
  padding: 20px;
}
.topnav {
  margin:0 10px;
  overflow: hidden;
  background-color: #000;
}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
 
/* 链接 - 修改颜色 */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
 .leftnav { 
            float: left;
            width: 200px;
            
        }
		 #status { 
            float: left;
            width: 265px;
            
        }
.content {
	   float: right;
       width: 700px;
            height: 500px;
            
}
.textarea{
	margin: 0 10px 0 auto;
	
}
.highcharts-figure, .highcharts-data-table table {
    min-width: 360px; 
    max-width: 800px;
    
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }

.symbol{
	font-size:0.8em;
	
}

fieldset{
	float: left;
            width: 100%;
}
#infor{font-size:0.8em;
font-family: Arial;}
.upload{   position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    background-color: rgb(0, 0, 0);  
    filter: alpha(opacity=60);  
    background-color: rgba(0, 0, 0, 0.6); 
    z-index: 9999;} 