CINXE.COM
PCPD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en" dir="ltr"> <head> <META NAME="File" CONTENT="index.html"> <META NAME="Version" CONTENT="139"> <META NAME="CreateDate" CONTENT="2024-09-28"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>PCPD</title> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta name="keywords" content="Office of the Privacy Commissioner for Personal Data, Hong Kong"> <meta name="description" content="Office of the Privacy Commissioner for Personal Data, Hong Kong"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link id="styleSheet0" href="css/bootstrap.css" rel="stylesheet" media="screen" type="text/css"> <link id="styleSheet1" href="css/bsplus.css" rel="stylesheet" media="all" type="text/css"> <link id="styleSheet2" href="css/default.css" rel="stylesheet" media="screen" type="text/css"> <link id="styleSheet3" href="css/layout.css" rel="stylesheet" media="all" type="text/css"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script> <script type="text/javascript" src="js/respond.min.js"></script> <![endif]--> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/menu.js"></script> <script type="text/javascript" src="js/setting.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/function.js"></script> <!--<script type="text/javascript" src="js/s_code.js"></script>--> </head> <body id="page_bg"> <div id="skipwrapper"> <a name="skiptocontent" id="skiptocontent" href="#mainContentSkip" class="sr-only">Skip to content</a> <a name="top" id="top"></a> </div> <div id="wrap"> <div id="header" class="headerArea"> <div class="container"> <div class="mainMenu bs-example"> <div id="navbar-example" class="navbar navbar-static"> <div class="container-fluid"> <div class="navbar-header menuStylePhone visible-xs"> <script type="text/javascript">sxMenu();</script> </div> <div id="nav" class="primary collapse navbar-collapse bs-example-js-navbar-collapse"> <script type="text/javascript">smMenu();</script> </div> </div> </div> </div> <script type="text/javascript">createHeader();</script> <div class="headerTool"> <div class="row"> <script type="text/javascript">headerTool();</script> </div> </div> <div class="hidden-xs aaaMenu"> <script type="text/javascript">aaaMenu();</script> </div> <script type="text/javascript">pageTop();</script> </div> </div> <div class="bodyArea"> <div class="container"> <div class="leftMenu"><script type="text/javascript">lsMenu();</script></div> <div class="contentArea"> <a name="mainContentSkip" id="mainContentSkip"></a> <div class="mainHeader access"><h1>Main page of Office of the Privacy Commissioner for Personal Data</h1></div> <div id="mainContent" class="mainContent"> <!--Begin Content--> <style type="text/css"> #benefit img { display: none; } #desc div { display: none; }</style> <!---fancy box---><!--script type="text/javascript" src="fancybox/source/jquery.fancybox.js?v=2.1.5"></script> <link href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" rel="stylesheet" type="text/css"> <script type="text/javascript"> $(document).ready(function() { /* * Simple image gallery. Uses default settings */ $('.fancybox').fancybox(); /* * Different effects */ // Change title type, overlay closing speed $(".fancybox-effects-a").fancybox({ helpers: { title : { type : 'outside' }, overlay : { speedOut : 0 } } }); // Disable opening and closing animations, change title type $(".fancybox-effects-b").fancybox({ openEffect : 'none', closeEffect : 'none', helpers : { title : { type : 'over' } } }); // Set custom style, close if clicked, change title type and overlay color $(".fancybox-effects-c").fancybox({ wrapCSS : 'fancybox-custom', closeClick : true, openEffect : 'none', helpers : { title : { type : 'inside' }, overlay : { css : { 'background' : 'rgba(238,238,238,0.85)' } } } }); // Remove padding, set opening and closing animations, close if clicked and disable overlay $(".fancybox-effects-d").fancybox({ padding: 0, openEffect : 'elastic', openSpeed : 150, closeEffect : 'elastic', closeSpeed : 150, closeClick : true, helpers : { overlay : null } }); /* * Button helper. Disable animations, hide close button, change title type and content */ $('.fancybox-buttons').fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', closeBtn : false, helpers : { title : { type : 'inside' }, buttons : {} }, afterLoad : function() { this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); } }); /* * Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked */ $('.fancybox-thumbs').fancybox({ prevEffect : 'none', nextEffect : 'none', closeBtn : false, arrows : false, nextClick : true, helpers : { thumbs : { width : 50, height : 50 } } }); /* * Media helper. Group items, disable animations, hide arrows, enable media and button helpers. */ $('.fancybox-media') .attr('rel', 'media-gallery') .fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', arrows : false, helpers : { media : {}, buttons : {} } }); /* * Open manually */ $("#fancybox-manual-a").click(function() { $.fancybox.open('1_b.jpg'); }); $("#fancybox-manual-b").click(function() { $.fancybox.open({ href : 'iframe.html', type : 'iframe', padding : 5 }); }); $("#fancybox-manual-c").click(function() { $.fancybox.open([ { href : '1_b.jpg', title : 'My title' }, { href : '2_b.jpg', title : '2nd title' }, { href : '3_b.jpg' } ], { helpers : { thumbs : { width: 75, height: 50 } } }); }); }); $(document).ready(function () { $.fancybox({ 'width': '510px', 'height': '380px', 'autoScale': true, 'transitionIn': 'fade', 'transitionOut': 'fade', 'type': 'iframe', 'href': 'suspension_e.html', 'autoSize' : false }); }); </script--><!--end fancy box---><script type="text/javascript"> var $desc; var $imgs; var current = 0; var banner_data; var nextImage = function() { if (current >= $imgs.length) current = 0; $imgs.eq(current).fadeIn(function() { $(this).delay(6000).fadeOut('slow',nextImage); }) //$desc.eq(current).fadeIn(function() { // $(this).delay(6000).fadeOut('slow'); //}) current++; }; $(function(){ $("a.fifo").click(function(){ if($(this).next(".iso-text").css("display") !== "none"){ $(this).next(".iso-text").slideUp(); }else{ $(".iso-text").slideUp(); $(this).next(".iso-text").slideToggle(); } }); getBannerV2(); }); </script> <div class="row"> <div class="col-md-6 slideWidth"> <div class="deep1 deepBg"> <div id="benefit" style="text-align: center;"> </div> <div id="thumbnail" style="padding: 5px; text-align: center;"> </div> <!--div id="desc" style="padding: 0px 20px 10px;"> </div--></div> <br> <!--div style="padding-left:5px"> <video controls="" controlslist="nodownload" height="270" poster="english/doxxing/images/preview_criminal2.png" preload="" width="480"> <source src="english/doxxing/files/doxxing_criminal2.mp4" type="video/mp4"></source></video> </div--> <div> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="275.625" src="https://www.youtube.com/embed/7OyhLhI56Zc" title="YouTube video player" width="490"></iframe></div> </div> <div class="col-md-6" id="right_content" style="padding: 0px; background-color: rgb(249, 249, 249);"> <div style="margin-bottom: 15px;"> <div class="myHeader1"> What's New<a href="english/whatsnew/whatsnew.html?year=2024" style="float: right;" title="More What's New"><span class="subfont">More</span></a></div> <div class="Content listContent"> </div> </div> <div style="width: 100%; height: 5px; background-color: rgb(255, 255, 255);"> </div> <div class="row"> <div class="col-md-6"> <div class="myHeader1 bgJustice" style="margin-right: 20px;"> For Individuals</div> <div class="listContent listLeft"> <div style="padding-left:20pt"> <ul style="font-family: Georgia, Times New Roman, Times; font-weight: bold;"> <li> <a href="https://www.pcpd.org.hk/english/data_privacy_law/6_data_protection_principles/principles.html">Six Data Protection Principles</a></li> <li> <a href="english/doxxing/index.html">Doxxing Offences</a></li> <li> <a href="childrenprivacy/en/" rel="external">Children Privacy</a></li> <li> <a href="english/education_training/individuals/public_seminars/public_seminar.html">Introduction to the PDPO Seminar</a></li> <li> <a href="english/education_training/organisations/workshops/workshop.php">Professional Workshops</a></li> <li> <a href="https://www.pcpd.org.hk/minisite1/en/index.html" rel="external">Think Privacy! Be Smart Online</a></li> <li> <a href="https://www.pcpd.org.hk//english/resources_centre/publications/files/DAR_QnA_e.pdf" rel="external"><span class="dlPdf">Exercising Your Data Access Rights under the Ordinance</span></a></li> <!--li> <a href="https://www.pcpd.org.hk/elderly/en/index.html">Elderly Corner</a></li--><!--li> <a class="dlPdf" href="https://www.pcpd.org.hk/misc/booklets/computer_wisely_e/html/" rel="external" target="_blank">Using Computers and the Internet Wisely</a></li> <li> <a href="https://www.pcpd.org.hk/misc/booklets/leaflet_besmart_social_networks_e/html/index.html" target="_blank">Be Smart on Social Networks</a></li> <li> <a href="https://www.pcpd.org.hk/english/data_privacy_law/code_of_practices/files/ID_Leaflet_e.pdf" target="_blank">Your Identity Card Number and Your Privacy</a></li> <!--li> <a href="english/news_events/events_programmes/roadshow/index.html">Public Education Roadshow</a><br> <a href="english/news_events/events_programmes/university_campaign/arc_university.html">University Privacy Campaign</a></li--><!--li> <a href="english/resources_centre/faqs/faqs.html">Frequently Asked Questions</a></li--><!--li> <a href="english/resources_centre/response_topics/response_topics.html?year=0&targets=i&topics=0">Topic Guides</a></li--><!--li> <a href="english/complaints/how_complaint/complaint/complaint.html">Make a Complaint</a></li--> <li> <a href="english/legal_assistance/assistance.html">Legal Assistance</a></li> </ul> </div> </div> </div> <div class="vLink hidden-xs hidden-sm" style="display: none;"> <strong><strong> </strong></strong></div> <div class="col-md-6"> <div class="myHeader1 bgJustice"> For Organisations</div> <div class="listContent listRight"> <div style="padding-left:20pt"> <ul style="font-family: Georgia, Times New Roman, Times; font-weight: bold;"> <li> <a href="https://www.pcpd.org.hk/english/data_privacy_law/6_data_protection_principles/principles.html">Six Data Protection Principles</a></li> <li> <a href="english/enforcement/data_breach_notification/dbn.html">Data Breach Notification</a></li> <li> <a href="english/resources_centre/publications/files/PMP_guide_e.pdf" rel="external">Personal Data Privacy Management Programme (PMP)</a></li> <li> <a href="english/education_training/organisations/workshops/workshop.php">Professional Workshops</a></li> <!--li> <a href="https://www.pcpd.org.hk/spec_event/spec_event100_apply.php" target="_blank">Online Courses</a></li--> <li> <span style="color: rgb(255, 0, 0);"><a href="english/resources_centre/publications/files/guidance_ethical_e.pdf" rel="external">Ethical Development and Use of Artificial intelligence</a></span></li> <li> <a href="english/data_privacy_law/mainland_law/mainland_law.html">Personal Information Protection Law of the Mainland</a></li> <!--li> <a href="english/resources_centre/response_topics/response_topics.html?year=0&targets=o&topics=0">Topic Guides</a></li> <li> <a href="https://www.pcpd.org.hk/english/resources_centre/publications/files/Best_Practice_Guide_for_Mobile_App_Development_20151103.pdf" target="_blank"><span class="dlPdf">Mobile App Development </span></a></li--> <li> <a href="english/data_privacy_law/eu/eu.html"><span class="dlPdf">EU General Data Protection Regulation</span></a></li> </ul> </div> </div> </div> </div> </div> </div> <br> <br> <br type="_moz"> <!--End Content--> </div> </div> <div class="contentBottom"> <div class="row"> <script type="text/javascript">bottomContent();</script> </div> </div> </div> </div> <div id="footer" class="footerArea"> <div class="container"> <script type="text/javascript">createFooter();</script> </div> </div> </div> </body> </html>