



































		<!DOCTYPE html>



























































<html class="ltr" dir="ltr" lang="ms-MY">

<head>
	<title>Laman Web Rasmi Pejabat Daerah Dan Tanah Larut Matang Dan Selama - PDT Taiping - e-Tanah Perak</title>

	<meta content="initial-scale=1.0, width=device-width" name="viewport" />






































<meta content="text/html; charset=UTF-8" http-equiv="content-type" />









<meta content="Laman Web Rasmi Pejabat Daerah Dan Tanah Larut Matang Dan Selama" lang="ms-MY" name="description" /><meta content=", Pejabat tanah taiping, larut matang, e-tanah," lang="ms-MY" name="keywords" />


<script data-senna-track="permanent" src="/portal/combo?browserId=other&minifierType=js&languageId=ms_MY&b=7210&t=1617864266683&/portal/o/frontend-js-jquery-web/jquery/jquery.js&/portal/o/frontend-js-jquery-web/jquery/fm.js&/portal/o/frontend-js-jquery-web/jquery/form.js" type="text/javascript"></script>


<link href="https://ptg.perak.gov.my/portal/o/etanah-perak-theme/images/../../../myfavicon.ico" rel="icon" />





	<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal" rel="canonical" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/zh" hreflang="zh-CN" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/es" hreflang="es-ES" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/sv" hreflang="sv-SE" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/ja" hreflang="ja-JP" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/nl" hreflang="nl-NL" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/hu" hreflang="hu-HU" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/ar" hreflang="ar-SA" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/pt" hreflang="pt-BR" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/de" hreflang="de-DE" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/ca" hreflang="ca-ES" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/fi" hreflang="fi-FI" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/fr" hreflang="fr-FR" rel="alternate" />

	

			
				<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal" hreflang="x-default" rel="alternate" />
			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/ms" hreflang="ms-MY" rel="alternate" />

	

			

			<link data-senna-track="temporary" href="https://pdttaiping.perak.gov.my/portal/en" hreflang="en-US" rel="alternate" />

	





<link class="lfr-css-file" data-senna-track="temporary" href="https://ptg.perak.gov.my/portal/o/etanah-perak-theme/css/clay.css?browserId=other&amp;themeId=etanahperaktheme_WAR_etanahperaktheme&amp;minifierType=css&amp;languageId=ms_MY&amp;b=7210&amp;t=1617864287918" id="liferayAUICSS" rel="stylesheet" type="text/css" />



<link data-senna-track="temporary" href="/portal/o/frontend-css-web/main.css?browserId=other&amp;themeId=etanahperaktheme_WAR_etanahperaktheme&amp;minifierType=css&amp;languageId=ms_MY&amp;b=7210&amp;t=1559338704640" id="liferayPortalCSS" rel="stylesheet" type="text/css" />









	

	





	



	

		<link data-senna-track="temporary" href="/portal/combo?browserId=other&amp;minifierType=&amp;themeId=etanahperaktheme_WAR_etanahperaktheme&amp;languageId=ms_MY&amp;b=7210&amp;com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_veib4f9hEVMO:%2Fcss%2Fmain.css&amp;com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_INSTANCE_templateSearch:%2Fsearch%2Fbar%2Fcss%2Fmain.css&amp;com_liferay_product_navigation_product_menu_web_portlet_ProductMenuPortlet:%2Fcss%2Fmain.css&amp;com_liferay_product_navigation_user_personal_bar_web_portlet_ProductNavigationUserPersonalBarPortlet:%2Fcss%2Fmain.css&amp;t=1563455752000" id="a68958d7" rel="stylesheet" type="text/css" />

	







<script data-senna-track="temporary" type="text/javascript">
	// <![CDATA[
		var Liferay = Liferay || {};

		Liferay.Browser = {
			acceptsGzip: function() {
				return true;
			},

			

			getMajorVersion: function() {
				return 0;
			},

			getRevision: function() {
				return '';
			},
			getVersion: function() {
				return '';
			},

			

			isAir: function() {
				return false;
			},
			isChrome: function() {
				return false;
			},
			isEdge: function() {
				return false;
			},
			isFirefox: function() {
				return false;
			},
			isGecko: function() {
				return false;
			},
			isIe: function() {
				return false;
			},
			isIphone: function() {
				return false;
			},
			isLinux: function() {
				return false;
			},
			isMac: function() {
				return false;
			},
			isMobile: function() {
				return false;
			},
			isMozilla: function() {
				return false;
			},
			isOpera: function() {
				return false;
			},
			isRtf: function() {
				return false;
			},
			isSafari: function() {
				return false;
			},
			isSun: function() {
				return false;
			},
			isWebKit: function() {
				return false;
			},
			isWindows: function() {
				return false;
			}
		};

		Liferay.Data = Liferay.Data || {};

		Liferay.Data.ICONS_INLINE_SVG = true;

		Liferay.Data.NAV_SELECTOR = '#navigation';

		Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse';

		Liferay.Data.isCustomizationView = function() {
			return false;
		};

		Liferay.Data.notices = [
			null

			

			
		];

		Liferay.PortletKeys = {
			DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet',
			DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet',
			ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet'
		};

		Liferay.PropsValues = {
			JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0,
			NTLM_AUTH_ENABLED: false,
			UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 104857600
		};

		Liferay.ThemeDisplay = {

			

			
				getLayoutId: function() {
					return '1';
				},

				

				getLayoutRelativeControlPanelURL: function() {
					return '/portal/group/taiping/~/control_panel/manage';
				},

				getLayoutRelativeURL: function() {
					return '/portal/web/taiping/utama';
				},
				getLayoutURL: function() {
					return 'https://ptg.perak.gov.my/portal/web/taiping/utama';
				},
				getParentLayoutId: function() {
					return '0';
				},
				isControlPanel: function() {
					return false;
				},
				isPrivateLayout: function() {
					return 'false';
				},
				isVirtualLayout: function() {
					return false;
				},
			

			getBCP47LanguageId: function() {
				return 'ms-MY';
			},
			getCanonicalURL: function() {

				

				return 'https://pdttaiping.perak.gov.my/portal';
			},
			getCDNBaseURL: function() {
				return 'https://ptg.perak.gov.my';
			},
			getCDNDynamicResourcesHost: function() {
				return '';
			},
			getCDNHost: function() {
				return '';
			},
			getCompanyGroupId: function() {
				return '20127';
			},
			getCompanyId: function() {
				return '20101';
			},
			getDefaultLanguageId: function() {
				return 'ms_MY';
			},
			getDoAsUserIdEncoded: function() {
				return '';
			},
			getLanguageId: function() {
				return 'ms_MY';
			},
			getParentGroupId: function() {
				return '158023';
			},
			getPathContext: function() {
				return '/portal';
			},
			getPathImage: function() {
				return '/portal/image';
			},
			getPathJavaScript: function() {
				return '/portal/o/frontend-js-web';
			},
			getPathMain: function() {
				return '/portal/c';
			},
			getPathThemeImages: function() {
				return 'https://ptg.perak.gov.my/portal/o/etanah-perak-theme/images';
			},
			getPathThemeRoot: function() {
				return '/portal/o/etanah-perak-theme';
			},
			getPlid: function() {
				return '1267';
			},
			getPortalURL: function() {
				return 'https://ptg.perak.gov.my';
			},
			getScopeGroupId: function() {
				return '158023';
			},
			getScopeGroupIdOrLiveGroupId: function() {
				return '158023';
			},
			getSessionId: function() {
				return '';
			},
			getSiteAdminURL: function() {
				return 'https://ptg.perak.gov.my/portal/group/taiping/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view';
			},
			getSiteGroupId: function() {
				return '158023';
			},
			getURLControlPanel: function() {
				return '/portal/group/control_panel?refererPlid=1267';
			},
			getURLHome: function() {
				return 'https\x3a\x2f\x2fptg\x2eperak\x2egov\x2emy\x2fportal\x2fweb\x2fguest';
			},
			getUserEmailAddress: function() {
				return '';
			},
			getUserId: function() {
				return '20105';
			},
			getUserName: function() {
				return '';
			},
			isAddSessionIdToURL: function() {
				return false;
			},
			isImpersonated: function() {
				return false;
			},
			isSignedIn: function() {
				return false;
			},
			isStateExclusive: function() {
				return false;
			},
			isStateMaximized: function() {
				return false;
			},
			isStatePopUp: function() {
				return false;
			}
		};

		var themeDisplay = Liferay.ThemeDisplay;

		Liferay.AUI = {

			

			getAvailableLangPath: function() {
				return 'available_languages.jsp?browserId=other&themeId=etanahperaktheme_WAR_etanahperaktheme&colorSchemeId=01&minifierType=js&languageId=ms_MY&b=7210&t=1617864247389';
			},
			getCombine: function() {
				return true;
			},
			getComboPath: function() {
				return '/portal/combo/?browserId=other&minifierType=&languageId=ms_MY&b=7210&t=1559338698034&';
			},
			getDateFormat: function() {
				return '%d/%m/%Y';
			},
			getEditorCKEditorPath: function() {
				return '/portal/o/frontend-editor-ckeditor-web';
			},
			getFilter: function() {
				var filter = 'raw';

				
					
						filter = 'min';
					
					

				return filter;
			},
			getFilterConfig: function() {
				var instance = this;

				var filterConfig = null;

				if (!instance.getCombine()) {
					filterConfig = {
						replaceStr: '.js' + instance.getStaticResourceURLParams(),
						searchExp: '\\.js$'
					};
				}

				return filterConfig;
			},
			getJavaScriptRootPath: function() {
				return '/portal/o/frontend-js-web';
			},
			getLangPath: function() {
				return 'aui_lang.jsp?browserId=other&themeId=etanahperaktheme_WAR_etanahperaktheme&colorSchemeId=01&minifierType=js&languageId=ms_MY&b=7210&t=1559338698034';
			},
			getPortletRootPath: function() {
				return '/portal/html/portlet';
			},
			getStaticResourceURLParams: function() {
				return '?browserId=other&minifierType=&languageId=ms_MY&b=7210&t=1559338698034';
			}
		};

		Liferay.authToken = '4xeoJvqA';

		

		Liferay.currentURL = '\x2fportal\x2fweb\x2ftaiping';
		Liferay.currentURLEncoded = '\x252Fportal\x252Fweb\x252Ftaiping';
	// ]]>
</script>

<script src="/portal/o/js_loader_config?t=1617864266738" type="text/javascript"></script>
<script data-senna-track="permanent" src="https://ptg.perak.gov.my/portal/combo?browserId=other&minifierType=js&languageId=ms_MY&b=7210&t=1559338698034&/portal/o/frontend-js-web/clay/popper.js&/portal/o/frontend-js-web/clay/bootstrap.js&/portal/o/frontend-js-web/loader/config.js&/portal/o/frontend-js-web/loader/loader.js&/portal/o/frontend-js-web/aui/aui/aui.js&/portal/o/frontend-js-web/aui/aui-base-html5-shiv/aui-base-html5-shiv.js&/portal/o/frontend-js-web/liferay/browser_selectors.js&/portal/o/frontend-js-web/liferay/modules.js&/portal/o/frontend-js-web/liferay/aui_sandbox.js&/portal/o/frontend-js-web/clay/collapsible-search.js&/portal/o/frontend-js-web/clay/side-navigation.js&/portal/o/frontend-js-web/misc/svg4everybody.js&/portal/o/frontend-js-web/aui/arraylist-add/arraylist-add.js&/portal/o/frontend-js-web/aui/arraylist-filter/arraylist-filter.js&/portal/o/frontend-js-web/aui/arraylist/arraylist.js&/portal/o/frontend-js-web/aui/array-extras/array-extras.js&/portal/o/frontend-js-web/aui/array-invoke/array-invoke.js&/portal/o/frontend-js-web/aui/attribute-base/attribute-base.js&/portal/o/frontend-js-web/aui/attribute-complex/attribute-complex.js&/portal/o/frontend-js-web/aui/attribute-core/attribute-core.js&/portal/o/frontend-js-web/aui/attribute-observable/attribute-observable.js&/portal/o/frontend-js-web/aui/attribute-extras/attribute-extras.js&/portal/o/frontend-js-web/aui/base-base/base-base.js&/portal/o/frontend-js-web/aui/base-pluginhost/base-pluginhost.js&/portal/o/frontend-js-web/aui/classnamemanager/classnamemanager.js&/portal/o/frontend-js-web/aui/datatype-xml-format/datatype-xml-format.js&/portal/o/frontend-js-web/aui/datatype-xml-parse/datatype-xml-parse.js&/portal/o/frontend-js-web/aui/dom-base/dom-base.js&/portal/o/frontend-js-web/aui/dom-core/dom-core.js&/portal/o/frontend-js-web/aui/dom-screen/dom-screen.js&/portal/o/frontend-js-web/aui/dom-style/dom-style.js&/portal/o/frontend-js-web/aui/event-base/event-base.js&/portal/o/frontend-js-web/aui/event-custom-base/event-custom-base.js&/portal/o/frontend-js-web/aui/event-custom-complex/event-custom-complex.js" type = "text/javascript"></script>
<script data-senna-track="permanent" src="https://ptg.perak.gov.my/portal/combo?browserId=other&minifierType=js&languageId=ms_MY&b=7210&t=1559338698034&/portal/o/frontend-js-web/aui/event-delegate/event-delegate.js&/portal/o/frontend-js-web/aui/event-focus/event-focus.js&/portal/o/frontend-js-web/aui/event-hover/event-hover.js&/portal/o/frontend-js-web/aui/event-key/event-key.js&/portal/o/frontend-js-web/aui/event-mouseenter/event-mouseenter.js&/portal/o/frontend-js-web/aui/event-mousewheel/event-mousewheel.js&/portal/o/frontend-js-web/aui/event-outside/event-outside.js&/portal/o/frontend-js-web/aui/event-resize/event-resize.js&/portal/o/frontend-js-web/aui/event-simulate/event-simulate.js&/portal/o/frontend-js-web/aui/event-synthetic/event-synthetic.js&/portal/o/frontend-js-web/aui/intl/intl.js&/portal/o/frontend-js-web/aui/io-base/io-base.js&/portal/o/frontend-js-web/aui/io-form/io-form.js&/portal/o/frontend-js-web/aui/io-queue/io-queue.js&/portal/o/frontend-js-web/aui/io-upload-iframe/io-upload-iframe.js&/portal/o/frontend-js-web/aui/io-xdr/io-xdr.js&/portal/o/frontend-js-web/aui/json-parse/json-parse.js&/portal/o/frontend-js-web/aui/json-stringify/json-stringify.js&/portal/o/frontend-js-web/aui/node-base/node-base.js&/portal/o/frontend-js-web/aui/node-core/node-core.js&/portal/o/frontend-js-web/aui/node-event-delegate/node-event-delegate.js&/portal/o/frontend-js-web/aui/node-event-simulate/node-event-simulate.js&/portal/o/frontend-js-web/aui/node-focusmanager/node-focusmanager.js&/portal/o/frontend-js-web/aui/node-pluginhost/node-pluginhost.js&/portal/o/frontend-js-web/aui/node-screen/node-screen.js&/portal/o/frontend-js-web/aui/node-style/node-style.js&/portal/o/frontend-js-web/aui/oop/oop.js&/portal/o/frontend-js-web/aui/plugin/plugin.js&/portal/o/frontend-js-web/aui/pluginhost-base/pluginhost-base.js&/portal/o/frontend-js-web/aui/pluginhost-config/pluginhost-config.js&/portal/o/frontend-js-web/aui/querystring-stringify-simple/querystring-stringify-simple.js&/portal/o/frontend-js-web/aui/queue-promote/queue-promote.js" type = "text/javascript"></script>
<script data-senna-track="permanent" src="https://ptg.perak.gov.my/portal/combo?browserId=other&minifierType=js&languageId=ms_MY&b=7210&t=1559338698034&/portal/o/frontend-js-web/aui/selector-css2/selector-css2.js&/portal/o/frontend-js-web/aui/selector-css3/selector-css3.js&/portal/o/frontend-js-web/aui/selector-native/selector-native.js&/portal/o/frontend-js-web/aui/selector/selector.js&/portal/o/frontend-js-web/aui/widget-base/widget-base.js&/portal/o/frontend-js-web/aui/widget-htmlparser/widget-htmlparser.js&/portal/o/frontend-js-web/aui/widget-skin/widget-skin.js&/portal/o/frontend-js-web/aui/widget-uievents/widget-uievents.js&/portal/o/frontend-js-web/aui/yui-throttle/yui-throttle.js&/portal/o/frontend-js-web/aui/aui-base-core/aui-base-core.js&/portal/o/frontend-js-web/aui/aui-base-lang/aui-base-lang.js&/portal/o/frontend-js-web/aui/aui-classnamemanager/aui-classnamemanager.js&/portal/o/frontend-js-web/aui/aui-component/aui-component.js&/portal/o/frontend-js-web/aui/aui-debounce/aui-debounce.js&/portal/o/frontend-js-web/aui/aui-delayed-task-deprecated/aui-delayed-task-deprecated.js&/portal/o/frontend-js-web/aui/aui-event-base/aui-event-base.js&/portal/o/frontend-js-web/aui/aui-event-input/aui-event-input.js&/portal/o/frontend-js-web/aui/aui-form-validator/aui-form-validator.js&/portal/o/frontend-js-web/aui/aui-node-base/aui-node-base.js&/portal/o/frontend-js-web/aui/aui-node-html5/aui-node-html5.js&/portal/o/frontend-js-web/aui/aui-selector/aui-selector.js&/portal/o/frontend-js-web/aui/aui-timer/aui-timer.js&/portal/o/frontend-js-web/liferay/dependency.js&/portal/o/frontend-js-web/liferay/dom_task_runner.js&/portal/o/frontend-js-web/liferay/events.js&/portal/o/frontend-js-web/liferay/language.js&/portal/o/frontend-js-web/liferay/lazy_load.js&/portal/o/frontend-js-web/liferay/liferay.js&/portal/o/frontend-js-web/liferay/util.js&/portal/o/frontend-js-web/liferay/global.bundle.js&/portal/o/frontend-js-web/liferay/portal.js&/portal/o/frontend-js-web/liferay/portlet.js&/portal/o/frontend-js-web/liferay/workflow.js" type = "text/javascript"></script>
<script data-senna-track="permanent" src="https://ptg.perak.gov.my/portal/combo?browserId=other&minifierType=js&languageId=ms_MY&b=7210&t=1559338698034&/portal/o/frontend-js-web/liferay/form.js&/portal/o/frontend-js-web/liferay/form_placeholders.js&/portal/o/frontend-js-web/liferay/icon.js&/portal/o/frontend-js-web/liferay/menu.js&/portal/o/frontend-js-web/liferay/notice.js&/portal/o/frontend-js-web/liferay/poller.js&/portal/o/frontend-js-web/aui/async-queue/async-queue.js&/portal/o/frontend-js-web/aui/base-build/base-build.js&/portal/o/frontend-js-web/aui/cookie/cookie.js&/portal/o/frontend-js-web/aui/event-touch/event-touch.js&/portal/o/frontend-js-web/aui/overlay/overlay.js&/portal/o/frontend-js-web/aui/querystring-stringify/querystring-stringify.js&/portal/o/frontend-js-web/aui/widget-child/widget-child.js&/portal/o/frontend-js-web/aui/widget-position-align/widget-position-align.js&/portal/o/frontend-js-web/aui/widget-position-constrain/widget-position-constrain.js&/portal/o/frontend-js-web/aui/widget-position/widget-position.js&/portal/o/frontend-js-web/aui/widget-stack/widget-stack.js&/portal/o/frontend-js-web/aui/widget-stdmod/widget-stdmod.js&/portal/o/frontend-js-web/aui/aui-aria/aui-aria.js&/portal/o/frontend-js-web/aui/aui-io-plugin-deprecated/aui-io-plugin-deprecated.js&/portal/o/frontend-js-web/aui/aui-io-request/aui-io-request.js&/portal/o/frontend-js-web/aui/aui-loading-mask-deprecated/aui-loading-mask-deprecated.js&/portal/o/frontend-js-web/aui/aui-overlay-base-deprecated/aui-overlay-base-deprecated.js&/portal/o/frontend-js-web/aui/aui-overlay-context-deprecated/aui-overlay-context-deprecated.js&/portal/o/frontend-js-web/aui/aui-overlay-manager-deprecated/aui-overlay-manager-deprecated.js&/portal/o/frontend-js-web/aui/aui-overlay-mask-deprecated/aui-overlay-mask-deprecated.js&/portal/o/frontend-js-web/aui/aui-parse-content/aui-parse-content.js&/portal/o/frontend-js-web/liferay/layout_exporter.js&/portal/o/frontend-js-web/liferay/session.js&/portal/o/frontend-js-web/liferay/deprecated.js" type = "text/javascript"></script>




	

	<script data-senna-track="temporary" src="/portal/o/js_bundle_config?t=1617864287918" type="text/javascript"></script>


<script data-senna-track="temporary" type="text/javascript">
	// <![CDATA[
		
			
				
		

		

		
	// ]]>
</script>









	
		

			

			
		
		



	
		

			

			
		
	












	

	





	



	















<link class="lfr-css-file" data-senna-track="temporary" href="https://ptg.perak.gov.my/portal/o/etanah-perak-theme/css/main.css?browserId=other&amp;themeId=etanahperaktheme_WAR_etanahperaktheme&amp;minifierType=css&amp;languageId=ms_MY&amp;b=7210&amp;t=1617864287918" id="liferayThemeCSS" rel="stylesheet" type="text/css" />








	<style data-senna-track="temporary" type="text/css">

		

			

		

			

		

			

		

			

		

			

				

					

#p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_yjksnVYzwaCx_ .portlet-content {
margin-top: 3%
}




				

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

			

		

	</style>


<script type="text/javascript">
// <![CDATA[
Liferay.Loader.require('frontend-js-spa-web@3.0.9/liferay/init.es', function(frontendJsSpaWeb309LiferayInitEs) {
(function(){
var frontendJsSpaWebLiferayInitEs = frontendJsSpaWeb309LiferayInitEs;
(function() {var $ = AUI.$;var _ = AUI._;

Liferay.SPA = Liferay.SPA || {};
Liferay.SPA.cacheExpirationTime = -1;
Liferay.SPA.clearScreensCache = false;
Liferay.SPA.debugEnabled = false;
Liferay.SPA.excludedPaths = ["/portal/documents","/portal/image"];
Liferay.SPA.loginRedirect = '';
Liferay.SPA.navigationExceptionSelectors = ':not([target="_blank"]):not([data-senna-off]):not([data-resource-href]):not([data-cke-saved-href]):not([data-cke-saved-href])';
Liferay.SPA.requestTimeout = 0;
Liferay.SPA.userNotification = {
	message: 'It looks like this is taking longer than expected.',
	timeout: 30000,
	title: 'Oops'
};

frontendJsSpaWebLiferayInitEs.default.init(
	function(app) {
		app.setPortletsBlacklist({"com_liferay_lcs_client_web_internal_portlet_LCSClientPortlet":true,"com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet":true,"com_liferay_site_navigation_directory_web_portlet_SitesDirectoryPortlet":true,"com_liferay_login_web_portlet_LoginPortlet":true,"com_liferay_login_web_portlet_FastLoginPortlet":true});
		app.setValidStatusCodes([221,490,494,499,491,492,493,495,220]);
	}
);})();})();
});
// ]]>
</script><link data-senna-track="permanent" href="https://ptg.perak.gov.my/portal/combo?browserId=other&minifierType=css&languageId=ms_MY&b=7210&t=1559338699965&/portal/o/change-tracking-change-lists-indicator-theme-contributor/change_tracking_change_lists_indicator.css" rel="stylesheet" type = "text/css" />














<script data-senna-track="temporary" type="text/javascript">
	if (window.Analytics) {
		window._com_liferay_document_library_analytics_isViewFileEntry = false;
	}
</script>













<script type="text/javascript">
// <![CDATA[
Liferay.on(
	'ddmFieldBlur', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'fieldBlurred',
				'Form',
				{
					fieldName: event.fieldName,
					focusDuration: event.focusDuration,
					formId: event.formId,
					page: event.page - 1
				}
			);
		}
	}
);

Liferay.on(
	'ddmFieldFocus', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'fieldFocused',
				'Form',
				{
					fieldName: event.fieldName,
					formId: event.formId,
					page: event.page - 1
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormPageShow', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'pageViewed',
				'Form',
				{
					formId: event.formId,
					page: event.page,
					title: event.title
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormSubmit', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'formSubmitted',
				'Form',
				{
					formId: event.formId
				}
			);
		}
	}
);

Liferay.on(
	'ddmFormView', function(event) {
		if (window.Analytics) {
			Analytics.send(
				'formViewed',
				'Form',
				{
					formId: event.formId,
					title: event.title
				}
			);
		}
	}
);
// ]]>
</script>







</head>

<body class=" controls-visible  yui3-skin-sam signed-out public-page site">
















































	<nav class="quick-access-nav" id="pznu_quickAccessNav">
		<h1 class="hide-accessible">Navigation</h1>

		<ul>
			
				<li><a href="#main-content">Skip to Content</a></li>
			

			

		</ul>
	</nav>



















































































<div class="container-fluid" id="wrapper">
	<header id="banner" role="banner">
		<div id="heading">
			<h1 class="site-title">
				<a class="logo custom-logo" href="https://ptg.perak.gov.my/portal/web/taiping" title="Go to PDT Taiping">
					<img alt="" height="250" src="/portal/image/company_logo?img_id=79777&amp;t=1627064593397" width="239" />
				</a>

					<span class="site-name" title="Go to PDT Taiping">
						PDT Taiping
					</span>
			</h1>
		</div>

			<a data-redirect="false" href="https://ptg.perak.gov.my/portal/c/portal/login?p_l_id=1267" id="sign-in" rel="nofollow">Sign In</a>

<nav class="sort-pages modify-pages" id="navigation" role="navigation">
	<h1 class="hide-accessible">Navigation</h1>

	<ul aria-label="Site Pages" role="menubar">


			<li class="selected" id="layout_1" role="presentation">
				<a aria-labelledby="layout_1" aria-haspopup='true' href="https://ptg.perak.gov.my/portal/web/taiping/utama"  role="menuitem"><span> Utama</span></a>

					<ul class="child-menu" role="menu">


							<li class="selected" id="layout_22" role="presentation">
								<a aria-labelledby="layout_22" href="https://ptg.perak.gov.my/portal/web/taiping/carian-rasmi"  role="menuitem">Carian</a>
							</li>


							<li class="selected" id="layout_23" role="presentation">
								<a aria-labelledby="layout_23" href="https://ptg.perak.gov.my/portal/web/taiping/soalan-lazim"  role="menuitem">Soalan Lazim</a>
							</li>


							<li class="selected" id="layout_24" role="presentation">
								<a aria-labelledby="layout_24" href="https://ptg.perak.gov.my/portal/web/taiping/hubungi-kami"  role="menuitem">Hubungi Kami</a>
							</li>


							<li class="selected" id="layout_25" role="presentation">
								<a aria-labelledby="layout_25" href="https://ptg.perak.gov.my/portal/web/taiping/maklum-balas"  role="menuitem">Maklum Balas</a>
							</li>


							<li class="selected" id="layout_6" role="presentation">
								<a aria-labelledby="layout_6" href="https://ptg.perak.gov.my/portal/web/taiping/peta-laman"  role="menuitem">Peta Laman</a>
							</li>


							<li class="selected" id="layout_2" role="presentation">
								<a aria-labelledby="layout_2" href="https://ptg.perak.gov.my/portal/web/taiping/profil-organisasi"  role="menuitem">Profil Organisasi</a>
							</li>


							<li class="selected" id="layout_171" role="presentation">
								<a aria-labelledby="layout_171" href="https://ptg.perak.gov.my/portal/web/taiping/warga-jabatan"  role="menuitem">Warga Jabatan</a>
							</li>


							<li class="selected" id="layout_43" role="presentation">
								<a aria-labelledby="layout_43" href="https://ptg.perak.gov.my/portal/web/taiping/warga-awam"  role="menuitem">Warga Awam</a>
							</li>


							<li class="selected" id="layout_33" role="presentation">
								<a aria-labelledby="layout_33" href="https://ptg.perak.gov.my/portal/web/taiping/hubungi-kami1"  role="menuitem">Hubungi Kami</a>
							</li>


							<li class="selected" id="layout_64" role="presentation">
								<a aria-labelledby="layout_64" href="https://ptg.perak.gov.my/portal/web/taiping/informasi-pejabat-tanah"  role="menuitem">Informasi Pejabat Daerah Dan Tanah</a>
							</li>


							<li class="selected" id="layout_4" role="presentation">
								<a aria-labelledby="layout_4" href="https://ptg.perak.gov.my/portal/web/taiping/dasar-privasi"  role="menuitem">Dasar Privasi</a>
							</li>


							<li class="selected" id="layout_5" role="presentation">
								<a aria-labelledby="layout_5" href="https://ptg.perak.gov.my/portal/web/taiping/dasar-keselamatan"  role="menuitem">Dasar Keselamatan</a>
							</li>


							<li class="selected" id="layout_169" role="presentation">
								<a aria-labelledby="layout_169" href="https://ptg.perak.gov.my/portal/web/taiping/hebahan"  role="menuitem">Hebahan</a>
							</li>


							<li class="selected" id="layout_168" role="presentation">
								<a aria-labelledby="layout_168" href="https://ptg.perak.gov.my/portal/web/taiping/pautan-pantas"  role="menuitem">Pautan Pantas</a>
							</li>


							<li class="selected" id="layout_186" role="presentation">
								<a aria-labelledby="layout_186" href="https://ptg.perak.gov.my/portal/web/taiping/tukaran-bahasa-ketiga"  role="menuitem">Tukaran Bahasa Ketiga</a>
							</li>


							<li class="selected" id="layout_187" role="presentation">
								<a aria-labelledby="layout_187" href="https://ptg.perak.gov.my/portal/web/taiping/semakan-permohonan-atas-talian"  role="menuitem">Semakan permohonan atas talian</a>
							</li>


							<li class="selected" id="layout_191" role="presentation">
								<a aria-labelledby="layout_191" href="https://ptg.perak.gov.my/portal/web/taiping/muat-turun-borang"  role="menuitem">Muat turun borang</a>
							</li>
					</ul>
			</li>
	</ul>
</nav>	</header>

	<section id="content">
		<h1 class="hide-accessible">Laman Web Rasmi Pejabat Daerah Dan Tanah Larut Matang Dan Selama - PDT Taiping</h1>





































<div class="columns-1" id="main-content" role="main">
	<div class="portlet-layout row">
		<div class="col-md-12 portlet-column portlet-column-only" id="column-1">
			<div class="portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_column-1">







































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_veib4f9hEVMO_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_veib4f9hEVMO"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_veib4f9hEVMO">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">Utama Taiping Header ms</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="433112" data-analytics-asset-title="Utama Taiping Header ms" data-analytics-asset-type="web-content">
	

	<link src="/portal2/o/etanah-perak-theme/css/_custom.scss"></link>

<link rel="stylesheet" href="/portal/documents/20123/0/scrollBar.css/300a3655-4e82-8342-ea38-776e2290183c?t=1585191553008">

<script src="/portal/documents/20123/0/scrollBar.js/d8d4a7cf-b01f-230c-90c8-ed85ade703dd?t=1585126232250"></script>

<link
  rel="stylesheet"
  href="/portal/documents/20123/0/simpleBar.css/de86f78a-7fe0-6fbc-770a-895f6c12fa53?t=1585197322138"
/>
<script src="/portal/documents/20123/0/simpleBar.js/9b6ddd8a-b93f-91a4-1b35-dc0d7fa96df4?t=1585197340100"></script>

<style>

h2, .h2 {
  font-size: 24px;
  }
h3, .h3 {
  font-size: 16px;
  }
h4, .h4 {
  font-size: 14px;
  }
h5, .h5 {
  font-size: 12px;
  }
h6, .h6 {
  font-size: 10px;
  }
  
/*div#senna_surface1-default h6 {
    font-size:10px;
}*/

    div#wrapper {
    padding: 0! important;
}

    .portlet-layout.row {
        margin: 0 auto !important;
    }
    .portlet-layout .portlet-header {
        margin-bottom: 0 !important;
    }
    .portlet-content {
        padding: 0 !important;
        border: none !important;
        
    }
    #hrefFm {
        padding: 0 !important;
    }
    section.portlet {
        margin-bottom: 0 !important;
    }
    #column-1 {
        padding: 0 !important;
    }
    
    /* END */
   
    .outer-container {
        background-image: url(/portal/documents/158023/174349/Plain+Header+PDT.png/67c120f6-5bf8-6fa6-249b-a8c180683826?t=1574991877426);
        background-repeat: no-repeat;
        /*background-size: 100% 160px;
        height: 160px;*/
        background-size: 100% 160px;
        height: 160px;
        display: block;
    }
    
    .icon-small{
        width:52px
    }
    
    #second-inner-child img {
        width: 32px;
        height: 21px;
    }
    
    #second-inner-child {
        width: 75%;
        color: white;
    }
    
    #second-inner-child td{
        cursor: pointer;
    }
    
    .square {
        background: #f2c50c;
        width: 22px;
        display: inline-block;
        height: 20px;
        font-size: 12px !important;
        text-align: center;
        font-weight: bold;
    }
    
    .square.bgBlack {
        background: black;
        color: yellow;
    }
    
    .square.bgGrey {
        background: #cbce97;
        color: #0e0294;
    }
    
    .square.bgBlue {
        background: #66ccfc;
        color: #0e0294;
    }
    
    .square.bgWhite {
        background: white;
        color: #0e0294;
    }
    
    #second-inner-child table {
        padding: 16px 0 0 0;
        margin-left: 39%;
    }
    
    .dot:before{content: ' \25CF'; font-size: 42px; line-height: 24px;}
    .dot.white { color: white;}
    .dot.red{ color:red;}
    .dot.yellow{ color:yellow;}
    .dot.blue{ color:blue;}
    
    div#third-inner-child {  
    }
    div#third-inner-child div {
        display: inline-block;
        width: 18.2%;
        text-align: center;
        vertical-align: text-top;
    }
    div#tic-inner {
        float: right;
        /*margin: -66px 116px 0px 0px;*/
        margin: -64px 110px 0px 0px;
    }
    #fourth-inner-child { 
        font-size: 10px;
        margin: 4% 9% 0 0;
        /*position: relative;
        bottom: 24px;
        left: 78px;*/
    }
    #fourth-inner-child table { 
        margin-right: -75px;
        float: right;
        white-space: nowrap; /*Adding for the text not go to next line*/
        width: 40%;
    } 
    div#fourth-inner-child .td-img {
        width: 8%;
    } 
    
    #homepage-link {
         width: 60%;
        height: 67px;
        display: block;
        float: left;
        position: absolute;
        top: 95px;  
        opacity:0;
    
    }
    p#font-top {
    	/*font-family: "Arial", sans-serif;*/
        font-size: 10px;
        margin: 2px 0px 0px 0px;
        color: black;
    }
    
    #tic-inner img{
        width: 60%;
        padding-top: 8px;
    }
    
    #tic-tinner p:hover{
        color: black;
        text-decoration: underline; 
    }
    
    table#second-inner-child-sub {
        float: right;
        margin: -35px 463px;
        color: white;
    }
    div#portal-name h1{
    line-height: 1.5;
        font-size: 1.4em;
        padding-left: 50px;
        position: relative;
        top: -2px;
        
    }
    div#portal-name h2{
        font-size: 1.4em;
        margin-bottom: 0px;
        line-height: 0.5;
        padding-left: 50px;
        position: relative;
        top: 1px;
    }
    
    #senna_surface1{
    overflow-x:hidden !important;
    }

    #bahasa{
    display: none;
    }
    
     #table-add{
    width: 500px;
    }
 
    #hubungi{ /*refer dkt footer template utk control padding-16/12/19*/
    padding-left:60px;
    }
    
    @media only screen and (min-width: 1750px){ 
        #fourth-inner-child table{ 
        margin-right: -75px;
        float: right;
        width: 40%;
        position: relative;
        top: -16px;
        left: 16px;
        
        }
        .outer-container {
            /*background-size: 100% 186px!important;
            height: 186px!important;*/
            background-size: 100% 235px!important;/*for internet explorer*/
            height: 235px!important;
       }
         div#portal-name h1{
    line-height: 1.5;
        font-size: 1.6em;
        padding-left: 50px;
        position: relative;
        top: 30px;
        
    }
    div#portal-name h2{
        font-size: 1.4em;
        margin-bottom: 0px;
        line-height: 0.5;
        padding-left: 50px;
        position: relative;
        top: 31px;
    }
        
    }
    
    @media only screen and (min-width: 1600px){ 
        #second-inner-child-sub {
            position:relative;
            right: 100px;
       }
       
       div#third-inner-child div {
       position: relative;
        /*right: 15px;*/
        right: 20px;
        }
        
        /*for 5 link (icon) pautan*/
        #fourth-inner-child table{ 
        margin-right: -75px;
        float: right;
        width: 40%;
        position: relative;
        top: -20px;
        
        }
        
        
    }
    
    @media only screen and (min-width: 1348px){ 
        .outer-container {
        background-size: 100% 165px;
        height: 165px;
        }
    }
    
    @media only screen and (max-width: 1348px){ 
        #second-inner-child-sub {
            position: relative;
            
            top: 40px;
            color:black;
       }
       
       #tic-inner img {
            width: 80%;
        }
        
        p#font-top {
    	/*font-family: "Arial", sans-serif;*/
        font-size: 10px;
        margin: 2px 0px 0px 0px;
        color: black;
        white-space:nowrap;
        }
        
        /*--start ignore v1--
        
        div#third-inner-child div {
        display: inline-block;
        width: 17%;
        }
        
        --stop ignore v1--*/
        
        div#third-inner-child div {
        display: inline-block;
        position:relative;
        left: 26px;
        /*width: 17%;*/
        }
        
        div#portal-name h1 { /*ctrl "PEJABAT TANAH.." size & position*/
        font-size: 1.35em;
        position: relative;
        top: 19px;
        }
    
        div#portal-name h2 { /*ctrl "PORTAL RASMI" size & position*/
        font-size: 1.95em;
        padding-bottom: 3px;
        position: relative;
        top: 16px;
        }
        
        .outer-container {
        background-size: 100% 175px;
        height: 175px;
        }
        
        .icon-5{
        width: 26px !important;
        }
        
        #tic-inner {
        width: 265px !important;
        }
    }
    
    @media only screen and (max-width: 1120px){
        #second-inner-child table {
        margin-left: 30%;
        }
        
        /*--start ignore v1--
        
        div#third-inner-child div {
        display:inline-block;
        position:relative;
        left:11px;
        }
        
        --stop ignore v1--*/
        
        div#third-inner-child div {
        display:inline-block;
        position:relative;
        left: 36px;
        width: 15.2%;
        }
        
        div#portal-name h1 { /*ctrl "PEJABAT TANAH.." size & position*/
        font-size: 1.20em;
        position: relative;
        top: 33px;
        }
    
        div#portal-name h2 { /*ctrl "PORTAL RASMI" size & position*/
        font-size: 1.65em;
        padding-bottom: 3px;
        top: 32px;
        position: relative;
        }
        
        .outer-container {
        background-size: 100% 185px;
        height: 185px;
        }
        
        .icon-5{
        width: 26px !important;
        }
        
        #tic-inner {
        width: 253px !important;
        }
    }
    
    @media only screen and (max-width: 1000px){ 
        .outer-container {
            background-image: url("/portal/documents/85815/95051/mobile+header+PDT.png/b954b931-80c5-1718-e6d6-cc6289272f23?t=1577071428220");
            background-size: 100% 68px!important;
            height: 68px!important;
       }
       
       table#second-inner-child-sub {
            float: left;
            margin: -2px 0 0 71px;
            color: white;
            font-size: 11px;
            position: relative;
            top: 0px;
        }
        
        table#second-inner-child-sub img {
            width: 21px !important;
            height: 17px !important;
        }

        #second-inner-child, p#font-top, #fourth-inner-child table {
            display : none !important;
        }
        
        div#third-inner-child div {
            display: inline-block;
            width: 36%;
            margin: -9px 0px 0px -27px;
        }
        
        #tic-inner img {
            width: 43%;
        }
        
        #fourth-inner-child {
            margin:auto;
        }
       
        tr.perkhidmatan-imej-row img {
            height: auto;
        }
        
        table#content-position, #accordions { 
            width: 100%;
        }
        
        table#content-position, table#content-position td,.slideshow-container {
            width: 100% !important;
            display: inline-block !important;
        }
        
        .perkhidmatan-container iframe {
            display: none;
        }
        
        button.tab-bar-item.tablink {
            padding: 0px!important;
            float: left;
            font-size: 8px;
        }
        
        #homepage-link {
        width: 60%;
        height: 67px;
        display: block;
        float: left;
        position: absolute;
        top: 95px;  
        opacity:0;
    
        }
        
        #penafian{
        width: 90vw;
        text-align: justify;
        }
    
        #table-add table{
        width: 90vw !important;
        }
        
        div#portal-name h1 { /*ctrl "PEJABAT TANAH.." size & position*/
        font-size: 1.5em;
        padding-left: 0px;
        position: absolute;
        top: 17vw;
        left: 34.5vw;
        width: 99vw;
    
        }
    
        div#portal-name h2 { /*ctrl "PORTAL RASMI" size & position*/
        font-size: 2.05em;
        margin-bottom: 0px;
        line-height: 0.5;
        padding-left: 85px;
        position: absolute;
        top: 14.2vw;
        left: 40.5vw;
        width: 400px !important;
        }
    
        #portal-name{
        width: 96vw;
        position: relative;
        top: 7.5vw;
        left: -26vw;
        /*background: green;*/
        }
    
        div#tic-inner {
        width: 80vw !important;
        margin: -9px 0px 0px -38px !important;
        vertical-align: bottom;
        left: 31px;
        top: 33px;
        /*background: gray;*/
        }
    
        .text-align{
        width: 14vw !important;
        /*display: none !important;*/
        display: inline-block !important;
        margin: 21px -70px 0px 0px !important;
        vertical-align: bottom;
        top: 1vw !important;
        vertical-align: bottom;
        left: 12vw !important;
        }
    
        #font-top h6{
        font-size: 9px;
        }
    
    
    
        .outer-container {
        background-size: 100% 34vw !important;
        height: 362px !important;
        }
    
        #bahasa{
        display: block;
        position: relative;
        top: 2vw;
        left: 70vw;
        }
    
        .bendera{

        width: 45px;
        height: 27px;
        }
    
        #kata{
        font-size: 0.65em;
        color:black;
        position: absolute;
        top: 8px;
        }
    
        .icon-5{
        width: 26px !important;
        }
        
         #container-middle {
        width: 100vw !important;
        left: 0vw !important;
        top: 12px !important;
        }
    }
    
    
    /*edited on 4/12/19 for responsive below 768px*/  
    @media only screen and (max-width: 768px) {

  
  #senna_surface1-default, senna_surface1-screen_3{
    width: 100vw;
    /*background: olive;  */
    }
    
        #penafian{
    width: 90vw;
    text-align: justify;
    }
    
    #table-add table{
    width: 90vw !important;
    }
    
    div#portal-name h1 {
    font-size: 1.3em;
    padding-left: 0px;
    position: relative;
    top: 11vw;
    left: 27vw;
    width: 99vw;
    
    }
    
    div#portal-name h2 {

    font-size: 1.85em;
    margin-bottom: 0px;
    line-height: 0.5;
    padding-left: 85px;
    position: relative;
    top: 10vw;
    left: 14vw;
    }
    
    div#tic-inner {
    width: 80vw !important;
    margin: -9px 0px 0px -38px !important;
    vertical-align: bottom;
    left: 31px !important;
    top: 3px;
    }
    
    .text-align{
    
    width: 14vw !important;
    display: inline-block !important;
    margin: -7px 0px 0px -47px !important;
    vertical-align: bottom;
    top: 3px;
    vertical-align: bottom;
    left: 157px !important;
    top: -25px !important;
    }
    
    #tic-inner img{
    width: 7vw;
    }
    
    div#third-inner-child {

    width: 91vw;
    position: relative;
    top: 8vw;
    height: 13vw;

    }
    

    
    #portal-name{
    width: 71vw;
    position: relative;
    top: -3.5vw;
    left: -24vw;
    }

    
    .perkhidmatan-container {
    padding: 7vw 0 0 0 !important;
    height: 25vw;
    }
    
    #carian{
    position: relative;
    top: -4vw !important;
    }
    
    #container-middle {
    width: 100vw !important;
    left: 0vw !important;
    top: 12px !important;
    }
    
    .outer-container {
    background-size: 100% 33vw !important;
    height: 253px !important;
    }
    
    div#col-2 {
    
    }
    
    #bahasa{
    display: block;
    position: relative;
    top: 1.2vw;
    left: 61vw;
    }
    
    .bendera{

    width: 46px;
    height: 29px;
    margin-right: 5px;
    }
    
    #kata{
    font-size: 1em;
    color:black;
    position: relative;
    top: 5px;
    }
    
    .icon-5{
        width: 26px !important;
        }
}


/*edited on 4/12/19 for responsive below 560px*/  
    @media only screen and (max-width: 560px) {

  
  #senna_surface1-default, senna_surface1-screen_3{
    width: 100vw;
     /*  background: cyan; */
    }
    
    #penafian{
    width: 90vw;
    text-align: justify;
    }
    
    #table-add table{
    width: 90vw !important;
    }
    
    div#portal-name h1 {
    font-size: 0.75em;
    padding-left: 0px;
    position: relative;
    top: 8vw;
    left: 25.5vw;
    width: 98vw;
}
    
   div#portal-name h2 {
    font-size: 0.95em;
    margin-bottom: 0px;
    line-height: 0.5;
    padding-left: 85px;
    position: relative;
    top: 7.5vw;
    left: 5vw;
}
    
    div#tic-inner {
    width: 80vw !important;
    margin: -9px 0px 0px -38px !important;
    vertical-align: bottom;
    left: 31px !important;
    top: 3px;
    }
    
    .text-align{
    
    width: 12vw !important;
    display: inline-block !important;
    margin: -7px 0px 0px -4px !important;
    vertical-align: bottom;
    top: 3px;
    vertical-align: bottom;
    left: 47px !important;
    top: -25px !important;
    }
    
    #tic-inner img{
    width: 7vw;
    }
    
    div#third-inner-child {

    width: 91vw;
    position: relative;
    top: 8vw;
    height: 13vw;

    }
    

    
    #portal-name{
    width: 71vw;
    position: relative;
    top: -4.5vw;
    left: -24vw;
    }

    
    .perkhidmatan-container {
    padding: 7vw 0 0 0 !important;
    height: 25vw;
    }
    
    /* guna text-align class shj
    #carian{
    position: relative;
    top: -4vw !important;
    }
    */
    
    #container-middle {
    width: 100vw !important;
    left: 0vw !important;
    top: 12px !important;
    }
    
    .outer-container {
    background-size: 100% 34vw !important;
    height: 141px !important;
    }
    
    #bahasa{
    display: block;
    position: relative;
    top: 0.2vw;
    left: 0vw;
    }
    
    .bendera{

    width: 31px;
    height: 20px;
    margin-right: 2px;
    }
    
    #kata{
    font-size: 0.65em;
    color:white;
    position: relative;
    top: 5px;
    left: 5px;
    }
    
    #hubungi{ /*utk control left position div#hubungi dkt footer template */
    position: relative;
    left: 80px !important;
    }
    
    #col-2 {
    margin-left: -160px !important;
    }
    
    .icon-5{
        width: 22px !important;
    }
}

/*edited on 4/12/19 for responsive below 411px*/  
    @media only screen and (max-width: 411px) {

  
  #senna_surface1-default, senna_surface1-screen_3{
    width: 100vw;
  /*  background: red; */
    }
    
    
    #penafian{
    width: 90vw;
    text-align: justify;
    }
    
    #table-add table{
    width: 90vw !important;
    }
    
    div#portal-name h1 {
    font-size: 0.8em;
    padding-left: 0px;
    position: relative;
    top: 11vw;
    left: 26vw;
    width: 99vw;
    
    }
    
    div#portal-name h2 {
    font-size: 1.05em;
    margin-bottom: 0px;
    line-height: 0.5;
    padding-left: 85px;
    position: relative;
    top: 10vw;
    left: 5vw;

    }
    
    div#tic-inner {
    width: 80vw !important;
    margin: -9px 0px 0px -38px !important;
    vertical-align: bottom;
    left: 31px !important;
    top: 3px;
    }
    
    .text-align{
    width: 14vw !important;
    display: inline-block !important;
    margin: -9px 0px 0px -13px !important;
    vertical-align: bottom;
    top: 3px;
    vertical-align: bottom;
    left: 58px !important;
    top: -25px !important;
    }
    
    #tic-inner img{
    width: 7vw;
    }
    
    div#third-inner-child {

    width: 91vw;
    position: relative;
    top: 8vw;
    height: 13vw;

    }
    

    
    #portal-name{
    width: 71vw;
    position: relative;
    top: -5.5vw;
    left: -24vw;
    }

    
    .perkhidmatan-container {
    padding: 7vw 0 0 0 !important;
    height: 25vw;
    }
    
    #carian{
    position: relative;
    top: -6vw !important;
    }
    
    #container-middle {
    width: 100vw !important;
    left: 0vw !important;
    top: 12px !important;
    }
    
    .outer-container {
    background-size: 100% 34vw !important;
    height: 141px !important;
    }
    
    #bahasa{
    display: block;
    position: relative;
    top: 0.2vw;
    left: 61vw;
    }
    
    .bendera{

    width: 31px;
    height: 20px;
    margin-right: 2px;
    }
    
    #kata{
    font-size: 0.65em;
    color:black;
    position: relative;
    top: 5px;
    }
    
    #hubungi{ /*utk control left position div#hubungi dkt footer template */
    position: relative;
    left: 70px !important;
    }
    
    #col-2 {
    margin-left: -122px !important;
    }
    
    .icon-5{
        width: 6vw !important;
        }
}


/*edited on 4/12/19 for responsive below 375px*/  
    @media only screen and (max-width: 375px) {

  
  #senna_surface1-default, senna_surface1-screen_3{
    width: 100vw;
 /*   background: purple;  */
    }
    
    
    #penafian{
    width: 90vw;
    text-align: justify;
    }
    
    #table-add table{
    width: 90vw !important;
    }
    
    div#portal-name h1 {
    font-size: 0.8em;
    padding-left: 0px;
    position: relative;
    top: 9vw;
    left: 25.5vw;
    width: 99vw;
    
    }
    
    div#portal-name h2 {
    font-size: 1.05em;
    margin-bottom: 0px;
    line-height: 0.5;
    padding-left: 85px;
    position: relative;
    top: 9vw;
    left: 3vw;

    }
    
    div#tic-inner {
    width: 80vw !important;
    margin: -9px 0px 0px -38px !important;
    vertical-align: bottom;
    left: 31px !important;
    top: 3px;
    }
    
    .text-align{
    width: 14vw !important;
    display: inline-block !important;
    margin: -9px 4px 0px -13px !important;
    vertical-align: bottom;
    vertical-align: bottom;
    left: 46px !important;
    top: -23px !important;
    }
    
    #tic-inner img{
    width: 7vw;
    }
    
    div#third-inner-child {

    width: 91vw;
    position: relative;
    top: 8vw;
    height: 13vw;

    }
    

    
    #portal-name{
    width: 71vw;
    position: relative;
    top: -5.5vw;
    left: -24vw;
    }

    
    .perkhidmatan-container {
    padding: 7vw 0 0 0 !important;
    height: 25vw;
    }
    
    #carian{
    position: relative;
    top: -6vw !important;
    }
    
    #container-middle {
    width: 100vw !important;
    left: 0vw !important;
    top: 12px !important;
    }
    
    .outer-container {
    background-size: 100% 34vw !important;
    height: 129px !important;
    }
    
    #bahasa{
    display: block;
    position: relative;
    top: -1vw;
    left: 59vw;
    }
    
    .bendera{

    width: 31px;
    height: 20px;
    margin-right: 2px;
    }
    
    #kata{
    font-size: 0.65em;
    color:black;
    position: relative;
    top: 5px;
    }
    
    #hubungi{ /*utk control left position div#hubungi dkt footer template */
    position: relative;
    left: 100px !important;
    }
    
    #col-2 {
    margin-left: -145px !important;
    }
    
    .icon-5{
        width: 6vw !important;
        }
    
}


/*edited on 4/12/19 for responsive below 360px*/  
    @media only screen and (max-width: 360px) {

  
  #senna_surface1-default, senna_surface1-screen_3{
    width: 100vw;
/*    background: blue; */
    }
    
    #penafian{
    width: 90vw;
    text-align: justify;
    }
    
    #table-add table{
    width: 90vw !important;
    }
    
    div#portal-name h1 {
    font-size: 0.7em;
    padding-left: 0px;
    position: relative;
    top: 11.5vw;
    left: 26.5vw;
    width: 99vw;
    
    }
    
    div#portal-name h2 {
    font-size: 0.95em;
    margin-bottom: 0px;
    line-height: 0.5;
    padding-left: 85px;
    position: relative;
    top: 12vw;
    left: 3vw;

    }
    
    div#tic-inner {
    width: 80vw !important;
    margin: -9px 0px 0px -38px !important;
    vertical-align: bottom;
    left: 31px;
    top: 3px;
    }
    
    .text-align{
    width: 14vw !important;
    display: inline-block !important;
    margin: -7px 5px 0px -13px !important;
    vertical-align: bottom;
    top: -7vw !important;
    vertical-align: bottom;
    left: 9vw !important;
    }
    
    #tic-inner img{
    width: 7vw;
    }
    
    div#third-inner-child {

    width: 91vw;
    position: relative;
    top: 8vw;
    height: 13vw;

    }
    

    
    #portal-name{
    width: 71vw;
    position: relative;
    top: -8vw;
    left: -26vw;
    }

    
    .perkhidmatan-container {
    padding: 7vw 0 0 0 !important;
    height: 25vw;
    }
    
    #carian{
    position: relative;
    top: -7vw !important;
    }
    
    #container-middle {
    width: 100vw !important;
    left: 0vw !important;
    top: 12px !important;
    }
    
    #bahasa{
    display: block;
    position: relative;
    top: -1vw;
    left: 57vw;
    }
    
    .bendera{

    width: 31px;
    height: 20px;
    margin-right: 2px;
    }
    
    #kata{
    font-size: 0.65em;
    color:black;
    position: relative;
    top: 5px;
    }
    
    .outer-container {
    background-size: 100% 35vw !important;
    height: 129px !important;
    }
    
    #hubungi{ /*utk control left position div#hubungi dkt footer template */
    position: relative;
    left: 100px !important;
    }
    
    #col-2 {
    margin-left: -156px !important;
    }
    
    .icon-5{
        width: 6vw !important;
        }
    

}
    
    
    
    /*edited on 20/12/19 for responsive below 320px*/  
    @media only screen and (max-width: 320px) {

  
  #senna_surface1-default, senna_surface1-screen_3{
    width: 100vw;
  /*  background: green;  */
    }
    
    
        #penafian{
    width: 90vw;
    text-align: justify;
    }
    
    #table-add table{
    width: 90vw !important;
    }
    
    div#portal-name h1 {
    font-size: 0.7em;
    padding-left: 0px;
    position: relative;
    top: 5.5vw;
    left: 27vw;
    width: 99vw;
    
    }
    
    div#portal-name h2 {
    font-size: 0.85em;
    margin-bottom: 0px;
    line-height: 0.5;
    padding-left: 85px;
    position: relative;
    top: 6.0vw;
    left: 0vw;

    }
    
    div#tic-inner {
    width: 80vw !important;
    margin: -9px 0px 0px -38px !important;
    vertical-align: bottom;
    left: 31px;
    top: 3px;
    }
    
    .text-align{
    width: 14vw !important;
    display: inline-block !important;
    margin: -9px 7px 0px -13px !important;
    vertical-align: bottom;
    top: -7vw !important;
    vertical-align: bottom;
    left: 9vw !important;
    }
    
    #tic-inner img{
    width: 6vw;
    }
    
    div#third-inner-child {

    width: 91vw;
    position: relative;
    top: 8vw;
    height: 13vw;

    }
    

    
    #portal-name{
    width: 71vw;
    position: relative;
    top: -6.5vw;
    left: -26vw;
    }

    
    .perkhidmatan-container {
    padding: 7vw 0 0 0 !important;
    height: 25vw;
    }
    

    
    #container-middle {
    width: 100vw !important;
    left: 0vw !important;
    top: 12px !important;
    }
    
    #bahasa{
    display: block;
    position: relative;
    top: -2vw;
    left: 53vw;
    }
    
    .bendera{

    width: 10vw;
    height: 6vw;
    }
    
    #kata{
    font-size: 0.65em;
    color:black;
    }
    
    .outer-container {
    background-size: 100% 34vw !important;
    height: 110px !important;
    }
    
    #col-2 {
    margin-left: -173px !important;
    }
    
    #hubungi{ /*utk control left position div#hubungi dkt footer template */
    position: relative;
    left: 100px !important;
    }
    
    .icon-5{
        width: 6vw !important;
    }
    

}

    
    
    .alert.alert-dismissible.alert-info{
    display: none;
}
</style>

<script>
 /**
All js functions that related to W3C
**/
function changeBg(color) {
	$('html').css('background-color', color);
	$('body').css('background-color', color);
	$('.portlet-content').css('background-color', color); 
	
	sessionStorage.setItem('backgroundColor', color);
}

function changeBgAndFontColor(bgColor, fColor) {
	$('p').css('color', fColor); 
	$('a').css('color', fColor); 
	$('div').css('color', fColor);
	$('label').css('color', fColor);
	$('html').css('background-color', bgColor);
	$('body').css('background-color', bgColor);
	$('.portlet-content').css('background-color', bgColor);
	
	$('iframe').css('color', fColor);
	
	var targetedIframes = $('iframe');
	$(targetedIframes).each(function() {
		var iframe = $(this);
		$(iframe).contents().find("#container").css("color", fColor);
		$(iframe).contents().find("#container a").css("color", fColor + " !important");
		$(iframe).contents().find(".ui-widget-content").css("color", fColor);
	});
	
	sessionStorage.setItem('bgColor', bgColor);
	sessionStorage.setItem('fontColor', fColor);
}

function changePageWidth(type) {
	if (type == 'small') {
		$('.etanah_homepage_layout .row-fluid').css('width', '70%');
	} else if (type == 'medium') {
		$('.etanah_homepage_layout .row-fluid').css('width', '80%');
	} else if (type == 'big') {
		$('.etanah_homepage_layout .row-fluid').css('width', '100%');
	}
	$('.etanah_homepage_layout .row-fluid').css('margin', '0 auto');
	
	sessionStorage.setItem('pageWidth', type);
}

function changeContentBackgroundColor(color) {
	if (color != 'null') {
		$('.row-fluid').css('background-color', color);
		sessionStorage.setItem('contentBackgroundColor', color);
	} else if (color == 'null') {
		$('.row-fluid').css('background-color','white');
	}
}

function changeFontSize(size) {

	var p = document.getElementsByTagName('p');
	var span = document.getElementsByTagName('span');
	
	var h2 = document.getElementsByTagName('h2');
	var h3 = document.getElementsByTagName('h3');
	var h4 = document.getElementsByTagName('h4');
	var h5 = document.getElementsByTagName('h5');
	var h6 = document.getElementsByTagName('h6');
	var a = document.getElementsByTagName('a');
	var lbl = document.getElementsByTagName('label');
	
	
	
	var ifm = document.getElementsByTagName("iframe");

	var max = 30;
	var min = 10;

	if (size == 'smaller') {
		for (i = 0; i < p.length; i++) {
			p[i].style.fontSize = "10px";
		}
		for (i = 0; i < span.length; i++) {
			span[i].style.fontSize = "10px";
		}
		for (i = 0; i < h2.length; i++) {
			h2[i].style.fontSize = "22px";
		}
		for (i = 0; i < h3.length; i++) {
			h3[i].style.fontSize = "14px";
		}
		for (i = 0; i < h4.length; i++) {
			h4[i].style.fontSize = "12px";
		}
		for (i = 0; i < h5.length; i++) {
			h5[i].style.fontSize = "10px";
		}
		for (i = 0; i < h6.length; i++) {
			h6[i].style.fontSize = "8px";
		}
		for (i = 0; i < a.length; i++) {
			a[i].style.fontSize = "10px";
		}
		for (i = 0; i < lbl.length; i++) {
			lbl[i].style.fontSize = "10px";
		}
		
		for (i = 0; i < ifm.length; i++) {
			var container = ifm[i].getElementById("container");
			container.style.fontSize = "10px";
		}

		sessionStorage.setItem('fontSize', size);
	}

	else if (size == 'bigger') {
		for (i = 0; i < p.length; i++) {
			p[i].style.fontSize = "13px";
		}
		for (i = 0; i < span.length; i++) {
			span[i].style.fontSize = "13px";
		}
		for (i = 0; i < h2.length; i++) {
			h2[i].style.fontSize = "22px";
		}
		for (i = 0; i < h3.length; i++) {
			h3[i].style.fontSize = "18px";
		}
		for (i = 0; i < h4.length; i++) {
			h4[i].style.fontSize = "16px";
		}
		for (i = 0; i < h5.length; i++) {
			h5[i].style.fontSize = "14px";
		}
		for (i = 0; i < h6.length; i++) {
			h6[i].style.fontSize = "12px";
		}
		for (i = 0; i < a.length; i++) {
			a[i].style.fontSize = "20px";
		}
		for (i = 0; i < lbl.length; i++) {
			lbl[i].style.fontSize = "13px";
		}
		$(targetedIframes).each(function() {
			var iframe = $(this);
			$(iframe).contents().find("#container").css("fontSize", "13px");
			$(iframe).contents().find(".ui-widget-content").css("fontSize", "13px");
		});
		
		sessionStorage.setItem('fontSize', size);
	} else if (size == null) {
		sessionStorage.removeItem('fontSize');
		location.reload();
	}
}

function onResetSession(){
    sessionStorage.clear();
    location.reload();
}

/**
1) Initialization for all function that related to W3C 
**/
$(function() {
    if(sessionStorage.getItem('backgroundColor')!=null){
    changeBg(sessionStorage.getItem('backgroundColor'));
    }
    if(sessionStorage.getItem('fontColor')!=null && sessionStorage.getItem('bgColor')){
    changeBgAndFontColor(sessionStorage.getItem('bgColor'),sessionStorage.getItem('fontColor'));
    } 
    if(sessionStorage.getItem('pageWidth')!=null){
    changePageWidth(sessionStorage.getItem('pageWidth'));
    }
    if(sessionStorage.getItem('contentBackgroundColor')!=null){
    changeContentBackgroundColor(sessionStorage.getItem('contentBackgroundColor'));
    }
    if(sessionStorage.getItem('fontSize')!=null){
    changeFontSize(sessionStorage.getItem('fontSize'));
    }
});

function myMs() {
var url = window.location.href;
var last = url.substring(url.lastIndexOf('/') + 1);
//document.getElementById("demo").innerHTML = last;
var new_url = "/portal/ms/web/taiping/"+last;
//document.getElementById("demo").innerHTML =  new_url;
location.replace(new_url);
}
function myEn() {
var url = window.location.href;
var last = url.substring(url.lastIndexOf('/') + 1);
//document.getElementById("demo").innerHTML = last;
var new_url = "/portal/en/web/taiping/"+last;
//document.getElementById("demo").innerHTML =  new_url;
location.replace(new_url);
}

/*-----READ THIS
to change fontsize onclick event, use fontBig(),fontNormal() and fontSmall(). Apply these function in the div.font-size and change the onclick event to the correspondent's function on the <span> inside div.font-size. Refer  <div class="font-size" splwpk-w3c="splwpk-w3c"==$0> for example

edited on 23/01/20
------*/

function fontBig()
{
    //set up variable for each element
    var a = document.getElementsByTagName('a');
    var p = document.getElementsByTagName('p');
    var h2 = document.getElementsByTagName('h2');
    var h3 = document.getElementsByTagName('h3');
	var h4 = document.getElementsByTagName('h4');
	var h5 = document.getElementsByTagName('h5');
	var h6 = document.getElementsByTagName('h6');
	var lbl = document.getElementsByTagName('label');
	var ifm = document.getElementsByTagName("iframe");
	var s = document.getElementsByTagName('span'); //2
    
    //to change the font size of the correspondent element
    for(i=0; i<a.length; i++)
    {
        a[i].style.fontSize = 20+"px";
    }
    
    for(i=0; i<p.length; i++)
    {
        p[i].style.fontSize = "16px";
    }
    
    for(i=0; i<h2.length; i++)
    {
        h2[i].style.fontSize = "26px";
    }
    
    for(i=0; i<h3.length; i++)
    {
        h3[i].style.fontSize = "18px";
    }
    
    for(i=0; i<h4.length; i++)
    {
        h4[i].style.fontSize = "16px";
    }
    
    for(i=0; i<h5.length; i++)
    {
        h5[i].style.fontSize = "14px";
    }
    
    for(i=0; i<h6.length; i++)
    {
        h6[i].style.fontSize = "12px";
    }
    
    for(i=0; i<lbl.length; i++)
    {
        lbl[i].style.fontSize = "14px";
    }
    
    for(i=0; i<ifm.length; i++)
    {
        ifm[i].style.fontSize = "14px";
    }
    for(i=0; i<s.length; i++)  //3
    {
        s[i].style.fontSize = "20px";
    }
    
    //to set the fontsize in the sessionStorage for ecah element. These variables will be called later when the page get loaded
    
    sessionStorage.setItem('a_fontSize', 20);
    sessionStorage.setItem('p_fontSize', 16);
    sessionStorage.setItem('h2_fontSize', 26);
    sessionStorage.setItem('h3_fontSize', 18);
    sessionStorage.setItem('h4_fontSize', 16);
    sessionStorage.setItem('h5_fontSize', 14);
    sessionStorage.setItem('h6_fontSize', 12);
    sessionStorage.setItem('lbl_fontSize', 14);
    sessionStorage.setItem('ifm_fontSize', 14);
    sessionStorage.setItem('s_fontSize', 20); 

    //console.log("style done");
    //console.log(sessionStorage.getItem('ifm_fontSize'));
    
    //var a_fontLoad = sessionStorage.getItem('a_fontSize');

}

function fontNormal()
{
    var a = document.getElementsByTagName('a');
    var p = document.getElementsByTagName('p');
    var h2 = document.getElementsByTagName('h2');
    var h3 = document.getElementsByTagName('h3');
	var h4 = document.getElementsByTagName('h4');
	var h5 = document.getElementsByTagName('h5');
	var h6 = document.getElementsByTagName('h6');
	var lbl = document.getElementsByTagName('label');
	var ifm = document.getElementsByTagName("iframe");
	var s = document.getElementsByTagName('span');  //5
    
    for(i=0; i<a.length; i++)
    {
        a[i].style.fontSize = 16+"px";
    }
    
    for(i=0; i<p.length; i++)
    {
        p[i].style.fontSize = "14px";
    }
    
    for(i=0; i<h2.length; i++)
    {
        h2[i].style.fontSize = "24px";
    }
    
    for(i=0; i<h3.length; i++)
    {
        h3[i].style.fontSize = "16px";
    }
    
    for(i=0; i<h4.length; i++)
    {
        h4[i].style.fontSize = "14px";
    }
    
    for(i=0; i<h5.length; i++)
    {
        h5[i].style.fontSize = "12px";
    }
    
    for(i=0; i<h6.length; i++)
    {
        h6[i].style.fontSize = "10px";
    }
    
    for(i=0; i<lbl.length; i++)
    {
        lbl[i].style.fontSize = "12px";
    }
    
    for(i=0; i<ifm.length; i++)
    {
        ifm[i].style.fontSize = "12px";
    }
    
    for(i=0; i<s.length; i++)    //6
    {
        s[i].style.fontSize = "16px";
    }
    
    sessionStorage.setItem('a_fontSize', 16);
    sessionStorage.setItem('p_fontSize', 14);
    sessionStorage.setItem('h2_fontSize', 24);
    sessionStorage.setItem('h3_fontSize', 16);
    sessionStorage.setItem('h4_fontSize', 14);
    sessionStorage.setItem('h5_fontSize', 12);
    sessionStorage.setItem('h6_fontSize', 10);
    sessionStorage.setItem('lbl_fontSize', 12);
    sessionStorage.setItem('ifm_fontSize', 12);
    sessionStorage.setItem('s_fontSize', 16);

    //console.log("style done");
    //console.log(sessionStorage.getItem('ifm_fontSize'));
    
    //var a_fontLoad = sessionStorage.getItem('a_fontSize');

}

function fontSmall()
{
    var a = document.getElementsByTagName('a');
    var p = document.getElementsByTagName('p');
    var h2 = document.getElementsByTagName('h2');
    var h3 = document.getElementsByTagName('h3');
	var h4 = document.getElementsByTagName('h4');
	var h5 = document.getElementsByTagName('h5');
	var h6 = document.getElementsByTagName('h6');
	var lbl = document.getElementsByTagName('label');
	var ifm = document.getElementsByTagName("iframe");
	var s = document.getElementsByTagName('span');   //8
    
    for(i=0; i<a.length; i++)
    {
        a[i].style.fontSize = 14+"px";
    }
    
    for(i=0; i<p.length; i++)
    {
        p[i].style.fontSize = "12px";
    }
    
    for(i=0; i<h2.length; i++)
    {
        h2[i].style.fontSize = "22px";
    }
    
    for(i=0; i<h3.length; i++)
    {
        h3[i].style.fontSize = "14px";
    }
    
    for(i=0; i<h4.length; i++)
    {
        h4[i].style.fontSize = "12px";
    }
    
    for(i=0; i<h5.length; i++)
    {
        h5[i].style.fontSize = "10px";
    }
    
    for(i=0; i<h6.length; i++)
    {
        h6[i].style.fontSize = "8px";
    }
    
    for(i=0; i<lbl.length; i++)
    {
        lbl[i].style.fontSize = "10px";
    }
    
    for(i=0; i<ifm.length; i++)
    {
        ifm[i].style.fontSize = "10px";
    }
    
    for(i=0; i<s.length; i++)    //9
    {
        s[i].style.fontSize = "14px";
    }
    
    sessionStorage.setItem('a_fontSize', 14);
    sessionStorage.setItem('p_fontSize', 12);
    sessionStorage.setItem('h2_fontSize', 22);
    sessionStorage.setItem('h3_fontSize', 14);
    sessionStorage.setItem('h4_fontSize', 12);
    sessionStorage.setItem('h5_fontSize', 10);
    sessionStorage.setItem('h6_fontSize', 8);
    sessionStorage.setItem('lbl_fontSize', 10);
    sessionStorage.setItem('ifm_fontSize', 10);
    sessionStorage.setItem('s_fontSize', 16);   //10

    //console.log("style done");
    //console.log(sessionStorage.getItem('ifm_fontSize'));
    
    //var a_fontLoad = sessionStorage.getItem('a_fontSize');

}

/*------READ THIS
below function "window.onload" is used to get the fontsize that we set during the sessionStrorage previously. it will call the value and maintain the fontsize when user change to a new page

edited on 23/01/20
--------*/

window.onload = function exampleFunction() {
		
		
		var a = document.getElementsByTagName('a');
		var p = document.getElementsByTagName('p');
        var h2 = document.getElementsByTagName('h2');
        var h3 = document.getElementsByTagName('h3');
	    var h4 = document.getElementsByTagName('h4');
	    var h5 = document.getElementsByTagName('h5');
	    var h6 = document.getElementsByTagName('h6');
	    var lbl = document.getElementsByTagName('label');
	    var ifm = document.getElementsByTagName("iframe");
	    var s = document.getElementsByTagName('span');   //11
		
		var a_fontLoad = sessionStorage.getItem('a_fontSize');
		var p_fontLoad = sessionStorage.getItem('p_fontSize');
		var h2_fontLoad = sessionStorage.getItem('h2_fontSize');
		var h3_fontLoad = sessionStorage.getItem('h3_fontSize');
		var h4_fontLoad = sessionStorage.getItem('h4_fontSize');
		var h5_fontLoad = sessionStorage.getItem('h5_fontSize');
		var h6_fontLoad = sessionStorage.getItem('h6_fontSize');
		var lbl_fontLoad = sessionStorage.getItem('lbl_fontSize');
		var ifm_fontLoad = sessionStorage.getItem('ifm_fontSize');
		var s_fontLoad = sessionStorage.getItem('s_fontSize');   //12
		
        for(i=0; i < a.length; i++)
		{
				a[i].style.fontSize = a_fontLoad + "px";
		}
		
		for(i=0; i < p.length; i++)
		{
				p[i].style.fontSize = p_fontLoad + "px";
		}
		
		for(i=0; i < h2.length; i++)
		{
				h2[i].style.fontSize = h2_fontLoad + "px";
		}
		
		for(i=0; i < h3.length; i++)
		{
				h3[i].style.fontSize = h3_fontLoad + "px";
		}
		
		for(i=0; i < h4.length; i++)
		{
				h4[i].style.fontSize = h4_fontLoad + "px";
		}
		
		for(i=0; i < h5.length; i++)
		{
				h5[i].style.fontSize = h5_fontLoad + "px";
		}
		
		for(i=0; i < h6.length; i++)
		{
				h6[i].style.fontSize = h6_fontLoad + "px";
		}
		
		for(i=0; i < lbl.length; i++)
		{
				lbl[i].style.fontSize = lbl_fontLoad + "px";
		}
		
		for(i=0; i < lbl.length; i++)
		{
				ifm[i].style.fontSize = ifm_fontLoad + "px";
		}
		
		for(i=0; i < s.length; i++)    //13
		{
				s[i].style.fontSize = s_fontLoad + "px";
		}
		
		//console.log("p_fontLoad is", p_fontLoad);
		//console.log("a_fontLoad is", a_fontLoad);
			
}

$(document).ready(function(){

    //console.log('jquery called');
    
    // Opera 8.0+
var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

// Firefox 1.0+
var isFirefox = typeof InstallTrigger !== 'undefined';

// Safari 3.0+ "[object HTMLElementConstructor]" 
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && safari.pushNotification));

// Internet Explorer 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode;

// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;

// Chrome 1 - 71
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);

// Blink engine detection
var isBlink = (isChrome || isOpera) && !!window.CSS;


var output = 'Detecting browsers by ducktyping:<hr>';
output += 'isFirefox: ' + isFirefox + '<br>';
output += 'isChrome: ' + isChrome + '<br>';
output += 'isSafari: ' + isSafari + '<br>';
output += 'isOpera: ' + isOpera + '<br>';
output += 'isIE: ' + isIE + '<br>';
output += 'isEdge: ' + isEdge + '<br>';
output += 'isBlink: ' + isBlink + '<br>';

//console.log(output);

if(isIE)
{
    $('#icon-twitter').css({
		'position':'relative',
		'top': '-75px',
		'left': '40px'
	});
	
	 $('#icon-fb').css({
		'position':'relative',
		'top': '-35px',
		'left': '1px'
	});
	
	$('#icon-rss').css({
		'position':'relative',
		'top': '-115px',
		'left': '79px'
	});
	
	//("#hebahan").mCustomScrollbar({theme:"dark"});
	
	//$('#hebahan').addClass('light mCustomScrollbar _mCS_2');
	
	new SimpleBar(document.getElementById('hebahan'), { autoHide: true });
	
	new SimpleBar(document.getElementById('berita'), { autoHide: true });
	
	new SimpleBar(document.getElementById('tender'), { autoHide: true });
	
	//$("#tender").mCustomScrollbar({theme:"rounded-dots-dark"});
	
	//$('#tender').addClass('mCustomScrollbar _mCS_22');

	
    //console.log('Hello IE');

}
else if(isSafari)
{
    $('.top-level-menu').css({
		'margin-left':'16%'
	});
	
	$('#nav-top-menu').css({
		'height':'40px'
	});
	
	$('.lg').click(function(){
	    $('.top-level-menu').css({
	        'margin-left':'3%'
	    });
	});
	
	$('.md').click(function(){
	    $('.top-level-menu').css({
	        'margin-left':'14%'
	    });
	});
	
	$('.sm').click(function(){
	    $('.top-level-menu').css({
	        'margin-left':'16%'
	    });
	});
	

	
	
	
	//console.log('Hello Safari');

}




});
</script>


   <div class="outer-container">   
        <div id="first-inner-child" class="title"> </div>
         
        <div id="second-third-container">
            <div id="second-inner-child">
                <table>
                    <tr>
                        <td> 
                            <span class="dot white" onclick="onResetSession();"></span>
                        	<span class="dot red" onclick="changeBg('red')"></span>
                        	<span class="dot yellow" onclick="changeBg('yellow')"></span>
                        	<span class="dot blue" onclick="changeBg('blue')"></span>
                        </td>
                        <td>
                            <span class="square bgBlack" onclick="changeBgAndFontColor('black','yellow')">C</span>
                        	<span class="square bgGrey" onclick="changeBgAndFontColor('#cbce97','#0e0294')">C</span>
                        	<span class="square bgBlue" onclick="changeBgAndFontColor('#66ccfc','#0e0294')">C</span>
                        	<span class="square bgWhite" onclick="changeBgAndFontColor('white','#0e0294')">C</span>
                        </td>
                        <td>
                        <div class="font-size" splwpk-w3c="splwpk-w3c"==$0>
                            <span class="square lg" onclick="fontBig()">A+</span>
                        	<span class="square md" onclick="fontNormal()">A</span>
                        	<span class="square sm" onclick="fontSmall()">A-</span>
                        </div></td>
                        
                        <td></td><td></td><td></td><td></td> <!-- arrangement language -->
                        
                        <td><a href="/portal/ms/web/taiping" > <!-- arrangement language -->
                                	<img alt="MY" src="/portal/documents/158023/0/640px-Flag_of_Malaysia.png/a9f17981-c6ed-a79a-2422-d97f60496483?t=1576197689463"  /> </a>
                        		</td>
                        		
                        <td><a href="/portal/en/web/taiping" > <!-- arrangement language -->
                                <img alt="EN" src="/portal/documents/20123/35581/united-kingdom.png/e3321140-c1cf-9b2b-3572-8befc022bea7?t=1563331432790"  /></a>
                                </td>
                                
                        <td><a href="/portal/web/taiping/tukaran-bahasa-ketiga" style="color:white;"><h3>Bahasa Lain</h3></a></td> <!-- arrangement language -->
                      
                        
                    </tr>
                </table>
                
            </div>
            
            <div id="bahasa">
                <table>
                     <tr>
                        <td><a href="/portal/ms/web/taiping"> <!-- arrangement language -->
                        <img class="bendera" alt="MY" src="/portal/documents/20123/35581/640px-Flag_of_Malaysia.png/04dcf27a-111b-f8e7-dc57-74d7036a9f08?t=1576143537010"> </a>
                    </td>

                        <td><a href="/portal/en/web/taiping"> <!-- arrangement language -->
                        <img class="bendera" alt="EN" src="/portal/documents/20123/35581/united-kingdom.png/e3321140-c1cf-9b2b-3572-8befc022bea7?t=1563331432790"></a>
                    </td>
                    
                        <td><a href="/portal/web/taiping/tukaran-bahasa-ketiga" style="color:white;"><h3 id="kata">Bahasa Lain</h3></a></td>

                </tr>
                </table>
            </div>
            
                <!--<table id="second-inner-child-sub"> arrangement language
                    <tr>
                        <td><a href="/portal/en/web/ipoh" >
                                	<img alt="MY" src="/portal/documents/20123/35581/malaysia.png/7ffd92c2-b500-59a8-3109-1f9d3b75aff8?t=1563331432279" style="height: auto; width: 32px;" /> </a>
                        		</td>
                                <td><a href="/portal/es/web/ipoh" >
                                <img alt="EN" src="/portal/documents/20123/35581/united-kingdom.png/e3321140-c1cf-9b2b-3572-8befc022bea7?t=1563331432790" style="height: auto; width: 32px;" /></a>
                                </td>
                                <td> Bahasa Lain </td>
                    </tr>
                </table>-->
                
            <div id="third-inner-child" class="">
                <div id="tic-inner">
				
					<div class="text-align"><a href="/portal/web/taiping/carian-rasmi" style="color:black;"><img class="icon-5" alt="carian_rasmi" src="/portal/documents/20123/35581/carian+rasmi.png/c3dd29de-2f4f-394a-2285-c2681c3fdc4a?t=1563331431998" style="width:27px;"/>
                    <p id="font-top"><h6>Carian</h6></p></a>
                    </div>
                    
                    <div class="text-align"><a href="/portal/web/taiping/soalan-lazim" style="color:black;"><img class="icon-5" alt="soalan_lazim" src="/portal/documents/20123/35581/soalan+lazim.png/c6b88e3a-03d3-4342-913d-ee7a22a7ede4?t=1563331432655" style="width:27px;"/>
                    <p id="font-top"><h6>Soalan<br/>Lazim</h6></p></a>
                    </div>
                    
                     <div class="text-align"><a href="/portal/web/taiping/hubungi-kami" style="color:black;"><img class="icon-5" alt="hubungi_kami" src="/portal/documents/20123/35581/hubungi+kami.png/e3956d9c-8318-5eee-e00f-c6570dd78963?t=1563331432178" style="width:27px;"/>
                    <p id="font-top"><h6>Hubungi<br/>Kami</h6></p></a>
                    </div>
                    
                    <div class="text-align"><a href="/portal/web/taiping/maklum-balas1" style="color:black;"><img class="icon-5" alt="aduan" src="/portal/documents/20123/35581/aduan+%26+maklum+bals.png/c0979543-964f-8da9-7f85-2a6bba36bce8?t=1563331431915" style="width:29px;"/><p id="font-top"><h6>Maklum<br/>Balas</h6></p></a>
                    </div>
                
                    <div class="text-align"><a href="/portal/web/taiping/peta-laman" style="color:black;"><img class="icon-5" alt="peta_laman" src="/portal/documents/20123/35581/peta+laman.png/72084c5c-d0d5-dd46-e58b-f5ef51480740?t=1563331432400" style="width:29px;"/><p id="font-top"><h6>Peta<br>Laman</h6></p></a></div>
                </div>
            </div>
        </div>
        <div id="fourth-inner-child" class="translate">
             <table>
                <tr>
                    <td class="td-img"><img alt="p" class="icon-small" src="/portal/documents/20123/35581/phone-small.png/4432b8b3-68ca-88c6-b5bb-dcf798de1f88?t=1563331432544"></td>
                    <td><h4>Tel: 05 829 8100 </br>Faks: 05 807 9929</h4> </td>
                    <td class="td-img"><img alt="e" class="icon-small" src="/portal/documents/20123/35581/mail-small.png/f6cfcd9b-6517-4381-6582-098fa022da8a?t=1563331432220"></td>
                    <td style="font-size:13px;" class="email-position"><h4>do_taiping[at]perak.gov.my</h4></td>
                </tr>
            </table> 
        </div>   
        <div id="portal-name"><a id="homepage-link" href="/portal/web/taiping">HOME</a>
        <h2></h2><h1><b>PEJABAT DAERAH DAN TANAH LARUT, MATANG DAN SELAMA</b></h1>
        
        </div>
    </div>


<i splwpk-news="splwpk-news" splwpk-news-timestamp="2021-07-20 10:00:00"></i>
<i splwpk-broadcast="splwpk-broadcast" splwpk-broadcast-timestamp="2021-07-20 10:00:00"></i>
<i splwpk-gov-policies="splwpk-gov-policies" splwpk-gov-policies-timestamp="2021-07-20 10:00:00"></i>
<i splwpk-faq="splwpk-faq" splwpk-faq-timestamp="2021-07-20 10:00:00"></i>
<i splwpk-client-charter="splwpk-client-charter" splwpk-client-charter-timestamp="2021-07-20 10:00:00"></i>
<i splwpk-contact-details="splwpk-contact-details" splwpk-contact-details-timestamp="2021-07-20 10:00:00"></i>
<i splwpk-open-data="splwpk-open-data" dataterbuka="dataterbuka"></i>
<i splwpk-publication="splwpk-publication"></i>
<i splwpk-privacy-policy="splwpk-privacy-policy"></i>
<i splwpk-pdpa="splwpk-pdpa"></i>
<i splwpk-feedback-form="splwpk-feedback-form"></i>
<i splwpk-search-function="splwpk-search-function"></i>
<i splwpk-about-us="splwpk-about-us" splwpk-about-us-timestamp="2021-07-20 10:00:00"></i>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_GKna6QLAnGp9_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_GKna6QLAnGp9"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_GKna6QLAnGp9">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">Menu Taiping 3rd Level Content ms</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="285403" data-analytics-asset-title="Menu Taiping 3rd Level Content ms" data-analytics-asset-type="web-content">
	

	<style>

/*@font-face {
    font-family: 'aileronlight';
    src: url('http://192.168.19.93/portal/documents/20126/70825/Aileron-Light-webfont.woff/dd7e7f3d-e960-b889-44c1-461c8cd530b5?t=1560942507857') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-it';
    src: url('http://192.168.19.93/portal/documents/20126/70825/MyriadPro-It.woff/dd7e7f3d-e960-b889-44c1-461c8cd530b5?t=1560942507857') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
    

.fourth-level-menu
{
    position: absolute;
    top: 30px; /*top: 0;*/
    /*right: -228px;
    width: 230px;*/
    /*right: -258px; adding -30px
    width: 260px; adding 30px*/
    right: -290px;
    width: 290px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    
}

.fourth-level-menu > li
{
    /*height: 30px;*/
    background: #f2c70c;
}
.fourth-level-menu > li:hover { background: #f3da6d; }
    

.third-level-menu
{
    position: absolute;
    top: 0;
    /*right: -228px;
    width: 230px;*/
    /*right: -258px; adding -30px
    width: 260px; adding 30px*/
    right: -355px;
    width: 355px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    
}

.third-level-menu > li
{
    /*height: 30px;*/
    background: #f2c70c;
}
.third-level-menu > li:hover { background: #f3da6d; }

.second-level-menu
{
    position: absolute;
    top: 40px;
    left: 0;
    /*width: 170%;*/
    width: 185%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 1000;
}

.second-level-menu > li{
    position: relative;
    /*height: 30px;*/
    background: #f2c70c;
    min-width: 200px;
}
.second-level-menu > li:hover { background: #f3da6d; }

.top-level-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-level-menu > li
{
    position: relative;
    float: left;
    height: 40px;
    padding: 4px;
    background: #f2c70c;
}
.top-level-menu > li:hover { background: #f3da6d; }

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    /*font: bold 14px 'aileronlight', Arial, Helvetica, sans-serif;*/
    color: black;
    text-decoration: none;
    /*padding: 0px 38px 0 5px;*/
    padding: 0px 25px 0 5px;

    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-menu a:hover { 
    /*color: #fefefe;*/
      text-shadow: -.25px -.25px 0 black, 
                .25px .25px black;
}

#nav-top-menu{
    background: #f2c70c;
    width: 100%;
    display: flex;
    margin: auto;
    /*padding:0px 170px;*/
    padding: 0px 5px; /*Menu in one line*/
    justify-content: center;
    
}

#menu-mobile-btn  {
	display: none;
}

@media screen and (max-width: 1000px) {

	.second-level-menu {
		position: relative !important;
		top: 0;
	}
	
	.third-level-menu {
        position: static;
        padding: 0 0 0 40px;
    }
	
	/*Only appear when hover to its wrapper*/
	#nav-top-menu {
		width: 130px;
		border: none !important;
        background: none !important;
        margin: unset !important;
        justify-content: normal;
        padding: 0px 15px;
    }
	
	#nav-top-menu ul {
		display: none;
	}
	
    #nav-top-menu:hover#nav-top-menu ul {
        display: grid;
		width: 300px;
    }
	
	
	/*top menu that appear only when width < 1000px*/
        #menu-mobile-btn {
		display: block !important;
		background: url("/portal/documents/20123/35581/menu-icon.png") no-repeat;
		background-size: 30px;
		width: 150px;
		height: 35px;
		padding-left: 40px;
	}
	
	#menu-mobile-btn  p{
		line-height: 18px;
        margin: 0;
        font-size: 12px;
	}

	.second-level-menu,.child-nav-li:hover .second-level-menu {
	    visibility: visible !important;
	    opacity: 1 !important;
	    position: relative !important;
	}

}


</style>


<div id="nav-top-menu">
    
<div id="menu-mobile-btn"><p>MENU UTAMA</p> </div>
    
<ul class="top-level-menu"> 
    
            
                    
            <!--1st level -->
                <li id="utama">
                    <a href="/portal/web/taiping/utama?target=utama" target="_self">UTAMA</a>
                </li>
            
                    
            <!--1st level -->
                <li  class="child-nav-li">
                   
                <a href="javascript:void(0)" class="dropbtn" target="_self">PROFIL ORGANISASI</a>
					<ul class="second-level-menu">
							
							 
						
								<!--2nd level -->     
									<li id="perutusanpegawaidaerah">  
										<a href="/portal/web/taiping/perutusan-pegawai-daerah" target="_self">Perutusan Pegawai Daerah</a>
									</li>
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="profilkorporat" href="javascript:void(0)" target="_self">Profil Korporat</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li id="visimisimotto">
                                                                <a href="/portal/web/taiping/visi-misi-dan-objektif-jabatan?target=visimisimotto" target="_self">Visi, Misi dan Objektif Jabatan</a>
                                                            </li>  
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li id="piagampelanggan">
                                                                <a href="/portal/web/taiping/piagam-pelanggan?target=piagampelanggan" target="_self">Piagam Pelanggan</a>
                                                            </li>  
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="organisasi" href="javascript:void(0)" target="_self">Organisasi</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li id="cartaorganisasi">
                                                                <a href="/portal/web/taiping/carta-organisasi?target=cartaorganisasi" target="_self">Carta Organisasi</a>
                                                            </li>  
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self">Info Bahagian</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="bahagiankhidmatpengurusan">
                                                                                <a href="/portal/web/taiping/bahagian-khidmat-pengurusan?target=bahagiankhidmatpengurusan" target="_self">Bahagian Khidmat Pengurusan</a>
                                                                            </li>  
                                                                                
                                                                            
                                                                            <li id="bahagiantanah">
                                                                                <a href="/portal/web/taiping/bahagian-tanah?target=bahagiantanah" target="_self">Bahagian Pentadbiran Tanah</a>
                                                                            </li>  
                                                                                
                                                                            
                                                                            <li id="bahagianpembangunanluarbandar">
                                                                                <a href="/portal/web/taiping/ahagian-pembangunan-luar-bandar?target=bahagianpembangunanluarbandar" target="_self">Bahagian Pembangunan Luar Bandar</a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/ketua-pegawai-maklumat-cio" target="_self">Ketua Pegawai Maklumat (CIO)</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="infodaerah" href="javascript:void(0)" target="_self">Info Daerah</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/profil-daerah" target="_self">Profil Daerah</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/sejarah-daerah" target="_self">Sejarah Daerah</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/kemudahan-awam" target="_self">Kemudahan Awam</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/wakil-rakyat" target="_self">Wakil Rakyat</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/orang-besar-jajahan" target="_self">Orang Besar Jajahan</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="pentadbiranmukim" href="javascript:void(0)" target="_self">Senarai Mukim</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/mukim-matang" target="_self">Mukim Matang</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/mukim-sungai-tinggi" target="_self">Mukim Sungai Tinggi</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/mukim-bukit-gantang" target="_self">Mukim Bukit Gantang</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/mukim-batu-kurau" target="_self">Mukim Batu Kurau</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/mukim-trong" target="_self">Mukim Trong</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/mukim-taiping" target="_self">Mukim Taiping</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
					 </ul>
                </li>
            
                    
            <!--1st level -->
                <li  class="child-nav-li">
                   
                <a href="javascript:void(0)" class="dropbtn" target="_self">WARGA JABATAN</a>
					<ul class="second-level-menu">
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="borangpentadbiran" href="/portal/web/taiping/borang-pentadbiran" target="_self">Borang pentadbiran</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="pautansistemdalaman" href="/portal/web/taiping/pautan-sistem-dalaman" target="_self">Pautan sistem dalaman</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="http://appspk.perak.gov.my/" target="_blank">e-Tanah Apps</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="https://webmel.perak.gov.my/" target="_blank">Webmel Perak</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="https://hrmis2.eghrmis.gov.my/HRMISNET/common/main/login.aspx" target="_blank">HRMIS</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="https://p.1speks.perak.gov.my/eispeks/main" target="_blank">Portal 1SPEKS</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="http://www.lawnet.com.my//" target="_blank">Portal Lawnet</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="http://10.40.10.12" target="_blank">Pengurusan ICT PDTLMS</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="http://10.40.10.12/edoketv2i/login.php" target="_blank">e-Doket V2</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="http://202.188.163.185:8105/" target="_blank">e-Hadir</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self">e-Latihan</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="pelandandasar" href="/portal/web/taiping/dkict-pdtlms" target="_self">Pelan Dan Dasar</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/documents/158023/0/DASAR+KESELAMATAN+ICT+PDTLMS+2.pdf/b11478cc-4065-8a50-dc3b-a67e58f721f7?t=1570094316839" target="_blank">DKICT PDTLMS</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
					 </ul>
                </li>
            
                    
            <!--1st level -->
                <li  class="child-nav-li">
                   
                <a href="javascript:void(0)" class="dropbtn" target="_self">WARGA AWAM</a>
					<ul class="second-level-menu">
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="panduanperkhidmatan" href="javascript:void(0)" target="_self">Panduan Perkhidmatan</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/panduan-permohonan-urusan-tanah" target="_self">Panduan Permohonan Urusan Tanah</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="aduanawam" href="https://perak.spab.gov.my/eApps/system/index.do" target="_blank">Aduan Awam</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="muatturunborang" href="/portal/web/taiping/borang-urusan-tanah" target="_self">Borang Urusan Tanah</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="muat-turun-dokumen" href="/portal/web/taiping/muat-turun-dokumen" target="_self">Muat Turun Dokumen</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="portalawametanah" href="/etanah-awam/AwamLoginForm.xhtml" target="_blank">Portal Awam e-Tanah</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="perkhidmatanatastalian" href="javascript:void(0)" target="_self">Perkhidmatan Atas Talian</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="http://192.168.18.64/etanah-awam/EBayaranSemakBayarCukaiTanahForm.xhtml?target=bayarancukai" target="_blank">Bayaran Cukai</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="http://192.168.18.64/etanah-awam/ESemakanForm.xhtml?target=semakanpermohonan?target=semakanpermohonan" target="_blank">Semakan Permohonan</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/meja-bantuan-e-tanah" target="_self">Meja Bantuan e-Tanah</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="waktuoperasi" href="/portal/web/taiping/waktu-operasi" target="_self">Waktu Operasi</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="kalkulator" href="/portal/web/taiping/kalkulator" target="_self">Kalkulator</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="undangundangdanaktatanah" href="javascript:void(0)" target="_self">Undang-undang dan Akta Tanah</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/documents/116128/0/Kanun+Tanah+Negara.pdf/789d31ea-02c8-6458-83a8-b491b64b176a?t=1566983920909" target="_blank">Kanun Tanah  Negara  (KTN) 1965</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/documents/140444/0/Enakmen+Rizab+Melayu.pdf/68af39f8-c0b3-b279-ad5d-60b5db04a291?t=1567064504037" target="_blank">Enakmen Rizab Melayu</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/documents/140444/0/perkara+83.pdf/bc46f411-f43f-6c52-a067-9696ea984ac1?t=1567064504323" target="_blank">Perkara 83 dan 85 Perlembagaan Persekutuan</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/documents/116139/0/Akta+Pelantar+Benua+1966.pdf/11c19845-fb01-4fb3-8adc-d9fe82366139?t=1566878846952" target="_blank">Akta Pelantar Benua 1966</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/documents/158023/0/Akta+Pusaka+Kecil+1955.pdf/1181ce5d-1012-95d2-4259-1a1c81be8e4e?t=1567672086849" target="_blank">Akta Pusaka Kecil 1955</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/documents/158023/0/Akta+Pemuliharaan+Tanah.pdf/7e7b6fbe-f32d-b1b9-ed86-11f7a4d297d6?t=1567672222830" target="_blank">Akta Pemuliharaan Tanah</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
					 </ul>
                </li>
            
                    
            <!--1st level -->
                <li  class="child-nav-li">
                   
                <a href="javascript:void(0)" class="dropbtn" target="_self">HUBUNGI KAMI</a>
					<ul class="second-level-menu">
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="alamatdanlokasi" href="/portal/web/taiping/alamat-dan-lokasi" target="_self">Alamat dan Lokasi</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="direktoripegawai" href="/portal/web/taiping/direktori-pegawai" target="_self">Direktori pegawai</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="maklumbalas" href="/portal/web/taiping/maklum-balas1" target="_self">Maklum Balas</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="undian" href="/portal/web/taiping/undian" target="_self">Undian</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="epenyertaan" href="javascript:void(0)" target="_self">e-penyertaan</a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="/portal/web/taiping/polisi-e-penyertaan" target="_self">Polisi e-Penyertaan</a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
					 </ul>
                </li>
            
                    
            <!--1st level -->
                <li  class="child-nav-li">
                   
                <a href="/portal/web/taiping/informasi-pejabat-tanah" class="dropbtn" target="_self">INFORMASI PEJABAT DAERAH DAN TANAH</a>
					<ul class="second-level-menu">
							
							 
						
								<!--2nd level -->     
									<li> 
										<a id="" href="javascript:void(0)" target="_self"></a>
										
										<!--third ul should be here ..... --> 
											<ul class="third-level-menu">
													
                                                         
                                                            
                                                            
                                                        <!--3rd level -->    
                                                            <li>
                                                                <a href="javascript:void(0)" target="_self"></a>
                                                        
                                                                    <ul class="fourth-level-menu"> <!-- class -->
                                                                                
                                                                            
                                                                            <li id="">
                                                                                <a href="javascript:void(0)?target=" target="_self"></a>
                                                                            </li>  
                                                                    </ul>
                                                            </li>
                                                        
                                                            
													
													
											</ul> 
									</li> 
					 </ul>
                </li>
</ul>
                                                        
</div>



<script>
$(document).ready(function() {
$(".dropbtn").click(function() {
		var window_width = window.innerWidth;
		if(window_width<1000) {
			var a = $(this).closest('.child-nav-li');
			var b = $(a).find('.second-level-menu');
			var currentDisplay = b.css("display");
			if(currentDisplay=="none"){
				b.css("display","block");
			} else {
				b.css("display","none");
			}
		}
	});

    var window_width = window.innerWidth;
    if(window_width<1000) {
        var all_top_nav_li = document.getElementsByClassName("second-level-menu");
    	for (i = 0; i < all_top_nav_li.length; i++) {
    	  all_top_nav_li[i].style.display = "none";
    	}
    }
//--kalkulator---

$('#kalkulator').click(function(){

    location.assign("/portal/ms/web/taiping/kalkulator");
    console.log("kalkulator click");
 });
 
  $('#calculator').click(function(){

    location.assign("/portal/en/web/taiping/kalkulator");
    console.log("kalkulator click");
 });
 
 $('#utama').click(function(){

    location.assign("/portal/ms/web/taiping/utama");
    console.log("kalkulator click");
 });
 
 $('#home').click(function(){

    location.assign("/portal/en/web/taiping/utama");
    console.log("kalkulator click");
 });
 
 //breadcrumb
 
  $('.breadcrumb-item').click(function(){
 
    location.assign("/portal/web/taiping");
    console.log("breadcrum click");
 });
  
  $('#utama').click(function(){
 
    location.assign("/portal/web/taiping");
    console.log("breadcrum click");
 });
 
 });
 
</script>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_gTquZVEamMpS_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_gTquZVEamMpS"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_gTquZVEamMpS">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">Image Slider Taiping Content</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="175651" data-analytics-asset-title="Image Slider Taiping Content" data-analytics-asset-type="web-content">
	

	<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- prod -->


<style>

/*<script src="../portal/o/etanah-perak-theme/js/banner-slider.js"></script>*/

* {box-sizing: border-box}
/*body {font-family: Verdana, sans-serif; margin:0}*/
.mySlides {display: none}
img {vertical-align: middle;}

/*PLEASE CHANGE VALUE FOR HEIGHT ACCORDINGLY AS USER REQUIREMENT LATER...*/
.mySlides img {width:100%; height:400px}

/* Slideshow container background image div */
.slideshow-container-background {
  background-color: #f1f1f1;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  width: 80%;
}

/* Next & previous buttons */
.prevSlider, .nextSlider {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: black !important;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease-in-out;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.nextSlider {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prevSlider:hover, .nextSlider:hover {
  background-color: rgba(0,0,0,0.8);
  color: #bbb !important;
}

/* Caption text */
.textSlider {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  background: #f2c60d;
  opacity: 0.9;
}

/* Number text (1/3 etc) */
.numbertextSlider {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dotSlider {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: -14px 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease-in-out;
}

.active, .dotSlider:hover {
  background-color: #717171;
}

/* Fading animation */
.fade { 
  -webkit-animation-name: fade;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 5s;
  -webkit-animation-direction: alternate;
  animation-name: fade;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-direction: alternate;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 1366px) {
  .slideshow-container {
    position: relative;
    margin: auto;
    width: 92%;
    left: -2px;
}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prevSlider, .nextSlider,.textSlider {font-size: 11px}
}

@media only screen and (max-width: 1000px) {
    .mySlides img {
        height: auto !important;
    }
}
</style>
</head>
<body>
<div class="slideshow-container-background">
    <div class="slideshow-container">
        	    <div class="mySlides">
                <!--<div class="numbertextSlider">1 / 7</div>-->
                    <a href="https://ptg.perak.gov.my/portal/web/taiping/berita-dan-aktiviti?hebahan=2131" target="_blank">
                    <img data-u="image" src="/portal/documents/158023/175527/Insentif+PTG+Perak1.jpg/49d8ddf0-0216-063d-ad28-04e9e3787f13?t=1624330429101" style="width:100%" alt="banner-img"/></a>
                <!--<div class="textSlider"></div>-->
            </div>
    	    <div class="mySlides">
                <!--<div class="numbertextSlider">2 / 7</div>-->
                    <a href="https://ptg.perak.gov.my/portal/web/taiping/berita-dan-aktiviti?hebahan=2131" target="_blank">
                    <img data-u="image" src="/portal/documents/158023/175527/Insentif+PTG+Perak2.jpg/1f4d445a-05fc-72b4-9d8f-583bd6bf9bf2?t=1624330523947" style="width:100%" alt="banner-img"/></a>
                <!--<div class="textSlider"></div>-->
            </div>
    	    <div class="mySlides">
                <!--<div class="numbertextSlider">3 / 7</div>-->
                    <img data-u="image" src="/portal/documents/158023/175527/bayar-cukai+tanah-3.jpg/c139f061-898c-b578-9d8b-e3571f6af770?t=1624337765356" style="width:100%" alt="banner-img"/>
                <!--<div class="textSlider"></div>-->
            </div>
    	    <div class="mySlides">
                <!--<div class="numbertextSlider">4 / 7</div>-->
                    <img data-u="image" src="/portal/documents/158023/175527/bayar-cukai+tanah-1.jpg/51cefc87-016a-505f-048f-571aaf4059ff?t=1624337765012" style="width:100%" alt="banner-img"/>
                <!--<div class="textSlider"></div>-->
            </div>
    	    <div class="mySlides">
                <!--<div class="numbertextSlider">5 / 7</div>-->
                    <img data-u="image" src="/portal/documents/158023/175527/bayar-cukai+tanah-2.jpg/972caa25-ce2f-6641-786b-1d523280e74e?t=1624337765139" style="width:100%" alt="banner-img"/>
                <!--<div class="textSlider"></div>-->
            </div>
    	    <div class="mySlides">
                <!--<div class="numbertextSlider">6 / 7</div>-->
                    <a href="https://perak.spab.gov.my/eApps/system/index.do" target="_blank">
                    <img data-u="image" src="/portal/documents/158023/175527/SISPAA.jpg/99de14ca-69f9-d5a5-9a33-4dd6099169ca?t=1614133310778" style="width:100%" alt="banner-img"/></a>
                <!--<div class="textSlider"></div>-->
            </div>
    	    <div class="mySlides">
                <!--<div class="numbertextSlider">7 / 7</div>-->
                    <img data-u="image" src="/portal/documents/158023/175527/banner-covid-2.jpg/928494ed-a833-2ea0-ce35-a8de08348366?t=1614751588330" style="width:100%" alt="banner-img"/>
                <!--<div class="textSlider">Covid19</div>-->
            </div>
    
    
    <a class="prevSlider" onclick="plusSlides(-1)">&#10094;</a>
    <a class="nextSlider" onclick="plusSlides(1)">&#10095;</a>
    
    </div>
</div>
<br>

<div style="text-align:center">  
		    <span class="dotSlider" onclick="currentSlide(1)"></span>
		    <span class="dotSlider" onclick="currentSlide(2)"></span>
		    <span class="dotSlider" onclick="currentSlide(3)"></span>
		    <span class="dotSlider" onclick="currentSlide(4)"></span>
		    <span class="dotSlider" onclick="currentSlide(5)"></span>
		    <span class="dotSlider" onclick="currentSlide(6)"></span>
		    <span class="dotSlider" onclick="currentSlide(7)"></span>
</div>

<script>
var slideIndex = 1;
var slideIndexAuto = 0;
showSlides(slideIndex);
showSlidesAuto();

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dotSlider");
  if (n > slides.length) {slideIndex = 1}    
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";  
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";  
  dots[slideIndex-1].className += " active";
}

function showSlidesAuto() {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dotSlider"); 
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";  
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  
  slideIndexAuto++;
  if (slideIndexAuto > slides.length) {slideIndexAuto = 1}  
  
  slides[slideIndexAuto-1].style.display = "block";  
  dots[slideIndexAuto-1].className += " active";
  setTimeout(showSlidesAuto, 8000); // Change image every 5 seconds
}

</script>

</body>
</html>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cAjbrxmKQbvS_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cAjbrxmKQbvS"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cAjbrxmKQbvS">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">pengumuman taiping v2 ms</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="900624" data-analytics-asset-title="pengumuman taiping v2 ms" data-analytics-asset-type="web-content">
	

	<link type="text/css" rel="stylesheet" href="/portal/documents/20123/0/jquery.jConveyorTicker.css/4061051e-bf8b-2e64-a337-9a485537e1e7?t=1601348165801" />

<script src="/portal/documents/20123/0/jquery.jConveyorTicker.js/cfd2712b-2b5e-67d8-5e3b-7240776ba1a7?t=1601347750503"></script>

<style>
    #main-container{
        width: 100%;
        position: absolute;
        top: -60px;
    }
    
	#container-middle {
		width: 80%;
		height: 37px;
		position: relative;
		background: #ced9bf;
		display: inline-block;
		padding: 0;
		top: 12px;
		left: 10%;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}

	#animate {
		/*  width: 4700px;*/
		height: 40px;
		position: absolute;
		z-index: 1;
		/*  background-color: red;*/
    /*top:180px;*/
    /*left:400px;*/
    /*width:300px;*/
    /*height:25px;*/
    overflow:hidden; 
    /*background:#ff6633;*/
	}
    
	#pengumuman{
        background: #f2c60c;
        /*text-transform: lowercase;*/
        position: absolute;
        height: 37px;
		color: white;
        z-index: 5;
        font-size: 18px;
        padding: 5px 10px 3px 16px;
        
    }

	.move-text{
		/*  width: 50px;*/
		margin-right: 200px;
		position: relative;
		top: 0px;
		/*  background-color: green;*/
		display: inline-block;
		padding: 10px;
		font-size: 13px;
		color: black;
	}

    .move-a{
        text-decoration: none;
    }

	@media only screen and (max-width:560px){
		#main-container {
		width: 100%;
		position: absolute;
		top: -60px;
		left: -2px !important;
		}
	}

    
    @media only screen and (max-width:1366px){
		#container-middle {
        width: 92%;
        height: 37px;
        position: relative;
        background: #ced9bf;
        display: inline-block;
        padding: 0;
        top: 12px;
        left: 4%;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto            Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                        }}
    
    @media only screen and (max-width:1000px){
        #container-left{
			width: 0%;
        }
        #container-right{
			width:0%;
        }
        
        #main-container{
			width: 100%;
			position: absolute;
			top: -60px;
         }
        #container-middle {
			width: 82.1%;

			height: 28px;
			position: relative;
			background: #ced9bf;
			display: inline-block;
			padding: 0;
			top: -40px;
			left: 10%;
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",         sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }
        
		#pengumuman{
			background: #f2c60c;
			/*text-transform: lowercase;*/
			position: absolute;
			height: 28px;
			color: white;
			z-index: 5;
			font-size: 12px;
			padding: 5px 10px 3px 16px;
        }
		
        #animate {
			/*  width: 4700px;*/
            height: 20px;
            position: absolute;
            z-index: 1;
			/*  background-color: red;*/
        }
        
    }
    
    #animate ul li{
    float:left; 
    padding:0 10px; 
    line-height:25px;}
    
    #ul-text{
    list-style:none;
    }
    
    #conveyor ul{
    list-style:none;
    }
    #conveyor{
    position:absolute;
    left: 0%;
    width: 100%;
    height:30px;
    overflow:hidden; 
   
    }
#conveyor ul li{float:left; padding:6px 90px; line-height:25px;}

#conveyor a{
    text-decoration: none;
}

        
</style>
<div id="main-container">
<div id="container-left"></div>
<div id ="container-middle" onmouseover="tmr=false" onmouseout="tmr=true">
    <div id="pengumuman" class="jctkr-label"><h3>Pengumuman</h3></div>
  <div id="conveyor">
        <ul id="pengumuman-info">
		        <li><a href="" target="_blank">Selamat Datang ke Portal Rasmi Pejabat Daerah dan Tanah Larut Matang Dan Selama</a></li>

        </ul>
    </div>

</div>
<div id="container-right"></div>
</div>

<script>
$(document).ready(function(){
	$('#conveyor').jConveyorTicker({
      anim_duration:   150,    // Specify the time (in milliseconds) the animation takes to move 10 pixels
      reverse_elm:     true ,  // Enable the use of the reverse animation trigger HTML element
      force_loop:      true ,  // Force the initialization even if the items are too small in total width
      start_paused:    false   // Initialize in a paused state
    });		
	
	$('#pengumuman-info li:first-child').css({'padding-left': '500px'});	

})

</script>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_yjksnVYzwaCx_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_yjksnVYzwaCx"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_yjksnVYzwaCx">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">Shortcut Taiping content ms</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="175870" data-analytics-asset-title="Shortcut Taiping content ms" data-analytics-asset-type="web-content">
	

	<style>

.line-line {
    border-bottom: 2px solid #dfb61a !important;
    width: 200px !important;
}
.line-line:after {
    width: 100px !important;
    content: '';
    display: block;
    border-bottom: 3px solid #878181  !important;
    margin-top: 0;
    max-width: 150px;#perkhidmatan-table {
height:100px;
width:100%;
margin: auto;
}

#perkhidmatan-table td {
text-align: center;
font-size: 8px;
width: 131px;
padding: 5px;

}

#perkhidmatan-table .head-line {
align: center;
}

.perkhidmatan-title {
   color:#E0B624;
}

.perkhidmatan-imej-row {
text-align: center;
}

.perkhidmatan-imej-row td {
width: 200px;

}

.perkhidmatan-imej-row img {
/*height: 173px;
width: 200px;*/
/*height: 200px;*/
/*height: 200px; edited 04032020*/
width: 100%;
padding: 2 px;
}

.overlayer {
position: relative;
/*height: 200px; edited 04032020*/
width: 95%;
    /*width: 200px;*/
}

.overlayer:after {
    content:'\A';
    position: absolute;
    width: 100%;
    /*height: 200px;  edited 04032020*/
    top: -90px;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.overlayer:hover:after {
    opacity: 1;
}

 @media only screen and (max-width: 1000px){
  .perkhidmatan-container {
     width: 100%!important;
     padding: 100px 0 0 0;
  }
}

#wrapper-row{
width: 100%;
/*
margin-left:auto;
margin-right: auto;
*/
}

.image{
width: 100%;
height: 150px !important;
}

.image:hover{
    opacity: 0.2;
    filter: alpha(opacity=30);
}

.child-col-2{
display: inline-block;
width: 33%;
}

.wrapper-child{
display: inline-block;
width: 47%;
margin-left: 5px;
margin-right: 5px;
}

.line{
width: 100%;
}

.image{
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 150px !important;
}

.image:hover{
    opacity: .5;
}

.yellow-text{
text-align: center;
}

.black-text{
text-align: center;
}
.share-line{
display: inline-block;
font-size: 0;
    padding:0;
    margin:0;
}

.zebra{
 margin-bottom: 15px;
font-size: 0px;
}

#line-1{
border-bottom: 3px solid black;
width: 25%;
}

#line-2{
border-bottom: 3px solid #dfb61a !important;
width: 35%;
}

#line-3{
border-bottom: 3px solid black;
width: 25%;
}

@media only screen and (max-width: 1000px) {
  .child-col-2 {
   display: block;
   width: 100%;
  }
}

@media only screen and (min-width: 1920px) {
.perkhidmatan-container {
    width: 81%;
    margin: auto;
}
}

@media only screen and (max-width: 414px) {
.perkhidmatan-container {
    padding: 0vw 0px 0px 2px !important;
    height: 130vw;
}

.image {
    width: 82%;
    height: 82px !important;
}

.wrapper-child {
    display: inline-block;
    width: 45%;
    margin-left: 5px;
    margin-right: 5px;
}

#line-1 {
    border-bottom: 3px solid black;
    width: 15%;
}

#line-2 {
    border-bottom: 3px solid #dfb61a !important;
    width: 39%;
}

#line-3 {
    border-bottom: 3px solid black;
    width: 15%;
}

.yellow-text {
    text-align: center;
    margin-top:14px;
}
}
}

.perkhidmatan-container {
    width: 93%;
    margin: auto;
}



@media only screen and (max-width: 1000px){ 
      
     .perkhidmatan-container table tr:nth-child(1) {
            display: none;
        }
}   

#perkhidmatan-table {
height:100px;
width:100%;
margin: auto;
}

#perkhidmatan-table td {
text-align: center;
font-size: 8px;
width: 131px;
padding: 5px;

}

#perkhidmatan-table .head-line {
align: center;
}

.perkhidmatan-title {
   color:#E0B624;
}

.perkhidmatan-imej-row {
text-align: center;
}

.perkhidmatan-imej-row td {
width: 200px;

}

.perkhidmatan-imej-row img {
/*height: 173px;
width: 200px;*/
/*height: 200px;*/
/*height: 200px; edited 04032020*/
width: 100%;
padding: 2 px;
}

.overlayer {
position: relative;
/*height: 200px; edited 04032020*/
width: 95%;
    /*width: 200px;*/
}

.overlayer:after {
    content:'\A';
    position: absolute;
    width: 100%;
    /*height: 200px;  edited 04032020*/
    top: -90px;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.overlayer:hover:after {
    opacity: 1;
}

 @media only screen and (max-width: 1000px){
  .perkhidmatan-container {
     width: 100%!important;
     padding: 100px 0 0 0;
  }
}

#wrapper-row{
width: 100%;
/*
margin-left:auto;
margin-right: auto;
*/
}

.image{
width: 100%;
height: 150px !important;
}

.image:hover{
    opacity: 0.2;
    filter: alpha(opacity=30);
}

.child-col-2{
display: inline-block;
width: 33%;
}

.wrapper-child{
display: inline-block;
width: 47%;
margin-left: 5px;
margin-right: 5px;
}

.line{
width: 100%;
}

.image{
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 150px !important;
}

.image:hover{
    opacity: .5;
}

.yellow-text{
text-align: center;
}

.black-text{
text-align: center;
}
.share-line{
display: inline-block;
font-size: 0;
    padding:0;
    margin:0;
}

.zebra{
 margin-bottom: 15px;
font-size: 0px;
}

#line-1{
border-bottom: 3px solid black;
width: 25%;
}

#line-2{
border-bottom: 3px solid #dfb61a !important;
width: 35%;
}

#line-3{
border-bottom: 3px solid black;
width: 25%;
}

@media only screen and (max-width: 1000px) {
  .child-col-2 {
   display: block;
   width: 100%;
  }
}

@media only screen and (min-width: 1920px) {
.perkhidmatan-container {
    width: 81%;
    margin: auto;
}
}

@media only screen and (max-width: 414px) {
.perkhidmatan-container {
    padding: 0vw 0px 0px 2px !important;
    height: 130vw;
}

.image {
    width: 82%;
    height: 82px !important;
}

.wrapper-child {
    display: inline-block;
    width: 45%;
    margin-left: 5px;
    margin-right: 5px;
}

#line-1 {
    border-bottom: 3px solid black;
    width: 15%;
}

#line-2 {
    border-bottom: 3px solid #dfb61a !important;
    width: 39%;
}

#line-3 {
    border-bottom: 3px solid black;
    width: 15%;
}

.yellow-text {
    text-align: center;
    margin-top:14px;
}
}

</style>


<div class="perkhidmatan-container">
<div align="center" id="wrapper-row">
<div class="child-col-2">
<div class="wrapper-child" id="main-awam-login">
<div class="yellow-text">
<div class="perkhidmatan-title">
<h3><strong>PORTAL AWAM</strong></h3>
</div>
</div>

<div class="black-text">
<div>
<h3><strong>e-TANAH</strong></h3>
</div>
</div>

<div class="line-3-col">
<div class="zebra">
<div class="share-line" id="line-1">&nbsp;</div>

<div class="share-line" id="line-2">&nbsp;</div>

<div class="share-line" id="line-3">&nbsp;</div>
</div>
</div>

<div class="image"><a href="/etanah-awam/AwamLoginForm.xhtml"><img alt="Portal Awam e-Tanah" class="image " data-fileentryid="38738" id="awamlogin" src="/portal/documents/20123/1142754/e-Tanah+%282%29.png/85ef6083-a1ac-aa66-d90a-2b4ae4778dd0?t=1618206250929" /></a></div>
</div>

<div class="wrapper-child" id="main-ebayaran">
<div class="yellow-text">
<div class="perkhidmatan-title">
<h3><strong>BAYARAN CUKAI</strong></h3>
</div>
</div>

<div class="black-text">
<div>
<h3><strong>ATAS TALIAN</strong></h3>
</div>
</div>

<div class="line-3-col">
<div class="zebra">
<div class="share-line" id="line-1">&nbsp;</div>

<div class="share-line" id="line-2">&nbsp;</div>

<div class="share-line" id="line-3">&nbsp;</div>
</div>
</div>

<div class="image"><a href="/etanah-awam/EBayaranSemakBayarCukaiTanahForm.xhtml?target=bayarancukai"><img alt="Bayaran Cukai Atas Talian" class="image" data-fileentryid="38729" id="ebayaran" src="/portal/documents/20123/1142754/Bayaran+Cukai+Tanah+%282%29.png/f807b988-0423-9227-4c29-7d6a08691026?t=1618206250851" /></a></div>
</div>
</div>

<div class="child-col-2">
<div class="wrapper-child" id="main-etanah">
<div class="yellow-text">
<div class="perkhidmatan-title">
<h3><strong>SEMAKAN PERMOHONAN</strong></h3>
</div>
</div>

<div class="black-text">
<div>
<h3><strong>ATAS TALIAN</strong></h3>
</div>
</div>

<div class="line-3-col">
<div class="zebra">
<div class="share-line" id="line-1">&nbsp;</div>

<div class="share-line" id="line-2">&nbsp;</div>

<div class="share-line" id="line-3">&nbsp;</div>
</div>
</div>

<div class="image"><a href="/portal/web/taiping/semakan-permohonan-atas-talian"><img alt="Semakan Permohonan Atas Talian" class="image" data-fileentryid="38761" id="esemakan" src="/portal/documents/20123/1142754/Semakan+Permohonan+Atas+Talian+%282%29.png/35709bef-40d6-4ef2-ea04-146479ba0e90?t=1618206250723" /></a></div>
</div>

<div class="wrapper-child" id="main-borang">
<div class="yellow-text">
<div class="perkhidmatan-title">
<h3><strong>MUAT TURUN</strong></h3>
</div>
</div>

<div class="black-text">
<div>
<h3><strong>BORANG</strong></h3>
</div>
</div>

<div class="line-3-col">
<div class="zebra">
<div class="share-line" id="line-1">&nbsp;</div>

<div class="share-line" id="line-2">&nbsp;</div>

<div class="share-line" id="line-3">&nbsp;</div>
</div>
</div>

<div class="image"><a href="/portal/web/taiping/muat-turun-borang"><img alt="Muat Turun Borang" class="image" data-fileentryid="38748" src="/portal/documents/20123/1142754/Muat+Turun+Borang+%282%29.png/d23fdb1c-85f8-7c92-8eef-c6c188954404?t=1618206250521" /></a></div>
</div>
</div>

<div class="child-col-2">
<div class="wrapper-child" id="main-maklumbalas">
<div class="yellow-text">
<div class="perkhidmatan-title">
<h3><strong>SISTEM</strong></h3>
</div>
</div>

<div class="black-text">
<div>
<h3><strong>e-ADUAN</strong></h3>
</div>
</div>

<div class="line-3-col">
<div class="zebra">
<div class="share-line" id="line-1">&nbsp;</div>

<div class="share-line" id="line-2">&nbsp;</div>

<div class="share-line" id="line-3">&nbsp;</div>
</div>
</div>

<div class="image"><a href="https://perak.spab.gov.my/"><img alt="e-Aduan Awam" class="image" data-fileentryid="38773" src="/portal/documents/20123/1142754/Sistem+e+Aduan+%282%29.png/d340ac57-8d65-6bd7-7036-7ed47fdc261d?t=1618206250435"  /></a></div>
</div>

<div class="wrapper-child" id="main-carian">
<div class="yellow-text">
<div class="perkhidmatan-title">
<h3><strong>CARIAN</strong></h3>
</div>
</div>

<div class="black-text">
<div>
<h3><strong>FIRMA</strong></h3>
</div>
</div>

<div class="line-3-col">
<div class="zebra">
<div class="share-line" id="line-1">&nbsp;</div>

<div class="share-line" id="line-2">&nbsp;</div>

<div class="share-line" id="line-3">&nbsp;</div>
</div>
</div>

<div class="image"><a href="/etanah-awam/ESemakanKodFirmaForm.xhtml"><img alt="Carian Firma" class="image" data-fileentryid="38773" id="kodfirma" src="/portal/documents/20123/1142754/pexels-clement-nivesse-3074542+%281%29.png/8d6ea225-ceaa-bf85-aa44-6c77640e3114?t=1618206250281" /></a></div>
</div>
</div>
</div>
<script>
   $('#awamlogin').click(function(){

    location.assign("/etanah-awam/AwamLoginForm.xhtml");
    console.log("awam login click");
 });

 $('#ebayaran').click(function(){

    location.assign("/etanah-awam/EBayaranSemakBayarCukaiTanahForm.xhtml?target=bayarancukai");
    console.log("ebayaran login click");
 });

 $('#esemakan').click(function(){

    location.assign("/portal/web/taiping/semakan-permohonan-atas-talian");
    console.log("esemakan login click");
 });


  $('#kodfirma').click(function(){

    location.assign("/etanah-awam/ESemakanKodFirmaForm.xhtml");
    console.log("kodfirma login click");
 });



</script>

<p>&nbsp;</p>
</div>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_8zsBNEmA1Jt3_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_8zsBNEmA1Jt3"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_8zsBNEmA1Jt3">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">Pautan Pantas (Utama) Taiping ms</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="174861" data-analytics-asset-title="Pautan Pantas (Utama) Taiping ms" data-analytics-asset-type="web-content">
	

	<!-- Header Background Color (Default) -->


<!-- Header Text Color -->

<!-- Body Background Color -->

<!-- Body Text Color (Default) -->

<!-- Body Text Color (Hover) -->

<style>
/*@font-face {
    font-family: 'aileronlight';
    src: url('http://192.168.19.93/portal/documents/20126/70825/Aileron-Light-webfont.woff/dd7e7f3d-e960-b889-44c1-461c8cd530b5?t=1560942507857') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

#default-content-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#default-content-container #content-position td {
    width: 25%;
}

#default-content-container h4 {
    /*font-weight: bold;*/
}

#hebahan{
    overflow:auto;
    scrollbar-width: thin;
    scrollbar-color: #888 #e6c550;
}

#berita{
    overflow:auto;
    scrollbar-width: thin;
    scrollbar-color: #888 #e0b723;
}

#tender{
    overflow:auto;
    scrollbar-width: thin;
    scrollbar-color: #888 #676b6c;
}

#hebahan::-webkit-scrollbar ,#berita::-webkit-scrollbar,#tender::-webkit-scrollbar{
    /*display:none;*/
    width:5px;
}

#hebahan::-webkit-scrollbar-thumb,#berita::-webkit-scrollbar-thumb,#tender::-webkit-scrollbar-thumb {
  background: #888; 
}
/*#hebahan::-webkit-scrollbar-track {
  background: white; 
}*/
#hebahan::-webkit-scrollbar-thumb:hover,#berita::-webkit-scrollbar-thumb:hover,#tender::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.content-container{
    width: 100%;
    height: 25px;
    float: left;
    padding: 5px;
    margin: 0 0 15px 0;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

#default-title{
    font-size: 20px;
    color: #20211e;
    text-align: left;
    margin: 0px 0px 10px 0;
}

/*.menu-container{
    font-size: 12px;
    height: 20px;
    padding: 5px;
    color: #ffffff;
    background-color: #3376bc;
    margin: 0 0 15px 0; 
    padding: 4px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}*/

button.accordion {
    background-color: #1b1818;
    color: #fefefe;
    cursor: pointer;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    width: 100%;
    height: 35px;
    padding-top: 5px;
    border: none;
    
}

button.accordion.active, button.accordion:hover {
    color: #ffeb3b;
}

button.accordion:before {
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 6px;
    margin-right: 6px;
    
}

/*button.accordion.active:before {
    content: "\2212";*/
    

.panel-content-collapse {
    padding: 17px;
    margin: -2px;
    background-color: #4f5355;
    color: #fefefe;
    height: 350px;
    width: auto;
    text-align: justify;
    overflow: hidden;
    /*width: 20rem;*/
    /*width: 100%;*/
}

h4.pautanpantas {
    font-size: 14px;
    /*font-weight: 400;*/
    border-style: solid;
    border-width: thin;
    padding: 5px 2px 3px 4px;;
    text-align: left;
}

.panel-content-collapse p {
    /*width: 289px;
    width: 25%;*/
}

table#content-position {
    margin: 0 auto;
    width: 80%;
}

table#content-position td {
    width: 25%;
}
#label-content{
   /* position: relative;
    top: -12px;*/
}

@media only screen and (max-width: 1366px){ 
      
     table#content-position {
    margin: 0 auto;
    width: 94%;
}
    }


</style>

<div id="default-content-container">

<table id = "content-position">

<tr>    
    <div id="printableArea" class="content-item">
                
            <td>
                <button id="accordions" class="accordion" onclick="onAccordionContent(this)">
                    <div id="label-content"> <h4 class="pautanpantas">HEBAHAN</h4></div>
        	    </button>
        	    <div id="hebahan" class="panel-content-collapse" style="background-color:#e6c550;">
        	        <p style="text-align: justify; font-size:14px;"><iframe frameborder="0" scrolling="no" src="/etanah-portal-support/HebahanTajuk.xhtml?kodPejabat=06&amp;kodHebahan=KH_PENGUMUMAN" style="text-align: justify; font-size:14px; color:#fefefe;width:100%;height:500px;"></iframe></p></div>
           </td>
                
            <td>
                <button id="accordions" class="accordion" onclick="onAccordionContent(this)">
                    <div id="label-content"> <h4 class="pautanpantas">BERITA DAN AKTIVITI</h4></div>
        	    </button>
        	    <div id="berita" class="panel-content-collapse" style="background-color:#e0b723;">
        	        <p style="text-align: justify; font-size:14px;"><iframe frameborder="0" scrolling="no" src="/etanah-portal-support/HebahanTajuk.xhtml?kodPejabat=06&amp;kodHebahan=KH_BTERKINI" style="text-align: justify; font-size:14px; color:#fefefe;width:100%;height:500px;"></iframe></p></div>
           </td>
                
            <td>
                <button id="accordions" class="accordion" onclick="onAccordionContent(this)">
                    <div id="label-content"> <h4 class="pautanpantas">TENDER DAN SEBUT HARGA</h4></div>
        	    </button>
        	    <div id="tender" class="panel-content-collapse" style="background-color:#676b6c;">
        	        <p style="text-align: justify; font-size:14px;"><iframe frameborder="0" scrolling="no" src="/etanah-portal-support/HebahanTajuk.xhtml?kodPejabat=06&amp;kodHebahan=KH_TENSEHARGA" style="text-align: justify; font-size:14px; color:#fefefe;width:100%;height:500px;"></iframe></p></div>
           </td>
                
            <td>
                <button id="accordions" class="accordion" onclick="onAccordionContent(this)">
                    <div id="label-content"> <h4 class="pautanpantas">PAUTAN PANTAS</h4></div>
        	    </button>
        	    <div id="pautan" class="panel-content-collapse" style="background-color:#4f5355;">
        	        <table border="0" cellpadding="1" cellspacing="4" style="width:100%;">
	<tbody>
		<tr>
			<td style="text-align: justify; font-size:14px;"><span style="display: none;">&nbsp;</span>
			<h4><a href="/portal/web/taiping/set-data-negeri-perak" style="color:#fefefe">&gt;&gt;&nbsp;Set Data Negeri Perak</a></h4>
			</td>
		</tr>
		<tr>
			<td style="color:#fefefe; font-size:14px;">
			<h4><a href="/portal/web/taiping/sorotan-media" style="color:#fefefe">&gt;&gt;&nbsp;Sorotan Media</a></h4>
			</td>
		</tr>
		<tr>
			<td style="color:#fefefe; font-size:14px;">
			<h4><a href="/portal/web/taiping/penerbitan" style="color:#fefefe">&gt;&gt;&nbsp;Penerbitan</a></h4>
			</td>
		</tr>
		<tr>
			<td style="color:#fefefe; font-size:14px;">
			<h4><a href="/portal/web/taiping/keratan-akhbar" style="color:#fefefe">&gt;&gt;&nbsp;Keratan Akhbar</a></h4>
			</td>
		</tr>
		<tr>
			<td style="color:#fefefe; font-size:14px;">
			<h4><a href="/portal/web/taiping/kalendar-aktiviti" style="color:#fefefe">&gt;&gt;&nbsp;Kalendar Aktiviti</a></h4>
			</td>
		</tr>
		<tr>
			<td style="text-align: justify; font-size:14px;"><span style="display: none;"></span>
			<h4><a href="/portal/web/taiping/senarai-arkib" style="color:#fefefe">&gt;&gt;&nbsp;Senarai Arkib</a></h4>
			</td>
		</tr>
	</tbody>
</table></div>
           </td>
    </div>
</tr>
</table>
</div>
 
<script>
    
function onAccordionContent(pnl){
var acc = document.getElementsByClassName("accordion");
var i;
	
	var window_width = window.innerWidth;
	if(window_width<1000) {
    	for (i = 0; i < acc.length; i++) {
            acc[i].addEventListener("click", function() {
                this.classList.toggle("active");
                var panel = this.nextElementSibling;
                if (panel.style.display === "block") {
                    panel.style.display = "none";
                } else {
                    panel.style.display = "block";
                }
            });
        }
	}
} 

 var window_width = window.innerWidth;
    if(window_width<1000) {
        var all_top_nav_li = document.getElementsByClassName("panel-content-collapse");
    	for (i = 0; i < all_top_nav_li.length; i++) {
    	  all_top_nav_li[i].style.display = "none";
    	}
    }
</script>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_K10GmS5gR6bG_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_K10GmS5gR6bG"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_K10GmS5gR6bG">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">splask search function content</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="1097673" data-analytics-asset-title="splask search function content" data-analytics-asset-type="web-content">
	

	
<i splwpk-search-function="splwpk-search-function"></i>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_2V6GSRC3yrt6_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_2V6GSRC3yrt6"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_2V6GSRC3yrt6">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">Logo ms</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="174629" data-analytics-asset-title="Logo ms" data-analytics-asset-type="web-content">
	

	

<style>
.menu-wrapper-icon .menu-ul-icon {
	text-align: center;
    background: ##ffffff;
    margin: auto;
    margin-right: 40px;
    
}

.menu-ul-icon .menu-li-icon {
	height: 54px;
    width: 83px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    background: #eeeaea;
    padding: 7px;
    margin: 10px;

}

.pautanHorizontal {
  text-align: center;
  font-size:11px;
  background: ##ffffff;
}

p#main-icon {
    margin-top: 10px;
    margin-bottom: 1rem;
    font-size: 9px;
}

@media only screen and (max-width: 1000px){ 
    .menu-wrapper-icon .menu-ul-icon {
        margin-right: 0px !important;
        padding: 0px !important;
    }
}


</style>


<div class="menu-wrapper-icon">
    <ul class="menu-ul-icon">
        		
                <li class="menu-li-icon br-2">
                    <a id="my-gov" href="https://www.malaysia.gov.my/portal/index?target=my-gov" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/Jata+Negara.png/b5c56646-c6cf-4dfa-1940-1b8490ab693d?t=1569205176912" width"55%" height="90%" alt="myGovernment"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">myGovernment</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="mampu" href="https://www.mampu.gov.my/ms/?target=mampu" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/logo_mampu.png/d980533b-fbda-3d17-26b3-77ab7cb8494f?t=1567648468827" width"55%" height="90%" alt="Mampu"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">Mampu</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="bpa" href="http://www.pcb.gov.my/?target=bpa" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/BPA.png/94ffefbf-3e40-9f25-53d6-ee9340194e8d?t=1567648469334" width"55%" height="90%" alt="BPA"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">BPA</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="visitperak" href="https://visitperak.com.my/?target=visitperak" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/Visit+Perak.png/15f24f74-618a-7253-6290-ee8bae71a8c5?t=1567648469224" width"55%" height="90%" alt="Visit Perak"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">Visit Perak</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="perak" href="https://www.perak.gov.my/?target=perak" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/Logo+Negeri+Perak.png/f11afbb8-aadb-6122-b9d1-63af883272d4?t=1567648469062" width"55%" height="90%" alt="Portal Perak"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">Portal Perak</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="bless" href="http://www.bless2.gov.my/?target=bless" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/bless.png/28c7e1e9-e345-a334-278f-9165e738e947?t=1567648469302" width"55%" height="90%" alt="BLESS"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">BLESS</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="iim" href="http://integriti.my/?target=iim" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/iim.png/cca18c28-df7c-6533-2877-20c5033eb163?t=1567648468947" width"55%" height="90%" alt="IIM"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">IIM</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="talentcorp" href="https://www.talentcorp.com.my/?target=talentcorp" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/Logo-TalentCorp-Malaysia.png/5c263c78-c21e-67b1-4cab-488d0591688a?t=1567648468872" width"55%" height="90%" alt="TalentCorp"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">TalentCorp</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="jkm" href="http://www.jkm.gov.my/?target=jkm" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/JKM.png/e275c1cc-2702-0bf0-6528-56c4235a1ea9?t=1575869985819" width"55%" height="90%" alt="JKM"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">JKM</h6></p>
                    
                    </a>
                </li>
                
        		
                <li class="menu-li-icon br-2">
                    <a id="icu" href="https://www.icu.gov.my/?target=icu" target="_blank">
                    
                        <img src="/portal/documents/158023/174388/Unit+Penyelarasan+Pelaksanaan.png/909c5047-3d33-a079-c222-8c3735812549?t=1575869986036" width"55%" height="90%" alt="ICU"/>
                        
                        <p id= "main-icon" style="color:#231f20;" ><h6 style="color:black;white-space: nowrap; margin:0px 0px 0px -7px;">ICU</h6></p>
                    
                    </a>
                </li>
                
    </ul>
</div>
<div class="pautanHorizontal">
    <div><p><h4><h4 style="display:inline-block;"><a href="/portal/web/taiping/dasar-privasi" style="color:#231f20;">Dasar Privasi&nbsp;|&nbsp;</a></h4>

<h4 style="display:inline-block;"><a href="/portal/web/taiping/dasar-keselamatan" style="color:#231f20;">Dasar Keselamatan&nbsp;|&nbsp;</a></h4>

<h4 style="display:inline-block;"><a href="/portal/web/taiping/peta-laman" style="color:#231f20;">Peta Laman</a></h4></h4></p></div>
</div>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_au0bLtfkh34C_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_au0bLtfkh34C"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_au0bLtfkh34C">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">splask search function content</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="1097673" data-analytics-asset-title="splask search function content" data-analytics-asset-type="web-content">
	

	
<i splwpk-search-function="splwpk-search-function"></i>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>












































	

	<div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_  portlet-static portlet-static-end decorate portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_v9TIoAA31DU8_">
		<span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_v9TIoAA31DU8"></span>




	

	
		
			






































	
		
<section class="portlet" id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_v9TIoAA31DU8">


	<div class="portlet-content">

		<div class="autofit-float autofit-row portlet-header">
			<div class="autofit-col autofit-col-expand">
				<h2 class="portlet-title-text">Footer ms</h2>
			</div>

			<div class="autofit-col autofit-col-end">
				<div class="autofit-section">


















<div class="visible-interaction">
	
		

		

		

		
	
</div>				</div>
			</div>
		</div>

		
			<div class=" portlet-content-container">
				


	<div class="portlet-body">



	
		
			
				
					



















































	

				

				
					
						


	

		
































	
	
		
			
			
				
					
					
					
					
						<div class="">
							

















<div class="journal-content-article " data-analytics-asset-id="174314" data-analytics-asset-title="Footer ms" data-analytics-asset-type="web-content">
	

	<style>
.footer iframe {
    border: 0;
    height: 25px;
}

.footer {
  padding:1rem;
  background-color: ;
  text-align: center;
  font-size:11px;
  color: #ffffff;
  
}

div#col-1 {
    float: left;
    padding-left: 70px;
    padding-top: 20px;
}

div#col-2 {
    /*margin-left: -111px;*/
    margin-left: 0px;
}
.footer-division {
	width: 30%;
	display: inline-table;
	text-align: left;
	padding-right=30px;
}

.footer-div-header {
	font-size: 13px;
	font-weight: bold;
	width: 23rem;
    margin-bottom: 8px;
	/*border-bottom: 1px solid #eee;*/
}

div#footer-container p {
	line-height: 20px;
}

div#footer-container p a {
	color:yellow;
	font-weight:bold;
}

.footer-div-header td {
    padding-right: 10px;
}

.social-media {
    width: 8%;
    display: -webkit-inline-box;
    margin: 8px 0 0 26px;
}

.social-media img{
    padding:5px;
}

.footer {
    font-size: 12px;
    background-color: #363433;
}

@media screen and (max-width: 1000px) {

    #footer-container div#col-1 {
        padding: 0px!important;
    }
    
    #footer-container div#col-2 {
        margin-left: -77px;
    }
    
    div#footer-container p {
        width: 70%;
    }
    
    img.qrcode {
        display: none !important;
    }	
}

@media screen and (max-width: 1249px) {
       div#col-2 {
       width:100%;
       margin-left:56px;
       }
       
    }
    
    @media screen and (max-width: 1366px) {
    div#col-1 {
    float: left;
    padding-left: 70px;
    padding-top: 20px;
    width: 43%;
}
}
    
     @media only screen and (max-width: 560px) {
        .statistik{
        width:500px;
        }
        
        #hubungi {
    position: relative;
    left: 68px !important;
    margin:0rem;
        }

    #table-add {
    width: 370px;
        }
    )



</style>

<div class="footer">
   <div id="footer-container">

        <div id="col-1" class="footer-division">
            <div class="footer-div-header"><h4>Hakcipta Terpelihara © 2021</h4></div>
            <div id="penafian"><h5><b>Penafian</b><br />
Pihak Pentadbiran Kerajaan Negeri Perak tidak akan bertanggungjawab terhadap sebarang kehilangan atau kerosakan menerusi maklumat yang diperolehi melalui laman web ini.</h5>

<h5>Paparan terbaik menggunakan pelayar Google Chrome dan Mozilla Firefox.</h5>

<table border="0" cellpadding="0" cellspacing="0" id="statistik">
	<tbody>
		<tr>
			<td style="font-size:12px;">
			<h5>Statistik Pelawat Keseluruhan:</h5>
			</td>
			<td>&nbsp;<iframe frameborder="0" scrolling="no" src="/etanah-portal-support/JumlahStatistikPelawat.xhtml?kodPejabat=06"></iframe></td>
		</tr>
	</tbody>
</table></div>
            </br>
            <div class="footer-border"></div>
             <div>
                
                <h5>Kemaskini Terakhir : 15/11/2020
<!--Jumaat, 23 Julai 2021-->
                </h5>                

             </div>
           
        </div>
       
        <div id="col-2" class="footer-division">
        <div id="hubungi" style='border-left: 3px solid white;margin:0rem;'>
            <div class="footer-div-header"><h4>Hubungi Kami</h4></div>
            <div><table border="0" cellpadding="1" cellspacing="1" id="table-add">
	<tbody>
		<tr>
			<td width="35px"><img alt="add" src="/portal/documents/20123/35584/Address+FOOTER.png/47f7b7c4-62f6-eedc-6969-75c13aa8338e?t=1563332852053" style="height: auto; width: 32px;" /></td>
			<td style="width: 290px;font-size:12px;">
			<h5>Pejabat Daerah Larut, Matang &amp; Selama,<br />
			34000 Taiping,<br />
			Perak Darul Ridzuan.</h5>
			</td>
			<td rowspan="10"><img alt="qr" class="qrcode" src="/portal/documents/158023/520020/Pdt+Taiping.png/0bad6b95-e0db-8a75-6dd6-ef3c6d50ead5?t=1576564964916" style="height:auto; width: 200px; padding-left:2rem" /></td>
		</tr>
		<tr>
			<td><img alt="tel" src="/portal/documents/20123/35584/Phone+FOOTER.png/028cf986-d76d-c51e-270d-0027a8246f3c?t=1563332877431" style="height: auto; width: 32px;" /></td>
			<td style="width: 290px;font-size:12px;">
			<h5>05 829 8100 Fax: 05 807 9929</h5>
			</td>
		</tr>
		<tr>
			<td><img alt="mail" src="/portal/documents/20123/35584/Web+FOOTER.png/44d9329f-9578-562f-e5ea-23a707d1c47a?t=1563332801114" style="height: auto; width: 32px;" /></td>
			<td style="width: 290px;font-size:12px;">
			<h5>do_taiping[at]perak.gov.my</h5>
			</td>
		</tr>
		<tr>
			<td style="width: 35px;">&nbsp;</td>
			<td style="width: 290px;">&nbsp;</td>
		</tr>
	</tbody>
</table></div>
            <div class="social-media">
            
                <div id="icon-fb" class="social-icon"><a href="https://www.facebook.com/Pejabat-Daerah-Dan-Tanah-Larut-Matang-Dan-Selama-223326654361458" target="_blank"><img alt="facebook" src="/portal/documents/20123/35584/FB.png/68ed1a6e-c1c1-0ed9-70af-122293ef901f?t=1563332495477" /></a></div>

                <div id="icon-twitter" class="social-icon"><a href="https://twitter.com/pdt_taiping" target="_blank"><img alt="twitter" src="/portal/documents/20123/35584/twitter.png/d0cc690c-e670-f4b2-3547-d2c9675e769c?t=1563332495778&amp;download=true" /></a></div>

               <!-- <div><a href=""><img alt="youtube" src="/portal/documents/20123/35584/youtube.png/8bfe8233-871f-719b-add3-d7d263856cd4?t=1563332495849&amp;download=true" /></a></div>-->

                <div id="icon-rss" class="social-icon"><a href="http://feeds.feedburner.com/gov/rtRz" target="_blank"><img alt="RSS" src="/portal/documents/20123/35584/rms.png/d86cfc4e-1fe0-5bc5-0db6-3cd4c0b855f3?t=1563332495642&amp;download=true" /></a></div>

</div>
</div>  
        </div>
        
   </div>
  
</div>
</div>





							
						</div>
					
				
			
		
	




	

	

	

	

	

	




	
	
					
				
			
		
	
	


	</div>

			</div>
		
	</div>
</section>
	

		
		







	</div>




</div>
		</div>
	</div>
</div>

<form action="#" class="hide" id="hrefFm" method="post" name="hrefFm"><span></span><input hidden type="submit"/></form>	</section>

	<footer id="footer" role="contentinfo">
		<p class="powered-by">
			Powered By <a href="http://www.liferay.com" rel="external">Liferay</a>
		</p>
	</footer>
</div>
























































	

	





	



	









	

	





	



	











<script type="text/javascript">
// <![CDATA[

	
		

			

			
		
	

	Liferay.BrowserSelectors.run();

// ]]>
</script>

















<script type="text/javascript">
	// <![CDATA[

		

		Liferay.currentURL = '\x2fportal\x2fweb\x2ftaiping';
		Liferay.currentURLEncoded = '\x252Fportal\x252Fweb\x252Ftaiping';

	// ]]>
</script>



	

	

	<script type="text/javascript">
		// <![CDATA[
			
				

				
			
		// ]]>
	</script>












	

	

		

		
	


<script type="text/javascript">
// <![CDATA[
(function() {var $ = AUI.$;var _ = AUI._;
	var onShare = function(data) {
		if (window.Analytics) {
			Analytics.send(
				'shared',
				'SocialBookmarks',
				{
					className: data.className,
					classPK: data.classPK,
					type: data.type,
					url: data.url
				}
			);
		}
	}

	var onDestroyPortlet = function() {
		Liferay.detach('socialBookmarks:share', onShare);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	}

	Liferay.on('socialBookmarks:share', onShare);
	Liferay.on('destroyPortlet', onDestroyPortlet);
})();(function() {var $ = AUI.$;var _ = AUI._;
	var pathnameRegexp = /\/documents\/(\d+)\/(\d+)\/(.+?)\/([^&]+)/;

	function handleDownloadClick(event) {
		if (event.target.nodeName.toLowerCase() === 'a') {
			if (window.Analytics) {
				var anchor = event.target;
				var match = pathnameRegexp.exec(anchor.pathname);

				if (match) {
					var getParameterValue = function(parameterName) {
						var result = null;
						var tmp = [];

						anchor
							.search
							.substr(1)
							.split("&")
							.forEach(
								function(item) {
									tmp = item.split("=");
									if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
								}
							);
						return result;
					}

					var groupId = match[1];
					var fileEntryUUID = match[4];

					fetch(
						'https://ptg.perak.gov.my/o/document_library/analytics/resolve_file_entry?groupId=' + encodeURIComponent(groupId) + '&uuid=' + encodeURIComponent(fileEntryUUID),
						{
							credentials: 'include',
							method: 'GET'
						}
					).then(function(response) {
						return response.json();
					}).then(function(response) {
						Analytics.send(
							'documentDownloaded',
							'Document',
							{
								groupId: groupId,
								fileEntryId: response.fileEntryId,
								preview: !!window._com_liferay_document_library_analytics_isViewFileEntry,
								title: decodeURIComponent(match[3].replace(/\+/ig, ' ')),
								version: getParameterValue('version')
							}
						);
					}).catch(function() {
						return;
					});
				}
			}
		}
	}

	document.body.addEventListener('click', handleDownloadClick);

	var onDestroyPortlet = function() {
		document.body.removeEventListener('click', handleDownloadClick);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	}

	Liferay.on('destroyPortlet', onDestroyPortlet);
})();(function() {var $ = AUI.$;var _ = AUI._;
	var onDestroyPortlet = function() {
		Liferay.detach('messagePosted', onMessagePosted);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	}

	Liferay.on('destroyPortlet', onDestroyPortlet);

	var onMessagePosted = function(event) {
		if (window.Analytics) {
			Analytics.send(
				'posted',
				'Comment',
				{
					className: event.className,
					classPK: event.classPK,
					commentId: event.commentId,
					text: event.text
				}
			);
		}
	}

	Liferay.on('messagePosted', onMessagePosted);
})();(function() {var $ = AUI.$;var _ = AUI._;
	var onVote = function(event) {
		if (window.Analytics) {
			Analytics.send(
				'VOTE',
				'Ratings',
				{
					className: event.className,
					classPK: event.classPK,
					ratingType: event.ratingType,
					score: event.score
				}
			);
		}
	}

	var onDestroyPortlet = function() {
		Liferay.detach('ratings:vote', onVote);
		Liferay.detach('destroyPortlet', onDestroyPortlet);
	}

	Liferay.on('ratings:vote', onVote);
	Liferay.on('destroyPortlet', onDestroyPortlet);
})();
	if (Liferay.Data.ICONS_INLINE_SVG) {
		svg4everybody(
			{
				attributeName: 'data-href',
				polyfill: true
			}
		);
	}

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cAjbrxmKQbvS');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 3,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cAjbrxmKQbvS_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cAjbrxmKQbvS',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_cAjbrxmKQbvS\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d3\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_veib4f9hEVMO');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 0,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_veib4f9hEVMO_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_veib4f9hEVMO',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_veib4f9hEVMO\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d0\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_yjksnVYzwaCx');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 4,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_yjksnVYzwaCx_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_yjksnVYzwaCx',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_yjksnVYzwaCx\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d4\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_au0bLtfkh34C');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 8,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_au0bLtfkh34C_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_au0bLtfkh34C',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_au0bLtfkh34C\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d8\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_8zsBNEmA1Jt3');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 5,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_8zsBNEmA1Jt3_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_8zsBNEmA1Jt3',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_8zsBNEmA1Jt3\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d5\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_v9TIoAA31DU8');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 9,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_v9TIoAA31DU8_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_v9TIoAA31DU8',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_v9TIoAA31DU8\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d9\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_gTquZVEamMpS');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 2,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_gTquZVEamMpS_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_gTquZVEamMpS',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_gTquZVEamMpS\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d2\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_K10GmS5gR6bG');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 6,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_K10GmS5gR6bG_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_K10GmS5gR6bG',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_K10GmS5gR6bG\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d6\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_GKna6QLAnGp9');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 1,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_GKna6QLAnGp9_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_GKna6QLAnGp9',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_GKna6QLAnGp9\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d1\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);

	
		Liferay.Portlet.register('com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_2V6GSRC3yrt6');
	

	Liferay.Portlet.onLoad(
		{
			canEditTitle: false,
			columnPos: 7,
			isStatic: 'end',
			namespacedId: 'p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_2V6GSRC3yrt6_',
			portletId: 'com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_2V6GSRC3yrt6',
			refreshURL: '\x2fportal\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d1267\x26p_p_id\x3dcom_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_2V6GSRC3yrt6\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dcolumn-1\x26p_p_col_pos\x3d7\x26p_p_col_count\x3d10\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fportal\x252Fweb\x252Ftaiping',
			refreshURLData: {}
		}
	);
Liferay.Loader.require('metal-dom/src/all/dom', 'clay-tooltip/src/ClayTooltip', function(metalDomSrcAllDom, clayTooltipSrcClayTooltip) {
(function(){
var dom = metalDomSrcAllDom;
var ClayTooltip = clayTooltipSrcClayTooltip;
(function() {var $ = AUI.$;var _ = AUI._;
	var focusInPortletHandler = dom.delegate(
		document,
		'focusin',
		'.portlet',
		function(event) {
			dom.addClasses(dom.closest(event.delegateTarget, '.portlet'), 'open');
		}
	);

	var focusOutPortletHandler = dom.delegate(
		document,
		'focusout',
		'.portlet',
		function(event) {
			dom.removeClasses(dom.closest(event.delegateTarget, '.portlet'), 'open');
		}
	);
})();(function() {var $ = AUI.$;var _ = AUI._;
	if (!Liferay.Data.LFR_PORTAL_CLAY_TOOLTIP) {
		Liferay.Data.LFR_PORTAL_CLAY_TOOLTIP = ClayTooltip.default.init(
			{
				selectors: [
					'.manage-collaborators-dialog .lexicon-icon[data-title]:not(.lfr-portal-tooltip)',
					'.manage-collaborators-dialog .lexicon-icon[title]:not(.lfr-portal-tooltip)',
					'.management-bar [data-title]:not(.lfr-portal-tooltip)',
					'.management-bar [title]:not(.lfr-portal-tooltip)',
					'.preview-toolbar-container [data-title]:not(.lfr-portal-tooltip)',
					'.preview-toolbar-container [title]:not(.lfr-portal-tooltip)',
					'.taglib-discussion [data-title]:not(.lfr-portal-tooltip)',
					'.taglib-discussion [title]:not(.lfr-portal-tooltip):not([title=""])',
					'.upper-tbar [data-title]:not(.lfr-portal-tooltip)',
					'.upper-tbar [title]:not(.lfr-portal-tooltip)'
				]
			}
		);
	}
})();})();
});AUI().use('aui-tooltip', 'liferay-menu', 'liferay-notice', 'aui-base', 'liferay-session', 'liferay-poller', function(A) {(function() {var $ = AUI.$;var _ = AUI._;
	if (A.UA.mobile) {
		Liferay.Util.addInputCancel();
	}
})();(function() {var $ = AUI.$;var _ = AUI._;
	if (!Liferay.Data.LFR_PORTAL_TOOLTIP) {
		var triggerShowEvent = ['mouseenter', 'MSPointerDown', 'touchstart'];

		if (A.UA.ios) {
			triggerShowEvent = ['touchstart'];
		}

		Liferay.Data.LFR_PORTAL_TOOLTIP = new A.TooltipDelegate(
			{
				constrain: true,
				opacity: 1,
				trigger: '.lfr-portal-tooltip',
				triggerHideEvent: ['click', 'mouseleave', 'MSPointerUp', 'touchend'],
				triggerShowEvent: triggerShowEvent,
				visible: false,
				zIndex: Liferay.zIndex.TOOLTIP
			}
		);

		Liferay.on(
			'beforeNavigate',
			function(event) {
				Liferay.Data.LFR_PORTAL_TOOLTIP.getTooltip().hide();
			}
		);
	}
})();(function() {var $ = AUI.$;var _ = AUI._;
	new Liferay.Menu();

	var liferayNotices = Liferay.Data.notices;

	for (var i = 1; i < liferayNotices.length; i++) {
		new Liferay.Notice(liferayNotices[i]);
	}

	
})();(function() {var $ = AUI.$;var _ = AUI._;
			Liferay.Session = new Liferay.SessionBase(
				{
					autoExtend: true,
					redirectOnExpire: false,
					redirectUrl: 'https\x3a\x2f\x2fptg\x2eperak\x2egov\x2emy\x2fportal\x2fweb\x2fguest',
					sessionLength: 1790,
					warningLength: 0
				}
			);

			
		})();});
// ]]>
</script>









<script src="https://ptg.perak.gov.my/portal/o/etanah-perak-theme/js/main.js?browserId=other&amp;minifierType=js&amp;languageId=ms_MY&amp;b=7210&amp;t=1617864287918" type="text/javascript"></script>




<script type="text/javascript">
	// <![CDATA[
		AUI().use(
			'aui-base',
			function(A) {
				var frameElement = window.frameElement;

				if (frameElement && frameElement.getAttribute('id') === 'simulationDeviceIframe') {
					A.getBody().addClass('lfr-has-simulation-panel');
				}
			}
		);
	// ]]>
</script>
</body>

</html>

