* {
    margin: 0px;
    padding: 0px;
    -webkit-overflow-scrolling: touch;
}

body,
html {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height:100%;
    background-color: #FAFAFA;
    line-height: 1;
}

img {
    width: 100%;
    vertical-align: middle;
}
footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
#login-Window #loginForm{
    height:auto;
}
.mainContentBox{
    display: flex;
    justify-content: center;
    min-width: 840px;
}
.mainContent{
    background-color: #FFF;
    height: 560px;
    display: flex;
    margin-top: 70px;
}
.mainContent .leftAccount img{
    width:420px;
    height:560px;
}
.mainContent .rightAccount{
    width:420px;
}
.mainContent .rightAccount .accountTit{
    font-size: 24px;
    color: #333333;
    margin-bottom: 40px;
}
.mainContent .rightAccount #login-Window{
    padding: 40px 60px 0 60px;
    height: 520px;
    position: relative;
}
#login-Window .input-username,
 #login-Window .input-password,
#registForm li input,
#loginForm li input,
.mobileFrom input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
}
input::-webkit-input-placeholder {
    color: #B4B4B4;
}
#login-Window .label-username{
    padding:0;
}
#login-Window input.btn-submit,
.mobileFrom input.btn-submit{
    width: 100%;
    height: 40px;
    position: inherit;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 40px;
}
#login-Window .label-rememberme{
    display: flex;
    position: inherit;
}
.mainContent .rightAccount .loginInfo{
    display: flex;
    margin-top: 20px;
    align-items: center;
    font-size: 14px;

}
body.en #login-Window input.btn-submit{
    background-color: #3ba2f8;
}
body.de #login-Window input.btn-submit{
  background-color: #2e9f14;
}
body.fr #login-Window input.btn-submit{
  background-color: #127ac1;
}
body.es #login-Window input.btn-submit{
   background-color: #c64e64;
}
body.en #login-Window input.btn-submit:hover{
  background: rgba(59,162,248,0.9);
}
body.de #login-Window input.btn-submit:hover{
    background: rgba(46,159,20,0.9);
}
body.fr #login-Window input.btn-submit:hover{
   background: rgba(18,122,193,0.9);
}
body.es #login-Window input.btn-submit:hover{
  background: rgba(198,78,100,0.9);
}
#registForm li, #loginForm li{
    line-height: normal;
    margin-bottom: 20px;
}
.loginUl #captcha-div{
  height:auto;
  position: relative;
  display: flex;
}

#registForm #CaptchaInputText,
#loginForm #CaptchaInputText{
    flex:1;
    margin-right: 20px;
    position: inherit;
    top: auto;
    width: 170px !important;
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
    margin-bottom: 0;
    z-index: 9;
}
.captchaHref{
    position: absolute;
    height: 40px;
    width: 116px;
    right: 0;
}
#registForm #CaptchaImage,
#loginForm #CaptchaImage{
    position: relative;
    height: 40px;
    width: 116px;
    top: 0;
    left: 0;
}
#login-Window .label-rememberme{
    position: inherit;
    flex: 1;
    align-items: center;
}
#login-Window input.checkbox-rememberme{
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0;
    line-height: 16px;
    border-radius: 0;
    cursor: pointer;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
}
body.en #login-Window input.checkbox-rememberme.selected{
    background: url("https://static.eudic.net/web/account/en_select_hover.png");
}
body.de #login-Window input.checkbox-rememberme.selected{
    background: url("https://static.eudic.net/web/account/de_select_hover.png");
}
body.fr #login-Window input.checkbox-rememberme.selected{
    background: url("https://static.eudic.net/web/account/fr_select_hover.png");
}
body.es #login-Window input.checkbox-rememberme.selected{
    background: url("https://static.eudic.net/web/account/es_select_hover.png");
}
#login-Window input.checkbox-rememberme.noselected{
    background: url("https://static.eudic.net/web/account/select_default.png");
}
.mainContent .rightAccount .loginAuto{
    color: #444444;
}
.loginOtherUl li{
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin: 0 15px;
    cursor: pointer;
}
.loginType .loginOtherUl li a,
.thirdLoginType .loginOtherUl li a{
    width: 100%;
    height: 100%;
    display: block;
    background-position: center;
    background-size: contain;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.login-qq{
    background-image: url("https://static.eudic.net/web/account/qq_default.png");
}
.login-weixin{
    background-image: url("https://static.eudic.net/web/account/weixin_default.png");
}

.login-weibo{
    background-image: url("https://static.eudic.net/web/account/weibo_default.png");
}
.login-apple {
    background-image: url("https://static.eudic.net/web/account/apple_default.png");
}
.login-qq:hover .login-qq-a {
    background-image: url("https://static.eudic.net/web/account/qq_hovered.png");
}
.login-weixin:hover .login-weixin-a{
    background-image: url("https://static.eudic.net/web/account/weixin_hovered.png");
}
.login-weibo:hover .login-weibo-a{
    background-image: url("https://static.eudic.net/web/account/weibo_hoverd.png");
}
.login-apple:hover .login-apple-a {
    background-image: url("https://static.eudic.net/web/account/apple_hoverd.png");
}
.goLogin{
    text-align: center;
    margin-top: 20px;
}
body.en .goLogin a,
body.en .mainContent .rightAccount .centertext a,
body.en .mainContent .rightAccount .sep,
body.en .resetPwdBox .resetA,
body.en .resetPwdConBox .conPwdTxt,
body.en .resetPwdsuccBox .pwdSucc,
body.en .singleTip{
    color: #3ba2f8;
}
body.en .mobileFrom .btn-submit,
body.en .headerBar, .cg_en th{
    background-color: #3ba2f8;
}
body.en .arrLeft{
    border-right-color: #3ba2f8;
    border-right: 10px solid #3ba2f8;

}
body.de .goLogin a,
body.de .mainContent .rightAccount .centertext a,
body.de .mainContent .rightAccount .sep,
body.de .resetPwdBox .resetA,
body.de .resetPwdConBox .conPwdTxt,
body.de .resetPwdsuccBox .pwdSucc,
body.de .singleTip{
    color: #2e9f14;
}
body.de .arrLeft{
    border-right-color: #2e9f14;
}
body.de .headerBar, .cg_de th,
body.de .mobileFrom .btn-submit{
    background-color: #2e9f14;
}
body.fr .goLogin a,
body.fr .mainContent .rightAccount .centertext a,
body.fr .mainContent .rightAccount .sep,
body.fr .resetPwdBox .resetA,
body.fr .resetPwdConBox .conPwdTxt,
body.fr .resetPwdsuccBox .pwdSucc,
body.fr .singleTip{
    color: #127ac1;
}
body.es .goLogin a,
body.es .mainContent .rightAccount .centertext a,
body.es .mainContent .rightAccount .sep,
body.es .resetPwdBox .resetA,
body.es .resetPwdConBox .conPwdTxt,
body.es .resetPwdsuccBox .pwdSucc,
body.es .singleTip{
    color: #c64e64;
}
.mainContent .rightAccount .sep{
    margin: 0 10px;
}
.mainContent .rightAccount .centertext{
    display: flex;
    align-items: center;
}
.mainContent .rightAccount .centertext a,
.goLogin a,
.resetPwdBox .resetA{
    font-size: 14px;
    text-decoration: none;
}
.loginType{
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0);
}
.loginType>div{
    text-align: center;
}
.loginType .loginOtherUl{
    display: flex;
}
.loginType .lognTypeTit,
.thirdLoginType .lognTypeTit{
    font-size: 14px;
    color: #B4B4B4;
    margin-bottom: 14px;
}
#registForm{
    height: auto;
    position: inherit;
    border: none;
    box-shadow: none;
    background-color: #fff;
    width: auto;
    top: 0;
    left: 0;
}
.field-validation-error2 {
    color: #BF1623;
    position: absolute;
    left: 7px !important;
    top: -19px !important;
}
#captcha-div .field-validation-error {
    left: -245px !important
}
#loginForm #captcha-div .field-validation-error {
    top: -15px !important;
    left: -170px !important;
}
.login-error{
    display: inline;
    position: relative;
    font-size: 12px;
    left: 0;
    top: 0;
    color: #BF1623;
}
.resetPwdBox  #loginForm .captchaLi,
.resetPwdBox  #loginForm .captchaLi li{
    margin-bottom: 0px;
}
.resetPwdsuccBox .cap{
    font-size: 16px;
    line-height: 1.5;
}
.resetPwdsuccBox .pwdSuccicon{
    display: inline-block;
    vertical-align: text-top;
}
.resetPwdsuccBox .pwdSucc{
 text-decoration: none;
 font-size: 15px;
}
.resetPwdConBox .conPwdTxt{
font-size: 14px;
}
.changePwdsuccBox .ui-state-highlight{
    border: none;
}
.thirdLoginType{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}
.thirdLoginType .loginOtherUl{
   display: flex;

}
.mobileFrom  #CaptchaImage{
    width:100%;
    border:none;
}
.mobileFrom  .captchaHref{
    right:25px;
    width:130px;
}
.commonForm .mobileFrom #CaptchaInputText{
    margin-left: 0;
    padding-left: 10px;
}
.loginInAiwriter,
.registerAiwriter{
    display: none;
}
.dark #registForm .loginUl,
.dark .mainContent,
.mainContentBox.dark{
    background-color: #1a1a1a !important;
}
.dark .mainContent .rightAccount .accountTit{
    color:#e6e6e6;
}
.dark #registForm #CaptchaInputText,
.dark #loginForm #CaptchaInputText,
.dark #login-Window .input-username,
.dark #login-Window .input-password,
.dark #registForm li input,
.dark #loginForm li input,
.dark .mobileFrom input{
    color:#e6e6e6;
    background-color: #3d3d3d;
    border: 1px solid #3d3d3d;
}

.dark .mainContent .rightAccount .loginAuto{
    color:#565656;
}
.dark .loginOtherUl li{
    filter: brightness(0.5);
    -webkit-filter:brightness(0.5);
}

.dark .loginOtherUl li:hover{
    filter: inherit;
    -webkit-filter: inherit;
}