@charset "UTF-8";

/* 讓下拉選單與提示文字同行排列，欄寬不足時再自然換行。 */
#signUpModal .sign-up-user-site-type .user-site-type-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 6px;
}

#signUpModal .sign-up-user-site-type .user-site-type-content .select2 {
    flex: 0 0 auto;
}

#signUpModal .sign-up-user-site-type .user-site-type-content .select2-container {
    flex: 0 0 auto;
    width: 200px !important;
}

#signUpModal .sign-up-user-site-type .user-site-type-note {
    color: #999;
    white-space: nowrap;
}

/* 申請帳號欄位與範例帳號並排顯示，讓使用者輸入時可以直接對照格式。 */
#signUpModal .vendor-code-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 10px;
}

#signUpModal .vendor-code-content .input-group {
    flex: 0 0 314px;
    max-width: 100%;
}

#signUpModal .vendor-code-example {
    color: #666;
    white-space: nowrap;
}

@media (max-width: 540px) {
    #signUpModal .sign-up-user-site-type .user-site-type-note {
        white-space: normal;
    }

    #signUpModal .vendor-code-example {
        white-space: normal;
    }
}