@charset "utf-8";
table,td{
	border-collapse: collapse; /* IE7 and lower */
   
}

.addTit{font-weight:normal;text-align:left;margin:0 auto;padding-bottom:10px;}
.addTit a{font-weight:bold;}
.vsts_title {
	font-size: 14px;
	line-height: 1.8;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(images/control_play_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
	display: block;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
.fulldiv {
	background-image: url(images/huashi.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8;
	color: #000000;
	width: 384px;
	height: 224px;
}
.vsts_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8;
	border:1px solid #B1D0E0;	
	height: auto;
	text-align: left;
	width:99%;
	margin:0 auto;
}
.conBoxState{
	width:200px;		
	background:#fff;	
	overflow:hidden;
	float:left;
	height:120px;
	border:1px solid #dedede;
	margin:15px 0px 0px 18px;
	display:inline;
	border-radius:6px 6px 0px 0px;               
    -webkit-border-radius:6px 6px 0px 0px;  
    -moz-border-radius:6px 6px 0px 0px;  
    -o-border-radius:6px 6px 0px 0px;  
    -webkit-box-shadow: 2px 2px 2px 0px rgba(106,106,106,.2);
	-moz-box-shadow:2px 2px 2px 0px rgba(106,106,106,.2);
	-o-border-radius:2px 2px 2px 0px rgba(106,106,106,.2);
	box-shadow:2px 2px 2px 0px rgba(106,106,106,.2);
	transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	
}
.ammeterState{
	width:230px;		
	background:#fff;	
	overflow:hidden;
	float:left;
	height:158px;
	border:1px solid #dedede;
	margin:15px 0px 0px 18px;
	display:inline;
	border-radius:6px 6px 0px 0px;               
    -webkit-border-radius:6px 6px 0px 0px;  
    -moz-border-radius:6px 6px 0px 0px;  
    -o-border-radius:6px 6px 0px 0px;  
    -webkit-box-shadow: 2px 2px 2px 0px rgba(106,106,106,.2);
	-moz-box-shadow:2px 2px 2px 0px rgba(106,106,106,.2);
	-o-border-radius:2px 2px 2px 0px rgba(106,106,106,.2);
	box-shadow:2px 2px 2px 0px rgba(106,106,106,.2);
	transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
}
.ammeterState:hover{
	broder:1px solid #fe7e00;	
	background:#eaf8e8;
	box-shadow: 0 0 5px rgba(21, 143, 147, 1);
	-webkit-box-shadow: 0 0 5px rgba(21, 143, 147, 1);
	-moz-box-shadow: 0 0 5px rgba(21, 143, 147, 1);
	
}
.ammeterState .ammeterStateTab{
	border:0px;
	width:98%;
	margin:0 auto;		
}
.ammeterState .ammeterStateTab:hover{
	cursor:pointer;
}
.ammeterState .ammeterStateTab td{
	padding:5px;
}
.inverterState{
	width:200px;		
	background:#fff;	
	overflow:hidden;
	float:left;
	height:106px;
	border:1px solid #dedede;
	margin:15px 0px 0px 18px;
	display:inline;
	border-radius:6px 6px 0px 0px;               
    -webkit-border-radius:6px 6px 0px 0px;  
    -moz-border-radius:6px 6px 0px 0px;  
    -o-border-radius:6px 6px 0px 0px;  
    -webkit-box-shadow: 2px 2px 2px 0px rgba(106,106,106,.2);
	-moz-box-shadow:2px 2px 2px 0px rgba(106,106,106,.2);
	-o-border-radius:2px 2px 2px 0px rgba(106,106,106,.2);
	box-shadow:2px 2px 2px 0px rgba(106,106,106,.2);
	transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
}
.inverterState:hover{
	broder:1px solid #fe7e00;	
	background:#eaf8e8;
	box-shadow: 0 0 5px rgba(21, 143, 147, 1);
	-webkit-box-shadow: 0 0 5px rgba(21, 143, 147, 1);
	-moz-box-shadow: 0 0 5px rgba(21, 143, 147, 1);
	
}
.inverterState .inverterStateTab{
	border:0px;
	width:98%;
	margin:0 auto;		
}
.inverterState .inverterStateTab:hover{
	cursor:pointer;
}
.inverterState .inverterStateTab td{
	padding:5px;
}

/* 逆变器的四种背景色  --开始 */
.vsts_table_yellow {/*黄*/	
	border:1px solid #B1D0E0;
	background-color: #EEE685;
	color:#030b4d;	
}
.vsts_table_yellow:hover{
	backgorund-color:#eee9ab;
	color:#02072f;
} 

.vsts_table_green {/*绿*/	
	border:1px solid #B1D0E0;	
	background-color: #5eb579;
	color:#fff;		
}
.vsts_table_green:hover{
	background-color:#87d49f;
	color:#eee;
}

.vsts_table_red {/*红*/	
	border:1px solid #B1D0E0;	
	background-color: #FF2A40;
	color:#fff;
	
}
.vsts_table_red:hover{
	background-color:#fe6373;
	color:#460202;
}
.vsts_table_ash {/*灰*/		
	border:1px solid #dedede;	
    background-color: #B5B5B5;		
	color:#eee;
}
.vsts_table_ash:hover{
	color:#fff;
	background-color:#909090;	
}
/* 逆变器的四种背景色  --结束 */

.vsts_td_border {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B1D0E0;
	border-right-color: #B1D0E0;
	border-bottom-color: #B1D0E0;
	border-left-color: #B1D0E0;
}

.vsts_title:active {
	background-image: url(images/control_play_blue2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
}
.vsts_table td,.vsts_table th {
	padding:1px 8px;	
	border:1px solid #B1D0E0;
	
}
/*.vsts_table td.vsts_bg,.vsts_table th.vsts_bg{
	background: url(images/bg_33.png) repeat-x;
	background-color:#ddeef7;
	
}*/
.vsts_table th{font-weight:bold;letter-spacing:0.1em;color:#073249;}

.vsts_title_td1 {
	background-color: #DDEBFB;
	width: 40%;
}


.vsts_td_left {
	background-color: #EDF2F8;
	width: 200px!important;
	height: auto;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.vsts_cjz {
	width: 400px!important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.8;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-image: url(images/control_play_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
	text-align: left;
	border: 1px none #B1D0E0;

	*+display: block;
	height: auto;
	padding: 0px;
	display: block;
}

.vsts_bg {
	background: url(images/bg_33.png) repeat-x left bottom;
	white-space:nowrap;	
}
.vsts_table .nowrap{
    white-space:nowrap;
}

.next_input {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: red;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: red;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: red;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: red;
}

.next_button {
	border: 0px solid #CCCCCC;
	width: 58px;
	background-image: url(images/login_button.gif);
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 5px;
	line-height: 22px;
}

.next_button:hover {
	cursor:pointer;
	background-image: url(images/login_button_hover.gif);
}
.chkBtn{
    width: 64px;
    margin-top:10px;
	text-align: center;	
	line-height: 26px;
	height:26px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
     border-radius: 5px;
     -moz-text-shadow: 0 1px 1px rgba(255,255,255,.5);
	-webkit-text-shadow: 0 1px 1px rgba(255,255,255,.5);
	text-shadow: 0 1px 1px rgba(255,255,255,.5);
     border: 1px solid #dedede;
     display:inline;
     float:left;
     margin-left:15px;
     background:#fdfdfd;
     text-decoration:none;
     
 }
/* 当checkbox选中时的css */
.next_chk_true{
	cursor:pointer;	
    color:#333;
    border:1px solid #ccc;
    background:#fbf9ec\9;    
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fffef8), to(#faf8e4));
    background-image: -webkit-linear-gradient(top, #fffef8, #faf8e4);
    background-image: -moz-linear-gradient(top, #fffef8, #faf8e4);
    background-image: -ms-linear-gradient(top, #fffef8, #faf8e4);
    background-image: -o-linear-gradient(top, #fffef8, #faf8e4);
    background-image: linear-gradient(top, #fffef8, #faf8e4);
   
}
.next_chk_true:hover{
	cursor:pointer;	
    color:#fff;
    border-color:#c7dbf3\9;
    background:url(images/btnToggleBg.png) no-repeat left bottom #fbf9ec\9;    
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d6e4f5), to(#7dbaf7));
    background-image: -webkit-linear-gradient(top, #d6e4f5, #7dbaf7);
    background-image: -moz-linear-gradient(top, #d6e4f5, #7dbaf7);
    background-image: -ms-linear-gradient(top, #d6e4f5, #7dbaf7);
    background-image: -o-linear-gradient(top, #d6e4f5, #7dbaf7);
    background-image: linear-gradient(top, #d6e4f5, #7dbaf7);
   
}
/* 当checkbox木有选中时的css */
.next_chk_false,.next_chk_false:hover {		
	color:#bbb;	
	cursor:text;
	background:#f0f0f0;
	
		
}

 .chkBtnParent{
     width:170px;
     margin:10px auto;
     height:50px;
 
 }
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
.hitLink{font-size:10pt;color:#158f93;}
.hitLink:visited{color:#666;}
.hitLink:hover{color:#ffc000;text-decoration:underline;}
.settingPub{display:inline-block;_display:block;_float:left;width:24px;height:22px;background:url(images/settingIco.gif) no-repeat;text-indent:-9999px;overflow:hidden;}

.editIco{background-position:left 2px;}
.editIco:hover,.editIco:active{background-position:left 4px;}
.settingIco{background-position:left -22px;}
.settingIco:hover,.settingIco:active{background-position:1px -20px;}
.delIco{background-position:left -42px;}
.delIco:hover,.delIco:active{background-position:1px -41px;}
.enableIco{background-position:left -66px;}
.enableIco:hover{background-position:left -63px;}
.disableIco{background-position:left -90px;}
.disableIco:hover{background-position:left -88px;}
.editpasswordIco{background-position:left -116px;}
.editpasswordIco:hover{background-position:left -114px;}
.details{background-position:left -138px;}
.details:hover{background-position:left -136px;}
	
.splitPageWarp{position:relative;top:20px;width:300px;left:50%;margin-left:-150px;margin-bottom:40px;}
.splitPageWarp li{float:left;display:inline;margin-right:8px;line-height:22px;height:22px;} 
.sub-con a.splitPage{line-height:22px;height:22px;}
.splitPage{
  background-color: #dcedf7;
  border: 1px solid #adc8d8;
  text-align:center;
  color:#13274d;
  display:block;
  padding:0px 6px; 
}
.splitPage:hover{
  background-color:#226c97;
  color:#fff;
  text-decoration:none;
  border:1px solid #333;
}
.inputText{
  background:none;
  height:20px;
  line-height:20px;
  border:1px solid #ccc;
}
.splitPageWarp .inputText{
  height:16px;
  line-height:16px; 
  width:30px;
}
.turncenter{text-align:center;}
.whiteBg,.whiteBg td{background:#fff;}

/*首次登录系统注册样式  softRegister.jsp*/
.regbodyBg{background:url(images/sr_list_tb.jpg) repeat-x left -60px;}
.regcontainer{background:url(images/sr_listb.jpg) no-repeat center -60px;             
              width:708px;
              *width:700px;              
              margin:0 auto;
              overflow:hidden;
              padding-bottom:30px;
}
.regHeader{margin-top:10%;margin-bottom:10px;}
.regcontainer .vsts_table{	
	margin:0px;
	*width:100%;
}
.regcontainer .vsts_table td.vsts_bg{   
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
   /* behavior:url(images/ie-css3.htc); */  
}
.regcontainer .vsts_table,.regcontainer .vsts_table td,.regcontainer .vsts_table th{
	border-color:#dcdcdc;
}

.regHeader p{margin:0px;padding:0px;text-align:left;}
.regHeader .regLogo{background:url(images/Growattlogo.jpg) no-repeat left top;height:80px;}
.regHeader .regTit{
         width:700px;height:35px;
         background:url(images/registerTitBg.png) no-repeat;
}
.regLogo .changeLanguge{
         float:right;
         display:block;
         vertical:middle;
}

.regHeader .firstStep{
        background-position:left -35px;
}
.regHeader .secondStep{
       background-position:left -70px;

}
.regHeader .thirdStep{
      background-position:left -105px;
}
.regTit a,.regTit a:hover{   
   float:left;
   display:inline;
   width:170px;
   text-align:center;
   font:13px/35px "Microsoft Yahei",sans-serif,SimHei;   
   color:#333;   
}

 .regTit a.blodColor{
   color:#000;
   font-weight:bold;
}

/*==整个表格设置了边框，并设置了圆角==*/
.borderedcss3 { 	           
               -moz-border-radius: 6px; 
               -webkit-border-radius: 6px; 
               border-radius: 6px; 
               -webkit-box-shadow: 5px 5px 5px -2px rgba(106,106,106,.8);
               -moz-box-shadow:5px 5px 5px -2px rgba(106,106,106,.8);
               box-shadow: 5px 5px 5px -2px rgba(106,106,106,.8);
             /*  behavior:url(images/ie-css3.htc); */
               
}
.vtborderNone td{border:none;padding-top:8px;}
.vtborderNone td.vsts_bg{padding-top:0px;}
/*表格（内容-文本输入框）全局样式*/
td.tabLeftCont{
	         text-align:right;	         
	         padding-right:0px;
             font:12px/26px Arial,"Microsoft Yahei","宋体",sans-serif,SimHei;
             height:26px;
             font-size:14px;
             color:#666;

             }   /*左侧文字*/
td.tabRightCont{
             width:24%;
}             
.red{color:#f33101;margin:0 5px;}
.regInput{line-height:22px;height:22px;*line-height:20px;*height:20px;width:146px;padding:0px;margin:0px;}/*右侧文本框*/
.regInput:focus{border:1px solid  #7dbaf7;background-color:#fafbf5;}

.attentionIco{background:url(images/play_attention.png) no-repeat;
font-style:normal;text-indent:-9999px;width:22px;height:18px;display:block;float:left;}
.attentionShow{
     background-position:left -160px;
}
.attentionError{
	background-position:left top;   

}
/*Multiple Languages*/
.multiLang{color:#f9fff0;cursor:pointer;text-decoration:none;text-indent:-9999px;background:url(images/language_ico.gif) no-repeat;display:block;float:left;width:34px;height:21px;margin-right:10px;}
.regLogo .multiLang{background:url(images/language_ico_reg.gif) no-repeat right center;}
 a.en,.regLogo a.en{background-position:left center;}
 a.cn,.regLogo a.cn{background-position:-34px center;}
 a.fr,.regLogo a.fr{background-position:-68px center;}
 a.jp,.regLogo a.jp{background-position:-100px center;} 


/* 管理后台电站搜索*/
.demo_search {
	display:inline-block;
	position:relative;
	height:21px;
}
.demo_search .demo_sinput {
	float:left;
	width:120px;
	height:17px;
	line-height:17px;
	font-size:14px;
	padding:1px 3px;
	border:#A7A7A7 1px solid;
	background:white;
	color:#888;
	font-size:12px;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	outline: none;
}
.demo_search .demo_sbtn {
	cursor:pointer;
	height:21px;
	line-height:17px;
	font-size:12px;
	float:left;
	width:50px;
	margin-left:-1px;
	background:#eee;
	display:inline-block;
	padding:0 5px;
	vertical-align:middle;
	border:#A7A7A7 1px solid;
	color:#666;
}
.demo_search .demo_sbtn:hover {
	background:#ddd;
}
.demoNM{
   display:inline;
   float:right;  
}
.demoNMB{
   display:inline;
   float:left;  
}



