@charset "utf-8";

body {
	background-size: cover;/*绝对定位*/
	background: url(../images/login_bg.png) repeat fixed center center;
	background-size: cover;
}
.logo { overflow: hidden; position: absolute; height: 47px; left: 30px; top: 30px; width:100%; }
.logopic { background: url(../images/login_logo.png) no-repeat center center; height: 47px; width: 35px; float: left; }
.logoText { font: 24px "微软雅黑", "Arial Unicode MS"; float: left; color: #FFF; padding-left: 20px; display: block; }
.logoTextSmall { font: 12px "微软雅黑", "Arial Unicode MS"; float: left; color: #FFF; padding-left: 55px; display: block; position: absolute; bottom: 0px; }

.LoginBg1 {
	height: 100%;
	width: 100%;
	background: url(../images/login_bg_02.png) repeat-x fixed center bottom;
}

.Form { position: absolute; height: 400px; width: 905px; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.Form .FormLeft { height: auto; overflow: hidden; color: #FFF; text-align: center; float: left;}
.Form .FormLeft .Pic{ height: 380px; width: 500px; border-radius: 10px 0 0 10px; background-color: rgb(0,0,102,0.35) }
.mySlides {display: none;}  
.fade {  
  -webkit-animation: fade 5s infinite;  
  -moz-animation: fade 5s infinite;  
  -o-animation: fade 5s infinite;  
  animation: fade 5s infinite;  
}  
  
@-webkit-keyframes fade {  
  from {opacity: 1}   
  to {opacity: 1}  
}  
  
@-moz-keyframes fade {  
  from {opacity: 1}   
  to {opacity: 1}  
}  
  
@-o-keyframes fade {  
  from {opacity: 1}   
  to {opacity: 1}  
}  
  
@keyframes fade {  
  from {opacity: 1}   
  to {opacity: 1}  
}

.Form .FormTable { width: 360px; margin: 0 15px 0 auto; height: 380px; background-color: #FFF; padding-left: 30px; border-radius: 0 10px 10px 0 }
.Form .FormTable .Title {
	font-size: 26px;
	line-height: 34px;
	color: #1F1F1F;
	height: 34px;
	text-align: left;
	padding-top: 30px;
}
.Form .FormTable .SubTitle {
	font-size: 12px;
	line-height: 19px;
	color: #BFBFBF;
	height: 19px;
	text-align: left;
}
.Form .FormTable table {
	font-size: 12px;
	margin-top: 30px;
}
.Form .FormTable table tr {
	margin-top: 20px;
}
.Form .FormTable table th {
	font-size: 14px;
	margin-top: 20px;
	line-height: 45px;
	color: #3F3F3F;
	text-align: right;
	width: 60px;
}
.Form .FormTable table td{
	text-align: left;
}
.Form .FormTable table td input[type=text], input[type=password]{
	font-size: 14px;
	color: #3F3F3F;
	border-bottom: 1px solid #D5D5D5;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	line-height: 40px;
	height: 40px;
	width: 225px;
	padding-left: 15px;
}
.Form .FormTable table td input[type=text]::-webkit-input-placeholder,
.Form .FormTable table td input[type=password]::-webkit-input-placeholder {
    color: #BFBFBF;
}
.Form .FormTable table td input[type=text]:-moz-placeholder,
.Form .FormTable table td input[type=password]:-moz-placeholder {
    color: #BFBFBF;
}
.Form .FormTable table td input[type=text]:-ms-input-placeholder,
.Form .FormTable table td input[type=password]:-ms-input-placeholder {
    color: #BFBFBF;
}
.Form .FormTable table td input[type=button]{
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #FFF;
	background: #FF9C00;
	height: 40px;
	width: 110px;
	border-style: none;
	cursor: pointer;
}
.Form .FormTable table td input[type=button]:hover{
	background: #FFAA2B;
	font-size: 16px;
    line-height: 40px;
	color: #FFF;
	text-decoration: none;
    height: 40px;
    width: 110px;
	cursor: pointer;
}

.Bottom { height: 80px; width: 100%; line-height: 80px; color: #FFF; text-align: center; background-color: transparent; font-size: 14px; vertical-align: middle; position: fixed; bottom: 0; 
}