@charset "utf-8";

/*=============================
        LOGIN - 登入頁
==============================*/
.signin-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: #f3f9fa;
    font-size: 1rem;
}

.signin-form {
    width: 100%;
    max-width: 420px;
    max-height: 600px;
    padding: 3rem 2.5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
}

.signin-header {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.signin-header .img_logo {
    display: block;
    width: 75%;
    margin: 0 auto .5rem;
}

.signin-header .brand-title {
    font-size: 1.5rem;
}

.signin-body {
    margin-bottom: 2rem;
    padding: .5rem 0;
}
.signin-body .form-control {
    padding: .625rem 1.5rem;
    height: auto;
    margin-bottom: 4px;
}
.signin-body .form-control +span{
    margin-top: 3px;
    font-size: .875rem;
}
.signin-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: .75rem;
}
.signin-footer>.btn:not(:last-child) {
    margin-right: .375rem;
}
.btn-signin {
    margin: 0 !important;
    background: #0ba7c6;
    color: #ffffff;
}

.btn-signin:hover {
    background: #058d9e;
    color: #ffffff;
}

.signin-btngroup {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size:.9375rem;
}

.signin-btngroup a {
    color: #3c79e2;
}


/* 忘記密碼 */
a.btn-forget {
    color: #5c85cb;
    font-size: .875rem;
}
a.btn-forget i{
    font-size:.875rem;
}
.copyright {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem auto 1rem;
    font-size: .8125rem;
    color: #6b6b6b;
}

.copyright img {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 2px;
}
::placeholder {
    color: #b6b8ba !important;
}
/*=============================
          login_split
==============================*/
.login_split {
    height: 100vh;
}
.login_split .sec_brand {
    background: #accec0;
    height: 100vh;
}
.login_split .sec_login {
    height: 100vh;
    position: relative;
	display: flex;
	justify-content: center;
    align-items: center;
}
.login_split hr.divider {
    overflow: visible;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    border-top: 1px solid #e0e0e0;
    color: #757575;
    text-align: center;
}
.login_split hr.divider:after {
    content: "Or";
    display: inline-block;
    position: relative;
    top: -10px;
    padding: 0 16px;
    background: white;
}
.login_split .sec_login_content {
    max-width: 380px;
}
.login_split .login_social {
    margin-bottom: 2rem;
}
.login_split .login_social .btn {
    text-align: left;
    color: #fff;
}
.login_split .login_social .btn .fab {
    margin-right: 1rem;
    margin-left: .5rem;
}

.login_split .btn-facebook {
    background: #4267b2;
}
.login_split .btn-facebook:hover {
    background: #395a9c;
}
.login_split .btn-facebook:focus {
    background: #35579c;
}
.login_split .login_help {
    margin-top: .25rem;
    text-align: center;
    font-size: .9rem;
}
.login_split .forgetpassword {
    color: #757575;
}
@media (max-width: 414px) {
    .login_split .sec_login_content {
        max-width: 96%;
        margin: 0 auto;
    }
}

/*=============================
       nodata - 沒有資料頁面
==============================*/
.verticalOuter {
    position: relative;
    height: 100%;
    width: 100%;
}
.verticalInner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 1rem;
    width: 100%;
}
.verticalInner h2{
    color: #4d4d4d;
}
.noif img {
    width: 80%;
    margin: 49px;
}

/*=============================
        welcome - 歡迎頁
==============================*/
.DispWelcome {
    background: url(../images/welcome1.png);
    background-repeat: no-repeat;
    background-position-x: 80%;
    background-position-y: center;
    background-size: 80%;
    height: 100%;
    padding: 5%;
    width: 100%;
}
.DispWelcome .main-title {
    margin: 19px 0 0 43px;
    font-size: 2.4rem;
    line-height: 50px;
    letter-spacing: 3px;
    color: #4d4d4d;
    margin-bottom: 17px;
    display: inline-block;
    font-weight: 400;
}
.DispWelcome .main-title span {
    display: block;
    font-size: 1.4rem;
    letter-spacing: 1px;
}