﻿#SubContactUsGoogleMapPopup{position:relative;width: 100%;float: left;z-index: 0;opacity: 0}
#SubContactUsGoogleMapPopup .title p{color: #ffffff; font: bold 14px UVNHongHaBold; text-transform: uppercase;  padding-left: 24px; line-height: 23px; line-height:30px}
#SubContactUsGoogleMapPopup .ImageMapsPopup {width:100%;  height:164px; float:right; position:relative;margin-top: 15px;z-index: 6}
#SubContactUsGoogleMapPopup #map_canvas_popup {margin:auto; background:#ffffff; display:block; width:100%; height:164px; position:absolute; top:0;}
#SubContactUsGoogleMapPopup .infowindow{width:200px;padding:10px;border:solid 1px #d4d4d4;background:#fff;border-radius:5px}

 #SubContactUsGoogleMapPopup .opc{ background: #000 !important;position: fixed !important;top: 0px;z-index: 5;width: 100% !important;left: 0px;height: 100% !important;opacity: 0.8;margin-top: 0 !important} 
  #SubContactUsGoogleMapPopup .ImageMapsPopup{ position: fixed !important;width: 980px !important;height: 500px !important;top: 60px !important;left: 50% !important;-webkit-transform: translateX(-50%) !important;-moz-transform: translateX(-50%) !important;-ms-transform: translateX(-50%) !important;-o-transform: translateX(-50%) !important;transform: translateX(-50%) !important;z-index: 8;
} 
  #SubContactUsGoogleMapPopup .ImageMapsPopup #map_canvas_popup {position: fixed !important;width: 980px !important;height: 500px !important;top: 60px !important;left: 50% !important;-webkit-transform: translateX(-50%) !important;-moz-transform: translateX(-50%) !important;-ms-transform: translateX(-50%) !important;-o-transform: translateX(-50%) !important;transform: translateX(-50%) !important;z-index: 9;
  }
   #SubContactUsGoogleMapPopup #ClosePopup{ background: url(Close.png) no-repeat center;width: 48px;height: 48px;position: absolute;top: 22px;right: -35px;z-index: 10;cursor: pointer}