.company-location {
    position: relative;
    width: 1200px;
    height: 360px;
    margin: 24px auto;
    overflow: hidden;
    background: #f3f1ec;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-align: left;
}
.company-location-map { width: 100%; height: 100%; }
.company-location-info {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: 340px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 8px #0002;
    font: 14px/1.7 Arial, sans-serif;
    color: #333;
}
.company-location-info p { margin: 8px 0; }
.company-location-link { color: #3275f5; }
.company-location-status { color: #777; font-size: 12px; }
.company-location.is-ready .company-location-info { display: none; }
.new_ui_body_wrap .company-location { width: 100%; height: 293px; margin: 0; }
.new_ui_body_wrap .company-location-info { width: calc(100% - 40px); max-width: 340px; box-sizing: border-box; top: 16px; padding: 12px; font-size: 12px; }
/* Keep the map popup independent of the page's legacy paragraph styles. */
#company-location .BMap_bubble_title { height: auto !important; padding: 4px 24px 8px 0 !important; font: 600 14px/1.5 Arial, sans-serif !important; color: #333; }
#company-location .company-location-popup { padding: 0 4px 4px 0; text-align: left; font: 14px/1.7 Arial, sans-serif; color: #444; }
#company-location .company-location-popup p { margin: 0 0 8px !important; padding: 0 !important; line-height: 1.7 !important; }
#company-location .company-location-popup a { display: inline-block; margin: 0; line-height: 1.7; color: #3275f5; }