html { height: 100%; }
.VBody { background-color: #016aa9; margin: 0px; padding: 0px; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(login_bg.png); overflow:hidden; width:100%; height:100%; }
.J-LoginBox { position: absolute; height: 400px; width: 800px; left: 50%; top: 50%; margin-top: -200px; margin-left: -400px; }
.J-LoginBox .UserLogin { border-radius: 50px 5px 50px 5px; top: -30px; position: relative; width: 500px; margin-right: auto; margin-left: auto; padding: 50px 80px; background-color: rgba(255,255,255,0.2); display: block; border:1px solid #016aa9; }
.J-LoginBox .UserLogin .l_title { color: #016aa9; font-size: 26px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; font-weight: normal; }
.J-LoginBox .UserLogin .l_instructions { font-size: 14px; color: #016aa9; margin: 0px; padding: 0px; line-height: 1.5em; }
.J-LoginBox .UserLogin ul { box-shadow: 0px 0px 6px rgba(40,104,181,.4); border-radius: 4px; list-style-type: none; display: block; background-color: #016aa9; color: #333333; font-size: 14px; line-height: 30px; position: relative; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; clear: both; border: 0px solid #016aa9; padding-top: 45px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; background-image: url(login_crmbg.png); background-repeat: no-repeat; background-position: 260px 0px; }
.J-LoginBox .UserLogin ul li { display: block; margin-bottom: 10px; height: 30px; }
.J-LoginBox .UserLogin ul li.li2 { display: block; height: 40px; }
.J-LoginBox .UserLogin ul li label { float: left; text-align: right; width: 70px; display: block; margin-right: 5px; height: 30px; color: #FFFFFF; }
.J-LoginBox .UserLogin ul li .int_text { border-radius: 2px; background-color: #F6F6F6; border: 1px solid #FFF; height: 28px; padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; width: 200px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.J-LoginBox .UserLogin ul li .int_submit { cursor:pointer; border-radius: 2px; height: 40px; width: 220px; font-size: 14px; border: 0px solid #0A60B6; background-color: #FFFFFF; color: #222222; }
.J-LoginBox .UserLogin ul li .int_submit:hover { border: 0px solid #0A60B6; background-color: #B8D2E9; color: #222222; }
.J-LoginBox .UserLogin ul li #login_code { width: 5em; margin-right: 10px; }
.J-LoginBox .UserLogin ul li .yanzhengma { padding-top: 5px; margin: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; display: block; position: relative; float: left; }
.J-LoginBox .UserLogin ul li .yanzhengma img { height: 20px; vertical-align: middle; display: block; border-radius: 4px; }
.J-LoginBox .UserLogin .login_note { color: #FFFF00; font-size: 12px; display: block; text-align: center; }
.J-Timenow { position: absolute; left: 20px; top: 20px; }
.J-Timenow .date { color: #FFF; font-size: 12px; display: block; white-space: nowrap; padding: 5px; text-align: center; }
.J-Timenow .time { border-radius: 10px; line-height:1em; font-size: 36px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; display: block; padding: 5px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFF; border-bottom-color: #FFF; }
.J-Timenow .tips { font-size: 14px; line-height: 1.6em; color: #FFFFFF; text-align: center; padding: 5px; display: block; }
.J-Copyright { position: absolute; right: 20px; bottom: 20px; font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }