www.oocl.com Open in urlscan Pro
2606:4700:4400::ac40:9ac0  Public Scan

URL: https://www.oocl.com/eng/ourservices/eservices/cargotracking/Pages/cargotracking.aspx
Submission: On June 13 via manual from US — Scanned from DE

Form analysis 1 forms found in the DOM

POST ./cargotracking.aspx

<form method="post" action="./cargotracking.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm" style="margin-bottom: 0px;">
  <div class="aspNetHidden">
    <input type="hidden" name="_wpcmWpid" id="_wpcmWpid" value="">
    <input type="hidden" name="wpcmVal" id="wpcmVal" value="">
    <input type="hidden" name="MSOWebPartPage_PostbackSource" id="MSOWebPartPage_PostbackSource" value="">
    <input type="hidden" name="MSOTlPn_SelectedWpId" id="MSOTlPn_SelectedWpId" value="">
    <input type="hidden" name="MSOTlPn_View" id="MSOTlPn_View" value="0">
    <input type="hidden" name="MSOTlPn_ShowSettings" id="MSOTlPn_ShowSettings" value="False">
    <input type="hidden" name="MSOGallery_SelectedLibrary" id="MSOGallery_SelectedLibrary" value="">
    <input type="hidden" name="MSOGallery_FilterString" id="MSOGallery_FilterString" value="">
    <input type="hidden" name="MSOTlPn_Button" id="MSOTlPn_Button" value="none">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__REQUESTDIGEST" id="__REQUESTDIGEST" value="0x9A3EAD9C164A29B33BC0391AEDCD079DE996DCA82590D51F808A6C342230481AD0A815D49279141AB65FDA1BA14834BD52DF75EFFF9C14788A8CE35D1F037D04,13 Jun 2024 15:37:57 -0000">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="/wEPDwUILTkwMDY1ODAPZBYCZg9kFgICAQ9kFgQCAQ9kFgICCw9kFgICCA9kFgQCAQ9kFgICBQ8WAh4TUHJldmlvdXNDb250cm9sTW9kZQspiAFNaWNyb3NvZnQuU2hhcmVQb2ludC5XZWJDb250cm9scy5TUENvbnRyb2xNb2RlLCBNaWNyb3NvZnQuU2hhcmVQb2ludCwgVmVyc2lvbj0xNi4wLjAuMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj03MWU5YmNlMTExZTk0MjljAWQCAw9kFgJmD2QWAmYPPCsABgBkAgkPZBYCAgIPZBYCAh8PZBYCAgMPFgIeB1Zpc2libGVoFgJmD2QWBAIDD2QWBgIBDxYCHwFoZAIDDxYCHwFoZAIFDxYCHwFoZAIEDw8WAh4JQWNjZXNzS2V5BQEvZGRkWPQBvWVrgwJILs9mUue1AIdaMnPsYUCP+WdY7F1uoNM=">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['aspnetForm'];
    if (!theForm) {
      theForm = document.aspnetForm;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/WebResource.axd?d=90I0xBU-H04dmKofdmb_Wgaib_Sq-4kex513WEGI0iHiUBeqMJ9-ywLCBJjh8Zmt1rj37fixiwxJFx4sV2Y7GDdU0W8Dlgw8Mu_ayxxGtHg1&amp;t=638470415903148691" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    var MSOWebPartPageFormName = 'aspnetForm';
    var g_presenceEnabled = true;
    var g_wsaEnabled = false;
    var g_correlationId = 'c74632a1-4c56-50ac-041f-77792b41644c';
    var g_wsaQoSEnabled = false;
    var g_wsaQoSDataPoints = [];
    var g_wsaRUMEnabled = false;
    var g_wsaLCID = 1033;
    var g_wsaListTemplateId = 850;
    var g_wsaSiteTemplateId = 'CMSPUBLISHING#0';
    var _fV4UI = true;
    var _spPageContextInfo = {
      webServerRelativeUrl: "\u002feng\u002fourservices\u002feservices\u002fcargotracking",
      webAbsoluteUrl: "http:\u002f\u002fwww.oocl.com\u002feng\u002fourservices\u002feservices\u002fcargotracking",
      siteAbsoluteUrl: "http:\u002f\u002fwww.oocl.com",
      serverRequestPath: "\u002feng\u002fourservices\u002feservices\u002fcargotracking\u002fPages\u002fcargotracking.aspx",
      layoutsUrl: "_layouts\u002f15",
      webTitle: "Cargo Tracking",
      webTemplate: "39",
      tenantAppVersion: "0",
      isAppWeb: false,
      Has2019Era: true,
      webLogoUrl: "_layouts\u002f15\u002fimages\u002fsiteicon.png",
      webLanguage: 1033,
      currentLanguage: 1033,
      currentUICultureName: "en-US",
      currentCultureName: "en-US",
      clientServerTimeDelta: new Date("2024-06-13T15:37:57.3792927Z") - new Date(),
      updateFormDigestPageLoaded: new Date("2024-06-13T15:37:57.3792927Z"),
      siteClientTag: "1846$$16.0.4822.1000",
      crossDomainPhotosEnabled: false,
      webUIVersion: 15,
      webPermMasks: {
        High: 16,
        Low: 196673
      },
      pageListId: "{84112400-7c0c-48f7-a9f8-ee76bcfb5fe1}",
      pageItemId: 2,
      pagePersonalizationScope: 1,
      alertsEnabled: true,
      customMarkupInCalculatedFieldDisabled: true,
      siteServerRelativeUrl: "\u002f",
      allowSilverlightPrompt: 'True',
      isSiteAdmin: false
    };
    var L_Menu_BaseUrl = "/eng/ourservices/eservices/cargotracking";
    var L_Menu_LCID = "1033";
    var L_Menu_SiteTheme = "null";
    document.onreadystatechange = fnRemoveAllStatus;

    function fnRemoveAllStatus() {
      removeAllStatus(true)
    };
    Flighting.ExpFeatures = [480215056, 1880287568, 1561350208, 302071836, 3212816, 69473024, 4194310, -2113396707, 268502022, -872284160, 1049232, -2147421952, 65536, 65536, 2097472, 917504, -2147474174, 1372324107, 67108882, 0, 0, -2147483648,
      2097152, 0, 0, 32768, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 32768
    ]; //]]>
  </script>
  <script src="/_layouts/15/blank.js?rev=HLUVwWiRzMzUdc10Du%2FYFw%3D%3DTAG0" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    (function() {
      if (typeof(_spBodyOnLoadFunctions) === 'undefined' || _spBodyOnLoadFunctions === null) {
        return;
      }
      _spBodyOnLoadFunctions.push(function() {
        SP.SOD.executeFunc('core.js', 'FollowingDocument', function() {
          FollowingDocument();
        });
      });
    })();
    (function() {
      if (typeof(_spBodyOnLoadFunctions) === 'undefined' || _spBodyOnLoadFunctions === null) {
        return;
      }
      _spBodyOnLoadFunctions.push(function() {
        SP.SOD.executeFunc('core.js', 'FollowingCallout', function() {
          FollowingCallout();
        });
      });
    })();
    if (typeof(DeferWebFormInitCallback) == 'function') DeferWebFormInitCallback();

    function WebForm_OnSubmit() {
      UpdateFormDigest('\u002feng\u002fourservices\u002feservices\u002fcargotracking', 1440000);
      if (typeof(_spFormOnSubmitWrapper) != 'undefined') {
        return _spFormOnSubmitWrapper();
      } else {
        return true;
      };
      return true;
    }
    //]]>
  </script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="B83675EB">
  </div>
  <div id="divBrowserVersion" style="width: 0px; display: none;">
  </div>
  <script type="text/javascript" src="/_catalogs/masterpage/JavaScript/revamp/browserdetect.js"></script>
  <div id="divEditor" style="display: none;">
    <div class="article article-left">
    </div>
    <div style="display:none" id="hidZone">
      <menu class="ms-hide">
        <ie:menuitem id="MSOMenu_Help" iconsrc="/_layouts/15/images/HelpIcon.gif" onmenuclick="MSOWebPartPage_SetNewWindowLocation(MenuWebPart.getAttribute('helpLink'), MenuWebPart.getAttribute('helpMode'))" text="Help" type="option"
          style="display:none">
        </ie:menuitem>
      </menu>
    </div>
  </div>
  <nav id="menu1" class="navbar  navbar-fixed-top hidden-md hidden-sm hidden-xs" role="navigation">
    <div id="nav-desktop_1" class="container-fluid navbar-inverse">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div> <!--navbar-header-->
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="navbar-menu">
        <ul class="nav navbar-nav navbar-left nav-bar-contact-info">
          <li>
            <a id="change_locations" class="menu-text" href="javascript:void(0);">Change Location&nbsp;<span class="fontello icon-down-dir"></span></a>
          </li>
          <li>
            <a href="/schi/ourservices/eservices/cargotracking/Pages/cargotracking.aspx">简体中文</a>
          </li>
          <li>
            <a href="/japan/jpn">日本語</a>
          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li _t_nav="Customer Feedback" class=""><a href="/eng/customersfeedback">Customer Feedback</a></li>
          <li _t_nav="Supplier Feedback" class=""><a href="/eng/suppliersfeedback">Supplier Feedback</a></li>
          <li _t_nav="Our Global Network" class=""><a href="/eng/officedirectory">Our Global Network</a></li>
          <li _t_nav="Contact Us" class=""><a href="/eng/contactus">Contact Us</a></li>
          <li _t_nav="e-Subscription" class=""><a href="/eng/esubscription">e-Subscription</a></li>
          <li class="nav-down-menu-search-container">
            <a href="#"><span class="fontello icon-search"></span>
                                <!--<i class="glgruntyphicon glyphicon-search" aria-hidden="true"></i>-->
                            </a>
            <div id="search" class="nav-down-menu nav-down-menu-search" style="display: none;">
              <div class="navigation-down-inner">
                <input type="text" class="search-box" placeholder="Search">
              </div>
            </div>
          </li>
        </ul>
      </div> <!--navbar-menu-->
    </div>
    <div id="nav-desktop_2" class="container-fluid navbar-default padding-home">
      <div class="navbar-left logo-space">
        <a href="/eng">
          <img src="/Style Library/revamp/Images/OOCL_logo.svg" class="oocl-logo">      
        </a>
      </div>
      <div class="">
        <ul class="nav navbar-nav navbar-right navbar-default">
          <li class="text-shadow">
            <a href="/eng/aboutoocl">ABOUT OOCL</a>
            <ul class="text-center ">
              <li><a href="/eng/aboutoocl/ourphilosophy">Our Philosophy</a></li>
              <li><a href="/eng/aboutoocl/companyprofile">Company Profile</a></li>
              <li><a href="/eng/aboutoocl/ooclcareer">Careers</a></li>
              <li><a href="/eng/aboutoocl/ooclncommunity">OOCL &amp; Community</a></li>
              <li><a href="/eng/aboutoocl/ssepolicy">SSE Policy</a></li>
              <li><a href="/eng/aboutoocl/safety">Safety</a></li>
              <li><a href="/eng/aboutoocl/security">Security</a></li>
              <li><a href="/eng/aboutoocl/Environmentalcare">Environmental Care</a></li>
              <li><a href="/eng/aboutoocl/awardsandrecognition">Awards &amp; Recognition</a></li>
              <li><a href="/eng/aboutoocl/ooclmemberorganizations">OOCL Member Organizations</a></li>
            </ul>
          </li>
          <li class="text-shadow">
            <a href="/eng/ourservices">OUR SERVICES</a>
            <ul class="text-center ">
              <li><a href="/eng/ourservices/serviceroutes">Service Routes</a></li>
              <li><a href="/eng/ourservices/vessels">Vessels</a></li>
              <li><a href="/eng/ourservices/containers">Containers</a></li>
              <li><a href="/eng/ourservices/reeferservice">Reefer Service</a></li>
              <li><a href="/eng/ourservices/oocllogistics">OOCL Logistics</a></li>
              <li><a href="/eng/ourservices/intermodal">Intermodal</a></li>
              <li><a href="/eng/ourservices/dangerousgoods">Dangerous Goods</a></li>
              <li><a href="/eng/ourservices/eservices">e-Services</a></li>
              <li><a href="/eng/ourservices/oversizedcargo">Oversized Cargo &amp; Yacht Shipping</a></li>
            </ul>
          </li>
          <li class="text-shadow">
            <a href="/eng/pressandmedia">NEWS &amp; MEDIA</a>
            <ul class="text-center ">
              <li><a href="/eng/pressandmedia/newscenter">News Center</a></li>
              <li><a href="/eng/pressandmedia/ooilannualandinterimreports">OOIL Annual &amp; Interim Reports</a></li>
              <li><a href="/eng/pressandmedia/ooilsustainabilityreports">OOIL Sustainability Report</a></li>
              <li><a href="/eng/pressandmedia/photogallery">Photo Gallery</a></li>
              <li><a href="/eng/pressandmedia/mediacontact">Media Contact</a></li>
            </ul>
          </li>
          <li class="text-shadow">
            <a href="/eng/resourcecenter">RESOURCE CENTER</a>
            <ul class="text-center ">
              <li><a href="/eng/resourcecenter/vgm">VGM</a></li>
              <li><a href="/eng/resourcecenter/customeradvisories">Customs Advance Manifest</a></li>
              <li><a href="/eng/resourcecenter/CTUCode">Packing Of Cargo Transport Units (CTU Code)</a></li>
              <li><a href="/eng/resourcecenter/ebrochures">e-Brochures</a></li>
              <li><a href="/eng/resourcecenter/vesselcertificate">Vessel Certificate</a></li>
              <li><a href="/eng/resourcecenter/shippinglossary">Shipping Glossary</a></li>
              <li><a href="/eng/resourcecenter/oureportals">Vendor Portals</a></li>
              <li><a href="/eng/resourcecenter/blterms">B/L Terms</a></li>
              <li><a href="/eng/resourcecenter/PDP">Personal Data Protection</a></li>
              <li><a href="/eng/resourcecenter/surcharges">Surcharges</a></li>
              <li><a href="/eng/resourcecenter/globalinfo">Terminals, Restrictions, Free Time, Local Surcharges, Office Calendar</a></li>
              <li><a href="/eng/resourcecenter/eClaims">eClaims</a></li>
              <li><a href="/eng/resourcecenter/ratedocumenttermsandconditions">Rate Document Terms &amp; Conditions</a></li>
            </ul>
          </li>
          <li>
            <a id="btn_login" href="https://moc.oocl.com/sso" target="_blank" class="btn-nav hidden-sm hidden-xs">My OOCL Center</a>
          </li>
          <li>
            <a id="btn_freight_smart" href="https://freightsmart.oocl.com" target="_blank" class="btn-nav hidden-sm hidden-xs" style="margin-left: 10px;">FreightSmart</a>
          </li>
        </ul>
      </div>
    </div>
    <!--GlobalMemu-->
  </nav>
  <div class="panel-locations hidden">
    <div class="panel-locations-context">
      <div class="row remember-location">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 choice">
          <div class="squared">
            <input type="checkbox" value="None" id="remember_local">
            <label for="remember_local"><span>Remember My Location</span> </label>
          </div>
        </div>
      </div>
      <ul class="tabs">
        <li class="tab_first active" rel="Tab1">Asia Pacific</li>
        <li class="" rel="Tab2">Middle East &amp; Africa</li>
        <li class="" rel="Tab3">Europe</li>
        <li class="" rel="Tab4">Americas</li>
      </ul>
      <div class="tab_container">
        <h3 class="d_active tab_drawer_heading" rel="Tab1">Tab1</h3>
        <div id="Tab1" class="tab_content Asia Pacific" style="display: block;">
          <div class="block" onclick="changeLocation('/australia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Australia</div>
          </div>
          <div class="block" onclick="changeLocation('/bangladesh/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Bangladesh</div>
          </div>
          <div class="block" onclick="changeLocation('/india/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Bhutan</div>
          </div>
          <div class="block" onclick="changeLocation('/malaysia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Brunei</div>
          </div>
          <div class="block" onclick="changeLocation('/cambodia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Cambodia</div>
          </div>
          <div class="block" onclick="changeLocation('/china/schi/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">China</div>
          </div>
          <div class="block" onclick="changeLocation('/hongkong/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Hong Kong, China</div>
          </div>
          <div class="block" onclick="changeLocation('/india/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">India</div>
          </div>
          <div class="block" onclick="changeLocation('/indonesia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Indonesia</div>
          </div>
          <div class="block" onclick="changeLocation('/japan/jpn/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Japan</div>
          </div>
          <div class="block" onclick="changeLocation('/korea/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Korea</div>
          </div>
          <div class="block" onclick="changeLocation('/thailand/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Laos</div>
          </div>
          <div class="block" onclick="changeLocation('/hongkong/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Macau, China</div>
          </div>
          <div class="block" onclick="changeLocation('/malaysia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Malaysia</div>
          </div>
          <div class="block" onclick="changeLocation('/myanmar/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Myanmar</div>
          </div>
          <div class="block" onclick="changeLocation('/india/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Nepal</div>
          </div>
          <div class="block" onclick="changeLocation('/newzealand/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">New Zealand</div>
          </div>
          <div class="block" onclick="changeLocation('/pakistan/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Pakistan</div>
          </div>
          <div class="block" onclick="changeLocation('/philippines/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Philippines</div>
          </div>
          <div class="block" onclick="changeLocation('/singapore/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Singapore</div>
          </div>
          <div class="block" onclick="changeLocation('/srilanka/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Sri Lanka</div>
          </div>
          <div class="block" onclick="changeLocation('/taiwan/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Taiwan, China</div>
          </div>
          <div class="block" onclick="changeLocation('/thailand/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Thailand</div>
          </div>
          <div class="block" onclick="changeLocation('/vietnam/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Vietnam</div>
          </div>
        </div>
        <h3 class="d_active tab_drawer_heading" rel="Tab2">Tab2</h3>
        <div id="Tab2" class="tab_content Middle East &amp; Africa" style="display: none;">
          <div class="block" onclick="changeLocation('/angola/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Angola</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Bahrain</div>
          </div>
          <div class="block" onclick="changeLocation('/benin/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Benin</div>
          </div>
          <div class="block" onclick="changeLocation('/congo/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Congo Republic</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Djibouti</div>
          </div>
          <div class="block" onclick="changeLocation('/egypt/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Egypt</div>
          </div>
          <div class="block" onclick="changeLocation('/southafrica/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Eswatini</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Ethiopia</div>
          </div>
          <div class="block" onclick="changeLocation('/ghana/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Ghana</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Iraq</div>
          </div>
          <div class="block" onclick="changeLocation('/ivorycoast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Ivory Coast</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Jordan</div>
          </div>
          <div class="block" onclick="changeLocation('/kenya/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Kenya</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Kuwait</div>
          </div>
          <div class="block" onclick="changeLocation('/southafrica/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Lesotho</div>
          </div>
          <div class="block" onclick="changeLocation('/morocco/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Morocco</div>
          </div>
          <div class="block" onclick="changeLocation('/namibia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Namibia</div>
          </div>
          <div class="block" onclick="changeLocation('/nigeria/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Nigeria</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Oman</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Qatar</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Saudi Arabia</div>
          </div>
          <div class="block" onclick="changeLocation('/senegal/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Senegal</div>
          </div>
          <div class="block" onclick="changeLocation('/southafrica/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">South Africa</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Sudan</div>
          </div>
          <div class="block" onclick="changeLocation('/tanzania/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Tanzania</div>
          </div>
          <div class="block" onclick="changeLocation('/togo/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Togo</div>
          </div>
          <div class="block" onclick="changeLocation('/middleeast/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">United Arab Emirates</div>
          </div>
        </div>
        <h3 class="d_active tab_drawer_heading" rel="Tab3">Tab3</h3>
        <div id="Tab3" class="tab_content Europe" style="display: none;">
          <div class="block" onclick="changeLocation('/germany/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Austria</div>
          </div>
          <div class="block" onclick="changeLocation('/belgium/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Belgium</div>
          </div>
          <div class="block" onclick="changeLocation('/bulgaria/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Bulgaria</div>
          </div>
          <div class="block" onclick="changeLocation('/croatia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Croatia</div>
          </div>
          <div class="block" onclick="changeLocation('/germany/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Czech Republic</div>
          </div>
          <div class="block" onclick="changeLocation('/denmark/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Denmark</div>
          </div>
          <div class="block" onclick="changeLocation('/estonia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Estonia</div>
          </div>
          <div class="block" onclick="changeLocation('/finland/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Finland</div>
          </div>
          <div class="block" onclick="changeLocation('/france/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">France</div>
          </div>
          <div class="block" onclick="changeLocation('/germany/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Germany</div>
          </div>
          <div class="block" onclick="changeLocation('/greece/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Greece</div>
          </div>
          <div class="block" onclick="changeLocation('/hungary/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Hungary</div>
          </div>
          <div class="block" onclick="changeLocation('/ireland/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Ireland</div>
          </div>
          <div class="block" onclick="changeLocation('/israel/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Israel</div>
          </div>
          <div class="block" onclick="changeLocation('/italy/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Italy</div>
          </div>
          <div class="block" onclick="changeLocation('/latvia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Latvia</div>
          </div>
          <div class="block" onclick="changeLocation('/lithuania/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Lithuania</div>
          </div>
          <div class="block" onclick="changeLocation('/belgium/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Luxembourg</div>
          </div>
          <div class="block" onclick="changeLocation('/malta/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Malta</div>
          </div>
          <div class="block" onclick="changeLocation('/netherlands/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Netherlands</div>
          </div>
          <div class="block" onclick="changeLocation('/greece/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">North Macedonia</div>
          </div>
          <div class="block" onclick="changeLocation('/norway/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Norway</div>
          </div>
          <div class="block" onclick="changeLocation('/poland/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Poland</div>
          </div>
          <div class="block" onclick="changeLocation('/portugal/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Portugal</div>
          </div>
          <div class="block" onclick="changeLocation('/romania/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Romania</div>
          </div>
          <div class="block" onclick="changeLocation('/russia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Russia</div>
          </div>
          <div class="block" onclick="changeLocation('/germany/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Slovakia</div>
          </div>
          <div class="block" onclick="changeLocation('/slovenia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Slovenia</div>
          </div>
          <div class="block" onclick="changeLocation('/spain/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Spain</div>
          </div>
          <div class="block" onclick="changeLocation('/sweden/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Sweden</div>
          </div>
          <div class="block" onclick="changeLocation('/switzerland/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Switzerland</div>
          </div>
          <div class="block" onclick="changeLocation('/turkey/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Turkiye</div>
          </div>
          <div class="block" onclick="changeLocation('/ukraine/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Ukraine</div>
          </div>
          <div class="block" onclick="changeLocation('/uk/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">United Kingdom</div>
          </div>
        </div>
        <h3 class="d_active tab_drawer_heading" rel="Tab4">Tab4</h3>
        <div id="Tab4" class="tab_content Americas" style="display: none;">
          <div class="block" onclick="changeLocation('/argentina/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Argentina</div>
          </div>
          <div class="block" onclick="changeLocation('/brazil/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Brazil</div>
          </div>
          <div class="block" onclick="changeLocation('/canada/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Canada</div>
          </div>
          <div class="block" onclick="changeLocation('/chile/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Chile</div>
          </div>
          <div class="block" onclick="changeLocation('/colombia/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Colombia</div>
          </div>
          <div class="block" onclick="changeLocation('/costarica/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Costa Rica</div>
          </div>
          <div class="block" onclick="changeLocation('/dominicanrepublic/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Dominican Republic</div>
          </div>
          <div class="block" onclick="changeLocation('/ecuador/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Ecuador</div>
          </div>
          <div class="block" onclick="changeLocation('/elsalvador/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">El Salvador</div>
          </div>
          <div class="block" onclick="changeLocation('/guatemala/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Guatemala</div>
          </div>
          <div class="block" onclick="changeLocation('/honduras/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Honduras</div>
          </div>
          <div class="block" onclick="changeLocation('/jamaica/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Jamaica</div>
          </div>
          <div class="block" onclick="changeLocation('/mexico/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Mexico</div>
          </div>
          <div class="block" onclick="changeLocation('/nicaragua/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Nicaragua</div>
          </div>
          <div class="block" onclick="changeLocation('/panama/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Panama</div>
          </div>
          <div class="block" onclick="changeLocation('/peru/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Peru</div>
          </div>
          <div class="block" onclick="changeLocation('/uruguay/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">Uruguay</div>
          </div>
          <div class="block" onclick="changeLocation('/usa/eng/')">
            <div class="flag" style="background: url('') center center no-repeat;"></div>
            <div name="location_country">USA</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--location-->
  <nav id="nav_mobile" class="navbar navbar-default navbar-fixed-top hidden-lg" style="display: none;">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <a class="navbar-brand" href="/eng">
                        <img id="mb_logo_img" alt="Brand" src="/Style%20Library/revamp/Images/oocl_logo.svg" class="oocl-logo">
                    </a>
      </div>
      <ul class="nav navbar-nav navbar-right menu">
        <li><a id="change_locations" class="menu-text hidden-sm hidden-xs" href="javascript:void(0);">Change Location&nbsp;<span class="fontello icon-down-dir"></span></a></li>
        <li>
          <a id="btn_login" href="https://moc.oocl.com/sso" target="_blank" class="btn-nav hidden-sm hidden-xs">My OOCL Center</a>
        </li>
        <li>
          <a id="btn_login" href="https://freightsmart.oocl.com" target="_blank" class="btn-nav hidden-sm hidden-xs">FreightSmart</a>
        </li>
        <li class="menu-icon">
          <div class="hidden-sm hidden-xs homepage-menu">MENU</div>
          <div class="hamburger homepage-hamburger" id="mobile_menu">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
          </div>
        </li>
        <li class="nav-down-menu-search-container"><a class="fontello icon-search mobile-search-icon hidden"></a>
          <div id="mobile-search" class="nav-down-menu nav-down-menu-search" style="display: none;">
            <div class="navigation-down-inner">
              <input type="text" class="search-box" placeholder="Search">
            </div>
          </div>
        </li>
      </ul>
    </div><!-- /.container-fluid -->
  </nav> <!--nav mobile end-->
  <div id="mobile_menu_panel" class="mobile-menu-panel " style="display: none; z-index:9999;">
    <div id="mb_menu_main" style="height: 1128px;">
      <ul class="menu-level-1">
        <li class="visible-xs visible-sm change-location-btn">
          <a href="/eng/localsites">Change Location<div class="clearfix"></div></a>
        </li>
        <li m_t_nav="mb_about_oocl">
          <a>About OOCL<span class="arrow pull-right"><i class="fontello icon-right-open"></i></span><div class="clearfix"></div></a>
        </li>
        <li m_t_nav="mb_our_services">
          <a>Our Services<span class="arrow pull-right"><i class="fontello icon-right-open"></i></span><div class="clearfix"></div></a>
        </li>
        <li m_t_nav="mb_news_&amp;_media">
          <a>News &amp; Media<span class="arrow pull-right"><i class="fontello icon-right-open"></i></span><div class="clearfix"></div></a>
        </li>
        <li m_t_nav="mb_resource_center">
          <a>Resource Center<span class="arrow pull-right"><i class="fontello icon-right-open"></i></span><div class="clearfix"></div></a>
        </li>
        <li><a href="/eng/customersfeedback">Customer Feedback</a></li>
        <li><a href="/eng/suppliersfeedback">Supplier Feedback</a></li>
        <li><a href="/eng/officedirectory">Our Global Network</a></li>
        <li><a href="/eng/contactus">Contact Us</a></li>
        <li><a href="/eng/esubscription">e-Subscription</a></li>
        <!--menu item-->
        <li>
          <input type="text" class="hidden-xs search-box" placeholder="Search">
        </li>
        <li>
          <a href="/schi/ourservices/eservices/cargotracking/Pages/cargotracking.aspx">简体中文</a>
        </li>
        <li>
          <a href="/japan/jpn">日本語</a>
        </li>
        <!--language-->
      </ul>
    </div>
    <div id="mb_change_location" class="mb-menu-level-2-panel">
      <div class="mb-menu-level-2-title">
        <a><span class="arrow"><i class="fontello icon-left-open"></i></span>Change Location</a>
      </div>
      <div class="panel-group wrap" id="change_location_accordion" role="tablist" aria-multiselectable="true">
        <div class="panel-locations hidden">
          <div class="panel-locations-context">
            <div class="row remember-location">
              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 choice">
                <div class="squared">
                  <input type="checkbox" value="None" id="remember_local">
                  <label for="remember_local"><span>Remember My Location</span> </label>
                </div>
              </div>
            </div>
            <ul class="tabs">
              <li class="tab_first active" rel="Tab1">Asia Pacific</li>
              <li class="" rel="Tab2">Middle East &amp; Africa</li>
              <li class="" rel="Tab3">Europe</li>
              <li class="" rel="Tab4">Americas</li>
            </ul>
            <div class="tab_container">
              <h3 class="d_active tab_drawer_heading" rel="Tab1">Tab1</h3>
              <div id="Tab1" class="tab_content Asia Pacific" style="display: none;">
                <div class="block" onclick="changeLocation('/australia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Australia</div>
                </div>
                <div class="block" onclick="changeLocation('/bangladesh/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Bangladesh</div>
                </div>
                <div class="block" onclick="changeLocation('/india/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Bhutan</div>
                </div>
                <div class="block" onclick="changeLocation('/malaysia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Brunei</div>
                </div>
                <div class="block" onclick="changeLocation('/cambodia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Cambodia</div>
                </div>
                <div class="block" onclick="changeLocation('/china/schi/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">China</div>
                </div>
                <div class="block" onclick="changeLocation('/hongkong/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Hong Kong, China</div>
                </div>
                <div class="block" onclick="changeLocation('/india/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">India</div>
                </div>
                <div class="block" onclick="changeLocation('/indonesia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Indonesia</div>
                </div>
                <div class="block" onclick="changeLocation('/japan/jpn/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Japan</div>
                </div>
                <div class="block" onclick="changeLocation('/korea/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Korea</div>
                </div>
                <div class="block" onclick="changeLocation('/thailand/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Laos</div>
                </div>
                <div class="block" onclick="changeLocation('/hongkong/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Macau, China</div>
                </div>
                <div class="block" onclick="changeLocation('/malaysia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Malaysia</div>
                </div>
                <div class="block" onclick="changeLocation('/myanmar/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Myanmar</div>
                </div>
                <div class="block" onclick="changeLocation('/india/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Nepal</div>
                </div>
                <div class="block" onclick="changeLocation('/newzealand/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">New Zealand</div>
                </div>
                <div class="block" onclick="changeLocation('/pakistan/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Pakistan</div>
                </div>
                <div class="block" onclick="changeLocation('/philippines/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Philippines</div>
                </div>
                <div class="block" onclick="changeLocation('/singapore/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Singapore</div>
                </div>
                <div class="block" onclick="changeLocation('/srilanka/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Sri Lanka</div>
                </div>
                <div class="block" onclick="changeLocation('/taiwan/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Taiwan, China</div>
                </div>
                <div class="block" onclick="changeLocation('/thailand/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Thailand</div>
                </div>
                <div class="block" onclick="changeLocation('/vietnam/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Vietnam</div>
                </div>
              </div>
              <h3 class="d_active tab_drawer_heading" rel="Tab2">Tab2</h3>
              <div id="Tab2" class="tab_content Middle East &amp; Africa" style="display: none;">
                <div class="block" onclick="changeLocation('/angola/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Angola</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Bahrain</div>
                </div>
                <div class="block" onclick="changeLocation('/benin/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Benin</div>
                </div>
                <div class="block" onclick="changeLocation('/congo/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Congo Republic</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Djibouti</div>
                </div>
                <div class="block" onclick="changeLocation('/egypt/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Egypt</div>
                </div>
                <div class="block" onclick="changeLocation('/southafrica/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Eswatini</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Ethiopia</div>
                </div>
                <div class="block" onclick="changeLocation('/ghana/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Ghana</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Iraq</div>
                </div>
                <div class="block" onclick="changeLocation('/ivorycoast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Ivory Coast</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Jordan</div>
                </div>
                <div class="block" onclick="changeLocation('/kenya/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Kenya</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Kuwait</div>
                </div>
                <div class="block" onclick="changeLocation('/southafrica/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Lesotho</div>
                </div>
                <div class="block" onclick="changeLocation('/morocco/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Morocco</div>
                </div>
                <div class="block" onclick="changeLocation('/namibia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Namibia</div>
                </div>
                <div class="block" onclick="changeLocation('/nigeria/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Nigeria</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Oman</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Qatar</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Saudi Arabia</div>
                </div>
                <div class="block" onclick="changeLocation('/senegal/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Senegal</div>
                </div>
                <div class="block" onclick="changeLocation('/southafrica/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">South Africa</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Sudan</div>
                </div>
                <div class="block" onclick="changeLocation('/tanzania/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Tanzania</div>
                </div>
                <div class="block" onclick="changeLocation('/togo/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Togo</div>
                </div>
                <div class="block" onclick="changeLocation('/middleeast/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">United Arab Emirates</div>
                </div>
              </div>
              <h3 class="d_active tab_drawer_heading" rel="Tab3">Tab3</h3>
              <div id="Tab3" class="tab_content Europe" style="display: none;">
                <div class="block" onclick="changeLocation('/germany/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Austria</div>
                </div>
                <div class="block" onclick="changeLocation('/belgium/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Belgium</div>
                </div>
                <div class="block" onclick="changeLocation('/bulgaria/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Bulgaria</div>
                </div>
                <div class="block" onclick="changeLocation('/croatia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Croatia</div>
                </div>
                <div class="block" onclick="changeLocation('/germany/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Czech Republic</div>
                </div>
                <div class="block" onclick="changeLocation('/denmark/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Denmark</div>
                </div>
                <div class="block" onclick="changeLocation('/estonia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Estonia</div>
                </div>
                <div class="block" onclick="changeLocation('/finland/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Finland</div>
                </div>
                <div class="block" onclick="changeLocation('/france/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">France</div>
                </div>
                <div class="block" onclick="changeLocation('/germany/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Germany</div>
                </div>
                <div class="block" onclick="changeLocation('/greece/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Greece</div>
                </div>
                <div class="block" onclick="changeLocation('/hungary/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Hungary</div>
                </div>
                <div class="block" onclick="changeLocation('/ireland/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Ireland</div>
                </div>
                <div class="block" onclick="changeLocation('/israel/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Israel</div>
                </div>
                <div class="block" onclick="changeLocation('/italy/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Italy</div>
                </div>
                <div class="block" onclick="changeLocation('/latvia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Latvia</div>
                </div>
                <div class="block" onclick="changeLocation('/lithuania/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Lithuania</div>
                </div>
                <div class="block" onclick="changeLocation('/belgium/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Luxembourg</div>
                </div>
                <div class="block" onclick="changeLocation('/malta/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Malta</div>
                </div>
                <div class="block" onclick="changeLocation('/netherlands/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Netherlands</div>
                </div>
                <div class="block" onclick="changeLocation('/greece/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">North Macedonia</div>
                </div>
                <div class="block" onclick="changeLocation('/norway/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Norway</div>
                </div>
                <div class="block" onclick="changeLocation('/poland/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Poland</div>
                </div>
                <div class="block" onclick="changeLocation('/portugal/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Portugal</div>
                </div>
                <div class="block" onclick="changeLocation('/romania/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Romania</div>
                </div>
                <div class="block" onclick="changeLocation('/russia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Russia</div>
                </div>
                <div class="block" onclick="changeLocation('/germany/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Slovakia</div>
                </div>
                <div class="block" onclick="changeLocation('/slovenia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Slovenia</div>
                </div>
                <div class="block" onclick="changeLocation('/spain/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Spain</div>
                </div>
                <div class="block" onclick="changeLocation('/sweden/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Sweden</div>
                </div>
                <div class="block" onclick="changeLocation('/switzerland/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Switzerland</div>
                </div>
                <div class="block" onclick="changeLocation('/turkey/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Turkiye</div>
                </div>
                <div class="block" onclick="changeLocation('/ukraine/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Ukraine</div>
                </div>
                <div class="block" onclick="changeLocation('/uk/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">United Kingdom</div>
                </div>
              </div>
              <h3 class="d_active tab_drawer_heading" rel="Tab4">Tab4</h3>
              <div id="Tab4" class="tab_content Americas" style="display: none;">
                <div class="block" onclick="changeLocation('/argentina/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Argentina</div>
                </div>
                <div class="block" onclick="changeLocation('/brazil/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Brazil</div>
                </div>
                <div class="block" onclick="changeLocation('/canada/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Canada</div>
                </div>
                <div class="block" onclick="changeLocation('/chile/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Chile</div>
                </div>
                <div class="block" onclick="changeLocation('/colombia/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Colombia</div>
                </div>
                <div class="block" onclick="changeLocation('/costarica/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Costa Rica</div>
                </div>
                <div class="block" onclick="changeLocation('/dominicanrepublic/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Dominican Republic</div>
                </div>
                <div class="block" onclick="changeLocation('/ecuador/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Ecuador</div>
                </div>
                <div class="block" onclick="changeLocation('/elsalvador/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">El Salvador</div>
                </div>
                <div class="block" onclick="changeLocation('/guatemala/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Guatemala</div>
                </div>
                <div class="block" onclick="changeLocation('/honduras/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Honduras</div>
                </div>
                <div class="block" onclick="changeLocation('/jamaica/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Jamaica</div>
                </div>
                <div class="block" onclick="changeLocation('/mexico/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Mexico</div>
                </div>
                <div class="block" onclick="changeLocation('/nicaragua/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Nicaragua</div>
                </div>
                <div class="block" onclick="changeLocation('/panama/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Panama</div>
                </div>
                <div class="block" onclick="changeLocation('/peru/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Peru</div>
                </div>
                <div class="block" onclick="changeLocation('/uruguay/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">Uruguay</div>
                </div>
                <div class="block" onclick="changeLocation('/usa/eng/')">
                  <div class="flag" style="background: url('') center center no-repeat;"></div>
                  <div name="location_country">USA</div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--location country-->
      </div>
    </div>
    <div id="mb_about_oocl" class="mb-menu-level-2-panel">
      <div class="mb-menu-level-2-title">
        <a><span class="arrow"><i class="fontello icon-left-open"></i></span>About OOCL</a>
      </div>
      <ul class="menu-level-2 ">
        <li><a href="/eng/aboutoocl/ourphilosophy">Our Philosophy</a></li>
        <li><a href="/eng/aboutoocl/companyprofile">Company Profile</a></li>
        <li><a href="/eng/aboutoocl/ooclcareer">Careers</a></li>
        <li><a href="/eng/aboutoocl/ooclncommunity">OOCL &amp; Community</a></li>
        <li><a href="/eng/aboutoocl/ssepolicy">SSE Policy</a></li>
        <li><a href="/eng/aboutoocl/safety">Safety</a></li>
        <li><a href="/eng/aboutoocl/security">Security</a></li>
        <li><a href="/eng/aboutoocl/Environmentalcare">Environmental Care</a></li>
        <li><a href="/eng/aboutoocl/awardsandrecognition">Awards &amp; Recognition</a></li>
        <li><a href="/eng/aboutoocl/ooclmemberorganizations">OOCL Member Organizations</a></li>
      </ul>
    </div>
    <div id="mb_our_services" class="mb-menu-level-2-panel">
      <div class="mb-menu-level-2-title">
        <a><span class="arrow"><i class="fontello icon-left-open"></i></span>Our Services</a>
      </div>
      <ul class="menu-level-2 ">
        <li><a href="/eng/ourservices/serviceroutes">Service Routes</a></li>
        <li><a href="/eng/ourservices/vessels">Vessels</a></li>
        <li><a href="/eng/ourservices/containers">Containers</a></li>
        <li><a href="/eng/ourservices/reeferservice">Reefer Service</a></li>
        <li><a href="/eng/ourservices/oocllogistics">OOCL Logistics</a></li>
        <li><a href="/eng/ourservices/intermodal">Intermodal</a></li>
        <li><a href="/eng/ourservices/dangerousgoods">Dangerous Goods</a></li>
        <li><a href="/eng/ourservices/eservices">e-Services</a></li>
        <li><a href="/eng/ourservices/oversizedcargo">Oversized Cargo &amp; Yacht Shipping</a></li>
      </ul>
    </div>
    <div id="mb_news_&amp;_media" class="mb-menu-level-2-panel">
      <div class="mb-menu-level-2-title">
        <a><span class="arrow"><i class="fontello icon-left-open"></i></span>News &amp; Media</a>
      </div>
      <ul class="menu-level-2 ">
        <li><a href="/eng/pressandmedia/newscenter">News Center</a></li>
        <li><a href="/eng/pressandmedia/ooilannualandinterimreports">OOIL Annual &amp; Interim Reports</a></li>
        <li><a href="/eng/pressandmedia/ooilsustainabilityreports">OOIL Sustainability Report</a></li>
        <li><a href="/eng/pressandmedia/photogallery">Photo Gallery</a></li>
        <li><a href="/eng/pressandmedia/mediacontact">Media Contact</a></li>
      </ul>
    </div>
    <div id="mb_resource_center" class="mb-menu-level-2-panel">
      <div class="mb-menu-level-2-title">
        <a><span class="arrow"><i class="fontello icon-left-open"></i></span>Resource Center</a>
      </div>
      <ul class="menu-level-2 ">
        <li><a href="/eng/resourcecenter/vgm">VGM</a></li>
        <li><a href="/eng/resourcecenter/customeradvisories">Customs Advance Manifest</a></li>
        <li><a href="/eng/resourcecenter/CTUCode">Packing Of Cargo Transport Units (CTU Code)</a></li>
        <li><a href="/eng/resourcecenter/ebrochures">e-Brochures</a></li>
        <li><a href="/eng/resourcecenter/vesselcertificate">Vessel Certificate</a></li>
        <li><a href="/eng/resourcecenter/shippinglossary">Shipping Glossary</a></li>
        <li><a href="/eng/resourcecenter/oureportals">Vendor Portals</a></li>
        <li><a href="/eng/resourcecenter/blterms">B/L Terms</a></li>
        <li><a href="/eng/resourcecenter/PDP">Personal Data Protection</a></li>
        <li><a href="/eng/resourcecenter/surcharges">Surcharges</a></li>
        <li><a href="/eng/resourcecenter/globalinfo">Terminals, Restrictions, Free Time, Local Surcharges, Office Calendar</a></li>
        <li><a href="/eng/resourcecenter/eClaims">eClaims</a></li>
        <li><a href="/eng/resourcecenter/ratedocumenttermsandconditions">Rate Document Terms &amp; Conditions</a></li>
      </ul>
    </div> <!--sub muenu-->
  </div> <!--MobileMenuPanel-->
  <!--nav_mobile-->
  <div id="csCaptchaDiv" class="row login-row">
    <div style="display: none;">
      <div id="cs_captcha" slide-text="Slide to verify not a robot" success-text="Verify successful" fail-text="Verify failed" expire-text="Expired" app-key="d47a26d9d6e647b5a4429f81ca878ff8" data-callback="csCaptchaCallback"
        created="csCaptchaCreatedCallback"></div>
    </div>
  </div>
  <script id="cs_captcha_js" src="https://cs-captcha-public.cargosmart.com/captcha/public/js/crypto-js.js"></script>
  <script type="text/javascript">
    var captchaInitialState = false;
    $(document).ready(function() {
      initCaptcha();
    });
    var targetSrc = document.getElementById("cs_captcha_js").src;
    if (targetSrc) {
      var captchaServerLink = targetSrc.slice(0, targetSrc.lastIndexOf("/js"));
    }

    function loadCaptchaJs() {
      $.getScript("https://cs-captcha-public.cargosmart.com/captcha/public/js/ase.js", function() {
        $.getScript("https://cs-captcha-public.cargosmart.com/captcha/public/js/verify.js", function() {
          captchaInitialState = true;
          if ($('#cs_captcha_subs').length > 0) {
            subsModalInitCaptcha();
          }
          if ($('#cs_captcha_rate_enquiry').length > 0) {
            rateEnquiryModalInitCaptcha();
          }
          if ($('#cs_captcha_claim_form').length > 0) {
            claimFormModalInitCaptcha();
          }
          if ($('#cs_captcha_claim_notification').length > 0) {
            claimNotificationModalInitCaptcha();
          }
          if ($('#cs_captcha_cont').length > 0) {
            contModalInitCaptcha();
          }
          if ($('#cs_captcha_feedback').length > 0) {
            feedbackModalInitCaptcha();
          }
          if ($('#cs_captcha_rate_enquiry_register').length > 0) {
            rateEnquiryRegisterModalInitCaptcha();
          }
          if ($('#cs_captcha_rate_enquiry_forgot').length > 0) {
            rateEnquiryForgotModalInitCaptcha();
          }
          if ($('#cs_captcha_rate_inquiry').length > 0) {
            contactUsRateInquiryModalInitCaptcha();
          }
          if ($('#cs_carbon_calculate').length > 0) {
            carbonCalculateModalInitCaptcha();
          }
        });
      });
    }

    function initCaptcha() {
      if (!captchaInitialState && document.cookie.indexOf("AcceptCookie=yes") >= 0) {
        loadCaptchaJs();
      }
    }
  </script>
  <link rel="stylesheet" type="text/css" href="https://cs-captcha-public.cargosmart.com/captcha/public/css/verify.css"> <!--captcha_load-->
  <script>
    $('.search-box').keydown(function(e) {
      if (e.which === 13) {
        window.location.href = "/eng/search/Pages/default.aspx?k=" + $(this).val();
      }
    });
  </script>
  <div class="modal fade in" id="rateEnquiryModal" data-keyboard="false" data-backdrop="static" style="display:none;">
    <div class="modal-content modal-dialog" style="height:315px;width:424px;position: relative;">
      <div style="position: relative; background-color:white;padding-left:24px;padding-top:5px;padding-bottom:22px;">
        <div style="width: 100%;text-align: right;padding-right: 20px;">
          <div class="cancel-icon fontello icon-cancel" data-dismiss="modal" aria-label="Close" style="margin-right: -50px; color: #999;">
            <span aria-hidden="true"></span>
          </div>
          <div style="height:254.63px;width:375px; margin-bottom:15px;">
            <div id="cs_captcha_rate_enquiry" slide-text="Slide to verify not a robot" success-text="Verify successful" fail-text="Verify failed" expire-text="Expired" app-key="9a967d5de5294c6d9d5693ee48116713"
              created="rateEnquiryModalCreatedCallback"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <input type="hidden" id="rateEnquiryModalCaptchaInitialState" value="false">
  <input type="hidden" id="rateEnquiryCaptchaToken" name="rateEnquiryCaptchaToken" value="">
  <script type="text/javascript">
    var rateEnquiryModalHideCaptcha = false;

    function rateEnquiryModalCreatedCallback() {
      $("#rateEnquiryCaptchaToken").val("display"); < !--Ensure that captcha has called back to eliminate the fault of captcha-- >
        if (!$('#rateEnquiryModal').hasClass('bottom')) {
          $('#rateEnquiryModal').prop('class', 'modal fade').addClass('bottom');
        }
      if (rateEnquiryModalHideCaptcha) {
        $('#rateEnquiryModal').modal({
          backdrop: 'static'
        });
      }
    }

    function rateEnquiryModalOpenCaptchaAuthModal() {
      if (false) {
        rateEnquiryModalPostForm();
      } else {
        if (document.cookie.indexOf("AcceptCookie=yes") >= 0 && $("#rateEnquiryModalCaptchaInitialState").val() == "false") {
          rateEnquiryModalInitCaptcha();
        }
        var modalHeight = window.innerHeight / 2 - $('#rateEnquiryModal .modal-dialog').height() / 2;
        $('#rateEnquiryModal .modal-dialog').css({
          'margin-top': modalHeight
        });
        $('#rateEnquiryModal .verify-refresh').click();
        if ("display" != $("#rateEnquiryCaptchaToken").val()) {
          $("#rateEnquiryModal").css('display', 'none');
          rateEnquiryModalHideCaptcha = true;
        } else {
          if (!$('#rateEnquiryModal').hasClass('bottom')) {
            $('#rateEnquiryModal').prop('class', 'modal fade').addClass('bottom');
          }
          $('#rateEnquiryModal').modal({
            backdrop: 'static'
          });
        }
      }
    }

    function rateEnquiryModalSetCaptchaToken(token) {
      $("#rateEnquiryCaptchaToken").val(token);
    }
  </script>
  <div id="chat_top2" class="div-right-bottom ">
    <div id="imStartChatBtnDiv">
    </div>
    <!-- Add tracking webcontrol here -->
    <!-- Add Sailing Schedule webcontrol here -->
    <div title="Sailing Schedule" id="sailschedule" class="chat main-fun">
      <div class="fontello icon-calendar"></div>
      <div id="sailschedule_layer" class="main-fun-layer hidden">
        <div class="main-fun-title">
          <i class="fontello icon-calendar"></i>Sailing Schedule <i class="fontello icon-cancel main-fun-close"></i>
        </div>
        <div class="form-group panel-tab-search panel-tab-rate">
          <script src="/_catalogs/masterpage/JavaScript/revamp/SailingSchedule.js?202311"></script>
          <!--sailing schedule-->
          <div class="panel-tab-input panel-tab-input-ss">
            <!--<input type="text" class="content-page-input  form-control">-->
            <input type="text" value="" id="txt_auto_original" class="sailingCity content-page-input ui-autocomplete-input" onblur="originalOnblur()" onkeydown="listeningOriginInput(event)" autocomplete="off">
            <label class="content-page-label">
              <span class="content-page-label-content">Origin</span>
            </label>
          </div>
          <!--2017/11/30 errorMsg-->
          <input id="ORIGINAL_INPUT_ERRORINFO" name="ORIGINAL_INPUT_ERRORINFO" type="hidden" value="Container Number">
          <input id="ORIGINAL_INPUT_NOTVALID" name="ORIGINAL_INPUT_NOTVALID" type="hidden" value="Rail">
          <!--2017/11/30 errorMsg end-->
          <input type="hidden" value="http://moc.oocl.com/nj_prs_wss/#/sailing_schedules/search?PREFER_LANGUAGE=en-US" id="webServiceUrl">
          <input type="hidden" value="/eng/Pages/logInPage.aspx" id="loginSite">
          <div class="panel-tab-input panel-tab-input-ss ">
            <!--<input type="text" class="content-page-input  form-control">-->
            <input type="text" value="" id="txt_auto_destination" class="sailingCity content-page-input ui-autocomplete-input" onblur="destinationOnblur()" onkeydown="listeningDestinationInput(event)" autocomplete="off">
            <label class="content-page-label">
              <span class="content-page-label-content">Destination</span>
            </label>
          </div>
          <!--2017/11/30 errorMsg-->
          <input id="DESTINATION_INPUT_ERRORINFO" name="DESTINATION_INPUT_ERRORINFO" type="hidden" value="B/L #">
          <input id="DESTINATION_INPUT_NOTVALID" name="DESTINATION_INPUT_NOTVALID" type="hidden" value="Vessel Name">
          <!--2017/11/30 errorMsg end-->
          <!--<button type="submit" class="btn btn-tab">Search</button>-->
          <a class="btn btn-tab" onclick="return initJsonData()" target="_blank" id="sailing_search" style="position:relative;top:10.5px;">Search</a>
          <!--sailing schedule end-->
        </div>
      </div>
    </div>
    <!-- Add Rate Enquiry webcontrol here -->
    <div title="Rate Enquiry" id="rateenquiry" class="chat main-fun">
      <div class="fontello icon-dollar"></div>
      <div id="rateenquiry_layer" class="main-fun-layer hidden">
        <div class="main-fun-title">
          <i class="fontello icon-dollar"></i>Rate Enquiry <i class="fontello icon-cancel main-fun-close"></i>
        </div>
        <div class="form-group panel-tab-search panel-tab-rate">
          <script src="/_catalogs/masterpage/JavaScript/revamp/login.js?202112"></script>
          <div class="panel-tab-input panel-tab-input-ss">
            <input type="text" class="content-page-input  form-control" name="ctl00$RateEnquireRightTab1" id="txtEmail">
            <label class="content-page-label">
              <span class="content-page-label-content">Email</span>
            </label>
          </div>
          <div class="panel-tab-input panel-tab-input-ss ">
            <input type="password" class="content-page-input  form-control" name="KeyCode" id="txtPassword">
            <label class="content-page-label">
              <span class="content-page-label-content">Password</span>
            </label>
          </div>
          <div class="rate-square">
            <div class="rate-forpwd-rgt"><a href="/eng/login/Pages/forgotpassword.aspx?function=" style="color:#fff">Forget Password</a>
              &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="/eng/login/Pages/register.aspx?function=" style="color:#fff">Register</a></div>
            <a class="btn btn-tab" style="display:" name="btnSignIn" id="btnSignIn" onclick="validateLogin()">Sign In</a>
          </div>
          <script type="text/javascript">
            function rateEnquiryModalPostForm() {
              __doPostBack('ctl00$RateEnquireRightTab1', 'Submit');
            }
          </script>
          <input type="hidden" value="" name="loginSessionValue" visible="hidden" id="loginSessionValue">
          <input type="hidden" value="https://moc.oocl.com/wls_prs_rp/public/rateTariff/search/display" name="rateEnquirySite" visible="hidden" id="rateEnquirySite">
        </div>
      </div>
    </div>
    <a href="#top" id="go_to_top" class="hidden">
                    <div class="top">
                        <div class="fontello icon-up-big"></div>
                        <div>
                            Top
                        </div>
                    </div>
                </a>
  </div>
  <div class="content-bgimage">
    <div class="content-des text-center">Our Services</div>
  </div>
  <div class="content-position">
    <a href="https://www.oocl.com/eng">Home&nbsp;&nbsp;</a>/&nbsp;&nbsp;<a href="https://www.oocl.com/eng/ourservices">Our Services&nbsp;&nbsp;</a>/<a href="https://www.oocl.com/eng/ourservices/eservices">&nbsp;&nbsp;e-Services&nbsp;&nbsp;</a>/&nbsp;&nbsp;
    <div class="content-position-now">Cargo Tracking</div>
  </div>
  <div class="container">
    <div class="row content-section">
      <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 content-panel ">
        <div class="content-title_share">
          <div class="content-title ">Cargo Tracking </div>
        </div>
        <div>
          <div class="function-container">
            <!--number type start-->
            <div style="margin-bottom:10px" id="cargoTrackingDropBtn" class="function-input">
              <label class="content-page-dropdown hidden">Tracking Type</label>
              <div class="btn-group bootstrap-select show-tick cargoTrackingDropDrown"><button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" data-id="ooclCargoSelector" title="Booking #"><span
                    class="filter-option pull-left">Booking #</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
                <div class="dropdown-menu open" role="combobox">
                  <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
                    <li data-original-index="0"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">B/L #</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                    <li data-original-index="1" class="selected">
                      <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true"><span class="text">Booking #</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
                    <li data-original-index="2"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">Container #</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
                    </li>
                  </ul>
                </div><select class="selectpicker show-tick cargoTrackingDropDrown" data-size="1rem" id="ooclCargoSelector" name="ooclCargoSelector" tabindex="-98">
                  <option value="bl">B/L #</option>
                  <option value="booking">Booking #</option>
                  <option value="cont">Container #</option>
                </select>
              </div>
            </div>
            <input type="hidden" id="searchType" name="searchType" value="bl">
            <!--number type end -->
            <div class="function-input">
              <input type="text" class="content-page-input filter-input" id="SEARCH_NUMBER" name="SEARCH_NUMBER">
              <label class="content-page-label">
                <span class="content-page-label-content">B/L #/Container #/Booking # ...</span>
              </label>
            </div>
            <!--2017/11/29 errorMsg-->
            <input id="BL_INPUT_ERRORINFO" name="BL_INPUT_ERRORINFO" type="hidden" value="Please enter B/L #.">
            <input id="BOOKING_INPUT_ERRORINFO" name="BOOKING_INPUT_ERRORINFO" type="hidden" value="Please enter Booking #.">
            <input id="CONTAINER_INPUT_ERRORINFO" name="CONTAINER_INPUT_ERRORINFO" type="hidden" value="Please enter Container #.">
            <div id="searchNumber_inputErrorMsgHolder" style="color:#F00"></div>
            <!--2017/11/29 errorMsg end-->
            <!--ListeningCargoTrackingBtn() parameter of page url without params-->
            <input id="PageUrlWithoutParams" name="PageUrlWithoutParams" type="hidden" value="http://www.oocl.com/eng/ourservices/eservices/cargotracking/Pages/cargotracking.aspx">
            <!--end-->
            <div class="text-center">
              <a class="btn btn-red" onclick="ListeningCargoTrackingBtn()" id="container_btn">Search</a>
            </div>
          </div>
        </div>
        <div class="cargo-tracking-bg"></div>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 content-menu">
        <!-- Contenedor -->
        <ul id="accordion" class="accordion">
          <div class="content-menu-title">Our Services</div>
          <li>
            <div class="link" onclick="javascript:window.location.href='/eng/ourservices/serviceroutes'">Service Routes</div>
          </li>
          <li>
            <div class="link" onclick="javascript:window.location.href='/eng/ourservices/vessels'">Vessels</div>
          </li>
          <li>
            <div class="link" onclick="javascript:window.location.href='/eng/ourservices/containers'">Containers</div>
          </li>
          <li>
            <div class="link" onclick="javascript:window.location.href='/eng/ourservices/reeferservice'">Reefer Service</div>
          </li>
          <li>
            <div class="link" onclick="javascript:window.location.href='/eng/ourservices/oocllogistics'">OOCL Logistics</div>
          </li>
          <li>
            <div class="link" onclick="javascript:window.location.href='/eng/ourservices/intermodal'">Intermodal</div>
          </li>
          <li>
            <div class="link" onclick="javascript:window.location.href='/eng/ourservices/dangerousgoods'">Dangerous Goods</div>
          </li>
          <li class="open">
            <div class="link hightlight-black" onclick="javascript:window.location.href='/eng/ourservices/eservices'">e-Services</div>
            <ul class="submenu" style="display: block;">
              <li><a href="/eng/ourservices/eservices/myooclcenter">My OOCL Center</a></li>
              <li><a href="/eng/ourservices/eservices/FreightSmart">FreightSmart</a></li>
              <li><a href="/eng/ourservices/eservices/ooclaccount">OOCL Account</a></li>
              <li><a href="/eng/ourservices/eservices/eBL">eBL Blockchain Service</a></li>
              <li><a href="/eng/ourservices/eservices/myooclreefer">MyOOCLReefer</a></li>
              <li><a href="/eng/ourservices/eservices/cargotracking" style="color:#d63246 !important;">Cargo Tracking</a></li>
              <li><a href="/eng/ourservices/eservices/trackandtrace">Vessel &amp; Rail Tracking</a></li>
              <li><a href="/eng/ourservices/eservices/sailingschedule">Sailing Schedule</a></li>
              <li><a href="/eng/ourservices/eservices/shipmentroutedownload">Shipment Route Download</a></li>
              <li><a href="/eng/ourservices/eservices/vgm">VGM Declaration</a></li>
              <li><a href="/eng/ourservices/eservices/tariffandrates">Tariff &amp; Rates Enquiry</a></li>
              <li><a href="/eng/ourservices/eservices/inlandtariffenquiry">Inland Tariff Enquiry</a></li>
              <li><a href="/eng/ourservices/eservices/Rates_of_Exchange">Rates of Exchange</a></li>
              <li><a href="/eng/ourservices/eservices/ContainerSpecEnquiry">Detailed Container Specification Enquiry</a></li>
              <li><a href="https://www.oocl.com/eng/esubscription/" target="_blank">e-Subscription</a></li>
              <li><a href="/eng/ourservices/eservices/eform">e-Forms</a></li>
              <li><a href="/eng/ourservices/eservices/edi">EDI</a></li>
              <li><a href="/eng/ourservices/eservices/mobilesolution">Mobile Solution</a></li>
            </ul>
          </li>
          <li>
            <div class="link" onclick="javascript:window.location.href='/eng/ourservices/oversizedcargo'">Oversized Cargo &amp; Yacht Shipping</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!--include JS File -->
  <script src="/_catalogs/masterpage/JavaScript/revamp/CargoSmartConfig.js" type="text/javascript"></script>
  <script src="/_catalogs/masterpage/JavaScript/revamp/CargoSmart.js?202311" type="text/javascript"></script>
  <script>
    //Remove duplicated tab on right
    $(document).ready(function() {
      var containerNumber = encodeURIComponent(getUrlParameter('CONTAINER_NUMBER'));
      var blNumber = encodeURIComponent(getUrlParameter('BL_NUMBER'));
      var bookingNumber = encodeURIComponent(getUrlParameter('BOOKING_NUMBER'));
      if (containerNumber !== "") {
        SetSelectVal('cont', containerNumber);
      }
      if (blNumber !== "") {
        SetSelectVal('bl', blNumber);
      }
      if (bookingNumber !== "") {
        SetSelectVal('booking', bookingNumber);
      }
    });
    $('#track').remove();

    function SetSelectVal(selectVal, searchNumberVal) {
      $('#ooclCargoSelector').val(selectVal).selectpicker('refresh');
      changeTrackingType();
      $('#SEARCH_NUMBER').val(searchNumberVal);
    }

    function ListeningCargoTrackingBtn() {
      //update by nicole 2018/5/16
      if ("no" == CookieModeSwitches()) return false;
      var searchNumber = document.getElementById("SEARCH_NUMBER");
      var errorMsg = document.getElementById("searchNumber_inputErrorMsgHolder");
      var blTip = document.getElementById("BL_INPUT_ERRORINFO").value;
      var bookingTip = document.getElementById("BOOKING_INPUT_ERRORINFO").value;
      var containerTip = document.getElementById("CONTAINER_INPUT_ERRORINFO").value;
      var optionValue = $('#ooclCargoSelector').val();
      if (searchNumber.value == "") {
        if (optionValue == "bl") {
          errorMsg.innerText = blTip;
        }
        if (optionValue == "booking") {
          errorMsg.innerText = bookingTip;
        }
        if (optionValue == "cont") {
          errorMsg.innerText = containerTip;
        }
        errorMsg.style.display = "";
      } else {
        errorMsg.style.display = "none";
        DoFindCT_EX(optionValue, document.getElementById("PageUrlWithoutParams").value, 'SEARCH_NUMBER', 'SEARCH_NUMBER', 'SEARCH_NUMBER');
      }
    }
  </script>
  <footer id="footer">
    <div class="container hidden-xs">
      <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 footer-list">
          <div class="footer-title">About OOCL</div>
          <div class="footer-nav">
            <ul>
              <li><a href="/eng/aboutoocl/ourphilosophy">Our Philosophy</a></li>
              <li><a href="/eng/aboutoocl/companyprofile">Company Profile</a></li>
              <li><a href="/eng/aboutoocl/ooclcareer">Careers</a></li>
              <li><a href="/eng/aboutoocl/ooclncommunity">OOCL &amp; Community</a></li>
              <li><a href="/eng/aboutoocl/ssepolicy">SSE Policy</a></li>
              <li><a href="/eng/aboutoocl/safety">Safety</a></li>
              <li><a href="/eng/aboutoocl/security">Security</a></li>
              <li><a href="/eng/aboutoocl/Environmentalcare">Environmental Care</a></li>
              <li><a href="/eng/aboutoocl/awardsandrecognition">Awards &amp; Recognition</a></li>
              <li><a href="/eng/aboutoocl/ooclmemberorganizations">OOCL Member Organizations</a></li>
            </ul>
          </div>
          <div class="footer-title">Our Services</div>
          <div class="footer-nav">
            <ul>
              <li><a href="/eng/ourservices/serviceroutes">Service Routes</a></li>
              <li><a href="/eng/ourservices/vessels">Vessels</a></li>
              <li><a href="/eng/ourservices/containers">Containers</a></li>
              <li><a href="/eng/ourservices/reeferservice">Reefer Service</a></li>
              <li><a href="/eng/ourservices/oocllogistics">OOCL Logistics</a></li>
              <li><a href="/eng/ourservices/intermodal">Intermodal</a></li>
              <li><a href="/eng/ourservices/dangerousgoods">Dangerous Goods</a></li>
              <li><a href="/eng/ourservices/eservices">e-Services</a></li>
              <li><a href="/eng/ourservices/oversizedcargo">Oversized Cargo &amp; Yacht Shipping</a></li>
            </ul>
          </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 footer-list">
          <div class="footer-title">News &amp; Media</div>
          <div class="footer-nav">
            <ul>
              <li><a href="/eng/pressandmedia/newscenter">News Center</a></li>
              <li><a href="/eng/pressandmedia/ooilannualandinterimreports">OOIL Annual &amp; Interim Reports</a></li>
              <li><a href="/eng/pressandmedia/ooilsustainabilityreports">OOIL Sustainability Report</a></li>
              <li><a href="/eng/pressandmedia/photogallery">Photo Gallery</a></li>
              <li><a href="/eng/pressandmedia/mediacontact">Media Contact</a></li>
            </ul>
          </div>
          <div class="footer-title">Resource Center</div>
          <div class="footer-nav">
            <ul>
              <li><a href="/eng/resourcecenter/vgm">VGM</a></li>
              <li><a href="/eng/resourcecenter/customeradvisories">Customs Advance Manifest</a></li>
              <li><a href="/eng/resourcecenter/CTUCode">Packing Of Cargo Transport Units (CTU Code)</a></li>
              <li><a href="/eng/resourcecenter/ebrochures">e-Brochures</a></li>
              <li><a href="/eng/resourcecenter/vesselcertificate">Vessel Certificate</a></li>
              <li><a href="/eng/resourcecenter/shippinglossary">Shipping Glossary</a></li>
              <li><a href="/eng/resourcecenter/oureportals">Vendor Portals</a></li>
              <li><a href="/eng/resourcecenter/blterms">B/L Terms</a></li>
              <li><a href="/eng/resourcecenter/PDP">Personal Data Protection</a></li>
              <li><a href="/eng/resourcecenter/surcharges">Surcharges</a></li>
              <li><a href="/eng/resourcecenter/globalinfo">Terminals, Restrictions, Free Time, Local Surcharges, Office Calendar</a></li>
              <li><a href="/eng/resourcecenter/eClaims">eClaims</a></li>
              <li><a href="/eng/resourcecenter/ratedocumenttermsandconditions">Rate Document Terms &amp; Conditions</a></li>
            </ul><a href="
    /eng/Pages/eu_commitments.aspx
    "><div class="button-footer text-nowrap">Commitments</div></a>
          </div>
        </div>
        <div class="col-lg-offset-1 col-lg-4 col-md-6 col-sm-6 col-xs-6 text-center footer-space">
          <div class="footer-title footer-title-large">Shipment visibility and real time information</div>
          <div class="font-color"> OOCL Lite provide real time sailing schedule search, cargo tracking, shipment details, vessel tracking, port schedule, access rates of exchange for your selected voyage, detailed container specification enquiry,
            carbon calculator, and local information. </div>
          <div class=" image-oocllite"></div>
          <div class="row footer-space-image">
            <a href="https://itunes.apple.com/app/oocl-lite/id420862192?mt=8">
              <div class="col-lg-5 image-appstore"></div>
            </a>
            <a href="https://play.google.com/store/apps/details?id=com.oocl.oocllite">
              <div class="col-lg-5 image-android"></div>
            </a>
            <a href="https://mbcapp.oocl.com/OOCLLITEapp/OOCLLite.apk">
              <div class="col-lg-5 image-apk-download"></div>
            </a>
          </div>
          <ul class="footer-icon">
            <li><a target="_blank" class="fab fa-instagram" style="margin-right: 43px;" href="https://www.instagram.com/oocl_official/"></a></li>
            <li><a target="_blank" class="fab fa-linkedin" style="margin-right: 43px;" href="https://www.linkedin.com/company/oocl"></a></li>
            <li><a target="_blank" class="fab fa-youtube" style="margin-right: 43px;" href="https://www.youtube.com/user/oocl"></a></li>
            <li class="wechat-icon-popover" data-placement="top" data-toggle="popover" data-content="Following us on WeChat" data-container="body" data-trigger="hover"
              data-template="<div style=&quot;background-color:white;color:gray;width:233px;height:267px;padding-top:20px;&quot; class=&quot;popover&quot; role=&quot;tooltip&quot;><div class=&quot;arrow&quot;></div><div class=&quot;content-wrapper&quot;><img src=&quot;/Style%20Library/revamp/Images/We_Chat_QR.png&quot;/><div class=&quot;popover-content&quot;></div></div></div>"
              data-original-title="" title=""><a class="fab fa-weixin"></a></li>
          </ul>
        </div>
      </div>
    </div>
    <link rel="stylesheet" href="/Style Library/revamp/all.css">
    <script type="text/javascript">
      $(function() {
        $("[data-toggle='popover']").popover();
      });
    </script>
    <hr>
    <div class="container-fluid footer-bottom">
      <div class="">
        <div id="divCopyright" class="inline-block layout-padding">
          <a href="/eng/copyright" class="greyTextLink">Copyright © 1998-2024.</a> Orient Overseas Container Line Limited. All rights reserved.
        </div>
        <div class="inline-block layout-float">
          <div class="">
            |&nbsp;<a href="/eng/sitemap" class="footerNormalLink">Site Map</a>&nbsp;|&nbsp;<a href="/eng/help" class="footerNormalLink">Help</a>&nbsp;|&nbsp;<a href="/eng/termsofuse" class="footerNormalLink">Terms of Use</a>&nbsp;|&nbsp;<a href="/eng/privacyandsecurity" class="footerNormalLink">Privacy &amp; Security</a>&nbsp;|&nbsp;<a href="/eng/onlinesecurity" class="footerNormalLink">Online Security</a>&nbsp;|&nbsp;<a href="/eng/customercommunicationspolicy" class="footerNormalLink">Customer Communications Policy</a>&nbsp;|
            <a href="/eng/cookiepolicy/Pages/cookie_policy.aspx" style="cursor:pointer;">Cookie Policy</a>&nbsp;|&nbsp;<a onclick="javascript:$('#cookieModal').modal({ backdrop: 'static', keyboard: false });" style="cursor:pointer;">Cookie Setting</a>&nbsp;|
            <a href="http://www.ooilgroup.com/">
              <div class="footer-ooil inline-block">
                <div class="icon-ooil"></div>
                <strong>OOIL</strong> &nbsp;GROUP
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
      <!--
      var gDomain = "sdc.oocl.com:443";
      var gDcsId = "dcs82fsbtp796ffgj93xquziq_6t9k";
      var gFpc = "WT_FPC";
      var gConvert = true;
      if (document.cookie.indexOf("AcceptCookie_Statistical=yes") > -1) {
        loadWebTrends();
      } else {
        loadJS('/_catalogs/masterpage/JavaScript/revamp/nocookie_backup.js');
      }
      //
      -->
    </script>
  </footer>
  <div class="modal fade in" id="cookieModal" tabindex="-1" role="dialog" style="display: block;">
    <div class="modal-dialog modal-dialog-width" style="width: 900px;" role="document">
      <div class="modal-content" style="margin-top: 100px;">
        <div class="header modal-header" style="background-color: #393737;padding: 20px 20px 10px;">
          <h4 class="title modal-title" id="myModalLabel" style="color: #fff;font-size: 28px;text-align: left;"> Cookie Notice </h4>
        </div>
        <div class="modal-body">
          <p>We use cookies as a fundamental part of our interaction with our users’ browsers.</p>
          <p>We rely on your consent for placing on your browser cookies which may collect personal data about you. You can provide your consent by clicking “Accept All”. You are free at any time to withdraw your consent in the MANAGE SETTING by
            changing your selection. </p>
        </div>
        <div class="modal-footer" style="border-top: none">
          <div id="modal-footer-content" style="display: none">
            <div class="panel-group" id="accordion" style="text-align: left;">
              <div class="panel panel-default" style="margin-top: 0">
                <div class="panel-heading" style="background-color:#ffffff;border-bottom: 1px solid #ebeef5;border-top: 1px solid #ebeef5">
                  <h4 class="panel-title" style="display: inline-block">
                    <a class="cookie-option" data-toggle="collapse" data-parent="#accordion" href="#cookieCollapse0" style="color: #4990e2">
                        <i class="collapse-icon fas fa-chevron-right cookie-option-arrow"></i>
                        Strictly Necessary <span class="badge">30</span>
                    </a>
                    <input id="cookieCode0" canswitch="no" hidden="true" value="AcceptCookie">
                  </h4>
                </div>
                <div id="cookieCollapse0" class="panel-collapse collapse">
                  <div style="margin-top: 2rem">
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">AcceptCookie</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers if the user accepts or rejects the Cookies Notice. The Cookies Notice will not reappear if the cookie is set.</span>
                      </div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">30 days</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">AcceptCookie_Functional</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers if the user accepts or rejects the Cookies Notice. The Cookies Notice will not reappear if the cookie is set.</span>
                      </div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">30 days</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">AcceptCookie_Statistical</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers if the user accepts or rejects the Cookies Notice. The Cookies Notice will not reappear if the cookie is set.</span>
                      </div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">30 days</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">AcceptCookie_Targeting</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers if the user accepts or rejects the Cookies Notice. The Cookies Notice will not reappear if the cookie is set.</span>
                      </div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">30 days</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">BIGipServerOOCL</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Facilitates server persistence.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">BIGipServerpool_moc_8011</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Facilitates server persistence.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">BIGipServeriris4-wls_prs_rp</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Facilitates server persistence.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">BIGipServerpool_ir4moc</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Facilitates server persistence.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">BIGipServerpool_bigschedules_80</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Facilitates server persistence.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">BIGipServerpool_csdc-captcha_http</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Facilitates server persistence.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">BIGipServerxxxx</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Facilitates server persistence.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">cs_test1</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Checks whether cookies are enabled or not.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">WSS_FullScreenMode</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Third party cookie set by Microsoft SharePoint which remembers whether the window is in full screen mode.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">ASP.NET_SessionId</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">General purpose platform session cookie, used by sites written with Miscrosoft .NET based technologies. Usually used to
                          maintain an anonymised user session by the server.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">JSessionID</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Stores a unique session identifier.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">Cookie_User_Session_0</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Keeps user information for session identifier after the user has logged in.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">Track_TokenID</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Identifies a valid user using single sign-on across multiple applications.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">Expiration_Time</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Sets session expire time for the user across multiple applications.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">User_Name</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Allows the user to access multiple applications by using single sign-on.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">Adaptor_Name</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Allows the user to access multiple applications by using single sign-on.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">TokenID</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Allows the user to access multiple applications by using single sign-on.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">IntegrityIdentifier</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Prevents unauthorised use of login credentials or access of system.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">Key_Type</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Prevents unauthorised use of login credentials or access of system.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">cscaptachaCookie</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Stores a unique user session count.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">SPAnimationEnabled</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Stores Boolean values to check whether website must be animated.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">LS__cookie_testxxx</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Sticky session ID used in load balancers.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">Session</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">CS_LB_STICKY</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Sticky session ID used in load balancers.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">csuid</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers the user’s User ID.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">PLUI</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers the user’s User ID.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">OOCL_DOT_COM</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Stores a unique chat session status and session information such as user name, company name, email address, question that
                          posted by the user and chat history.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;"></div>
                  </div>
                </div>
              </div>
              <div class="panel panel-default" style="margin-top: 0">
                <div class="panel-heading" style="background-color:#ffffff;border-bottom: 1px solid #ebeef5;border-top: 1px solid #ebeef5">
                  <h4 class="panel-title" style="display: inline-block">
                    <a class="cookie-option" data-toggle="collapse" data-parent="#accordion" href="#cookieCollapse1" style="color: #4990e2">
                        <i class="collapse-icon fas fa-chevron-right cookie-option-arrow"></i>
                        Functional <span class="badge">9</span>
                    </a>
                    <input id="cookieCode1" canswitch="yes" hidden="true" value="AcceptCookie_Functional">
                  </h4>
                  <div class="form-check form-switch" style="display: inline-block;float: right">
                    <input class="form-check-input" type="checkbox" id="cookieSwitch1" value="AcceptCookie_Functional">
                  </div>
                </div>
                <div id="cookieCollapse1" class="panel-collapse collapse">
                  <div style="margin-top: 2rem">
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">DefaultOOCL</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers the user’s default region landing page.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">30 days</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">MyFavoriteTrackingType</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers the user’s tracking preferences on www.oocl.com (e.g. tracking by Bill of Lading, Booking, Container, etc).</span>
                      </div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">30 days</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">ChatbotLanguage</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers the user’s default chatbot setting.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">30 days</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">ChatbotRegionCode</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Remembers the user’s default chatbot setting.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">30 days</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">__OngoingChat</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Indicates whether there is an ongoing chat in the same browser context</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">15 mins</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">__conversationData</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Contains relevant conversation context for the ongoing chat</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">15 mins</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">__configData</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Contains cache for Omnichannel chat config set up by admin</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">15 mins</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">_SystemConfigurationData</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Chat Widget system configuration data</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">15 mins</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">MicrosoftApplicationsTelemetryDeviceId</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Metadata used in telemetry</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;"></div>
                  </div>
                </div>
              </div>
              <div class="panel panel-default" style="margin-top: 0">
                <div class="panel-heading" style="background-color:#ffffff;border-bottom: 1px solid #ebeef5;border-top: 1px solid #ebeef5">
                  <h4 class="panel-title" style="display: inline-block">
                    <a class="cookie-option" data-toggle="collapse" data-parent="#accordion" href="#cookieCollapse2" style="color: #4990e2">
                        <i class="collapse-icon fas fa-chevron-right cookie-option-arrow"></i>
                        Statistical <span class="badge">4</span>
                    </a>
                    <input id="cookieCode2" canswitch="yes" hidden="true" value="AcceptCookie_Statistical">
                  </h4>
                  <div class="form-check form-switch" style="display: inline-block;float: right">
                    <input class="form-check-input" type="checkbox" id="cookieSwitch2" value="AcceptCookie_Statistical">
                  </div>
                </div>
                <div id="cookieCollapse2" class="panel-collapse collapse">
                  <div style="margin-top: 2rem">
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">WT_FPC</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Collects IP address of visitors, date/time of visits and visit time.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">ACOOKIE</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Collects site and page visit statistics.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">_GA</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Collects IP address of visitors, date/time of visits and visit time.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;">
                      <hr style="border:none; height: 1px; background-color: #e9e5e5">
                    </div>
                    <div>
                      <div style="display: flex"><span class="cookie-option-header"> Name :</span><span style="flex: 7">CA_ID</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Purpose :</span><span style="flex: 7">Identifies an unique user across multiple applications.</span></div>
                      <div style="display: flex"><span class="cookie-option-header"> Expiry :</span><span style="flex: 7">1 year</span></div>
                    </div>
                    <div style="margin: 1rem 0;"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <input id="hidePreference" hidden="true" value="
        HIDE SETTING
      ">
          <input id="managePreference" hidden="true" value="
        MANAGE SETTING
      ">
          <div class="preference">
            <a id="preference" style="float: left;color: #4990e2;cursor: pointer;">        MANAGE SETTING      </a>
          </div>
          <div>
            <button type="button" class="btn btn-default" onclick="javascript:readMoreCookiePolicy('/eng/cookiepolicy/Pages/cookie_policy.aspx')"> Read More </button>
            <button id="allowAll" type="button" data-dismiss="modal" class="btn btn-primary" onclick="javascript:allowAllCookiePolicy()"> Accept All </button>
            <button hidden="true" id="updatePreference" type="button" data-dismiss="modal" class="btn btn-primary" style="display:none;" onclick="javascript:updateCookiePolicyPreference()"> Update Setting </button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script>
    $(document).ready(function() {
      function initCookieModal() {
        $('#cookieModal').each(function(i) {
          $(this).find('.modal-content').css("margin-top", 100);
        });
        $('#modal-footer-content').hide();
        $('#preference').text($('#managePreference').val());
        $('#updatePreference').hide();
        $('#allowAll').show();
        $("[id^=cookieSwitch]").each(function() {
          if (document.cookie.indexOf($(this).val() + '=yes') > -1) {
            $(this).prop("checked", true);
          }
        });
      };
      $('#preference').click(function() {
        $('#modal-footer-content').toggle();
        if ($('#modal-footer-content').is(':hidden')) {
          $('#preference').text($('#managePreference').val());
          $('#updatePreference').hide();
          $('#allowAll').show();
        } else {
          $('#preference').text($('#hidePreference').val());
          $('#allowAll').hide();
          $('#updatePreference').show();
        }
      });
      $('#cookieModal').on('show.bs.modal', initCookieModal);
      if (window.location.href.indexOf("cookie_policy.aspx") < 0 && document.cookie.indexOf("AcceptCookie=yes") < 0) {
        $('#cookieModal').modal({
          backdrop: 'static',
          keyboard: false
        });
      }
      $(".cookie-option").click(function() {
        $('.cookie-option').not(this).find('.cookie-option-arrow').removeClass("rotate").addClass("rotate-back");
        if ($(this).attr("aria-expanded") == "true") {
          $(this).find('.cookie-option-arrow').removeClass("rotate").addClass("rotate-back");
        } else {
          $(this).find('.cookie-option-arrow').removeClass("rotate-back").addClass("rotate");
        }
      })
    })
  </script>
  <style type="text/css">
    .rotate {
      transform-origin: center center;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transition: transform 0.5s;
      -moz-transition: -moz-transform 0.5s;
      -moz-transition: -moz-transform 0.5s;
      -o-transition: -o-transform 0.5s;
      -ms-transition: -ms-transform 0.5s;
    }

    .rotate-back {
      transform-origin: center center;
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transition: transform 0.5s;
      -moz-transition: -moz-transform 0.5s;
      -moz-transition: -moz-transform 0.5s;
      -o-transition: -o-transform 0.5s;
      -ms-transition: -ms-transform 0.5s;
    }

    .cookie-option-header {
      flex: 2;
      font-weight: bold;
      white-space: nowrap;
    }

    @media (max-width: 425px) {
      .modal-content {
        max-width: 100vw;
      }

      .preference {
        display: flex;
      }

      .modal-dialog {
        margin: 0;
      }
    }

    @media (min-width: 426px) and (max-width: 898px) {
      .modal-content {
        max-width: 100vw;
      }

      .modal-dialog {
        margin: 0;
      }
    }
  </style>
  <script type="text/javascript">
    //<![CDATA[
    var _spFormDigestRefreshInterval = 1440000;
    var g_clientIdDeltaPlaceHolderUtilityContent = "DeltaPlaceHolderUtilityContent";
    //]]>
  </script>
</form>

Text Content

You may be trying to access this site from a secured browser on the server.
Please enable scripts and reload this page.
Toggle navigation
 * Change Location 
 * 简体中文
 * 日本語

 * Customer Feedback
 * Supplier Feedback
 * Our Global Network
 * Contact Us
 * e-Subscription
 * 

 * ABOUT OOCL
   * Our Philosophy
   * Company Profile
   * Careers
   * OOCL & Community
   * SSE Policy
   * Safety
   * Security
   * Environmental Care
   * Awards & Recognition
   * OOCL Member Organizations
 * OUR SERVICES
   * Service Routes
   * Vessels
   * Containers
   * Reefer Service
   * OOCL Logistics
   * Intermodal
   * Dangerous Goods
   * e-Services
   * Oversized Cargo & Yacht Shipping
 * NEWS & MEDIA
   * News Center
   * OOIL Annual & Interim Reports
   * OOIL Sustainability Report
   * Photo Gallery
   * Media Contact
 * RESOURCE CENTER
   * VGM
   * Customs Advance Manifest
   * Packing Of Cargo Transport Units (CTU Code)
   * e-Brochures
   * Vessel Certificate
   * Shipping Glossary
   * Vendor Portals
   * B/L Terms
   * Personal Data Protection
   * Surcharges
   * Terminals, Restrictions, Free Time, Local Surcharges, Office Calendar
   * eClaims
   * Rate Document Terms & Conditions
 * My OOCL Center
 * FreightSmart

Remember My Location
 * Asia Pacific
 * Middle East & Africa
 * Europe
 * Americas


TAB1

Australia
Bangladesh
Bhutan
Brunei
Cambodia
China
Hong Kong, China
India
Indonesia
Japan
Korea
Laos
Macau, China
Malaysia
Myanmar
Nepal
New Zealand
Pakistan
Philippines
Singapore
Sri Lanka
Taiwan, China
Thailand
Vietnam


TAB2

Angola
Bahrain
Benin
Congo Republic
Djibouti
Egypt
Eswatini
Ethiopia
Ghana
Iraq
Ivory Coast
Jordan
Kenya
Kuwait
Lesotho
Morocco
Namibia
Nigeria
Oman
Qatar
Saudi Arabia
Senegal
South Africa
Sudan
Tanzania
Togo
United Arab Emirates


TAB3

Austria
Belgium
Bulgaria
Croatia
Czech Republic
Denmark
Estonia
Finland
France
Germany
Greece
Hungary
Ireland
Israel
Italy
Latvia
Lithuania
Luxembourg
Malta
Netherlands
North Macedonia
Norway
Poland
Portugal
Romania
Russia
Slovakia
Slovenia
Spain
Sweden
Switzerland
Turkiye
Ukraine
United Kingdom


TAB4

Argentina
Brazil
Canada
Chile
Colombia
Costa Rica
Dominican Republic
Ecuador
El Salvador
Guatemala
Honduras
Jamaica
Mexico
Nicaragua
Panama
Peru
Uruguay
USA
 * Change Location 
 * My OOCL Center
 * FreightSmart
 * MENU
   
 * 

 * Change Location
   
 * About OOCL
   
 * Our Services
   
 * News & Media
   
 * Resource Center
   
 * Customer Feedback
 * Supplier Feedback
 * Our Global Network
 * Contact Us
 * e-Subscription
   
 * 
 * 简体中文
 * 日本語
   

Change Location
Remember My Location
 * Asia Pacific
 * Middle East & Africa
 * Europe
 * Americas


TAB1

Australia
Bangladesh
Bhutan
Brunei
Cambodia
China
Hong Kong, China
India
Indonesia
Japan
Korea
Laos
Macau, China
Malaysia
Myanmar
Nepal
New Zealand
Pakistan
Philippines
Singapore
Sri Lanka
Taiwan, China
Thailand
Vietnam


TAB2

Angola
Bahrain
Benin
Congo Republic
Djibouti
Egypt
Eswatini
Ethiopia
Ghana
Iraq
Ivory Coast
Jordan
Kenya
Kuwait
Lesotho
Morocco
Namibia
Nigeria
Oman
Qatar
Saudi Arabia
Senegal
South Africa
Sudan
Tanzania
Togo
United Arab Emirates


TAB3

Austria
Belgium
Bulgaria
Croatia
Czech Republic
Denmark
Estonia
Finland
France
Germany
Greece
Hungary
Ireland
Israel
Italy
Latvia
Lithuania
Luxembourg
Malta
Netherlands
North Macedonia
Norway
Poland
Portugal
Romania
Russia
Slovakia
Slovenia
Spain
Sweden
Switzerland
Turkiye
Ukraine
United Kingdom


TAB4

Argentina
Brazil
Canada
Chile
Colombia
Costa Rica
Dominican Republic
Ecuador
El Salvador
Guatemala
Honduras
Jamaica
Mexico
Nicaragua
Panama
Peru
Uruguay
USA
About OOCL
 * Our Philosophy
 * Company Profile
 * Careers
 * OOCL & Community
 * SSE Policy
 * Safety
 * Security
 * Environmental Care
 * Awards & Recognition
 * OOCL Member Organizations

Our Services
 * Service Routes
 * Vessels
 * Containers
 * Reefer Service
 * OOCL Logistics
 * Intermodal
 * Dangerous Goods
 * e-Services
 * Oversized Cargo & Yacht Shipping

News & Media
 * News Center
 * OOIL Annual & Interim Reports
 * OOIL Sustainability Report
 * Photo Gallery
 * Media Contact

Resource Center
 * VGM
 * Customs Advance Manifest
 * Packing Of Cargo Transport Units (CTU Code)
 * e-Brochures
 * Vessel Certificate
 * Shipping Glossary
 * Vendor Portals
 * B/L Terms
 * Personal Data Protection
 * Surcharges
 * Terminals, Restrictions, Free Time, Local Surcharges, Office Calendar
 * eClaims
 * Rate Document Terms & Conditions



Sailing Schedule
Origin
Destination
Search
Rate Enquiry
Email
Password
Forget Password    |   Register
Sign In
Top
Our Services
Home  /  Our Services  /  e-Services  /  
Cargo Tracking
Cargo Tracking
Tracking Type
Booking # 
 * B/L #
 * Booking #
 * Container #

B/L #Booking #Container #
B/L #/Container #/Booking # ...

Search

   Our Services
 * Service Routes
 * Vessels
 * Containers
 * Reefer Service
 * OOCL Logistics
 * Intermodal
 * Dangerous Goods
 * e-Services
   * My OOCL Center
   * FreightSmart
   * OOCL Account
   * eBL Blockchain Service
   * MyOOCLReefer
   * Cargo Tracking
   * Vessel & Rail Tracking
   * Sailing Schedule
   * Shipment Route Download
   * VGM Declaration
   * Tariff & Rates Enquiry
   * Inland Tariff Enquiry
   * Rates of Exchange
   * Detailed Container Specification Enquiry
   * e-Subscription
   * e-Forms
   * EDI
   * Mobile Solution
 * Oversized Cargo & Yacht Shipping

About OOCL
 * Our Philosophy
 * Company Profile
 * Careers
 * OOCL & Community
 * SSE Policy
 * Safety
 * Security
 * Environmental Care
 * Awards & Recognition
 * OOCL Member Organizations

Our Services
 * Service Routes
 * Vessels
 * Containers
 * Reefer Service
 * OOCL Logistics
 * Intermodal
 * Dangerous Goods
 * e-Services
 * Oversized Cargo & Yacht Shipping

News & Media
 * News Center
 * OOIL Annual & Interim Reports
 * OOIL Sustainability Report
 * Photo Gallery
 * Media Contact

Resource Center
 * VGM
 * Customs Advance Manifest
 * Packing Of Cargo Transport Units (CTU Code)
 * e-Brochures
 * Vessel Certificate
 * Shipping Glossary
 * Vendor Portals
 * B/L Terms
 * Personal Data Protection
 * Surcharges
 * Terminals, Restrictions, Free Time, Local Surcharges, Office Calendar
 * eClaims
 * Rate Document Terms & Conditions

Commitments
Shipment visibility and real time information
OOCL Lite provide real time sailing schedule search, cargo tracking, shipment
details, vessel tracking, port schedule, access rates of exchange for your
selected voyage, detailed container specification enquiry, carbon calculator,
and local information.


 * 
 * 
 * 
 * 

--------------------------------------------------------------------------------

Copyright © 1998-2024. Orient Overseas Container Line Limited. All rights
reserved.
| Site Map | Help | Terms of Use | Privacy & Security | Online
Security | Customer Communications Policy | Cookie Policy | Cookie Setting |

OOIL  GROUP

COOKIE NOTICE

We use cookies as a fundamental part of our interaction with our users’
browsers.

We rely on your consent for placing on your browser cookies which may collect
personal data about you. You can provide your consent by clicking “Accept All”.
You are free at any time to withdraw your consent in the MANAGE SETTING by
changing your selection.

STRICTLY NECESSARY 30

Name :AcceptCookie
Purpose :Remembers if the user accepts or rejects the Cookies Notice. The
Cookies Notice will not reappear if the cookie is set.
Expiry :30 days

--------------------------------------------------------------------------------

Name :AcceptCookie_Functional
Purpose :Remembers if the user accepts or rejects the Cookies Notice. The
Cookies Notice will not reappear if the cookie is set.
Expiry :30 days

--------------------------------------------------------------------------------

Name :AcceptCookie_Statistical
Purpose :Remembers if the user accepts or rejects the Cookies Notice. The
Cookies Notice will not reappear if the cookie is set.
Expiry :30 days

--------------------------------------------------------------------------------

Name :AcceptCookie_Targeting
Purpose :Remembers if the user accepts or rejects the Cookies Notice. The
Cookies Notice will not reappear if the cookie is set.
Expiry :30 days

--------------------------------------------------------------------------------

Name :BIGipServerOOCL
Purpose :Facilitates server persistence.
Expiry :Session

--------------------------------------------------------------------------------

Name :BIGipServerpool_moc_8011
Purpose :Facilitates server persistence.
Expiry :Session

--------------------------------------------------------------------------------

Name :BIGipServeriris4-wls_prs_rp
Purpose :Facilitates server persistence.
Expiry :Session

--------------------------------------------------------------------------------

Name :BIGipServerpool_ir4moc
Purpose :Facilitates server persistence.
Expiry :Session

--------------------------------------------------------------------------------

Name :BIGipServerpool_bigschedules_80
Purpose :Facilitates server persistence.
Expiry :Session

--------------------------------------------------------------------------------

Name :BIGipServerpool_csdc-captcha_http
Purpose :Facilitates server persistence.
Expiry :Session

--------------------------------------------------------------------------------

Name :BIGipServerxxxx
Purpose :Facilitates server persistence.
Expiry :Session

--------------------------------------------------------------------------------

Name :cs_test1
Purpose :Checks whether cookies are enabled or not.
Expiry :Session

--------------------------------------------------------------------------------

Name :WSS_FullScreenMode
Purpose :Third party cookie set by Microsoft SharePoint which remembers whether
the window is in full screen mode.
Expiry :Session

--------------------------------------------------------------------------------

Name :ASP.NET_SessionId
Purpose :General purpose platform session cookie, used by sites written with
Miscrosoft .NET based technologies. Usually used to maintain an anonymised user
session by the server.
Expiry :Session

--------------------------------------------------------------------------------

Name :JSessionID
Purpose :Stores a unique session identifier.
Expiry :Session

--------------------------------------------------------------------------------

Name :Cookie_User_Session_0
Purpose :Keeps user information for session identifier after the user has logged
in.
Expiry :Session

--------------------------------------------------------------------------------

Name :Track_TokenID
Purpose :Identifies a valid user using single sign-on across multiple
applications.
Expiry :Session

--------------------------------------------------------------------------------

Name :Expiration_Time
Purpose :Sets session expire time for the user across multiple applications.
Expiry :Session

--------------------------------------------------------------------------------

Name :User_Name
Purpose :Allows the user to access multiple applications by using single
sign-on.
Expiry :Session

--------------------------------------------------------------------------------

Name :Adaptor_Name
Purpose :Allows the user to access multiple applications by using single
sign-on.
Expiry :Session

--------------------------------------------------------------------------------

Name :TokenID
Purpose :Allows the user to access multiple applications by using single
sign-on.
Expiry :Session

--------------------------------------------------------------------------------

Name :IntegrityIdentifier
Purpose :Prevents unauthorised use of login credentials or access of system.
Expiry :Session

--------------------------------------------------------------------------------

Name :Key_Type
Purpose :Prevents unauthorised use of login credentials or access of system.
Expiry :Session

--------------------------------------------------------------------------------

Name :cscaptachaCookie
Purpose :Stores a unique user session count.
Expiry :Session

--------------------------------------------------------------------------------

Name :SPAnimationEnabled
Purpose :Stores Boolean values to check whether website must be animated.
Expiry :Session

--------------------------------------------------------------------------------

Name :LS__cookie_testxxx
Purpose :Sticky session ID used in load balancers.
Expiry :Session

--------------------------------------------------------------------------------

Name :CS_LB_STICKY
Purpose :Sticky session ID used in load balancers.
Expiry :1 year

--------------------------------------------------------------------------------

Name :csuid
Purpose :Remembers the user’s User ID.
Expiry :1 year

--------------------------------------------------------------------------------

Name :PLUI
Purpose :Remembers the user’s User ID.
Expiry :1 year

--------------------------------------------------------------------------------

Name :OOCL_DOT_COM
Purpose :Stores a unique chat session status and session information such as
user name, company name, email address, question that posted by the user and
chat history.
Expiry :1 year


FUNCTIONAL 9


Name :DefaultOOCL
Purpose :Remembers the user’s default region landing page.
Expiry :30 days

--------------------------------------------------------------------------------

Name :MyFavoriteTrackingType
Purpose :Remembers the user’s tracking preferences on www.oocl.com (e.g.
tracking by Bill of Lading, Booking, Container, etc).
Expiry :30 days

--------------------------------------------------------------------------------

Name :ChatbotLanguage
Purpose :Remembers the user’s default chatbot setting.
Expiry :30 days

--------------------------------------------------------------------------------

Name :ChatbotRegionCode
Purpose :Remembers the user’s default chatbot setting.
Expiry :30 days

--------------------------------------------------------------------------------

Name :__OngoingChat
Purpose :Indicates whether there is an ongoing chat in the same browser context
Expiry :15 mins

--------------------------------------------------------------------------------

Name :__conversationData
Purpose :Contains relevant conversation context for the ongoing chat
Expiry :15 mins

--------------------------------------------------------------------------------

Name :__configData
Purpose :Contains cache for Omnichannel chat config set up by admin
Expiry :15 mins

--------------------------------------------------------------------------------

Name :_SystemConfigurationData
Purpose :Chat Widget system configuration data
Expiry :15 mins

--------------------------------------------------------------------------------

Name :MicrosoftApplicationsTelemetryDeviceId
Purpose :Metadata used in telemetry
Expiry :1 year


STATISTICAL 4


Name :WT_FPC
Purpose :Collects IP address of visitors, date/time of visits and visit time.
Expiry :1 year

--------------------------------------------------------------------------------

Name :ACOOKIE
Purpose :Collects site and page visit statistics.
Expiry :1 year

--------------------------------------------------------------------------------

Name :_GA
Purpose :Collects IP address of visitors, date/time of visits and visit time.
Expiry :1 year

--------------------------------------------------------------------------------

Name :CA_ID
Purpose :Identifies an unique user across multiple applications.
Expiry :1 year

MANAGE SETTING
Read More Accept All Update Setting