/****  SSO ****/

.showPwQuery h2 {
    font-family: "微軟雅黑", "Microsoft YaHei", "LiHei Pro Medium";
    color: #FFF;
    font-size: 2.7em;
    text-align: center;
    padding: 15px 10px;
    background: #1f6e6f;
    margin-bottom: 15px;
}

.showPwQuery .form-list .formLabel {
    width: 120px;
}

.showPwQuery .form-list .formLabel span .wd4 {
    font-style: normal;
    letter-spacing: 0.333em;
}

.showPwQuery .form-list .formBox {
    width: calc(100% - 120px);
}

.showPwQuery .perfundo__overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-animation: 0.4s ease-out 0.2s both;
    animation: 0.4s ease-out 0.2s both;
    -webkit-animation-name: inherit;
    animation-name: inherit;
}

.bind_question{
    text-align: center;
}
.showPwQuery .perfundo__content {
    width: 100%;
    padding: 2em;
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-animation: 0.4s ease-out 0.2s both;
    animation: 0.4s ease-out 0.2s both;
    -webkit-animation-name: inherit;
    animation-name: inherit;
}

.sso_bindList .bind_subTitle{
	font-size: clamp(1.9rem, 1.1538rem - .1282vw, 1rem);
}

#ajax_captcha_login1 > img {
    min-width: 80px;
}
.sso_bindList .bind_logo{
	margin: 10px auto;
}

/*== Logo ==*/
.showPwQuery .remaining_bind {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.showPwQuery .remaining_bind a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem .5rem;
    padding: .5rem;
    width: calc( 50% - 1.625rem );
    min-height: 6.25rem;
    background-color: #EEE;
}
@media (hover: hover) {
    .showPwQuery .remaining_bind a:hover {
        background-color: #EEE;
        -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
                box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
    }
}
.showPwQuery .remaining_bind img {
    margin: auto;
    width: 100%;
}
.showPwQuery .perfundo__close {
    position: relative;
    top: inherit;
    right: inherit;
    width: 40px;
    height: 0;
    font-size: 0;
    padding: 20px 0;
    margin-top: 20px;
    -webkit-transition: 0.4s ease-out 0.2s both;
    transition: 0.4s ease-out 0.2s both;
    -webkit-animation: 0.4s ease-out 0.2s both;
    animation: 0.4s ease-out 0.2s both;
    -webkit-animation-name: inherit;
    animation-name: inherit;
}

/*== Button ==*/
.showPwQuery .bind {
    margin: auto .25rem;
    padding: .25rem .5rem;    
    min-width: 20%;
    height: 40px;
    color: #000;
    background-color: #fff;
    font-size: 1.8rem;
    border: 2px solid #55648d;
    border-radius: 5px;
}
.showPwQuery .bind_choose {
    margin-top: 1rem;
}
#bind_yes {
    color: #fff;
    background-color: #55648d;
}
#bind_yes:hover,
#bind_no:hover {
    color: #fff;
    background-color: #B20000;
    border-color: #B20000;
}

/*== Text ==*/
.second_question {
    margin-top: 1rem;
    font-size: clamp(1.4125rem, 0.7981rem + 0.0641vw, 0.875rem);
}
.sso_explain_page {
    display: none;
    margin-top: 1rem;
}
.sso_explain_page a {
    padding: .5rem .75rem;
    min-width: 15%;
    height: 40px;
    color: #fff;
    background-color: #B20000;
    font-size: clamp(0.8125rem, 0.7981rem + 0.0641vw, 0.875rem);
    border-color: #B20000;
    border-radius: 5px;
}
.sso_explain_page a:hover,
.sso_explain_page a:focus {
    color: #fff;
    -webkit-filter: opacity(.7);
            filter: opacity(.7);
}
@media screen and (min-width:991px) {
    .showPwQuery .perfundo__overlay {
        padding: 50px 0;
    }
    .showPwQuery .perfundo__content .remaining_bind img {
        width: 60%;
    }
    .showPwQuery .perfundo__content {
        width: 100%;
        max-width: 640px;
        padding: 30px;
    }
}