body {
    width: 100%;
    height: 100%;
    position: absolute;
    
    background-size: cover;
}
.fl{float: left;}
.login_box{
	position: fixed;
    left: 50%;
    top: 50%;
    width: 435px;
    margin: -250px 0px 0px -200px;
    background: #fff;
    border: 1px solid  rgba(211,211,211,0.5); ; border-radius: 5px; box-shadow: 1px 1px 6px #ccc;}
.title{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #f2f2f2;
 	clear:both
}
.title span{color:#009688;font-size:16px;font-weight:900}
.main{padding:20px 45px;}
.btn-my{
	width: 110px;
    height: 32px;
    border-radius: 5px;}
.myspan{ 
	width: 340px;
    height: 34px;
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 20px;clear:both}
.spanleft{display:inline-block;width:50px; text-align: center; line-height: 34px; float:left}
.fl{float:left}

fieldset{
    height:  275px;
}

#captcharesExpired{
	position: absolute;
	left: 148px;
	top:0px;
	width:50px;
	height: 32px;
	line-height:32px;
	background-color:#EFEFEF;
	border:1px solid #EFEFEF;
	border-radius: 0  !important;
	text-align: center;
}
#captcharesExpired,
#captcharesExpired:link,
#captcharesExpired:active{
	border:1px solid #EFEFEF !important;
	border-radius: 0  !important;
}
#captcharesExpired:visited{
	border:1px solid #EFEFEF !important;
	border-radius: 0  !important;
}
#captcharesExpired:focus{
	border:1px solid #EFEFEF !important;
	border-radius: 0  !important;
}
#captcharesExpired:hover{
	border:1px solid #EFEFEF !important;
	border-radius: 0  !important;
}


button#phonevalidate span,
button#qrcode span,
button#register span{
	font-weight: bold;
	font-size:14px;
}



input#loginName,input#uKeyPin,input#cipher{
	border:none;
	border-left:1px solid #ccc;
	width:287px;
	padding-left:10px;
}

input#smsValidateNumber{
	width: 180px;
	border:none;
	border-left:1px solid #ccc;
	padding-left:10px
}

button#getSmsValidateButton{
	float:right;
	padding-left: 1px;
	border-right-width: 2px;
	border-radius: 0 4px 4px 0;
	width: 90px; 
	height: 32px;
}

input#captchares{
	width: 147px;
	border:none;
	border-left:1px solid #ccc;
	padding-left:10px
}
img#kaptchaImageres{
	cursor: pointer; 
	float:right;
	position: absolute;
	top: 0px;
	left: 198px;
	width:90px;
	height:32px;
	border-radius: 0 4px 4px 0;
	
}
input#pinNumber{
	padding-left: 10px; 
	border: none;
	border-left: 1px solid #ccc;
}

#picCodeDiv .myspan .fl{
	position: relative;
}

.fieldset_bottom_div > div{
 	/*width: 140px; */
	test-align: left;
}
.fieldset_bottom_div font {
	color:#000;
}

a.common_tab_forget{
	
}
a.common_tab_forget span{
    padding-left: 15px;
    color:#009688;
}


a.common_tab_forget,
a#ukey_tab_scanBtn,
a#ukey_tab_ukBtn{
    position: absolute;
    padding-left: 0px;
    height: auto;
    line-height: 20px;
    top:  10px;
} 
a#ukey_tab_scanBtn,
a#ukey_tab_ukBtn{
    left: 245px;
} 

a#ukey_tab_ukBtn {
    left: 281px;
    top: 12px;
}


a#ukey_tab_scanBtn:before{
    display: inline-block;
    width: 12px;
    height: 12px;
    content: '';
    margin-top: -2px;
    margin-right: 0px;
    color: transparent;
    vertical-align: middle;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAKhJREFUKBVj/A8EDCQAltze7QzP336Ga5EU5mWYXOzJgEucIbhy5f8fv/6ALALTID4I4BJnAhnNzsrMEFK1CkzDrcIhDtbw8/dfhjVtYQwgGhlgE2cBuTm6fi1cHYgPArjEGUHuhasmgoEzlEB+QgcgZ6OE0vefv8GhA7IVF0AJJQ42FrihMBtANAyDJMEqYKEBjA+4BhgD7AwYB6QBV2jA1MBsAvFBmgGBlZ57TFwdMAAAAABJRU5ErkJggg==') left top no-repeat ;
    background-size:  12px 12px;
}

fieldset .fieldset_button_forget{
    position: relative;
    margin-top:20px; 
    margin-bottom:  0px;
    padding-bottom:  0px;
    text-align:left;
    height: 30px;
}

fieldset .fieldset_button_forget.uk_button_forget{
    margin-top:  54px;
}

fieldset .fieldset_button_login button{
	width: 340px; 
	border-radius: 5px;
	margin-top:20px;
}

fieldset .fieldset_bottom_div{
	margin-top:20px;
}

.uk_myspan {
    width: 340px;
    height: 34px;
    display: block;
    border: 0px solid #ccc;
    border-radius: 5px;
    margin-top: 20px;
    clear: both;
}


div#ukey_qrCodeDiv,
div#qrCodeDiv{
	height:310px;
	position:relative;
	text-align:center;
	
}

div#qrCodeDiv #qrCodePic,
div#ukey_qrCodeDiv #uk_qrCodePic{
	position:absolute;
	cursor: pointer; 
	top: 21px;
	left: 21px;
	width:162px;
	height:162px;
	border-radius: 0 4px 4px 0;
}

div#qrCodeDiv{
    height: 181px !important;
}
div#qrCodeDiv #qrCodePic{
    margin-left: 71.5px;
}

div#ukey_qrCodeDiv{
    margin-left: 71.5px;
    height: 184px !important;
}
div#ukey_qrCodeDiv #uk_qrCodePic{
    top:  26px;
    width: 162px !important;
    height:  162px !important;
}

div#qrCodeDiv .qrCode_label{
	text-align:center;
	margin-top: 5px;
}

div#qrCodeDiv div.qrCode_label span{
	color: #009688;
}

div#ukey_qrCodeDiv .overlap,
div#qrCodeDiv .overlap{
	-webkit-filter: opacity(3%);filter: opacity(3%);
	background-color: grey;
}

div#qrCodeDiv .qtCodeRefresh,
div#ukey_qrCodeDiv .uk_qtCodeRefresh
{
	color: red;
	position:absolute;
	top: 80px;
	left:145px;
	display:none;
}