.contact-us-container .text-content { max-width: 725px; width: 100%; margin: 0 auto; } .contact-us-container .addresses-container { max-width: 725px; width: 100%; margin: 0 auto; } .contact-us-container .addresses-container:lang(zh-cn), .contact-us-container .addresses-container:lang(zh-hk) { *max-width: 460px; } .contact-us-container .box-address { text-align: left; margin-top: 50px; } .contact-us-container .box-address .location { margin-bottom: 12px; font-size: 18px; } .contact-us-layout .icon { width: 30px; height: 30px; margin-right: 15px; } .contact-us-layout .icon img { object-fit: contain; width: 100%; height: 100%; } .contact-us-layout .cu-title { font-size: 22px; font-weight: 700; } .contact-us-layout .cu-section { display: flex; align-items: flex-start; justify-content: flex-start; } .contact-us-layout .sites-section { padding-bottom: 70px; border-bottom: 1px solid #8c8c8c; } .contact-us-layout .sites-section .content .address, .contact-us-layout .sites-section .content .postal-code, .contact-us-layout .sites-section .content .os-title { margin-bottom: 10px; } .contact-us-layout .contact-section { padding: 70px 0; border-bottom: 1px solid #8c8c8c; } .contact-us-layout .contact-section .cs__block { display: flex; align-items: flex-start; justify-content: flex-start; width: calc(100% / 3); } .contact-us-layout .contact-section .cs__block .icon:lang(en) { width: 37px; } .contact-us-layout .contact-section .cs__block .cu-title { margin-bottom: 20px; } .contact-us-layout .contact-section .cs__block .email { display: block; } .contact-us-layout .contact-section .cs__block .email:not(:last-child) { margin-bottom: 20px; } @media screen and (max-width: 1199px) { .contact-us-layout .contact-section { flex-wrap: wrap; margin-left: 0; } .contact-us-layout .contact-section .cs__block { width: 100%; margin-left: 0; margin-bottom: 20px; } } .contact-us-layout .hotline-section { padding: 70px 0; border-bottom: 1px solid #8c8c8c; } .contact-us-layout .hotline-section .content { display: flex; align-items: baseline; } .contact-us-layout .hotline-section .content .hs-desc { margin-left: 10px; } @media screen and (max-width: 767px) { .contact-us-layout .hotline-section .content { flex-wrap: wrap; } .contact-us-layout .hotline-section .content .hs-title { width: 100%; margin-bottom: 10px; } } .contact-us-layout .quick-access-section { padding: 70px 0 20px; } .contact-us-layout .quick-access-section .content { display: flex; align-items: baseline; } .contact-us-layout .quick-access-section .content .ql-item { display: block; position: relative; margin-left: 10px; color: #23527C; } .contact-us-layout .quick-access-section .content .ql-item:not(:last-child) { margin-right: 30px; } .contact-us-layout .quick-access-section .content .ql-item:not(:last-child)::after { content: ""; width: 1px; height: 18px; background-color: #313131; position: absolute; right: -20px; top: 0; } @media screen and (max-width: 767px) { .contact-us-layout .quick-access-section .content { flex-wrap: wrap; } .contact-us-layout .quick-access-section .content .qa-title { width: 100%; margin-bottom: 10px; } .contact-us-layout .quick-access-section .content .ql-item { margin-left: 0; } .contact-us-layout .quick-access-section .content .ql-item:not(:last-child) { margin-right: 40px; } }