html {
    height: 100%;
    margin: 0;
}
 
body { 
     background-image: url('images/bg.jpg');
   background-repeat: no-repeat; 
   background-position:center;
   /* background-attachment: fixed;*/
    
    font-size: 14px;
    background-color: #458bca;
 
    margin: 0px;
    height: 100%;
}

 
#loginContainer {
    min-width: 500px;
    height: 382px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -335px;
    margin-top: -191px;
}

#login {
 margin-top: 97px;
/*margin-left: 212px;*/
margin-left:222px;
}
.margintopL {
    margin-top: -30px;
    margin-bottom: 0;
    list-style-type: none;
    height: 20px;
    /*padding-left: 52px;*/
}
.margintop10 {
    margin-top: 10px;
    margin-bottom: 0;
    list-style-type: none;
    height: 37px;
    /*padding-left: 52px;*/
}

#Password, #UserName {
    background-color: transparent;
    border: none;
    height: 30px;
    width: 219px;
    font-size: 24px;
    line-height: 30px;
    color:white;
}
#vcode {
    background-color: transparent;
    border: 1px #aaa solid;;
    height: 30px;
    width: 80px;
    font-size: 24px;
    line-height: 30px;
    color:white;
}
#vcode::placeholder {
    color: white;
    font-size: 14px;
}
#scode {
    background-color: transparent;
    border: 1px #aaa solid;;
    height: 30px;
    width: 80px;
    font-size: 24px;
    line-height: 30px;
    color:white;
}
#scode::placeholder {
    color: white;
    font-size: 14px;
}

#chk1 {
    background-color: transparent;
    margin-left: 0px;
   /* margin-right: 78px;*/
   margin-right:72px;
   /* border: #0033CC solid 2px;*/
}

#chk2 {
    background-color: transparent;
}

.loginBtn {
    background-image: url('images/btnbg2.png');
    width: 112px;
    height: 37px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    cursor: pointer;
    color:#0359a2;
}

    .loginBtn:hover {
        background-image: url('images/btnbg1.png');
    }

.margintop20 {
    list-style-type: none;
    margin-bottom: 0;
    list-style-type: none; 
}
/* webkit 浏览器*/
#UserName::-webkit-input-placeholder,#Password::-webkit-input-placeholder {
      /*background:lightgreen;*/
    text-transform:uppercase; 
    font-style:italic; 
    letter-spacing:3px; 
    font-size:14px ;
    color:#dcdcdc;   }
/* 火狐浏览器 */
#UserName::-moz-placeholder,#Password::-moz-placeholder {
     text-transform:uppercase; 
    font-style:italic; 
    letter-spacing:3px; 
    font-size:14px;
    color:#dcdcdc; 
}
 
.ui-sys-bar {
	position: fixed;
	width: calc(100% - 40px);
	height: 30px;
	left: 40px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	z-index: 2;
	-webkit-app-region: drag;
}



	.ui-sys-bar:hover .ui-sys-commands span {
		color: #fff;
		opacity: 1;
	}

	.ui-sys-bar .ui-sys-commands {
		-webkit-app-region: no-drag;
		word-break: keep-all;
		white-space: nowrap;
		transition: all ease-in-out 0.3s;
	}

	.ui-sys-bar:hover .ui-sys-commands {
		background-color: rgba(183, 85, 142,1);
	}

	.ui-sys-bar .ui-sys-commands span {
		height: 30px;
		padding: 0 10px;
		line-height: 30px;
		text-align: center;
		vertical-align: middle;
		font-family: Webdings !important;
		color: #333;
		display: inline-block;
		opacity: 0.5;
		transition: all ease-in-out 0.3s;
	}

		.ui-sys-bar .ui-sys-commands span:hover {
			opacity: 1;
			background-color: rgba(33,33,33,.1);
		}

		.ui-sys-bar .ui-sys-commands span:active {
			opacity: 1;
			background-color: rgba(33,33,33,.3);
		}

		.ui-sys-bar .ui-sys-commands span:last-child:hover {
			opacity: 1;
			background-color: rgba(204,0,0,1);
			color: #fff;
		}

		.ui-sys-bar .ui-sys-commands span:last-child:active {
			opacity: 1;
			background-color: rgba(204,0,0,.5);
			color: #fff;
		}