@charset "utf-8";
/* CSS Document */
html, body {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}
input:-internal-autofill-selected{
	background-color:transparent; 
}
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}

::-ms-clear, ::-ms-reveal{display: none;}
.container {
    background: url(../images/bj001_new.jpg) no-repeat center;
    position: relative;
    display:block;
    overflow:hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    background-size: 100% 100%;
}

.box {
	position: absolute;
    top: 16%;
    right: 84px;
    width: 400px;
    z-index: 99;
}
.sj_logo{
	width: 1012px;
    position: absolute;
    left: 50%;
    top: 12%;
    margin-left: -506px;
}
.sj_center{
	background: url(../images/bj002_new.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 20%;
    width: 1100px;
    height: 568px;
    margin-left: -550px;
    background-size: 1100px 568px;
}
.user_tit{
    font-size: 22px;
    color: #454545;
    margin-bottom: 25px;
}
.loginBox {
    width: 400px;
   /* height: 300px;*/
    padding-top: 20px;
    background-image: url(images/dlbg.png);
}

.content {
    clear: both;
    width: 400px;
    height: 200px;
}

.inputBox {
    width: 400px;
    height: 90px;
    border-bottom: 1px solid #d1d1d1;
}

.inputBox label {
    display:none;
}

.accountStyle, .passwordStyle {
    width: inherit;
    margin-left:38px;
    width:70%;
    font-size: 16px;
    line-height: 47px;
    height: 47px;
    outline: none;
    border: none;
    margin-top: 40px;
    background:#fff;
     filter: none !important;
}

.accountStyle_d{
	background: url(../images/login_user.png) no-repeat 10px 55px; 
	background-size:20px 20px;
}
.passwordStyle_d{
	background: url(../images/login_psw.png) no-repeat 10px 55px; 
	background-size:20px 20px;
}
.loginButton {
      background: #e10c33;
    background: -moz-linear-gradient(left, #e10c33 0%, #fd8f69 100%);
    background: -webkit-linear-gradient(left, #e10c33 0%,#fd8f69 100%);
    background: linear-gradient(to right, #e10c33 0%,#fd8f69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10c33', endColorstr='#fd8f69',GradientType=1 );
    margin-top: 64px;
    border-radius: 4px;
    width: 400px;
    color: white;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    outline: none;
    border: none;
}

.loginButton_out {
      background: #e10c33;
    background: -moz-linear-gradient(left, #e10c33 0%, #fd8f69 100%);
    background: -webkit-linear-gradient(left, #e10c33 0%,#fd8f69 100%);
    background: linear-gradient(to right, #e10c33 0%,#fd8f69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10c33', endColorstr='#fd8f69',GradientType=1 );
    margin-top: 64px;
    border-radius: 4px;
    width: 400px;
    color: white;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    outline: none;
    border: none;
}
 /* 
@media screen and (min-width: 1280px) {
    .box {
         right:50px;
    }
	.logoBox{
		left:4%
		}
}*/

@media screen and (max-width: 1367px) {
     .box {
         right:50px;
    }
    .user_tit{
    font-size: 22px;
    color: #454545;
    margin-bottom:0;
}
.logoBox {
 display:none;

}
    .sj_center{
    background: url(../images/bj002_new.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 18%;
    width: 940px;
    height: 485px;
    margin-left: -470px;
    background-size: 940px 485px;
    }
    .sj_logo{
    width: 862px;
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -431px;
    }
    .box {
	position: absolute;
    top: 16%;
    right:70px;
    width: 350px;
    z-index: 99;
}

  .content {
    clear: both;
    width: 350px;
    height: 200px;
  }

  .inputBox {
    width: 350px;
    height: 90px;
    border-bottom: 1px solid #d1d1d1;
  }
  .inputBox label {
    display:none;
}
.accountStyle{
	background: url(../images/login_user.png) no-repeat 10px center; 
	background-size:20px 20px;
}
.passwordStyle{
	background: url(../images/login_psw.png) no-repeat 10px center; 
	background-size:20px 20px;
}
  .accountStyle, .passwordStyle {
    width: inherit;
    text-indent: 38px;
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    outline: none;
    border: none;
    margin-top: 45px;
}

.loginButton {
      background: #e10c33;
    background: -moz-linear-gradient(left, #e10c33 0%, #fd8f69 100%);
    background: -webkit-linear-gradient(left, #e10c33 0%,#fd8f69 100%);
    background: linear-gradient(to right, #e10c33 0%,#fd8f69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10c33', endColorstr='#fd8f69',GradientType=1 );
    margin-top: 64px;
    border-radius: 4px;
    width:350px;
    color: white;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    outline: none;
    border: none;
}

.loginButton_out {
      background: #e10c33;
    background: -moz-linear-gradient(left, #e10c33 0%, #fd8f69 100%);
    background: -webkit-linear-gradient(left, #e10c33 0%,#fd8f69 100%);
    background: linear-gradient(to right, #e10c33 0%,#fd8f69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10c33', endColorstr='#fd8f69',GradientType=1 );
    margin-top: 64px;
    border-radius: 4px;
    width: 350px;
    color: white;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    outline: none;
    border: none;
}

 /* 

@media screen and (min-width: 1440px) {
     .box{
         right:50px;
    }
}

@media screen and (min-width: 1680px) {
    .box {
         right:50px;
    }
}
@media screen and (min-width: 1920px) {
    .box {
        right:50px;
    }
}
*/
.logoBox {
 display:none;

}
@media screen and (min-width: 1367px) and (max-width: 1920px){
.loginBox {
    width: 400px;
   /* height: 300px;*/
    padding-top: 20px;
    background-image: url(images/dlbg.png);
}

.content {
    clear: both;
    width: 400px;
    height: 200px;
}

.inputBox {
    width: 400px;
    height: 90px;
    border-bottom: 1px solid #d1d1d1;
}

.inputBox label {
    display:none;
}

.accountStyle, .passwordStyle {
    width: inherit;
    text-indent: 38px;
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    outline: none;
    border: none;
    margin-top: 45px;
}

.accountStyle{
	background: url(../images/login_user.png) no-repeat 10px center; 
	background-size:20px 20px;
}
.passwordStyle{
	background: url(../images/login_psw.png) no-repeat 10px center; 
	background-size:20px 20px;
}
.loginButton {
      background: #e10c33;
    background: -moz-linear-gradient(left, #e10c33 0%, #fd8f69 100%);
    background: -webkit-linear-gradient(left, #e10c33 0%,#fd8f69 100%);
    background: linear-gradient(to right, #e10c33 0%,#fd8f69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10c33', endColorstr='#fd8f69',GradientType=1 );
    margin-top: 64px;
    border-radius: 4px;
    width: 400px;
    color: white;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    outline: none;
    border: none;
}

.loginButton_out {
      background: #e10c33;
    background: -moz-linear-gradient(left, #e10c33 0%, #fd8f69 100%);
    background: -webkit-linear-gradient(left, #e10c33 0%,#fd8f69 100%);
    background: linear-gradient(to right, #e10c33 0%,#fd8f69 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10c33', endColorstr='#fd8f69',GradientType=1 );
    margin-top: 64px;
    border-radius: 4px;
    width: 400px;
    color: white;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    outline: none;
    border: none;
}
.placeholder{ color: #999;}