@charset "utf-8";


/************************************** import **************************************/


@import url("../reset/reset.css");
@import url("../common/component.css");



/************************************** login css **************************************/


.admin-wrap.login-page {position: relative;}

.login-wrap {width: 400px; position: fixed; top: 45%; left: 50%; transform: translate(-50%,-50%); background: #fff; box-shadow: 0 3px 17px rgba(219,219,219,0.3); padding: 40px 30px 65px; border: 1px solid #fff;}

.login-wrap .login-head-area {text-align: center; width: 100%;padding-bottom:45px;}
.login-wrap .login-head-area > img {max-height: 55px; max-width: 250px;}

.login-wrap .login-content-area {position: relative}
.login-wrap .login-input-wrap .normal-txt-input {margin-bottom:10px; width:100%; height:45px;}
.login-wrap .login-input-wrap .normal-txt-input:last-child {margin-bottom:0}
.login-wrap .login-content-area .btn-wrap.login-btn {position: absolute; padding: 17px; border-radius: 50%; left: 50%; bottom: -100px; transform: translateX(-50%); border: 15px solid #fff; transition: opacity .3s ease; box-shadow: 0 3px 17px rgba(219,219,219,0.3); cursor: pointer; background:#12144d; height:90px;}
.login-wrap .login-content-area .btn-wrap.login-btn:hover {opacity: .9}
.login-wrap .login-content-area .btn-wrap.login-btn button {display: inline-block; border:0; color:#fff; ;font-size: 1.2rem; font-weight: 400; -webkit-transition: background .3s, color .3s; -o-transition: background .3s,color .3s;transition: background .3s, color .3s; cursor: pointer; border-radius: 3px;min-width: auto; height: auto; line-height: 49px; padding: 0; background: none; }
.login-wrap .login-content-area .btn-wrap.login-btn button span.material-icons {font-size: 2.5rem}
.login-wrap .login-content-area .copyright-wrap {text-align: center; padding-top: 30px; font-size: 1.2rem; color: #b7b7b7}