/*---------------------------------------------*/
input { outline: none; border: none; }

textarea { outline: none; border: none; }

    textarea:focus, input:focus { border-color: transparent !important; }

        input:focus::-webkit-input-placeholder { color: transparent; }

        input:focus:-moz-placeholder { color: transparent; }

        input:focus::-moz-placeholder { color: transparent; }

        input:focus:-ms-input-placeholder { color: transparent; }

        textarea:focus::-webkit-input-placeholder { color: transparent; }

        textarea:focus:-moz-placeholder { color: transparent; }

        textarea:focus::-moz-placeholder { color: transparent; }

        textarea:focus:-ms-input-placeholder { color: transparent; }

input::-webkit-input-placeholder { color: #adadad; }

input:-moz-placeholder { color: #adadad; }

input::-moz-placeholder { color: #adadad; }

input:-ms-input-placeholder { color: #adadad; }

textarea::-webkit-input-placeholder { color: #adadad; }

textarea:-moz-placeholder { color: #adadad; }

textarea::-moz-placeholder { color: #adadad; }

textarea:-ms-input-placeholder { color: #adadad; }

/*---------------------------------------------*/
button { outline: none !important; border: none; background: transparent; }

    button:hover { cursor: pointer; }




/*------------------------------------------------------------------
        [ Input ]*/

.wrap-input100 { width: 100%; position: relative; border-bottom: 2px solid #d9d9d9; }

.label-input100 { font-family: 'Microsoft Yahei'; font-size: 14px; color: #333333; line-height: 1.5; padding-left: 7px; }

.input100 { font-family: 'Microsoft Yahei'; font-size: 16px; color: #333333; line-height: 1.2; display: block; width: 100%; height: 55px; background: transparent; padding: 0 7px 0 43px; }


/*---------------------------------------------*/
.focus-input100 { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; }

    .focus-input100::after { content: attr(data-symbol); font-family: Material-Design-Iconic-Font; color: #adadad; font-size: 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; height: calc(100% - 20px); bottom: 0; left: 0; padding-left: 13px; padding-top: 3px; }

    .focus-input100::before { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: #7f7f7f; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }


.input100:focus + .focus-input100::before { width: 100%; }

.has-val.input100 + .focus-input100::before { width: 100%; }

.input100:focus + .focus-input100::after { color: #a64bf4; }

.has-val.input100 + .focus-input100::after { color: #a64bf4; }


/*------------------------------------------------------------------
        [ Button ]*/
.container-login100-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; }

.wrap-login100-form-btn { width: 100%; display: block; position: relative; z-index: 1; border-radius: 25px; overflow: hidden; margin: 0 auto; box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2); -moz-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2); -webkit-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2); -o-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2); -ms-box-shadow: 0 5px 30px 0px rgba(3, 216, 222, 0.2); }

.login100-form-bgbtn { position: absolute; z-index: -1; width: 300%; height: 100%; background: #a64bf4; background: -webkit-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff); background: -o-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff); background: -moz-linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff); background: linear-gradient(right, #00dbde, #fc00ff, #00dbde, #fc00ff); top: 0; left: -100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }

.login100-form-btn { font-family: 'Microsoft Yahei'; font-size: 16px; color: #fff; line-height: 1.2; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 20px; width: 100%; height: 50px; }

.wrap-login100-form-btn:hover .login100-form-bgbtn { left: 0; }

.input100-img { position: absolute; left: 5px; bottom: 16px; width: 20px; height: 22px; }

/*-----------------------------------------------------------------------------------------------------------------*/

#body { width: 100%; height: 100vh; background: url(/Content/Images/LoginByTenant/bj.jpg) no-repeat; background-size: 100% 100%; margin: 0; display: flex; align-items: center; flex-direction: row-reverse; }
#img_logo { position: absolute; left: 30px; top: 30px; /* height: 70px; width: 150px;*/ }
#content { width: 460px; background: #fff; border-radius: 10px; overflow: hidden; min-height: 300px; max-height: 1000px; margin-right: 80px; opacity: 0.85; padding: 45px 30px; z-index: 3; }
    #content .login-title { display: flex; align-content: center; justify-content: flex-start; font-size: 20px; justify-content: center; align-items: center; }
        #content .login-title .title1 { padding-bottom: 5px; border-bottom: 2px solid #248ceb; }
        #content .login-title .title3 { font-size: 14px; margin-left: 10px; }
.contentItme { display: flex; margin-top: 10px; }
    .contentItme .div-left { width: 65%; padding-right: 20px }
    .contentItme .div-right { width: 35%; }
a:hover { text-decoration: none; }
.bottomcss { display: flex; align-items: center; }

 .bottomcss a { font-size: 16px; margin-left: 10px; }

.footertxt { position: fixed; bottom: 20px; width: 100%; text-align: center; font-size: 15px; }

.erweimaimg { width: 100px; position: absolute; top: -106px; z-index: 9; display: none; }

.validecodeImg { height: 50px; width: 100%; /*border-radius: 5px;
    border: 1px solid #b6b6b6;*/ cursor: pointer }