@charset "utf-8";
/* CSS Document */

html {/*IE
			background:#9dcee7 url(../img/login_bg.png) no-repeat top center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;*/
		}
body {
	background:#9dcee7 url(../img/login_bg.png) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFFFFF;
	height: 100%;
	width: 100%;
	overflow: hidden;
	 font-family:\5FAE\8EDF\6B63\9ED1\9AD4, \5FAE\8EDF\6B63\9ED1\9AD4,sans-serif ;
}
.form-300 {
	width: 300px;
	display: inline-block;
}
.login-title {
	margin-bottom: 20px;
}
#log-wrapper {
	height: 100%;
	width: 100%;
    min-height: 500px;

}
.login-container, #loginNav {
	position:absolute;
	left:0;
	right:0;
	overflow:auto;
}
#loginNav {
	height: 40px;
	line-height: 40px;
}
.login-container {
	top: 0px;
	bottom: 0px;
}
.login-inner {
	display: table;
	height: 100%;
	vertical-align: middle;
}
.sitelogo {
	width:  500px;
}
.sitelogo, .login-content {
	display: table-cell;
	vertical-align: middle;
}
.login-content label {
	font-weight: normal;
}
.login-content input.form-control {
	/*background: #1e4f8a;*/
	border-color: #333333;
}
.login-content input {
	border-radius: 0px;
}
.login-mainContent span {
	margin-right: 10%;
	font-size: 12px;
	font-weight: normal;
}
.login-image img {
		width: 100%;
	}
.btn-Login {
	background: #1e4f8a;
	width: 210px;
}
.btn-Login.btn.focus, .btn-Login.btn:focus, .btn-Login.btn:hover {
	background: #245FA6;
	color: #ffffff;
}
/***icon menu***/
#loginNav > ul {
	float: right;
}
#loginNav > ul > li {
	display: inline-block;
	float: none;
}
#loginNav > ul > li > a {
display: block;
}
#loginNav .dropdown-menu {
	border-radius: 0px;
	box-shadow:none;
	 font-family:\5FAE\8EDF\6B63\9ED1\9AD4, \5FAE\8EDF\6B63\9ED1\9AD4,sans-serif ;
	left:auto;
	margin-top: 0px;
	right:0px;
	word-spacing: normal;	
}
#loginNav .dropdown-menu a:hover {
	background: #017eba;
	color: #fff;	
}
.loginNavICON > a:link, .loginNavICON > a:hover, .loginNavICON > a:visited, .loginNavICON > a:active {
	color: transparent;
}
.loginNavICON {
	background: url(../img/icon_nav.png) 50% 50%;
	color: transparent;
	cursor: pointer;
	display: inline-block;
	overflow:hidden;	
	height: 28px;
	width: 28px;
	margin-left: 15px;
	margin-right: 5px;
	text-indent: -9999px;
	vertical-align: middle;
}
.loginNavICON.Nav-setting {
	background-position:   -28px 0px;
}
.loginNavICON.Nav-language {
	background-position:   -56px 0px;
}
.loginNavICON.Nav-setting:hover {
	background-position:   -28px -28px;
}
.loginNavICON.Nav-language:hover {
	background-position:   -56px -28px;
}
.LanSetup a {
	color: #FFF;
}
.LanSetup li{
	list-style-type: none;		
}
#LanSet{
	padding-top:5px;
	padding-right:10px;
	z-index:999;
}
#LanSet .dropdown-menu {
	border-radius: 5px;
	box-shadow:none;
	 font-family:\5FAE\8EDF\6B63\9ED1\9AD4, \5FAE\8EDF\6B63\9ED1\9AD4,sans-serif ;
	left:auto;
	margin-top: 0px;
	top: 30px;
	right:0px;
	word-spacing: normal;
opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

#LanSet .dropdown-menu a:hover {
    background: #017eba;
    color: #fff;
}


.text-error {
	color: #c20000;
}

.QStext-error { 
	color: #c20000;
}

#loadingwrapper {
	position:absolute;
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#loadingwrapper td {
   vertical-align: middle;
   text-align: center;
      font-size:18px;
}
#loadingwrapper td img{
	padding:5px;
}



/***SyncCloud Login***/

.LoginInputBG{
	background: url(../img/SyncCloud_LoginInputBG.png);
	width:427px;
	height:388px;
	margin-left:auto;
	margin-right:auto;
	margin-top: -80px;

}
body.loginsynccloud {
	background:#45abf9 url(../img/bg_synccloud.png) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFFFFF;
	height: 100%;
	width: 100%;
	overflow: hidden;
 font-family:\5FAE\8EDF\6B63\9ED1\9AD4, \5FAE\8EDF\6B63\9ED1\9AD4,sans-serif ;
}

.LoginInput{
	position:relative;
	top:80px;
	font-size:14px;
	font-weight:normal;
	 font-family:\5FAE\8EDF\6B63\9ED1\9AD4, \5FAE\8EDF\6B63\9ED1\9AD4,sans-serif ;
	padding-left:30px;
	padding-right:30px;
}

.LoginInput label{
	font-weight:normal;
}

.loginsynccloud #loadingwrapper td {
	text-align:left;
}

.fsize12{
	font-size:12px;
}

/***FileExplorer Login***/

.FileExplorerLoginInputBG{
	background: url(../img/FileExplorer_LoginInputBG.png);
	width:427px;
	height:388px;
	margin-left:auto;
	margin-right:auto;
	margin-top: -80px;

}
.AppTitledoCenter{
	margin-left:auto;
	margin-right:auto;
	padding-top: 84px;
	text-align:center;
	width: 427px;
	height: 51.4px;
}
 
#loginAlert{
top: 48px;
display: none;
}
#loginAlert bdi{
width: 100%;
}

#loginAlert2{
top: 48px;
display: none;
}
#loginAlert2 bdi{
 
width: 100%;
}

#loginAlertExpired{
top: 48px;
display: none;
}
#loginAlertExpired bdi{
 
width: 100%;
}