﻿body {
}
body {
    margin: 0px;
    padding: 0px;
    min-width: 1280px;
}

#Company {
    height: 100px;
    padding-left: 10px;
}

#Company div {
    float: left;
    margin-right: 20px;
}

.CompanyIcon img {
    height: 50px;
    margin-top: 30px;
}

.CompanyName {
    font-size: 25px;
}

.CompanyName span {
    display: inline-block;
    margin-top: 37px;
}

#Login {
    width: 100%;
    background: url('../Image/Login.jpg') no-repeat;
    background-size: 100% 100%;
    min-height: 415px;
}

#LoginInfo {
    width: 346px;
    height: 320px;    
    float: right;
    position: relative;
    right: 9%;
    top: 12%;
    background-color:white;
    -webkit-box-shadow: 0 0 30px rgba(100, 100, 100, 1);
    -moz-box-shadow: 0 0 30px rgba(100, 100, 100, 1);
    box-shadow: 0 0 30px rgba(100, 100, 100, 1);
}
#LoginInfo .textbox
{
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     border-radius: 0px;
}
#LoginInfo .textbox-icon
{
    background-color:#9c9c9c;
    /*width:30px;*/
}
.textbox-addon a
{
    padding:0px 10px;
}
.textbox-icon:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.LoginHeader
{

    height:60px;
    margin:20px auto;
    width:100%;
    border-bottom:1px solid #f2f2f2;
    
}
.LoginHeader label
{
    font-size:25px;
    font-family:'Microsoft YaHei';
    line-height:60px;
    width:350px;
    text-align:center;
    display:inline-block;
    letter-spacing:3px;
}
.LoginHeader .littleLetter
{
    width:100px;
    font-size:20px;
    color:#ff3994;
    letter-spacing:5px;
}
.UserInfo ul {
    list-style: none;
    padding: 0px;
    margin: 30px 0 0 0;
    overflow:hidden;
}

.UserInfo ul li {
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
}

.UserInfo ul li label {
    display: inline-block;
    width: 120px;
    text-align: right;
    font-size: 16px;
    font-stretch: expanded;
    letter-spacing: 2px;
    color: #999999;
    font-family: 'Microsoft YaHei';
}
.Register
{
    text-align:left;
    margin:0 0 20px 20px;
}
.UserButton {
    text-align: center;
}

#LoginButton{
    height: 60px;
}

#LoginButton .l-btn{

    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #07C607 0px, #07C607 100%) repeat-x scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07C607', endColorstr='#07C607'); /* for IE*/
    background: -webkit-gradient(linear, left top, left bottom, from(#07C607), to(#07C607));  /* for webkit browsers  */
    background: -moz-linear-gradient(top, #07C607, #07C607); /*  for firefox 3.6+ */
    color: white;
    width: 306px;
    height: 40px;
    border-radius:0px;
}

#LoginButton .l-btn .l-btn-text{
    font-size: 20px;
    line-height: 40px;
}


#UserHelp {
    width: 100%;
    text-align: center;
}

#HelpInfo {
    margin: 0px auto;
    width: 1280px;
    margin-top: 70px;
}

#HelpInfo ul {
    list-style: none;
    overflow: hidden;
    width: 1280px;
}

#HelpInfo ul li {
    display:inline-block;
    padding: 0px 10px;
    color: #9c9c9c;
    font-size: 14px;
    
}

#HelpInfo ul li a {
    color: #9c9c9c;
    font-size: 14px;
    text-decoration: none;
}

.panel-body-noborder
{
    border-width:1px 0 0 0;
    border-color:#F8F8F8;
}
.PassWord
{
    padding:0 0 0 4px;
    border: 1px solid #D3D3D3;
    
}
input:focus
{
  border-color: #bababa;
  -moz-box-shadow: 0 0 3px 0 #D3D3D3;
  -webkit-box-shadow: 0 0 3px 0 #D3D3D3;
  box-shadow: 0 0 3px 0 #D3D3D3;
  outline:none;
}
.UserInfo ul li .PassWordicon {
    display: inline-block;
    width: 38px;
    background:url('../Image/warn.png') no-repeat center center ;
    background-size:18px;
    height:35px;
    float:left;
    background-color:rgba(150,150,150,0.6);
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#aaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#aaa;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#aaa;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#aaa;
}
#TipWindow ul
{
    list-style:none;
    overflow:hidden;
}
#TipWindow ul li
{
    float:left;
}
#TipWindow ul li img
{
    width:50px;
}
#TipWindow p
{
    padding-left:10px;
    font-size:15px;
}

#LoginInfo .textbox-invalid
{
    border-color: #d3d3d3;
    background-color:#ffffff;
}
#LoginInfo .validatebox-invalid
{
    background-color:#ffffff;
    
}