our-network

我们的业务网络

为您的业务搭建关键的桥梁

我们的业务网络

为您的业务搭建关键的桥梁

我们的业务版图

星展拥有国际专家网络,为全球客户提供全方位的个人化方案和相关市场分析。

星展业务遍及18个市场,包括六大主要亚洲市场,例如新加坡、香港、中国内地、印度、印尼和台湾。换言之,我们是唯一于亚洲三大增长主轴(即大中华、东南亚和南亚地区)均设业务的亚洲银行。

An error occurred while processing the template.
The following has evaluated to null or missing:
==> cur_tile.TilesGridDescription  [in template "20100#20136#8884743" at line 76, column 110]

----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${cur_tile.TilesGridDescription.getDa...  [in template "20100#20136#8884743" at line 76, column 108]
----
1<div class="tab-tilelisting"> 
2<div class="corp-market-component-title"> 
3	<#if ComponentName?has_content> 
4		${ComponentName.getData()} 
5	</#if> 
6</div> 
7<div class="corp-market-component-desc"> 
8<#if ComponentDescription?has_content> 
9	${ComponentDescription.getData()} 
10</#if> 
11</div> 
12<#assign modalCounter=1> 
13<section id="tabs"> 
14        <div class="container"> 
15            
16            <div class="row"> 
17                <div class="col-xs-12 tabs-container-pad"> 
18 
19					 
20					<div class="dbs-dropdown mobile-network-select-options"> 
21					  
22						<i class="icon ico-arrowdown1"></i> 
23						<select id="country-selector" name="category"> 
24						<#if TabName.getSiblings()?has_content> 
25							<#list TabName.getSiblings() as cur_tab> 
26							 <#if cur_tab.getData() == ''> 
27							 <option value="${cur_tab.TabNameWithoutSpaces.getData()}">${cur_tab.TabNameWithoutSpaces.getData()?replace('&[a-zA-Z]+;', '  ', 'r')?replace('[^a-zA-Z0-9. ]', '  ', 'r')}</option> 
28							  <#else> 
29							  <option value="${cur_tab.TabNameWithoutSpaces.getData()}">${cur_tab.getData()}</option> 
30							  </#if> 
31							</#list> 
32						</#if>	 
33						</select> 
34									 
35					</div> 
36					 
37					  <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent"> 
38					  <#if TabName.getSiblings()?has_content>			 
39					   
40						<#list TabName.getSiblings() as cur_tab> 
41						<#if cur_tab?index == 0> 
42						 <div class="tab-pane fade show active col-md-12 row" style="padding-left:0px;" id="${cur_tab.TabNameWithoutSpaces.getData()}" role="tabpanel"  
43							aria-labelledby="${cur_tab.TabNameWithoutSpaces.getData()}-tab"> 
44							<div class="market-box-layout col-md-12 col-xs-12 row"> 
45								<div class="corp-market-title-main"> 
46									<#if cur_tab.TabSubHeader?has_content> 
47										${cur_tab.TabSubHeader.getData()} 
48									</#if> 
49								</div> 
50								<div class="corp-market-desc-main"> 
51								<#if cur_tab.AboutTab?has_content> 
52									${cur_tab.AboutTab.getData()} 
53								</#if> 
54								</div> 
55														 
56							<#list cur_tab.NewTileSeparator.getSiblings() as cur_tile> 
57							 
58							<div class="col-md-4 col-sm-12 col-xs-12 tab-market-panel"> 
59                              <div class="asia-market-box" id="asia-market"> 
60									<div class="market-box single-item">              
61											<#if cur_tile.TileImage.getData()?? &&  
62											cur_tile.TileImage.getData() != ""> 
63											<div class="tile-listing-img-wrapper"> 
64												<img alt="${cur_tile.TileImage.getAttribute("alt")}"  
65													data-fileentryid="${cur_tile.TileImage.getAttribute("fileEntryId")}"  
66													src="${cur_tile.TileImage.getData()}" /> 
67												<#if cur_tile.SelectType.getData()=='video'> 
68													<div class="tabtiles-video-overlay"></div> 
69												</#if> 
70											</div> 
71											</#if> 
72											<div class="corp-market-title"> 
73													${cur_tile.TileName.getData()} 
74											</div>    
75											<div class="market-desc"> 
76													<p>${cur_tile.TilesGridDescription.getData()} 
77													</p> 
78											</div>   
79												<div class="market-title-2"> 
80												<#if cur_tile.SelectType?has_content> 
81													<#if cur_tile.SelectType.getData()=='pageURL'> 
82														<#if cur_tile.PageSeparator.ButtonName.getData()?has_content && 
83														 cur_tile.PageSeparator.PageURL.getData()?has_content > 
84															<a href="${cur_tile.PageSeparator.PageURL.getData()}" target="_self" class="red"> 
85															${cur_tile.PageSeparator.ButtonName.getData()}</a> 
86														</#if> 
87													<#elseif cur_tile.SelectType.getData()=='freeContent'> 
88													<!-- start --> 
89													 
90													<#if cur_tile.FreeContentSeparator.getSiblings()?has_content> 
91														<#list cur_tile.FreeContentSeparator.getSiblings() as cur_freeContent> 
92 
93														<#if cur_tile.FreeContentSeparator.getSiblings()?size &gt; 1 > 
94															<div class="accordion-tiles"> 
95															<div class="accordion-article"> 
96																<#assign portlet_display = portletDisplay> 
97																<#assign portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
98																<#assign market_experts_portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
99															 
100															<div class="accor-wrapper"> 
101																 <table class='accordion-table'> 
102																	<hr> 
103																	<tr> 
104																	<!--started --> 
105																	<td id='${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}-icon-td'> 
106																		<#if cur_freeContent?index == 0> 
107																		<a class="collapse-icon-accordion" aria-expanded="true" data-toggle="collapse" 
108																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
109																		<#else> 
110																		<a class="collapse-icon-accordion" aria-expanded="false" data-toggle="collapse"  
111																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
112																		</#if> 
113																		   <i class="icon ico-add-4-line plus"></i> 
114																		   <i class='icon ico-minus-4-box-line minus'></i> 
115																		</a> 
116																	</td> 
117																	 
118																	<!-- ended --> 
119																	 
120																	<!--started --> 
121																	<td> 
122																	<div class='acc-title'> 
123																		<#if cur_freeContent.Title.getData()?has_content> 
124																			${cur_freeContent.Title.getData()} 
125																		</#if> 
126																	</div> 
127																	<div class="acc-description dbs-table"> 
128																		<#if cur_freeContent.Description.getData()?has_content> 
129																			${cur_freeContent.Description.getData()} 
130																		</#if> 
131																	</div> 
132																	</td> 
133																	<!-- ended --> 
134																</tr> 
135																<!--started --> 
136																 
137																<tr> 
138																  <td></td> 
139																  <td> 
140																  <#if cur_freeContent?index == 0> 
141																	<div class="collapse acc-content dbs-table show" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
142																  <#else> 
143																	<div class="collapse acc-content dbs-table" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
144																  </#if> 
145																 
146																	<div class="glance-description dbs-table"> 
147																		<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
148																		${cur_freeContent.FreeContentHTML.getData()}																		 
149																		</#if> 
150																	</div> 
151																	  </div> 
152																	</td> 
153																	 
154																</tr> 
155																<!-- ended --> 
156																</table> 
157																</div> 
158															</div> 
159															</div> 
160														<#else> 
161														<div class='acc-title-noacc'> 
162															<#if cur_freeContent.Title.getData()?has_content> 
163																${cur_freeContent.Title.getData()} 
164															</#if> 
165														</div> 
166														<div class="glance-description-noacc dbs-table"> 
167															<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
168															${cur_freeContent.FreeContentHTML.getData()} 
169															</#if> 
170														</div> 
171														</#if> 
172														 
173														</#list> 
174													</#if> 	 
175													 
176													<!-- end --> 
177													<#elseif cur_tile.SelectType.getData()=='video'> 
178													<#assign modalCounter = modalCounter +1> 
179													<#assign modalId = "modal0" + modalCounter>														 
180													<div class="product-card-content-modal" id="${modalId}"> 
181														<div class="product-card-content-modal-content" id="${modalId}"> 
182															<div class="product-card-content-modal-header"> 
183																<span class="product-card-content-modal-close">&times;</span> 
184																<h2>${cur_tile.TileName.getData()}</h2> 
185															</div> 
186															<div class="product-card-content-modal-body"> 
187																<iframe src="${cur_tile.VideoSeparator.VideoURL.getData()?replace("watch?v=","embed/",'f')}" 
188																 allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" 
189																  msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" 
190																   webkitallowfullscreen="webkitallowfullscreen"></iframe> 
191															</div> 
192														</div> 
193													</div> 
194																								 
195													 
196													<div class="content-tile-listing"> 
197														 
198													   <#if cur_tile.VideoSeparator.ButtonName1.getData()??> 
199															<div class="tile-button">	 
200															<a class="product-card-group__btn" name="${modalId}" href="javascript:void(0)" target="_self" class="red"> 
201															${cur_tile.VideoSeparator.ButtonName1.getData()}</a> 
202															</div> 
203														</#if> 
204													</div> 
205												</#if> 
206												</#if>    
207												</div> 
208									</div>   
209                                </div> 
210								</div> 
211								 
212								</#list> 
213							</div> 
214						<#else> 
215						<div class="tab-pane col-md-12 row" style="padding-left:0px;" id="${cur_tab.TabNameWithoutSpaces.getData()}" role="tabpanel"  
216							aria-labelledby="${cur_tab.TabNameWithoutSpaces.getData()}-tab"> 
217							<div class="market-box-layout col-md-12 col-xs-12 row"> 
218								<div class="corp-market-title-main"> 
219									<#if cur_tab.TabSubHeader?has_content> 
220										${cur_tab.TabSubHeader.getData()} 
221									</#if> 
222								</div> 
223								<div class="corp-market-desc-main"> 
224								<#if cur_tab.AboutTab?has_content> 
225									${cur_tab.AboutTab.getData()} 
226								</#if> 
227								</div> 
228							<#list cur_tab.NewTileSeparator.getSiblings() as cur_tile> 
229							 
230							<div class="col-md-4 col-sm-12 col-xs-12 tab-market-panel"> 
231                              <div class="asia-market-box" id="asia-market"> 
232									<div class="market-box single-item">              
233											<#if cur_tile.TileImage.getData()?? &&  
234											cur_tile.TileImage.getData() != ""> 
235											<div class="tile-listing-img-wrapper"> 
236												<img alt="${cur_tile.TileImage.getAttribute("alt")}"  
237													data-fileentryid="${cur_tile.TileImage.getAttribute("fileEntryId")}"  
238													src="${cur_tile.TileImage.getData()}" /> 
239												<#if cur_tile.SelectType.getData()=='video'> 
240													<div class="tabtiles-video-overlay"></div> 
241												</#if> 
242											</div> 
243											 
244											</#if> 
245											<div class="corp-market-title"> 
246													${cur_tile.TileName.getData()} 
247											</div>    
248											<div class="market-desc"> 
249													<p>${cur_tile.TilesGridDescription.getData()} 
250													</p> 
251											</div>   
252												<div class="market-title-2"> 
253												<#if cur_tile.SelectType?has_content> 
254													<#if cur_tile.SelectType.getData()=='pageURL'> 
255														<#if cur_tile.PageSeparator.ButtonName.getData()?has_content && 
256														 cur_tile.PageSeparator.PageURL.getData()?has_content > 
257															<a href="${cur_tile.PageSeparator.PageURL.getData()}" target="_self" class="red"> 
258															${cur_tile.PageSeparator.ButtonName.getData()}</a> 
259														</#if> 
260													<#elseif cur_tile.SelectType.getData()=='freeContent'> 
261													 
262													<!-- start --> 
263													<#if cur_tile.FreeContentSeparator.getSiblings()?has_content> 
264														<#list cur_tile.FreeContentSeparator.getSiblings() as cur_freeContent> 
265 
266														<#if cur_tile.FreeContentSeparator.getSiblings()?size &gt; 1 > 
267															<div class="accordion-tiles"> 
268															<div class="accordion-article"> 
269																<#assign portlet_display = portletDisplay> 
270																<#assign portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
271																<#assign market_experts_portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
272															 
273															<div class="accor-wrapper"> 
274																 <table class='accordion-table'> 
275																	<hr> 
276																	<tr> 
277																	<!--started --> 
278																	<td id='${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}-icon-td'> 
279																		<#if cur_freeContent?index == 0> 
280																		<a class="collapse-icon-accordion" aria-expanded="true" data-toggle="collapse" 
281																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
282																		<#else> 
283																		<a class="collapse-icon-accordion" aria-expanded="false" data-toggle="collapse"  
284																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
285																		</#if> 
286																		   <i class="icon ico-add-4-line plus"></i> 
287																		   <i class='icon ico-minus-4-box-line minus'></i> 
288																		</a> 
289																	</td> 
290																	 
291																	<!-- ended --> 
292																	 
293																	<!--started --> 
294																	<td> 
295																	<div class='acc-title'> 
296																		<#if cur_freeContent.Title.getData()?has_content> 
297																			${cur_freeContent.Title.getData()} 
298																		</#if> 
299																	</div> 
300																	<div class="acc-description dbs-table"> 
301																		<#if cur_freeContent.Description.getData()?has_content> 
302																			${cur_freeContent.Description.getData()} 
303																		</#if> 
304																	</div> 
305																	</td> 
306																	<!-- ended --> 
307																</tr> 
308																<!--started --> 
309																 
310																<tr> 
311																  <td></td> 
312																  <td> 
313																  <#if cur_freeContent?index == 0> 
314																	<div class="collapse acc-content dbs-table show" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
315																  <#else> 
316																	<div class="collapse acc-content dbs-table" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
317																  </#if> 
318																  
319																	<div class="glance-description glance-accordian-desc dbs-table"> 
320																		<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
321																		${cur_freeContent.FreeContentHTML.getData()} 
322																		</#if> 
323																	</div> 
324																	 </div> 
325																	</td> 
326																	 
327																</tr> 
328																<!-- ended --> 
329																</table> 
330																</div> 
331															</div> 
332														</div> 
333														<#else> 
334														<div class='acc-title-noacc'> 
335															<#if cur_freeContent.Title.getData()?has_content> 
336																${cur_freeContent.Title.getData()} 
337															</#if> 
338														</div> 
339														<div class="glance-description-noacc dbs-table"> 
340															<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
341															${cur_freeContent.FreeContentHTML.getData()} 
342															</#if> 
343														</div> 
344														</#if> 
345														</#list> 
346													</#if> 	 
347													 
348													<!-- end --> 
349													<#elseif cur_tile.SelectType.getData()=='video'> 
350													<#assign modalCounter = modalCounter +1> 
351													<#assign modalId = "modal0" + modalCounter>		 
352													<div class="product-card-content-modal" id="${modalId}"> 
353														<div class="product-card-content-modal-content" id="${modalId}"> 
354															<div class="product-card-content-modal-header"> 
355																<span class="product-card-content-modal-close">&times;</span> 
356																<h2>${cur_tile.TileName.getData()}</h2> 
357															</div> 
358															<div class="product-card-content-modal-body"> 
359																<iframe src="${cur_tile.VideoSeparator.VideoURL.getData()?replace("watch?v=","embed/",'f')}" 
360																 allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" 
361																  msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" 
362																   webkitallowfullscreen="webkitallowfullscreen"></iframe> 
363															</div> 
364														</div> 
365													</div> 
366																								 
367													 
368													<div class="content-tile-listing"> 
369														 
370													   <#if cur_tile.VideoSeparator.ButtonName1.getData()??> 
371															<div class="tile-button">	 
372															<a class="product-card-group__btn" name="${modalId}" href="javascript:void(0)" target="_self" class="red"> 
373															${cur_tile.VideoSeparator.ButtonName1.getData()}</a> 
374															</div> 
375														</#if> 
376													</div> 
377												</#if> 
378												</#if>    
379												</div> 
380									</div>   
381                                </div> 
382								</div> 
383								 
384								</#list> 
385							</div> 
386						</#if> 
387						 
388						 
389						</div> 
390						</#list> 
391					</#if> 
392				</div> 
393		</div> 
394        </div> 
395		</div> 
396    </section>			 
397	<div class="view-allpage"> 
398		 
399		<#if ViewAllPageUrlTitle.getData()?has_content> 
400			<#if ViewAllPageUrlTitle.ViewAllPageUrl.getData()?has_content> 
401				<input type="button" onclick="location.href='${ViewAllPageUrlTitle.ViewAllPageUrl.getData()}';" class="cta-btn-inline dbsred" value="${ViewAllPageUrlTitle.getData()}" />  
402			</#if> 
403		</#if> 
404	</div> 
405 </div> 
406  
407  
408<style> 
409 
410.tab-tilelisting .view-allpage{ 
411	text-align: center; 
412	padding-bottom:8px; 
413	padding-top: 0px !important; 
414
415.pagination { 
416  display: flex; 
417  justify-content: center; 
418  margin-top: 5px; 
419
420.pagination a { 
421  color: black; 
422  float: left; 
423  padding: 8px 16px; 
424  text-decoration: none; 
425  transition: background-color .3s; 
426  border: 1px solid #ddd; 
427
428.pagination a.current { 
429  background-color: #CCC; 
430  color: white; 
431  border: 1px solid #CCC; 
432
433.pagination a:hover:not(.active) {background-color: #ddd;} 
434 
435.tab-tilelisting{ 
436	margin: 0 auto; 
437    max-width: 960px; 
438	color:#2E2E2E; 
439
440.tab-tilelisting .market-box-layout { 
441	padding-right: 0px; 
442
443.tab-tilelisting .tab-content{ 
444	padding: 0px; 
445    margin: 0 auto; 
446    max-width: 960px; 
447
448.tab-tilelisting .tab-content .pt-3, .py-3{ 
449	padding-bottom: 4px !important 
450
451.market-box{ 
452	color:#2E2E2E; 
453	height: 100%; 
454	width:	300px; 
455	border: 1px solid #ececec; 
456	padding-left: 0%; 
457	padding-bottom:20px; 
458
459.layout-container-market{ 
460	height: 128px; 
461	width:300px; 
462	padding-left: 0px; 
463
464 
465.market-title{ 
466	padding-left: 24px; 
467	padding-top: 15px; 
468
469.market-title p{ 
470    font-size: 16px; 
471    font-weight: 500; 
472
473.market-desc p{ 
474	color:#656565; 
475	font-size: 14px; 
476	padding-left: 18px; 
477    padding-bottom: 0px; 
478    padding-right: 18px; 
479
480.market-title-2{ 
481	padding-left: 24px; 
482	font-size: 14px; 
483	padding-right: 20px; 
484
485.accordion-tiles{ 
486	padding-left: 8px; 
487
488.tab-market-panel{ 
489	display: inline-flex !important; 
490    padding-top: 0px; 
491    list-style: none; 
492	margin-bottom: 20px 
493
494.market-box img{ 
495	max-width: 100%; 
496	width: 100%; 
497	height: 128px !important; 
498	object-fit: cover; 
499
500.tab-pane { 
501	padding-left: 0px; 
502    padding-right: 0px; 
503
504.container{ 
505	padding-left:0px; 
506	padding-right:0px; 
507
508.tabs-container-pad{ 
509	padding-left:0px; 
510
511.market-box-layout{ 
512	display:flex !important; 
513
514.tab-tilelisting .accor-wrapper{ 
515	position:relative; 
516	padding:0px !important; 
517
518.accordion-media{ 
519	color: #2E2E2E !important; 
520
521.accordion-desc{ 
522	font-weight: bold !important; 
523	margin-left: 8px; 
524
525.tab-tilelisting .acc-title{ 
526	font-weight: 700 !important; 
527	font-size:14px !important; 
528	margin-left: -20px; 
529
530.tab-tilelisting .acc-title-noacc{ 
531	font-weight: 700 !important; 
532	font-size:14px !important; 
533
534.corp-market-component-title{ 
535	font-weight: bold !important; 
536	margin-bottom:16px; 
537	margin-left:-16px; 
538	font-size:32px; 
539
540.corp-market-component-desc{ 
541	margin-bottom:16px; 
542	margin-left:-16px; 
543
544.corp-market-title{ 
545	font-weight: bold !important; 
546	margin-bottom:16px; 
547	margin-top:16px;	 
548	margin-left: 16px; 
549	font-size:20px; 
550	color:#2E2E2E; 
551
552.corp-market-title-main{ 
553	font-weight: bold !important; 
554	margin-bottom:16px; 
555	margin-top:16px;	 
556	font-size:20px; 
557	color:#2E2E2E; 
558
559.corp-market-desc-main{ 
560	margin-bottom:16px; 
561	margin-left: 16px; 
562
563.corp-market-desc{ 
564	margin-bottom:16px; 
565	margin-left: 16px; 
566
567.tab-tilelisting .acc-content{ 
568	font-weight: bold !important; 
569	margin-left: -20px; 
570
571.tab-tilelisting .accordion-media-freecontent{ 
572	padding: 0px; 
573
574.tab-tilelisting .accordion-table{ 
575    margin-left: -16px; 
576
577 
578 
579.table-icon-title-des, .landingtemplatepage .table-icon-title-des { 
580	max-width: 992px; 
581    margin: 0 auto; 
582    overflow: hidden; 
583	padding-left:15px; 
584
585.tab-tilelisting .glance-description{ 
586	margin-left: 0px; 
587	color:#656565; 
588	font-size:14px !important; 
589
590 
591.tab-tilelisting .glance-description-noacc{ 
592	margin-left: 0px; 
593	color:#656565; 
594	font-size:14px !important; 
595
596.tab-tilelisting .acc-description{ 
597	margin-left:-20px; 
598	font-size: 12px; 
599
600.tab-tilelisting .collapse-icon-accordion { 
601    position: absolute; 
602    right: 0px; 
603	color:#504d4d; 
604	top: 20px; 
605
606.tab-tilelisting .accordion-article .accor-wrapper .collapse-icon-accordion .icon{ 
607	color:#2E2E2E; 
608	font-size: 20px; 
609
610.tab-tilelisting .accordion-article .accor-wrapper table.accordion-table td:nth-child(1) .ico-minus-4-box-line:before { 
611	background:none; 
612	color:#2E2E2E; 
613
614 
615.tab-tilelisting .accordion-article .accor-wrapper table.accordion-table td:nth-child(1) [class*="ico-"] { 
616    font-size: 13.43px; 
617
618 
619@media (max-width: 767px) and (min-width: 320px) { 
620.tab-tilelisting .accordion-table{ 
621    margin-left: -20px !important; 
622
623	.corp-market-title{ 
624		margin-left:24px !important; 
625		margin-right:23px !important; 
626
627.corp-market-title-main{ 
628	padding-left:16px; 
629
630.accordion-table{ 
631    margin-left: -15px; 
632
633 
634.accordion-table .accordion-media { 
635    padding-right: 15px;  
636    padding-bottom: 30px; 
637    
638
639 
640.accor-wrapper { 
641	padding:0px; 
642
643accordion-article .accor-wrapper table.accordion-table td .acc-title { 
644     padding-left: 0px !important;  
645	 font-size:14px !important; 
646
647.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-title { 
648    padding-left: 0px !important; 
649	font-size:14px !important; 
650
651 
652accordion-article .accor-wrapper table.accordion-table td .acc-title-noacc { 
653     padding-left: 0px !important;  
654	 font-size:14px; 
655	 margin-bottom: 8px; 
656
657.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-title-noacc { 
658    padding-left: 0px !important; 
659	font-size:14px !important; 
660
661
662 
663.product-card-content-modal { 
664	 display: none; 
665	 position: fixed; 
666	 z-index: 1001; 
667	 padding-top: 0; 
668	 left: 0; 
669	 top: 0; 
670	 width: 100%; 
671	 height: 100%; 
672	 overflow: hidden; 
673	 background-color: rgba(0, 0, 0, 0.5); 
674
675 .product-card-content-modal.active { 
676	 display: block; 
677
678 .product-card-content-modal-content { 
679	 top: 50vh; 
680	 background-color: #fff; 
681	 margin: 0 auto; 
682	 position: relative; 
683	 margin-top: -210px; 
684	 max-width: 640px; 
685	 max-height: 420px; 
686	 border-radius: 4px; 
687	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
688
689 .product-card-content-modal-content.active { 
690	 -webkit-animation-name: comedown; 
691	 -webkit-animation-duration: 0.4s; 
692	 animation-name: comedown; 
693	 animation-duration: 0.4s; 
694
695@-webkit-keyframes comedown { 
696	 from { 
697		 top: -300px; 
698		 opacity: 0; 
699
700	 to { 
701		 top: 50vh; 
702		 opacity: 1; 
703
704
705@keyframes comedown { 
706	 from { 
707		 top: -300px; 
708		 opacity: 0; 
709
710	 to { 
711		 top: 50vh; 
712		 opacity: 1; 
713
714
715.product-card-content-modal-header { 
716	 height: 70px; 
717	 padding: 2px 16px; 
718	 text-align: center; 
719	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.01); 
720
721 .product-card-content-modal-header .product-card-content-modal-close { 
722	 color: #2E2E2E; 
723	 font-size: 32px; 
724	 cursor: pointer; 
725	 position: absolute; 
726	 left: 20px; 
727	 top: 12px; 
728
729 .product-card-content-modal-header .product-card-content_modal-download { 
730	 color: #2E2E2E; 
731	 font-size: 24px; 
732	 cursor: pointer; 
733	 position: absolute; 
734	 right: 20px; 
735	 top: 16px; 
736
737.product-card-layout .product-card-checkbox .product-card-content__btn-info .ico-information-line{ 
738	color: #909090; 
739	font-size: 18px; 
740    margin-right: 5px; 
741
742 .product-card-content-modal-header .product-card-content-modal-close:hover { 
743	 color: #2E2E2E; 
744	 text-decoration: none; 
745
746.product-card-content-modal-header h2 { 
747	 font-size: 16px; 
748	 font-weight: bold; 
749	 margin-top: 24px; 
750
751.product-card-content-modal-body { 
752	 padding: 12px 24px; 
753	 overflow: auto; 
754	 height: 350px; /*270  was default 350 for academy online due to no footer*/ 
755	 font-size: 14px; 
756	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.01); 
757	 -ms-overflow-style: none; 
758	 scrollbar-width: none; 
759
760 .product-card-content-modal-body::-webkit-scrollbar { 
761	 display: none; 
762
763 .product-card-content-modal-footer { 
764	 text-align: center; 
765	 height: 100px; 
766
767 .product-card-content-modal-btn-cta { 
768	 margin-top: 20px; 
769	 background-color: #f33333; 
770	 color: #fff; 
771	 border: 1px solid #ee1818; 
772	 border-radius: 4px; 
773	 height: 40px; 
774	 width: 160px; 
775	 cursor: pointer; 
776
777.product-card-layout .product-card-checkbox .product-card-content-modal-btn-cta:hover { 
778	 background-color: #ee1818; 
779
780 
781.product-card-layout .product-card-checkbox .product-card-footer { 
782    position: absolute; 
783    bottom: 0px; 
784    width: 100%; 
785    left: 0px; 
786	height: 64px; 
787
788 
789.product-card-content-modal-body iframe{  
790	width:100%; 
791	height:100%; 
792
793@media (min-width: 320px) and (max-width: 767px) { 
794 
795.cardlisting-parent-title { 
796		margin-left: -8px; 
797
798	.cardlisting-listing-display{ 
799		padding: 16px 17px 16px 18px; 
800
801 
802
803@media (min-width:768px){ 
804	.content-tile-listing{ 
805		padding: 15px 15px 15px 0px !important; 
806
807	.tab-pane{ 
808		padding-left: 0px; 
809		margin-right: 0px; 
810		margin-left: 15px; 
811
812	.tab-market-panel:nth-child(1){ 
813		padding-left: 0px; 
814		padding-right: 8px; 
815
816	.tab-market-panel:nth-child(n+3){ 
817		padding-left: 0px; 
818		padding-right: 8px; 
819
820	.tab-market-panel{ 
821		padding-left: 8px; 
822		padding-right: 8px; 
823
824	.dbs-dropdown { 
825		margin-left:20px !important; 
826
827	.corp-market-component-title{ 
828		margin-left:5px !important; 
829
830	.corp-market-component-desc{ 
831		margin-left:5px !important; 
832
833	.tab-pane{ 
834		padding-left:15px; 
835
836	.corp-market-title{ 
837		margin-left:24px !important; 
838		margin-right:23px !important; 
839
840	 
841	.corp-market-main{ 
842		margin-left:0px !important; 
843		margin-right:0px !important; 
844
845	.corp-market-desc-main{ 
846		margin-left:0px !important; 
847		margin-right:0px !important; 
848
849	.market-desc p { 
850		padding-left: 24px !important; 
851
852	.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-content p{ 
853		font-size: 14px !important; 
854		font-weight: 400; 
855
856 
857
858.corp-market-desc-main { 
859    display: block; 
860    width: 100%; 
861
862@media (min-width:320px) and (max-width:767px) { 
863.asia-market-box { 
864    width: 100% !important; 
865
866.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-content p { 
867    font-size: 14px !important; 
868    font-weight: 400; 
869
870.market-desc p { 
871    color: #656565; 
872    font-size: 14px; 
873    padding-left: 24px; 
874    padding-bottom: 0px; 
875    padding-right: 18px; 
876
877	.tab-tilelisting{ 
878		padding-left: 16px; 
879		padding-right:16px; 
880
881 
882	.tab-tilelisting .tab-pane { 
883		padding-left: 0px; 
884		padding-right: 0px; 
885		margin-left: 0 !important; 
886
887	 
888	.tab-market-panel { 
889		padding: 0 !important; 
890
891	 
892	.tab-tilelisting .market-box-layout { 
893		margin-left: 0 !important; 
894		padding-left: 0 !important; 
895
896	 
897	.tab-tilelisting .market-box img { 
898		height: auto !important; 
899
900	.tab-tilelisting .market-box { 
901		width: 100% !important; 
902		height: auto !important; 
903
904	 
905	.tab-tilelisting .market-box { 
906    color: #2E2E2E; 
907    height: 100%; 
908    width: 330px; 
909    border: 1px solid #ececec; 
910    padding-left: 0%; 
911
912	.tabtiles-video-overlay { 
913		left:0 !important; 
914		height: 160px !important; 
915
916	.corp-market-component-title,.corp-market-component-desc{ 
917		margin-left:0px; 
918
919	/* .corp-market-title{ 
920		margin-top:0px; 
921	}*/ 
922	.tab-content { 
923		padding-top: 0px !important; 
924		padding-right: 0 !important; 
925
926	.nav-tabs{ 
927		display:none; 
928
929	 
930
931	.dbs-dropdown select::-ms-expand{  
932		display:none; 
933
934	.dbs-dropdown .icon.ico-arrowdown1 { 
935		 position: absolute; 
936		 right: 8px; 
937		 top: 10px; 
938
939	.dbs-dropdown select { 
940		 color: #2e2e2e; 
941		 border-width: 1px; 
942		 border-style: solid; 
943		 border-color: #c0c0c0; 
944		 border-image: initial; 
945		 width: 100%; 
946		 position: relative; 
947		 font-size: 16px; 
948		 z-index: 2; 
949		 letter-spacing: 0px; 
950		 -webkit-appearance: none; 
951		 height: 40px; 
952		 background: transparent; 
953		 border-radius: 4px; 
954		 padding: 8px 40px 8px 12px; 
955		 outline-style:none; 
956
957	 .dbs-dropdown i.icon {  
958		top: 13px; 
959
960	.dbs-dropdown { 
961		 position: relative; 
962		 width: 300px; 
963		margin-left:16px; 
964
965	.accordion-article .accor-wrapper table .accordion-table td:nth-child(2) .acc-content p { 
966		padding-left: 0px !important; 
967		font-size:14px !important; 
968
969 
970.tile-listing-img-wrapper { 
971	position: relative; 
972
973 
974.tile-listing-img-wrapper .tabtiles-video-overlay { 
975    background-image: url(/o/corporate-theme/images/player-icon.png); 
976    height: 128px; 
977    position: absolute; 
978    top: 0px; 
979    left: 0px; 
980    z-index: 9; 
981    width: 100%; 
982    background-position: center; 
983    background-repeat: no-repeat; 
984    background-size: auto; 
985    cursor: pointer; 
986
987 
988</style> 
989<script type="text/javascript"> 
990	$(".market-box .tabtiles-video-overlay").click(function(){ 
991		var href = $(this).attr("href"); 
992		var videoLink1 = $(".product-card-content-modal-content.active iframe").attr("src"); 
993		console.log(href); 
994		if(href == "javascript:void(0)" || $(this).hasClass("tabtiles-video-overlay")) { 
995	    $(".product-card-content-modal").removeClass("active"); 
996		$(this).closest('.market-box').find('.product-card-content-modal').addClass("active"); 
997		$(this).closest('.market-box').find('.product-card-content-modal-content').addClass("active"); 
998      //  $(".product-card-content-modal").addClass("active"); 
999       // $(".product-card-content-modal-content").addClass("active"); 
1000
1001	}); 
1002	$('.nav li .nav-item').click(function(e) { 
1003		e.preventDefault(); 
1004		$('.nav li .nav-item').removeClass('active show'); 
1005	 }); 
1006  
1007    $(".product-card-content-modal-close").click(function() { 
1008	 var videoLink = $(".product-card-content-modal-content.active iframe").attr("src"); 
1009	  $(".product-card-content-modal.active iframe").attr("src",'');  
1010	  $(".product-card-content-modal.active iframe").attr("src",videoLink);  
1011	 $(".product-card-content-modal-content.active").removeClass("active"); 
1012	 $(".product-card-content-modal.active").removeClass("active"); 
1013	  
1014	  
1015    }); 
1016     
1017    $(".product-card-group__btn").click(function(){ 
1018	    $(".product-card-content-modal").removeClass("active"); 
1019		$(this).closest('.market-box').find('.product-card-content-modal').addClass("active"); 
1020		$(this).closest('.market-box').find('.product-card-content-modal-content').addClass("active"); 
1021       // $(".product-card-content-modal").addClass("active"); 
1022       // $(".product-card-content-modal-content").addClass("active"); 
1023 
1024    }); 
1025	$('#country-selector').on('change', function(){  
1026		$('.tab-pane').removeClass("show active"); 
1027		$('.tab-pane').css("display", "none"); 
1028		console.log('#'+this.value); 
1029		$('#'+this.value).css("display","block"); 
1030		$('#'+this.value).addClass("show active"); 
1031	}); 
1032	 
1033(function($) { 
1034	var pagify = { 
1035		items: {}, 
1036		container: null, 
1037		totalPages: 1, 
1038		perPage: ${NoOfTilesPerPage.getData()}, 
1039		currentPage: 0, 
1040		createNavigation: function() { 
1041			this.totalPages = Math.ceil(this.items.length / this.perPage); 
1042			$('.pagination', this.container.parent()).remove(); 
1043			var pagination = $('<div class="pagination"></div>'); 
1044			for (var i = 0; i < this.totalPages; i++) { 
1045				var pageElClass = "page"; 
1046				if (!i) 
1047					pageElClass = "page current"; 
1048				var pageEl = '<a class="' + pageElClass + '" data-page="' + ( 
1049				i + 1) + '">' + ( 
1050				i + 1) + "</a>"; 
1051				pagination.append(pageEl); 
1052
1053			this.container.after(pagination); 
1054			var that = this; 
1055			$("body").off("click", ".nav"); 
1056			this.navigator = $("body").on("click", ".nav", function() { 
1057				var el = $(this); 
1058				that.navigate(el.data("next")); 
1059			}); 
1060			$("body").off("click", ".page"); 
1061			this.pageNavigator = $("body").on("click", ".page", function() { 
1062				var el = $(this); 
1063				that.goToPage(el.data("page")); 
1064			}); 
1065		}, 
1066		navigate: function(next) { 
1067			// default perPage to 5 
1068			if (isNaN(next) || next === undefined) { 
1069				next = true; 
1070
1071			$(".pagination .nav").removeClass("disabled"); 
1072			if (next) { 
1073				this.currentPage++; 
1074				if (this.currentPage > (this.totalPages - 1)) 
1075					this.currentPage = (this.totalPages - 1); 
1076				if (this.currentPage == (this.totalPages - 1)) 
1077					$(".pagination .nav.next").addClass("disabled"); 
1078
1079			else { 
1080				this.currentPage--; 
1081				if (this.currentPage < 0) 
1082					this.currentPage = 0; 
1083				if (this.currentPage == 0) 
1084					$(".pagination .nav.prev").addClass("disabled"); 
1085
1086			this.showItems(); 
1087		}, 
1088		updateNavigation: function() { 
1089			var pages = $(".pagination .page"); 
1090			pages.removeClass("current"); 
1091			$('.pagination .page[data-page="' + ( 
1092			this.currentPage + 1) + '"]').addClass("current"); 
1093		}, 
1094		goToPage: function(page) { 
1095			this.currentPage = page - 1; 
1096			$(".pagination .nav").removeClass("disabled"); 
1097			if (this.currentPage == (this.totalPages - 1)) 
1098				$(".pagination .nav.next").addClass("disabled"); 
1099			if (this.currentPage == 0) 
1100				$(".pagination .nav.prev").addClass("disabled"); 
1101			this.showItems(); 
1102		}, 
1103		showItems: function() { 
1104			this.items.hide(); 
1105			$(".tab-market-panel").each(function( index ) { 
1106            $( this ).css('margin', '0px'); 
1107            }); 
1108 
1109			var base = this.perPage * this.currentPage; 
1110			this.items.slice(base, base + this.perPage).show(); 
1111			this.updateNavigation(); 
1112		}, 
1113		init: function(container, items, perPage) { 
1114			this.container = container; 
1115			this.currentPage = 0; 
1116			this.totalPages = 1; 
1117			this.perPage = perPage; 
1118			this.items = items; 
1119			this.createNavigation(); 
1120			this.showItems(); 
1121
1122	}; 
1123	// stuff it all into a jQuery method! 
1124	$.fn.pagify = function(perPage, itemSelector) { 
1125		var el = $(this); 
1126		var items = $(itemSelector, el); 
1127		// default perPage to 5 
1128		if (isNaN(perPage) || perPage === undefined) { 
1129			perPage = ${NoOfTilesPerPage.getData()}; 
1130
1131		// don't fire if fewer items than perPage 
1132		if (items.length <= perPage) { 
1133			$( "div" ).remove( ".pagination" ); 
1134			return true; 
1135
1136		pagify.init(el, items, perPage); 
1137	}; 
1138})(jQuery); 
1139		<#if DisplayPagination.getData() == "Yes"> 
1140		$(".container").pagify(${NoOfTilesPerPage.getData()}, ".active .tab-market-panel .single-item"); 
1141		<#else> 
1142		$(".container").pagify(100000, ".single-item"); 
1143		</#if>	 
1144	$('#country-selector').on('change', function(){  
1145	console.log("into country change selector"); 
1146		<#if DisplayPagination.getData() == "Yes"> 
1147		$(".container").pagify(${NoOfTilesPerPage.getData()}, ".active .tab-market-panel .single-item"); 
1148		<#else> 
1149		$(".container").pagify(100000, ".single-item"); 
1150		</#if>	 
1151	}); 
1152$(document).ready(function(){ 
1153    $("#country-selector").trigger("change"); 
1154}); 
1155</script>