@charset "UTF-8";
#login_modal_unite *{ font-family: 'Microsoft YaHei',Arial; }

/*修改预设样式*/
.to_bootstrap #login_modal_unite .modal-content{overflow:hidden; border: 1px solid var(--loginM-primary-color,#14805e);}
.to_bootstrap #login_modal_unite .modal-header{ background-color: var(--loginM-primary-color,#14805e); color: #fff;}

.to_bootstrap #login_modal_unite .close{ opacity: 1; color: #fff;}
.to_bootstrap #login_modal_unite .form-control{ box-shadow: none;}
.to_bootstrap #login_modal_unite .form-group{ margin-bottom: 0; }

.modal-backdrop{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: rgba(0,0,0,.5);}

.to_bootstrap #login_modal_unite .input-group-img img{ height: 100%; width: 100%; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.to_bootstrap #login_modal_unite .modal-dialog{ width: 400px; margin-top: calc((100vh - 350px)/2)}


/*B站弹窗共用版*/
#login_modal_unite .input-group{display: flex; margin-bottom: 15px;}
#login_modal_unite .input-group label{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;height: 34px; width: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-right: 0; margin-bottom:0;}
#login_modal_unite .input-group label span{ display: none; }
#login_modal_unite .user_ID{ }
#login_modal_unite .user_ID label{ background: url('/images_plus/member/icon_user.png') no-repeat center center #eee;}
#login_modal_unite .user_PW label{ background: url('/images_plus/member/icon_lock.png') no-repeat center center #eee;}

#login_modal_unite .input-group.input-code label{display: none; }
#login_modal_unite .input-group.input-code input{ border-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

#login_modal_unite .input-group-img{ height: 34px; display: flex; align-items: center; justify-content: center; border-top-right-radius: 5px;border-bottom-right-radius: 5px; overflow:hidden; }

#login_modal_unite .btn-login{background-color: var(--loginM-primary-color,#14805e); color: #fff !important; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; width: 100%; border-radius: 5px; border: 0; margin-bottom: 15px; margin-bottom:15px;}

#login_modal_unite .btn_select{ display: flex; justify-content: space-between; align-items: center; }
#login_modal_unite .note_box{ display: none; }

#login_modal_unite .btn_select .footer_register,
#login_modal_unite .btn_select .footer_forgot{
	text-decoration: none;
	display: block;
    padding: 12px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background: #eee;
    color: #000;
    border: 1px solid transparent;
    border-radius: 4px;
}
#login_modal_unite .btn_select a:hover{ background-color: #ccc;}

/* third_login */
.modal-social-login {
    border-top: 1px solid #f3f3f3;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#login_modal_unite .fa {
    font-family: FontAwesome;
    font-size: 1em;
}
#login_modal_unite .third_login {
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    font-size: 22px;
    height: 40px;
    width: 40px;
    margin-bottom: 5px;
    margin-right: 9px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
#login_modal_unite .third_login:hover {
    opacity: .7;
}
#login_modal_unite .third_login span {display: none;}
#login_modal_unite .third_login-facebook {
    background-color: #1877f2;
    background: linear-gradient(45deg, #224776 0%, #1877f2 100%);
}
#login_modal_unite .third_login-google {
    background-color: #df1126;
    background: linear-gradient(45deg, #8b242f 0%, #df1126 100%);
}

/* ========== 手機登入 start ========== */
#login_modal_unite {
    --loginM-primary-color: #14805e;
}
/* Disable 禁用 */
#login_modal_unite .btn-login:disabled {
	background-color: #ccc;
}
/* nav-tabs選單切換 */
#login_modal_unite .login-modal-tab-nav > li > a,
#login_modal_unite .login-modal-tab-nav > li > a:hover,
#login_modal_unite .login-modal-tab-nav > li.active > a,
#login_modal_unite .login-modal-tab-nav > li.active > a:hover,
#login_modal_unite .login-modal-tab-nav > li.active > a:focus {
    background-color: transparent;
    border: 0 transparent;
	margin: 0;
    text-decoration: none;
}
.to_bootstrap .login-modal-tab-nav {
    border-bottom: 1px solid var(--loginM-primary-color);
}
.to_bootstrap .login-modal-tab-nav > li > a {
    color: var(--loginM-primary-color);
    font-size: 1em;
    transition: .2s linear;
}
#login_modal_unite .login-modal-tab-nav > li.active > a,
#login_modal_unite .login-modal-tab-nav > li.active > a:hover,
#login_modal_unite .login-modal-tab-nav > li.active > a:focus {
    border-bottom: 4px solid var(--loginM-primary-color);
    color: var(--loginM-primary-color);
}
/* content內容 */
#login_mobile_unite_form label {
    background-color: #eee;
}
#login_mobile_unite_form label .fa {
    font-size: 1.3em;
    color: var(--common-font-color, #343434);
}
#login_mobile_unite_form label .fa.fa-mobile {
    font-size: 2.3em;
}
.login_mobile_unite_form [class$="_box"] {
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.login_mobile_unite_form [class$="-input"] {
    flex-grow: 1;
}
#login_mobile_unite_form .phonebox-input input{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#login_mobile_unite_form .phonebox-input input,
#login_mobile_unite_form .smscodebox-btn .btn {
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.login_mobile_unite_form .smscodebox-btn .btn {
    height: 34px;
    padding: 3px 10px;
    width: 100px;
}
.login_mobile_unite_form .smscodebox-btn .btn:hover { background-color: #ccc; }
.login_mobile_unite_form .smscodebox-btn .btn:focus { outline: 0 transparent; }
/* 國際碼 start */
/* 國際碼-取消btn寬度固定220px */
#login_mobile_unite_form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 155px;
    width: initial;
}
/* countryCode開關 */
.phone_box .dropdown-toggle {
    border: 0;
    border-radius: 0;
}
.phone_box .dropdown-toggle:focus {
    outline: 0 transparent !important;
}
.phone_box .filter-option {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 國際碼-下拉選單，最大寬+高 */
#login_mobile_unite_form .countrypicker > .dropdown-menu {
    max-height: initial !important;
    max-width: 330px;
}
#login_mobile_unite_form .phone_box ul.dropdown-menu {
    max-height: 165px !important;
}
ul.dropdown-menu li .text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* ========== 手機登入 end ========== */