www.oocl.com
Open in
urlscan Pro
172.64.154.192
Public Scan
Submitted URL: http://oocl.com/
Effective URL: https://www.oocl.com/eng/Pages/default.aspx
Submission: On December 23 via api from NL — Scanned from NL
Effective URL: https://www.oocl.com/eng/Pages/default.aspx
Submission: On December 23 via api from NL — Scanned from NL
Form analysis 1 forms found in the DOM
POST ./default.aspx
<form method="post" action="./default.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="noDigest">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="/wEPDwULLTIwMzI5NjkxOTIPZBYCZg9kFgICAQ9kFgQCAQ9kFgICCw9kFgICCA9kFgQCAQ9kFgICBQ8WAh4TUHJldmlvdXNDb250cm9sTW9kZQspiAFNaWNyb3NvZnQuU2hhcmVQb2ludC5XZWJDb250cm9scy5TUENvbnRyb2xNb2RlLCBNaWNyb3NvZnQuU2hhcmVQb2ludCwgVmVyc2lvbj0xNi4wLjAuMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj03MWU5YmNlMTExZTk0MjljAWQCAw9kFgJmD2QWAmYPPCsABgBkAgkPZBYCAgIPZBYCAh8PZBYCAgMPFgIeB1Zpc2libGVoFgJmD2QWBAIDD2QWBgIBDxYCHwFoZAIDDxYCHwFoZAIFDxYCHwFoZAIEDw8WAh4JQWNjZXNzS2V5BQEvZGRkaBAlOn74CKzBe1dIEVZR1kSySq+yyP/jQx6OkLcS6Yw=">
</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&t=638568892745067788" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var MSOWebPartPageFormName = 'aspnetForm';
var g_presenceEnabled = true;
var g_wsaEnabled = false;
var g_correlationId = '055070a1-1c37-50ac-041f-75fe70575a68';
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",
webAbsoluteUrl: "http:\u002f\u002fwww.oocl.com\u002feng",
siteAbsoluteUrl: "http:\u002f\u002fwww.oocl.com",
serverRequestPath: "\u002feng\u002fPages\u002fdefault.aspx",
layoutsUrl: "_layouts\u002f15",
webTitle: "English",
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-12-23T09:22:46.3198985Z") - new Date(),
updateFormDigestPageLoaded: new Date("2024-12-23T09:22:46.3198985Z"),
siteClientTag: "1905$$16.0.5456.1000",
crossDomainPhotosEnabled: false,
webUIVersion: 15,
webPermMasks: {
High: 16,
Low: 196673
},
pageListId: "{6dbbb366-bf02-442a-84ac-b750cdc20505}",
pageItemId: 1,
pagePersonalizationScope: 1,
alertsEnabled: true,
customMarkupInCalculatedFieldDisabled: true,
siteServerRelativeUrl: "\u002f",
allowSilverlightPrompt: 'True',
isSiteAdmin: false
};
var L_Menu_BaseUrl = "/eng";
var L_Menu_LCID = "1033";
var L_Menu_SiteTheme = "null";
document.onreadystatechange = fnRemoveAllStatus;
function fnRemoveAllStatus() {
removeAllStatus(true)
};
Flighting.ExpFeatures = [480215056, 1880287568, 1561350208, 302071836, 3212816, 69472768, 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=sqOSCdQgapv1nNGsGQ2EWA%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', 1440000);
if (typeof(_spFormOnSubmitWrapper) != 'undefined') {
return _spFormOnSubmitWrapper();
} else {
return true;
};
return true;
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="69A50CC9">
</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 class="article-content">
</div>
</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>
<!-- [_BUTTONS_LIST_] <!–productLogin menu–>-->
<nav id="menu1" class="navbar navbar-fixed-top hidden-md hidden-sm hidden-xs" role="navigation" style="margin-bottom:-1px">
<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 <span class="fontello icon-down-dir"></span></a>
</li>
<li>
<a href="/schi/Pages/default.aspx">简体中文</a>
</li>
<li>
<a href="/japan/jpn">日本語</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li _t_nav="Our Global Network">
<a href="/eng/officedirectory" class="header-menu-item">
<img src="/Style Library/revamp/Images/earth.svg">
<span>Our Global Network</span>
</a>
</li>
<li _t_nav="e-Subscription">
<a href="/eng/esubscription" class="header-menu-item">
<img src="/Style Library/revamp/Images/bell.svg">
<span>e-Subscription</span>
</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 & 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 & 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 & Yacht Shipping</a></li>
</ul>
</li>
<li class="text-shadow">
<a href="/eng/pressandmedia">NEWS & MEDIA</a>
<ul class="text-center ">
<li><a href="/eng/pressandmedia/newscenter">News Center</a></li>
<li><a href="/eng/pressandmedia/ooilannualandinterimreports">OOIL Annual & 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 & Conditions</a></li>
</ul>
</li>
<!-- <li>-->
<!-- <a id="btn_login" class="btn-nav hidden-sm hidden-xs" href="javascript:showProdLogin(true, true);">-->
<!-- <img src="/Style Library/revamp/Images/lock.svg" style="filter: invert(1) sepia(100%) saturate(0%) hue-rotate(180deg);vertical-align: top;">-->
<!-- <span>[_LOGIN_LABEL_]</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_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 & 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 & 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('/mozambique/eng/')">
<div class="flag" style="background: url('') center center no-repeat;"></div>
<div name="location_country">Mozambique</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">
<!-- oocl-lite-download for IOS/Andorid -->
<div class="oocl-lite-download" id="ooclLiteDownload" style="display: none;">
<div class="oocl-lite-logo">
<img src="/Style Library/revamp/Images/oocl_lite_logo.png" class="oocl-lite-logo-img">
</div>
<div class="oocl-lite-description">
<div class="oocl-lite-title">OOCL Lite</div>
<div class="oocl-lite-detail">Mobile shipment visibility and real time information</div>
</div>
<div class="install-link">
<a href="javascript:void(0)" onclick="installLite()">
INSTALL
</a>
</div>
<div class="download-close">
<a id="oocl_lite_close" class="fontello icon-cancel" href="javascript:void(0)" onclick="closeLite()">
</a>
</div>
</div>
<!-- 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 <span class="fontello icon-down-dir"></span></a></li>
<!-- <li>-->
<!-- <a id="btn_login" class="btn-nav hidden-sm hidden-xs" href="javascript:showProdLogin(true, true);">-->
<!-- <img src="/Style Library/revamp/Images/lock.svg" style="filter: invert(1) sepia(100%) saturate(0%) hue-rotate(180deg);vertical-align: top;">-->
<!-- <span>[_LOGIN_LABEL_]</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_&_media">
<a>News & 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/Pages/default.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 & 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 & 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('/mozambique/eng/')">
<div class="flag" style="background: url('') center center no-repeat;"></div>
<div name="location_country">Mozambique</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 & 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 & 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 & Yacht Shipping</a></li>
</ul>
</div>
<div id="mb_news_&_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 & 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 & 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 & Conditions</a></li>
</ul>
</div> <!--sub muenu-->
</div> <!--MobileMenuPanel-->
<!--nav_mobile-->
<!-- <div id="csCaptchaDiv" class="row">-->
<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>
<link href="/Style Library/revamp/feedBackRightTab.css?202409" rel="stylesheet">
<div id="feedback-right-bottom">
<div class="feedback">
<p data-toggle="modal" data-target="#feedback-modal">Feedback</p>
</div>
</div>
<div class="modal fade feedback-modal" id="feedback-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="padding-right: 15px">
<div class="modal-dialog feedback-modal-dialog">
<div class="modal-content">
<div style="padding: 15px">
<div type="button" data-dismiss="modal" aria-hidden="true">
<span class="fontello icon-cancel close"></span>
</div>
</div>
<div class="modal-body">
<p id="feedback-title">Feedback</p>
<div class="feedback-content">
<div class="card feedback-box">
<div class="flex-content">
<a class="feedback-content-image" href="/eng/customersfeedback/">
<img src="/Style Library/revamp/Images/customer_feedback.svg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">Customer Feedback</p>
</div>
</a>
<p class="card-text"> Your opinion is valuable to us. With your feedback, we can continue to improve and serve you better </p>
</div>
</div>
<div class="card feedback-box">
<div class="flex-content">
<a class="feedback-content-image" href="/eng/suppliersfeedback/">
<img src="/Style Library/revamp/Images/supplier_feedback.svg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">Supplier Feedback</p>
</div>
</a>
<p class="card-text"> We welcome your comments and always looking for ways to improve our service. </p>
</div>
</div>
<div class="card feedback-box">
<div class="flex-content">
<a class="feedback-content-image" href="/eng/contactus/">
<img src="/Style Library/revamp/Images/contact_us.svg" class="card-img-top" alt="...">
<div class="card-body">
<p class="card-text">Contact Us</p>
</div>
</a>
<p class="card-text"> It's simple to get in contact with us. Select the subject or item you have a question about, and we can assist you. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="chat_top2" class="div-right-bottom ">
<div id="imStartChatBtnDiv">
</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>
<!--flexslider and functions-->
<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>
<link rel="stylesheet" href="/Style Library/revamp/jquery-ui.css">
<div class="mix-hp scrollify-section">
<div class="flexslider">
<ul class="slides">
<li class="img-hp-depot flex-active-slide"
style="background-image: url("/Style%20Library/revamp/Images/banner_corporatevideo.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">
<div class="img-description">
<div class="img-description-box">
<div class="description-content">
<h2>Vital Link to World Trade</h2>
</div>
</div>
</div>
</li>
<li class="img-hp-depot"
style="background-image: url("/Style%20Library/revamp/Images/banner_emissionmonitor_1920x854.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<a href="https://www.oocl.com/eng/aboutoocl/Environmentalcare/emissionmonitor">
<div class="img-description">
<div class="img-description-box">
<div class="description-content">
<h2>Emission Monitor</h2>
</div>
</div>
</div>
</a>
</li>
<li class="img-hp-depot" style="background-image: url("/Style%20Library/revamp/Images/banner_eBL_1920x854.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<a href="https://www.oocl.com/eng/ourservices/eservices/eBL/">
<div class="img-description">
<div class="img-description-box">
<div class="description-content">
<h2>eBL Blockchain Service</h2>
</div>
</div>
</div>
</a>
</li>
<li class="img-hp-depot" style="background-image: url("/Style%20Library/revamp/Images/banner_OOCL_Spain_1920x854.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<a href="https://www.oocl.com/eng/pressandmedia/pressreleases/2023/Pages/16Feb2023.aspx">
<div class="img-description">
<div class="img-description-box">
<div class="description-content">
<h2>OOCL Spain</h2>
</div>
</div>
</div>
</a>
</li>
<li class="img-hp-depot" style="background-image: url("/Style%20Library/revamp/Images/banner_oocllogistics_1920x854.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<a href="https://www.oocllogistics.com/eng/ourservices">
<div class="img-description">
<div class="img-description-box">
<div class="description-content">
<h2>Your Logistics Partner of Choice</h2>
</div>
</div>
</div>
</a>
</li>
<li class="img-hp-depot"
style="background-image: url("/Style%20Library/revamp/Images/freightsmart_outer-banner_for_space__equipment_protection_englishV2.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<a href="https://freightsmart.oocl.com/">
<div class="img-description">
<div class="img-description-box">
<div class="description-content">
<h2>Space Protection & Equipment Priority</h2>
</div>
</div>
</div>
</a>
</li>
<li class="img-hp-depot" style="background-image: url("/Style%20Library/revamp/images/flexslider_2.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<div class="img-description">
<div class="img-description-box">
<div class="description-content">
<h2>Refrigerated cargo is our specialty</h2>
</div>
</div>
</div>
</li>
<li class="img-hp-depot" style="background-image: url("/eng/PublishingImages/homepagebanner/investinfuture2.jpg"); width: 100%; float: left; margin-right: -100%; position: relative; opacity: 0; display: block; z-index: 1;">
<div class="img-description">
<div class="img-description-box">
<div class="description-content">
<h2>Investing in our future</h2>
</div>
</div>
</div>
</li>
</ul>
<!--sliders-->
<!--main functions (3)-->
<div class="panel-tab">
<div class="responsive-tabs-wrapper">
<div class="panel-titles responsive-tabs responsive-tabs--enabled">
<ul class="responsive-tabs__list" role="tablist">
<li class="responsive-tabs__list__item responsive-tabs__list__item--active" id="tablist1-tab1" aria-controls="tablist1-panel1" role="tab" tabindex="0"> Tracking </li>
<li class="responsive-tabs__list__item" id="tablist1-tab2" aria-controls="tablist1-panel2" role="tab" tabindex="0"> Sailing Schedule </li>
<li class="responsive-tabs__list__item" id="tablist1-tab3" aria-controls="tablist1-panel3" role="tab" tabindex="0"> Rate Enquiry </li>
<div class="moving_bg" style="left: 19px;">
<div class="arrow"></div>
</div>
</ul>
<h2 class="responsive-tabs__heading" tabindex="0">
<div class="panel-title tab_item"><i class=" fontello icon-shekel"></i>Tracking</div>
</h2>
<div class="form-group panel-tab-search panel-tab-search-first responsive-tabs__panel responsive-tabs__panel--active responsive-tabs__panel--closed-accordion-only" aria-hidden="false" role="tabpanel" aria-labelledby="tablist1-tab1"
id="tablist1-panel1">
<div class="rwd-margin-top required-field list-country-region btn-tab-menu" id="selectorDiv">
<!--bootstrap will auto generate select button-->
<label class="content-page-dropdown hidden">Tracking Type</label>
<div class="btn-group bootstrap-select show-tick"><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> <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="1"><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="2" 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="3"><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>
<li data-original-index="4"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">Vessel</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
<li data-original-index="5"><a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"><span class="text">Rail</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li>
</ul>
</div><select class="selectpicker show-tick" data-size="1rem" title="B/L #" id="ooclCargoSelector" name="ooclCargoSelector" tabindex="-98">
<option class="bs-title-option" value="bl">B/L #</option>
<option value="bl">B/L #</option>
<option value="booking">Booking #</option>
<option value="cont">Container #</option>
<option value="vessel">Vessel</option>
<option value="rail">Rail</option>
</select>
</div>
</div>
<div class="panel-tab-input">
<input type="text" class="content-page-input form-control" id="SEARCH_NUMBER" name="SEARCH_NUMBER" style="display:inline">
<input type="text" class="content-page-input ui-autocomplete-input" id="VESSEL_NAME" onblur="listenOnBlur()" autocomplete="off" style="display:none">
<input type="hidden" class="content-page-input filter-input ui-autocomplete-input" id="VOYAGE" autocomplete="off">
<input type="hidden" class="content-page-input filter-input ui-autocomplete-input" id="PORT" autocomplete="off">
<input type="text" class="content-page-input" id="CONTAINER_NUMBER" style="display:none">
<!--2017/12/14 auto complete vessel info-->
<input type="hidden" class="content-page-input" id="VesselGID">
<input type="hidden" class="content-page-input" id="VesselCode">
<input type="hidden" class="content-page-input" id="VesselName">
<input type="hidden" id="vesselWebServiceUrl" value="https://pbservice.moc.oocl.com/party/vesseltracking/vessel_tracking_search.jsf">
<!--2017/11/28 errorMsg-->
<input id="VESSEL_INPUT_ERRORINFO" name="VESSEL_INPUT_ERRORINFO" type="hidden" value="">
<input id="VESSEL_INPUT_INVALID" name="VESSEL_INPUT_INVALID" type="hidden" value="">
<div id="vessel_inputErrorMsgHolder" name="promptHolderDiv" style="color:#F00"></div>
<!--2017/11/28 errorMsg end-->
<!--2017/11/28 errorMsg-->
<input id="CONTAINER_NUMBER_ERRORINFO" name="CONTAINER_NUMBER_ERRORINFO" type="hidden" value="">
<div id="container_inputErrorMsgHolder" style="color:#F00"></div>
<!--2017/11/28 errorMsg end-->
<input type="hidden" id="vessel_input" value="Vessel Name">
<input type="hidden" id="rail_input" value="Container Number">
<input type="hidden" id="bl_no_input" value="B/L #">
<input type="hidden" id="booking_no_input" value="Booking #">
<input type="hidden" id="container_no_input" value="Container # (Maximum 10 containers)">
<label class="content-page-label">
<span class="content-page-label-content" id="input_display">Booking #</span>
<input type="hidden" id="target_id" value="booking">
</label>
</div>
<input id="PageUrlWithoutParams" name="PageUrlWithoutParams" type="hidden" value="http://www.oocl.com/eng/Pages/default.aspx">
<!--<button type="submit" class="btn btn-tab" onclick="return ListeningCargoTrackingBtn()">Search</button>-->
<a class="btn btn-tab" onclick="ListeningCargoTrackingBtn()" style="display:" id="container_btn">Search</a>
<a class="btn btn-tab" onclick="return ListenSearchVessel()" id="vessel_btn" target="_blank" style="display:none">Search</a>
<a class="btn btn-tab" onclick="ListenSearchRail()" id="rail_btn" style="display:none">Search</a>
</div>
<!--sailing schedule-->
<h2 class="responsive-tabs__heading" tabindex="0">
<div class="panel-title tab_item"><i class=" fontello icon-calendar"></i>Sailing Schedule</div>
</h2>
<!--<div class="form-group panel-tab-search" style="text-align:center;">
<a href="http://moc.oocl.com/party/sailingschedule/ss_expresslink_advance.jsf?ANONYMOUS_BEHAVIOR=PUBLIC_FUNCTION&domainName=PARTY_DOMAIN&ENTRY_TYPE=OOCL&ENTRY=MCC&PREFER_LANGUAGE=en-US" style="width:300px" class="btn btn-tab">Go to Sailing schedule</a>
</div>-->
<!--Temp not used sailing schedule-->
<div class="form-group panel-tab-search responsive-tabs__panel" aria-hidden="true" role="tabpanel" aria-labelledby="tablist1-tab2" id="tablist1-panel2" style="display: none;">
<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" 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" 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">Search</a>
</div> <!--sailing schedule end-->
<h2 class="responsive-tabs__heading" tabindex="0">
<div class="panel-title tab_item"><i class=" fontello icon-dollar"></i>Rate Enquiry</div>
</h2>
<div class="form-group panel-tab-search panel-tab-rate responsive-tabs__panel" aria-hidden="true" role="tabpanel" aria-labelledby="tablist1-tab3" id="tablist1-panel3" style="display: none;">
<div class="panel-tab-input panel-tab-input-ss">
<input type="text" class="content-page-input form-control" name="ctl00$PlaceHolderBody$BannersOnHomePage1" 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>
<a class="btn btn-tab" style="display:" name="btnSignIn" id="btnSignIn" onclick="validateLogin()">Sign In</a>
<input type="hidden" value="" name="loginSession" visible="hidden" id="loginSession">
<input type="hidden" value="" name="UrlFerrer" visible="hidden" id="UrlFerrer">
<div class="panel-tab-rate-profile">
<div><a href="/eng/login/Pages/forgotpassword.aspx?function=rateenquiry" style="color:#fff">Forget Password</a></div>
<hr>
<div><a href="/eng/login/Pages/register.aspx?function=rateenquiry" style="color:#fff">Register</a></div>
</div>
</div>
<!--rate enquiry-->
</div>
</div>
</div> <!--panel tab-->
<a href="javascript:void(0)" onclick="beforeMocRedirecion('https://pbservice.moc.oocl.com/party/cargotracking/mobile/mobile_ct_search.jsf?ANONYMOUS_BEHAVIOR=BUILD_UP&ENTRY_TYPE=OOCL&ENTRY=MCC')" class="mobile-panel-tab mobile-cargo-tracking hidden"><img src="/Style Library/revamp/Images/cargo.svg" draggable="false"> Cargo Tracking</a>
<a href="javascript:void(0)" onclick="beforeMocRedirecion('https://pbservice.moc.oocl.com/party/vesseltracking/mobile/mobile_vt_search.jsf?ANONYMOUS_BEHAVIOR=BUILD_UP&ENTRY_TYPE=OOCL&ENTRY=MCC&IsSearchByVessel=true')" class="mobile-panel-tab mobile-vessel-rail hidden"><img src="/Style Library/revamp/Images/tracking.svg" draggable="false"> Vessel Tracking</a>
<a href="javascript:void(0)" onclick="beforeMocRedirecion('https://pbservice.moc.oocl.com/party/sailingschedule/MOBILE/mobile_ss_search.jsf?ANONYMOUS_BEHAVIOR=BUILD_UP&ENTRY_TYPE=OOCL&ENTRY=MCC')" class="mobile-panel-tab mobile-sailing-schedule hidden"><i class=" fontello icon-calendar"></i> Sailing Schedule</a>
<a href="javascript:void(0)" onclick="beforeMocRedirecion('/eng/ourservices/eservices/ContainerSpecEnquiry/')" class="mobile-panel-tab mobile-rate-enquiry hidden"><i class=" fontello icon-dollar"></i> Detailed Container Spec</a>
<ol class="flex-control-nav flex-control-paging">
<li><a class="flex-active">1</a></li>
<li><a>2</a></li>
<li><a>3</a></li>
<li><a>4</a></li>
<li><a>5</a></li>
<li><a>6</a></li>
<li><a>7</a></li>
<li><a>8</a></li>
</ol>
</div> <!--flexslider end-->
<!--incident notice-->
</div>
<script type="text/javascript">
function rateEnquiryModalPostForm() {
__doPostBack('ctl00$PlaceHolderBody$BannersOnHomePage1', 'Submit');
}
</script>
<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 src="/_catalogs/masterpage/JavaScript/revamp/HomePage.js?202407"></script>
<script src="/_catalogs/masterpage/JavaScript/revamp/jquery-ui.js"></script>
<script src="/_catalogs/masterpage/JavaScript/revamp/VesselRailTracking.js?202311"></script>
<script src="/_catalogs/masterpage/JavaScript/revamp/SailingSchedule.js?202311"></script>
<script src="/_catalogs/masterpage/JavaScript/revamp/login.js?202404"></script>
<!--news center-->
<div class="panel bg-sea scrollify-section">
<div class="panel-title-hp text-center uping-a-bit">
<div class="panel-title-shadow-hp ">NEWS</div>
<div class="panel-title-hp-line ">
<div class="panel-title-highlight-hp ">NEWS</div>
<div class="panel-title-default-hp">CENTER</div>
<div class="panel-subtitle-hp hidden-xs"></div>
</div>
</div>
<div class="panel-body">
<div class="panel-box ">
<div class="panel-scroll-left fontello icon-left-open btn disabled" id="prev"></div>
<div class="frame" id="frame_news" style="overflow: hidden;">
<ul class="slidee" style="transform: translateZ(0px); width: 4550px;">
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/aboutoocl/corporatemessages/2024/Pages/17Dec2024_CIX2.aspx" style="color:#fff">
<div class="panel-box-orange">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">OOCL announces new China Indian subcontinent service- China India Express 2 service (CIX2)</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>December 17, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140 is-truncated" style="overflow-wrap: break-word;">OOCL is pleased to offer enhanced connectivity between China and Indian subcontinent with the introduction of the new China India Express 2 service (CIX2), to be launched on 23... </div>
</div>
<div class="panel-box-triangle red-triangle"><div class="triangle-wording triangle-corporate-message">Corp Messages</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/aboutoocl/corporatemessages/2024/Pages/17Dec2024_FCS3.aspx" style="color:#fff">
<div class="panel-box-grey">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">OOCL announces new Far East - Chennai Service 3 (FCS3)</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>December 17, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140 is-truncated" style="overflow-wrap: break-word;">OOCL is pleased to offer enhanced connectivity between South China, Southeast Asia, and Chennai with the introduction of the new Far East - Chennai Service 3 (FCS3), launched... </div>
</div>
<div class="panel-box-triangle red-triangle"><div class="triangle-wording triangle-corporate-message">Corp Messages</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/aboutoocl/corporatemessages/2024/Pages/17Dec2024_TAT.aspx" style="color:#fff">
<div class="panel-box-orange">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">OOCL upgrades Trans-Atlantic services from North Europe to North America</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>December 17, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140" style="overflow-wrap: break-word;">We are pleased to announce the upgrade in our Trans-Atlantic service suite with effect from February 2025.</div>
</div>
<div class="panel-box-triangle red-triangle"><div class="triangle-wording triangle-corporate-message">Corp Messages</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/aboutoocl/corporatemessages/2024/Pages/10Dec2024.aspx" style="color:#fff">
<div class="panel-box-grey">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">OOCL announces new China Laem Chabang Service (CHL2)</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>December 10, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140" style="overflow-wrap: break-word;">OOCL is pleased to offer enhanced connectivity between China and Thailand with the introduction of new China Laem Chabang Service (CHL2).</div>
</div>
<div class="panel-box-triangle red-triangle"><div class="triangle-wording triangle-corporate-message">Corp Messages</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/pressandmedia/pressreleases/2024/Pages/06Dec2024.aspx" style="color:#fff">
<div class="panel-box-orange">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">OOCL Unveils its Second 16,828 TEU Vessel, OOCL Iris</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>December 06, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140" style="overflow-wrap: break-word;">Orient Overseas Container Line Ltd. (“OOCL”) is pleased to unveil another brand new 16,828 TEU container vessel, named the “OOCL Iris” today.</div>
</div>
<div class="panel-box-triangle grey-triangle"><div class="triangle-wording triangle-corporate-message">Press Releases</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/pressandmedia/pressreleases/2024/Pages/03Dec2024.aspx" style="color:#fff">
<div class="panel-box-grey">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">OOCL Celebrates the Naming of its First 16,828 TEU Vessel, OOCL Bauhinia</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>December 03, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140 is-truncated" style="overflow-wrap: break-word;">Orient Overseas Container Line Ltd. (“OOCL”) is pleased to announce the naming of its first brand new 16,828 TEU container vessel, the “OOCL Bauhinia”, at a ceremony held today... </div>
</div>
<div class="panel-box-triangle grey-triangle"><div class="triangle-wording triangle-corporate-message">Press Releases</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/aboutoocl/customerservice/Pages/01Dec2024_0001.aspx" style="color:#fff">
<div class="panel-box-orange">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">House Bill of Lading (HBL) Filing Options for ICS2 ENS Submission</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>December 01, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140 is-truncated" style="overflow-wrap: break-word;">We are pleased to inform you that the Step 2 deployment window for “Maritime and Inland Waterway House Level Filers” will commence on 4 December 2024 and end on 01 April... </div>
</div>
<div class="panel-box-triangle red-triangle"><div class="triangle-wording triangle-corporate-message">Customer Service</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/aboutoocl/customerservice/Pages/25Nov2024_0001.aspx" style="color:#fff">
<div class="panel-box-grey">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">#4 Update on Import Control System 2 (ICS2)- Release 3</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>November 25, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140" style="overflow-wrap: break-word;">OOCL has successfully implemented the Entry Summary Declaration (ENS) filing in accordance with the new Import Control System 2 (ICS2) effective from November 2024.</div>
</div>
<div class="panel-box-triangle red-triangle"><div class="triangle-wording triangle-corporate-message">Customer Service</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/pressandmedia/pressreleases/2024/Pages/24Oct2024.aspx" style="color:#fff">
<div class="panel-box-orange">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">OOCL Signs Charter Agreements with Seaspan for Six New 13,000 TEU Container Vessels</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>October 24, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140" style="overflow-wrap: break-word;">OOCL entered into charter agreements on 22 October 2024 with Seaspan, to charter six brand new 13,000 TEU container vessels for a maximum aggregate amount of RMB 11.2 billion. </div>
</div>
<div class="panel-box-triangle grey-triangle"><div class="triangle-wording triangle-corporate-message">Press Releases</div></div>
</a>
</li>
<li class="panel-box-size">
<a href="https://www.oocl.com/eng/pressandmedia/pressreleases/2024/Pages/07Oct2024.aspx" style="color:#fff">
<div class="panel-box-grey">
<div class="panel-box-title dot-ellipsis dot-height-200" style="overflow-wrap: break-word;">OOIL Announces Operational Update for the 3rd Quarter 2024</div>
<div class="panel-box-time"><i class=" fontello icon-clock"></i>October 07, 2024</div>
<div class="panel-box-body hidden-xs dot-ellipsis dot-height-140" style="overflow-wrap: break-word;"></div>
</div>
<div class="panel-box-triangle grey-triangle"><div class="triangle-wording triangle-corporate-message">Press Releases</div></div>
</a>
</li>
</ul>
</div>
<div class="panel-scroll-right fontello icon-right-open btn" id="next"></div>
<ul class="pages hidden-xs">
<li class="active">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
</div>
</div>
<!--service routes-->
<div class="panel bg-map scrollify-section">
<div class="bg-map-image"></div>
<div class="panel-title-hp text-center">
<div class="panel-title-shadow-hp ">ROUTES</div>
<div class="panel-title-hp-line ">
<div class="panel-title-default-hp">SERVICE</div>
<div class="panel-title-highlight-hp">ROUTES</div>
<div class="panel-subtitle-hp hidden-xs"></div>
</div>
</div>
<div class="mobile-panel-tab intra-europe-panel hidden-lg hidden-md hidden-sm">Intra-Europe</div>
<div class="mobile-panel-tab intra-asia-panel hidden-lg hidden-md hidden-sm">Intra-Asia</div>
<div class="mobile-panel-tab trans-atlantic-panel hidden-lg hidden-md hidden-sm">Trans-Atlantic</div>
<div class="mobile-panel-tab trans-pacific-panel hidden-lg hidden-md hidden-sm">Trans-Pacific</div>
<div class="mobile-panel-tab mediterranean-west-africa-panel hidden-lg hidden-md hidden-sm">Europe-West Africa</div>
<div class="mobile-panel-tab asia-africa-panel hidden-lg hidden-md hidden-sm">Asia - Africa</div>
<div class="mobile-panel-tab intra-america-panel hidden-lg hidden-md hidden-sm">Intra - America</div>
<div class="mobile-panel-tab asia-latin-america-panel hidden-lg hidden-md hidden-sm">Asia - Latin America</div>
<div class="mobile-panel-tab europe-latin-america-panel hidden-lg hidden-md hidden-sm">Europe - Latin America</div>
<!--<div class="mobile-panel-tab south-america hidden-lg hidden-md hidden-sm">Latin America</div>-->
<div class="mobile-panel-tab asia-europe hidden-lg hidden-md hidden-sm">Asia-Europe</div>
<div class="mobile-panel-tab australia-newZealand-panel hidden-lg hidden-md hidden-sm">Australia / New Zealand</div>
<div class="panel-body hidden-xs">
<div class="button-map-left" id="trans-atlantic">
<a href="javascript:void(0)"><div class="button-map-font">Trans - Atlantic</div></a>
</div>
<div class="button-map-left" id="asia-europe">
<a href="javascript:void(0)"><div class="button-map-font">Asia - Europe</div></a>
</div>
<div class="button-map-left" id="africa">
<a href="javascript:void(0)"><div class="button-map-font">Europe-West Africa</div></a>
</div>
<div class="button-map-left" id="asia_africa">
<a href="javascript:void(0)"><div class="button-map-font">Asia - Africa</div></a>
</div>
<div class="button-map-right" id="intra-europe">
<a href="javascript:void(0)"><div class="button-map-font">Intra - Europe
</div></a>
</div>
<div class="button-map-right" id="intra-asia">
<a href="javascript:void(0)"><div class="button-map-font">Intra - Asia
</div></a>
</div>
<div class="button-map-right" id="trans-pacific">
<a href="javascript:void(0)"><div class="button-map-font">Trans - Pacific
</div></a>
</div>
<div class="button-map-left" id="australia">
<a href="javascript:void(0)"><div class="button-map-font">Australia / New Zealand</div></a>
</div>
<!--<div class="button-map-right" id="south-america">
<a href="javascript:void(0)"><div class="button-map-font">Latin America</div></a>
</div>-->
<div class="button-map-right" id="intra-america">
<a href="javascript:void(0)"><div class="button-map-font">Intra - America</div></a>
</div>
<div class="button-map-right" id="asia-latin-america">
<a href="javascript:void(0)"><div class="button-map-font">Asia - Latin America</div></a>
</div>
<div class="button-map-right" id="europe-latin-america">
<a href="javascript:void(0)"><div class="button-map-font">Europe - Latin America</div></a>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var redirectUrl = "/eng/";
$("#trans-atlantic").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/tat2";
});
$(".trans-atlantic-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/tat2";
});
$("#asia-europe").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/aet4";
});
$(".asia-europe").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/aet4";
});
$("#intra-europe").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/iet";
});
$(".intra-europe-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/iet";
});
$("#intra-asia").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/iat";
});
$(".intra-asia-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/iat";
});
$("#trans-pacific").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/tptday4";
});
$(".trans-pacific-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/tptday4";
});
$("#australia").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/aut";
});
$(".australia-newZealand-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/aut";
});
$("#africa").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/maf";
});
$(".mediterranean-west-africa-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/maf";
});
$("#asia_africa").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/aaf";
});
$(".asia-africa-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/aaf";
});
/*$("#south-america").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/lat";
});
$(".south-america").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/lat";
});*/
$("#intra-america").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/ila";
});
$(".intra-america-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/ila";
});
$("#asia-latin-america").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/ala";
});
$(".asia-latin-america-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/ala";
});
$("#europe-latin-america").children("a").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/ela";
});
$(".europe-latin-america-panel").click(function() {
window.location.href = redirectUrl + "ourservices/serviceroutes/ela";
});
})
</script>
<!--providing E-service-->
<div class="panel bg-terminal scrollify-section" style="background-color: #f9f9f9; height:auto;">
<div class="panel-title-hp text-center">
<div class="panel-title-shadow-hp ">E-SERVICES</div>
<div class="panel-title-hp-line ">
<div class="panel-title-default-hp">PROVIDING</div>
<div class="panel-title-highlight-hp">E-SERVICES</div>
<div class="panel-subtitle-hp hidden-xs"></div>
</div>
</div>
<div class="panel-body">
<div class="panel-box-smalls row">
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6" id="icon_1">
<a href="https://freightsmart.oocl.com/">
<div class="panel-box-small">
<div class="panel-box-small-icon icon-1"></div>
<div class="panel-box-small-title text-center">FreightSmart<br></div>
</div>
</a>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6" id="icon_2">
<a href="/eng/ourservices/eservices/eBL">
<div class="panel-box-small">
<div class="panel-box-small-icon icon-2"></div>
<div class="panel-box-small-title text-center">eBL Blockchain Service<br></div>
</div>
</a>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6" id="icon_3">
<a href="/eng/ourservices/eservices/ContainerSpecEnquiry/Pages/ContainerSpecificationEnquiry.aspx">
<div class="panel-box-small">
<div class="panel-box-small-icon icon-3"></div>
<div class="panel-box-small-title text-center">Detailed Container Specification<br></div>
</div>
</a>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6" id="icon_4">
<a href="http://moc.oocl.com/admin/vermas/vermas_submission.jsf?domainName=SECURITY_FILING_DOMAIN&ENTRY=MCC&ENTRY_TYPE=OOCL&DOMAIN_BEHAVIOR=RESUME_DOMAIN">
<div class="panel-box-small">
<div class="panel-box-small-icon icon-4"></div>
<div class="panel-box-small-title text-center">VGM Declaration<br></div>
</div>
</a>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6" id="icon_5">
<a href="/eng/ourservices/eservices/tariffandrates">
<div class="panel-box-small">
<div class="panel-box-small-icon icon-5"></div>
<div class="panel-box-small-title text-center">Tariff & Rates Enquiry<br></div>
</div>
</a>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6" id="icon_6">
<a href="/eng/ourservices/eservices/inlandtariffenquiry">
<div class="panel-box-small">
<div class="panel-box-small-icon icon-6"></div>
<div class="panel-box-small-title text-center">Inland Tariff Enquiry<br></div>
</div>
</a>
</div>
</div>
<div class="view-all-btn text-center hidden-xs">
<a href="/eng/ourservices/eservices/" class="btn-svg">
<svg>
<rect x="0" y="0" fill="none" width="100%" height="100%"></rect>
</svg>
View All</a>
</div>
</div>
</div>
<!--our group companies-->
<footer id="footer" class="scrollify-section">
<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 & 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 & 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 & 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 & 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 & 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 & 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="background-color:white;color:gray;width:233px;height:267px;padding-top:20px;" class="popover" role="tooltip"><div class="arrow"></div><div class="content-wrapper"><img src="/Style%20Library/revamp/Images/We_Chat_QR.png"/><div class="popover-content"></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="">
| <a href="/eng/sitemap" class="footerNormalLink">Site Map</a> | <a href="/eng/help" class="footerNormalLink">Help</a> | <a href="/eng/termsofuse" class="footerNormalLink">Terms of Use</a> | <a href="/eng/privacyandsecurity" class="footerNormalLink">Privacy & Security</a> | <a href="/eng/onlinesecurity" class="footerNormalLink">Online Security</a> | <a href="/eng/customercommunicationspolicy" class="footerNormalLink">Customer Communications Policy</a> |
<a href="/eng/cookiepolicy/Pages/cookie_policy.aspx" style="cursor:pointer;">Cookie Policy</a> | <a onclick="javascript:$('#cookieModal').modal({ backdrop: 'static', keyboard: false });" style="cursor:pointer;">Cookie Setting</a> |
<a href="http://www.ooilgroup.com/">
<div class="footer-ooil inline-block">
<div class="icon-ooil"></div>
<strong>OOIL</strong> 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>
<script>
$(document).ready(function() {
homePageLayout();
addRateEnquiryClickEvent();
})
</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 * 简体中文 * 日本語 * Our Global Network * 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 Mozambique 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 OOCL Lite Mobile shipment visibility and real time information INSTALL * 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 Mozambique 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 Feedback Feedback Customer Feedback Your opinion is valuable to us. With your feedback, we can continue to improve and serve you better Supplier Feedback We welcome your comments and always looking for ways to improve our service. Contact Us It's simple to get in contact with us. Select the subject or item you have a question about, and we can assist you. Top * VITAL LINK TO WORLD TRADE * EMISSION MONITOR * EBL BLOCKCHAIN SERVICE * OOCL SPAIN * YOUR LOGISTICS PARTNER OF CHOICE * SPACE PROTECTION & EQUIPMENT PRIORITY * REFRIGERATED CARGO IS OUR SPECIALTY * INVESTING IN OUR FUTURE * Tracking * Sailing Schedule * Rate Enquiry TRACKING Tracking Type Booking # * B/L # * Booking # * Container # * Vessel * Rail B/L # B/L # Booking # Container # Vessel Rail Booking # Search Search Search SAILING SCHEDULE Origin Destination Search RATE ENQUIRY Email Password Sign In Forget Password -------------------------------------------------------------------------------- Register Cargo Tracking Vessel Tracking Sailing Schedule Detailed Container Spec 1. 1 2. 2 3. 3 4. 4 5. 5 6. 6 7. 7 8. 8 NEWS NEWS CENTER * OOCL announces new China Indian subcontinent service- China India Express 2 service (CIX2) December 17, 2024 OOCL is pleased to offer enhanced connectivity between China and Indian subcontinent with the introduction of the new China India Express 2 service (CIX2), to be launched on 23... Corp Messages * OOCL announces new Far East - Chennai Service 3 (FCS3) December 17, 2024 OOCL is pleased to offer enhanced connectivity between South China, Southeast Asia, and Chennai with the introduction of the new Far East - Chennai Service 3 (FCS3), launched... Corp Messages * OOCL upgrades Trans-Atlantic services from North Europe to North America December 17, 2024 We are pleased to announce the upgrade in our Trans-Atlantic service suite with effect from February 2025. Corp Messages * OOCL announces new China Laem Chabang Service (CHL2) December 10, 2024 OOCL is pleased to offer enhanced connectivity between China and Thailand with the introduction of new China Laem Chabang Service (CHL2). Corp Messages * OOCL Unveils its Second 16,828 TEU Vessel, OOCL Iris December 06, 2024 Orient Overseas Container Line Ltd. (“OOCL”) is pleased to unveil another brand new 16,828 TEU container vessel, named the “OOCL Iris” today. Press Releases * OOCL Celebrates the Naming of its First 16,828 TEU Vessel, OOCL Bauhinia December 03, 2024 Orient Overseas Container Line Ltd. (“OOCL”) is pleased to announce the naming of its first brand new 16,828 TEU container vessel, the “OOCL Bauhinia”, at a ceremony held today... Press Releases * House Bill of Lading (HBL) Filing Options for ICS2 ENS Submission December 01, 2024 We are pleased to inform you that the Step 2 deployment window for “Maritime and Inland Waterway House Level Filers” will commence on 4 December 2024 and end on 01 April... Customer Service * #4 Update on Import Control System 2 (ICS2)- Release 3 November 25, 2024 OOCL has successfully implemented the Entry Summary Declaration (ENS) filing in accordance with the new Import Control System 2 (ICS2) effective from November 2024. Customer Service * OOCL Signs Charter Agreements with Seaspan for Six New 13,000 TEU Container Vessels October 24, 2024 OOCL entered into charter agreements on 22 October 2024 with Seaspan, to charter six brand new 13,000 TEU container vessels for a maximum aggregate amount of RMB 11.2 billion. Press Releases * OOIL Announces Operational Update for the 3rd Quarter 2024 October 07, 2024 Press Releases * 1 * 2 * 3 * 4 * 5 ROUTES SERVICE ROUTES Intra-Europe Intra-Asia Trans-Atlantic Trans-Pacific Europe-West Africa Asia - Africa Intra - America Asia - Latin America Europe - Latin America Asia-Europe Australia / New Zealand Trans - Atlantic Asia - Europe Europe-West Africa Asia - Africa Intra - Europe Intra - Asia Trans - Pacific Australia / New Zealand Intra - America Asia - Latin America Europe - Latin America E-SERVICES PROVIDING E-SERVICES FreightSmart eBL Blockchain Service Detailed Container Specification VGM Declaration Tariff & Rates Enquiry Inland Tariff Enquiry View All 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