/* ------------------------------------------------------------------
   footer-revamp.css
   Footer rules that the main + account-opening pages carry inside an
   inline <style> block but that the using pages never had. Copied
   verbatim from en/index.html (identical in tc/sc).

   NOTE: the flex/layout rules from that block (footer .linkage{display:flex},
   footer .divie{...}, footer .rights{display:flex} …) are deliberately NOT
   included: the using page's footer markup is not compatible with them and
   applying them made the footer explode to ~4000px tall. Only the
   font/colour/background rules are copied.
   ------------------------------------------------------------------ */

/* footer grey bg */
.footer-container,
footer.footer-container,
.container-fluid.footer-container {
    background: #F1F1F1 !important;
}

footer {
    box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.1);
}

/* footer layout (from revamp) */
footer .footer_grid {
    width: 100%;
    max-width: 1100px;
    padding: 0 10px;
    margin: 0 auto;
    box-sizing: border-box;
}

.container-fluid.footer-container {
    padding-bottom: 30px;
}

/* contact-us-remark (from revamp) */
.footer-container .contact-us-remark,
footer .contact-us-remark {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 20px;
}

/* footer small size */
footer small,
.footer-container small {
    font-size: 80%;
}

/* footer font sizes */
footer .footer_grid {
    font-size: 14px;
}

footer .linkage a,
footer .linkage .mail_props,
footer .linkage .tel_props,
footer .linkage .inmo_props,
footer .linkage .branch {
    color: #000;
}

footer .linkage a,
footer .linkage .mail_props,
footer .linkage .tel_props,
footer .linkage .inmo_props,
footer .linkage .network_props {
    font-size: 14px;
}

/* linkage icons */
.footer-container .linkage .network_props,
footer .linkage .network_props {
    padding-left: 37px;
    position: relative;
}

/* app links */
.footer-app-links {
    display: flex;
    justify-content: center;
}

.footer-app-links a {
    margin: 0 5px;
}

.footer-app-links a img {
    height: 32px;
    width: auto;
}

/* app-top layout (from revamp) */
.app_dis .app-top {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
}

.app_dis .app-top .app-spacing {
    margin-left: 5px;
}

.app_dis .app-top .download-desc {
    font-size: 12px;
    flex: 1;
}

.app_dis .redirect-qrcode {
    max-width: 96px;
    background: #fff;
}

.app_dis .redirect-qrcode canvas {
    width: 96px;
    height: 96px;
}

.app_dis .redirect-qrcode img {
    transform: scale(0.9);
    max-width: 96px;
}

footer .app_dis .app-top .download-desc {
    margin-left: 5px;
    text-align: left;
}

footer .app_dis table td {
    width: 100%;
}

footer .app_dis table td img {
    max-width: 96px;
}