html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 21px;
	text-decoration: none;
}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
body {
	font-size: 13px;
	font-family: "RobotoBoldCondensed", Arial, 黑体, 微软雅黑, Helvetica, sans-serif;
	color: #666;
	line-height: 21px;
}
/*title style*/
h1,h2,h3,h4,h5,h6,.font-h1,.font-h2,.font-h3,.font-h4,.font-h5,.font-h6 {
	font-family: "RobotoBoldCondensed", Arial, 黑体, 微软雅黑, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
h1,.font-h1 {
	font-size: 32px;
}
h2,.font-h2 {
	font-size: 28px;
}
h3,.font-h3 {
	font-size: 24px;
}
h4,.font-h4 {
	font-size: 18px;
}
h5,.font-h5 {
	font-size: 16px;
	font-weight: bold;
}
h6,.font-h6 {
	font-size: 14px;
}
.aps-label-middle {
	font-size: 14px;
}
small {
	font-size: 11px;
}
.tableTitle {
	margin: 0px 0 20px 0;
	border-bottom: 2px solid #FB9337;
	padding-bottom: 5px;
	padding-right: 20px;
	display: inline-block;
}
ul, ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.vernav2 ul li .childli {
	display: flex;
    align-items: center;
}
/**left menu css style **/
.vernav2 { width: 240px; position: absolute; left: 0; top: 85px; height:100%; border-right: 1px solid #ddd; }
.vernav2 ul { list-style: none; margin: 0; }
.vernav2 ul li i { font-size: 17px; padding: 11px 12px; }
.vernav2 ul li { display: block; position: relative; border-bottom: 1px solid #eee; }
.vernav2 ul ul li { padding: 8px 0px; border-left: 1px dashed #ccc; }
.vernav2 ul li .childli .parentlabel { padding: 9px 9px; color: #32415a; text-transform: uppercase; flex-grow:1;cursor: pointer; }
.vernav2 ul li .childli:hover { background-color: #fcfcfc; }
.vernav2 ul li ul li:hover .linechild { visibility: hidden; }
.vernav2 ul li ul li:hover .childlabel { color: #666; }
.vernav2 ul li .current { background-color: #f7f7f7; }
.vernav2 ul li .current .parentlabel { color: #fb9337; flex-grow:1}
.vernav2 ul li .current i { color: #fb9337; }
.vernav2 ul li ul .current { background-color: #ffffff; color: #fb9337; }
.vernav2 ul ul { margin: 0; padding-left: 10px; border-top: 1px solid #eee; display: none; }
.vernav2 ul ul li { border-bottom: 0; }
.vernav2 ul ul li .childlabel { color: #999; padding-left: 10px; cursor: pointer; text-transform: uppercase; display: flex;}
.vernav2 ul ul .current .childlabel { color: #fb9337; }
.vernav2 ul li ul .current:hover .linechild { visibility: hidden; }
.vernav2 ul li ul .current:hover .childlabel {color: #fb9337; }
.vernav2 ul ul li .linechild { width: 12px; height: 0px; border: 1px dashed #ccc; border-bottom: none; border-left: none; border-right: none; display: block; float: left; position: relative; top: 10px; }
.vernav2 ul ul li:last-child { border-bottom: 0; }
.vernav2 ul li .current ul { display: block; }
.vernav2 ul li .icon-down-open-mini { float: right; }

.iconmenu ul ul { padding-left: 25px; }

.menucoll2 { width: 45px; }
.menucoll2 ul li { position: relative;}
.menucoll2 ul li .icon-down-open-mini { display: none; }
.menucoll2 ul li .parentlabel { display: none; }
.menucoll2 ul ul li .linechild { display: none; }
.menucoll2 ul ul li { border-left: none; }
.menucoll2 ul ul {
	position: absolute; z-index: 100; top: 0; left: 45px; padding: 0; width: 200px; background: #fff; border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1); box-shadow: 2px 1px 3px rgba(0,0,0,0.1);
}
.menucoll2 ul ul li { display: block; border-bottom: 1px solid #eee; height: auto; }
.menucoll2 ul li .current ul { display: none; }

.togglemenu {
	border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; height: 21px; cursor: pointer;
	margin: 10px; text-align: center;
}
.togglemenu .lineleft { width: 92px; height: 0px; border: 1px solid #ddd; border-bottom: none; border-left: none; border-right: none; display: block; float: left; position: relative; top: 10px; }
.togglemenu .lineright { width: 92px; height: 0px; border: 1px solid #ddd; border-bottom: none; border-left: none; border-right: none; display: block; float: right; position: relative; top: 10px; }
.togglemenu_collapsed { background-position: center -21px; margin: 10px 5px; border-width: 0; }
.togglemenu_collapsed .lineleft { display: none; }
.togglemenu_collapsed .lineright { display: none; }
.vernav .togglemenu { margin: 10px; }
.vernav .togglemenu_collapsed { width: 35px; margin: 10px auto; border-width: 1px; }

/***** 8. PAGE HEADER STYLES *****/
/*********************************/

.pageheader { padding-top: 20px; background: url(images/noise.white.png); position: relative; }
.pageheader .pagetitle {
	margin: 0 0px 8px 16px; color: #666; font-weight: normal; font-size: 28px; text-transform: none;
}
.pageheader .pagedesc { color: #666; padding: 20px 20px 0 20px; }

.notab { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; text-align: left; }

/***** 11. CENTER CONTENT STYLES *****/
/*************************************/
.centercontent { left: 241px; position: relative; margin-top: 3px; float: left; }

.withmenucoll .centercontent { left: 56px; }
.withmenucoll2 .centercontent { left: 46px; }

/**System Report Environment**/
.environment { height: 140px; width: 100%; }
.environmentpcss { float: left; }
.environment ul { height: 80px; width: 100%; }
.environment .environment_module {height: 80px; width: 49%; float: left; }
.environment .horizontal_line { height: 1px; background-color: #e9e9e9; width: 100%; float: left; }
.environment .vertical_line { height: 80px; background-color: #e9e9e9; width: 1px; float: left; }
.environment ul li { height: 100%; width: 25%; float: left; text-align: center; }
.environment .environment_val { margin-top: 10px; border-radius: 5px; background: #e9e9e9; }
.environment .environment_val .val,.environment .environment_module .module_val { height: 50px; line-height: 50px; width: 100%; text-align: center; font-size: 20px; }
.environment .environment_val .unit,.environment .environment_module .module_unit { height: 30px; line-height: 30px; width: 100%; font-size: 14px; text-align: center; }
.environment .environment_val div label { height: 30px; line-height: 30px; float: right; margin-right: 30px; }
.environment .environment_module .module_unit label { height: 30px; line-height: 30px; }
.button_item div.label { line-height: 24px; height: 24px; margin-right: 5px; float: right; width: 40px; text-align: center; border: solid 1px #bbb; border-radius: 2px; cursor: pointer; }
.button_item div.label_select { color: #ff8200; border: solid 1px #ff8200; }
.button_item div.label:hover { color: #FF8200; border: solid 1px #ff8200; }
#table_below ul li { float: left; height: 26px; width: 26px; line-height: 32px; text-align: center; border: solid 1px #bbb; margin-left: 8px; }
#table_below ul li i { width: 15px; height: 15px; font-size: 17px; color: #bbbbbb; margin-top: 5px !important; }
#table_below ul li.active { border: solid 1px #333; }
#table_below ul li.active i { color: #333; }
#table_below ul li.active:hover { border: solid 1px #FF8200; }
#table_below ul li.active:hover i { color: #FF8200; }
.environment .environmentModule { width: 45%; height: 26px; float: left; margin-right: 2%; margin-top: 30px;}
.environment .storageEnvironmentModule { width: 28%; height: 26px; float: left; margin-right: 2%; margin-top: 30px; }
.environment .environmentStorageModule { width: 70%; height: 26px; float: left; margin-right: 1%; margin-top: 30px; }
.environment .environmentStorageModuleright { width: 70%; height: 26px; float: right; margin-right: 38%; margin-top: 30px; }
.environment .environmentModule .module_title { height: 26px; line-height: 26px; font-size: 12px; font-weight: bold; width: 32%; float: left; text-align: center; border: 1px solid #8DC733; background-color: #8DC733; color: #ffffff; }
.environment .environmentModule .module_content { height: 26px; line-height: 28px; width: 65%; float: left; text-align: center; border-bottom: 2px solid #8DC733; font-size: 20px; font-weight: 700; }
.environment .environmentModule .module_content span { font-size: 12px; float: right; margin-right: 3px; line-height: 34px; }
.environment .storageEnvironmentModule .module_title { height: 26px; line-height: 26px; font-size: 12px; font-weight: bold; width: 32%; float: left; text-align: center; border: 1px solid #8DC733; background-color: #8DC733; color: #ffffff; }
.environment .storageEnvironmentModule .module_content { height: 26px; line-height: 28px; width: 50%; float: left; text-align: center; border-bottom: 2px solid #8DC733; font-size: 20px; font-weight: 700; }
.environment .storageEnvironmentModule .module_content span { font-size: 12px; float: right; margin-right: 3px; line-height: 34px; }
.environment .meterEnvironmentModule { width: 45%; height: 26px; float: left; margin-right: 2%; margin-top: 30px; }
.environment .meterEnvironmentModule .module_title { height: 26px; line-height: 26px; font-size: 12px; font-weight: bold; width: 32%; float: left; text-align: center; border: 1px solid #8DC733; background-color: #8DC733; color: #ffffff; }
.environment .meterEnvironmentModule .module_content { height: 26px; line-height: 28px; width: 50%; float: left; text-align: center; border-bottom: 2px solid #8DC733; font-size: 20px; font-weight: 700; }
.environment .meterEnvironmentModule .module_content span { font-size: 12px; float: right; margin-right: 3px; line-height: 34px; }

#left_body .left_body_up { height: 210px; width: 50%; float: left; margin-top: 20px; }
#left_body .left_body_upStorage { height: 130px; width: 120%; float: left; margin-top: 20px; }
@font-face {
	font-family: 'fontello';
	src: url('svg/fontello.eot');
	src: url('svg/fontello.eot') format('embedded-opentype'),
		url('svg/fontello.woff') format('woff'),
		url('svg/fontello.ttf') format('truetype'),
		url('svg/fontello.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.demo-icon {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* You can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/** img vague */
img {
	image-rendering: optimizespeed;
	image-rendering: -moz-crisp-edges;/* Firefox */
	image-rendering: -o-crisp-edges;/* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;/* IE */
}

.icon-help-circled-1 {
	animation: masked-animation 2s 5 ease-in-out;
}
.icon-help-circled-1:hover {
	animation: masked-animation 2s infinite ease-in-out;
}

@keyframes masked-animation {
	0% {
		transform: rotateY(0deg);
	}
	40% {
		transform: rotateY(180deg);
	}
	80% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(0deg);
	}
}

/* 改小版的select */
#ecuchartbtm .selector {
	width: 140px;
}
#ecuchartbtm .selector span {
	width: 90px;
}
#ecuchartbtm .selector select {
	width: 140px;
}
.faq_title { line-height: 34px; font-size: 20px; margin: 10px 0px; }
.faq_content { line-height: 21px; font-size: 13px; }