Alumni Relations Office - City University of Hong Kong

<!DOCTYPE html> <html lang="en">  <head> <meta charset="utf-8" />  <title>Alumni Relations Office - City University of Hong Kong</title>   <meta name="author" content="Alumni Relations Office - City University of Hong Kong" /> <meta name="description" content="The Alumni Relations Office (ARO) of City University of Hong Kong (CityU) strives to unite alumni to support University development." /> <meta name="keywords" content="cityu alumni, cityu graduate, cityu 畢業生, 城大校友, famous alumni, CityU ARO" /> <meta name="robots" content="index, follow" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />   <link rel="shortcut icon" href="//www.cityu.edu.hk/favicon.ico" />   <link rel="stylesheet" type="text/css" href="//template.cityu.edu.hk/template/css/cityu.base.css" /> <link rel="stylesheet" type="text/css" href="//template.cityu.edu.hk/template/css/jquery.ddsmoothmenu.css" /> <link rel="stylesheet" type="text/css" href="//template.cityu.edu.hk/template/css/jquery.nivo.slider.css" /> <link rel="stylesheet" type="text/css" href="/aro/main/css/cityu.base.custom.css" />   <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/jquery.min.js"></script> <script type="text/javascript" src="/aro/main/js/cityu.base.config.js"></script> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/cityu.base.js"></script> <script type="text/javascript" src="/aro/main/js/swfobject.js"></script> <script type="text/javascript" src="/aro/main/js/common.js"></script> <script type="text/javascript" src="/aro/main/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript" src="/aro/main/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>   <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/ddsmoothmenu/jquery.ddsmoothmenu.js"> // Smooth Navigational Menu - (c) Dynamic Drive DHTML code library (www.dynamicdrive.com). // This notice MUST stay intact for legal use. // Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code. </script> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/ddsmoothmenu/jquery.ddsmoothmenu.ready.js"></script> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/nivo.slider/jquery.nivo.slider.js"></script> <script type="text/javascript" src="//template.cityu.edu.hk/template/js/jquery/nivo.slider/jquery.nivo.slider.ready.js"></script>   <script type="text/javascript"> if(window.location.protocol != 'https:') { location.href = location.href.replace("http://", "https://"); } </script>  <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-12421180-3', 'auto'); ga('send', 'pageview'); </script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '633551937187353'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=633551937187353&ev=PageView &noscript=1"/> </noscript>   <script type="text/javascript"> function kapat() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab1() { $("#tab1").show("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab2() { $("#tab1").hide("slow"); $("#tab2").show("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab3() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").show("slow"); $("#tab4").hide("slow"); } function tab4() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").show("slow"); } </script>  <style> .photo { position: relative; width: 350px; height: 250px; float:left; } .photo img { background: #fff; border: solid 1px #ccc; padding: 4px; } .photo span { width: 20px; height: 18px; display: block; position: absolute; top: 12px; left: 12px; } .photo a { text-decoration: none; } .sample1 span { width: 350px; height: 250px; display: block; position: absolute; top: -5px; left: -5px; background: url(http://www.cityu.edu.hk/aro/main/caring/images/cut-corner.png) no-repeat; }</style>  <script type="text/javascript"> function kapat() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab1() { $("#tab1").show("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab2() { $("#tab1").hide("slow"); $("#tab2").show("slow"); $("#tab3").hide("slow"); $("#tab4").hide("slow"); } function tab3() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").show("slow"); $("#tab4").hide("slow"); } function tab4() { $("#tab1").hide("slow"); $("#tab2").hide("slow"); $("#tab3").hide("slow"); $("#tab4").show("slow"); } </script> <style> /* Scroller Box */ #scroller_container { position: relative; width: 200px; height: 380px; margin-left:8px; overflow: hidden; float:right; } #scroller p { padding: 0; } </style>  <style> #gallery { position:relative; height:350px } #gallery a { float:left; position:absolute; } #gallery a img { border:none; } #gallery a.show { z-index:500 } #gallery .caption { z-index:600; background-color:#000; color:#ffffff; height:60px; width:100%; position:absolute; bottom:0; } #gallery .caption .content { margin:5px } #gallery .caption .content h3 { margin:0; padding:0; color:#1DCCEF; } .clear { clear:both } </style>  </head>   <body class="cityu-logo-L cityu-dept cityu-layout-home cityu-bgtheme-00 cityu-navtheme-00">   <link rel="stylesheet" type="text/css" href="/aro/main/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <script type="text/javascript"> $(document).ready(function() { $(".video").fancybox({ 'width' : 640, 'height' : 440, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); $(".chinese").fancybox({ 'width' : 820, 'height' : 610, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); $(".pdesk2").fancybox({ 'width' : 1000, 'height' : 700, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); }); </script>  <div id="cityu-header" class="cityu-outer logo-2019"> <div class="cityu-inner">  <div id="cityu-header-global">  <div class="cityu-skiplink"> <a href="#cityu-nav">Skip to navigation</a> </div> <div class="cityu-skiplink"> <a href="#cityu-content">Skip to content</a> </div>   <div id="cityu-header-toolbar">  <div id="cityu-header-links"> </div>   <div id="cityu-header-search"> <form method="get" action="https://www.cityu.edu.hk/cityusearch"> <fieldset> <legend class="cityu-hidden">Search</legend> <div class="cityu-search-text-wrapper"> <input id="cityu-search-text" type="text" name="q" placeholder="Search ARO" /> <input class="cityu-search-button" type="submit" value="" /> <input type="hidden" name="site" value="ARO"> </div> </fieldset> </form> </div>   <div id="cityu-header-lang"> · <a class="chinese" href="/aro/main/chinese/index.html">繁體</a> · <a class="chinese" href="/aro/main/chinese/index_sc.html">简体</a> </div>  </div>  </div>  <div id="cityu-header-local"> <div id="cityu-desktop-cityulogo"> <a href="https://www.cityu.edu.hk/aro"><img src="//template.cityu.edu.hk/template/logo/aro/aro_logo_eng_cmyk.svg" alt="Alumni Relations Office"></a> </div> <div id="cityu-mobile-cityulogo"> <a href="http://www.cityu.edu.hk"> <img src="//template.cityu.edu.hk/template/img/logos/cityu_deptpage.png" alt="City University of Hong Kong"> </a> </div> <div id="cityu-header-deptnames"> <div class="cityu-wrapper cityu-fontsize-L"> <div id="cityu-header-deptname"> <a href="http://www.cityu.edu.hk/aro">Alumni Relations Office</a> </div> </div> </div> </div> </div> </div>   <div id="cityu-nav" class="cityu-outer"> <div class="cityu-inner">  <div id="cityu-nav-list" class="ddsmoothmenu"> <ul class="cityu-showindicator cityu-fontsize-S"> <li class="cityu-icon-home"><a class="active" href="/aro/main/index.htm"><div title="Home"></div></a></li> <li><a href="#">About ARO</a> <ul> <li><a href="/aro/main/about/mcf.htm">Mission & Core Functions</a></li> <li><a href="/aro/main/about/contact.htm">Staff Directory</a></li> </ul> </li> <li><a href="#">Events</a> <ul> <li><a href="/aro/main/events/upcomingevents.htm">Upcoming Events</a></li> <li><a href="/aro/main/events/pastevents.htm">Past Event Highlights</a></li> <li><a href="https://www.cityu.edu.hk/aro/main/events/alumni_awards.htm">Alumni Awards</a></li>  </ul> </li> <li class="cityu-multiline-2"><a href="#">Services & <br />Benefits</a> <ul> <li><a href="/aro/main/benefits/oncampus.htm">On-Campus</a></li> <li><a href="/aro/main/benefits/offcampus.htm">Off-Campus</a></li> <li><a href="/aro/alumnicard/index.html">Alumni Card</a></li> <li><a href="/aro/main/benefits/creditcard.htm">CityU Credit Card</a></li> <li><a href="/aro/main/benefits/newgraduates.htm">New Graduates</a></li> </ul> </li> <li><a href="#">Communication</a> <ul>  <li><a href="/aro/main/communication/CityAlumNet.htm">City AlumNet (Annual Publication)</a></li> <li><a href="/aro/main/communication/ClassNotes.htm">Class Notes</a></li> <li><a href="/aro/main/communication/AlumniColumns.htm">Alumni Columns</a></li> <li><a href="/aro/main/communication/alumniexpress.htm">AlumExpress</a></li> <li><a href="/aro/main/communication/from_president.htm">From the President</a></li> <li><a href="https://aro.cityu.edu.hk/apps2/story/">Alumni Spotlight and Digital Footprint</a></li><li><a href="/aro/main/communication/AlumUpdate.htm">Contact Update</a> </li> <li><a href="https://www.facebook.com/cityualumni/" target="blank">Facebook Fan Page</a></li> <li><a href="https://www.instagram.com/cityuhkalumni/" target="blank">Instagram Fan Page</a></li> <li><a href=" https://www.linkedin.com/company/cityuhk-alumni/" target="blank">LinkedIn Page</a></li> <li><a href="/aro/main/communication/eNewsletter.htm">Publications from Offices, Colleges and Schools</a></li> </ul> </li> <li class="cityu-multiline-2"><a href="#">Alumni <br />Groups</a> <ul> <li><a href="/aro/main/group/convocation.htm">Convocation</a></li> <li><a href="/aro/main/group/associations.htm">Alumni Associations</a></li> <li><a href="/aro/main/group/network.htm">Alumni Networks</a></li> </ul> </li> <li class="cityu-multiline-2"><a href="#">Alumni Ambassador <br />Scheme</a> <ul> <li><a href="/aro/main/caring/intro.htm">Introduction</a></li> <li><a href="/aro/main/caring/advisor.htm">Board of Advisors</a></li> <li><a href="/aro/main/caring/city_of_stars.htm">Video Series</a></li>  <li><a href="/aro/main/caring/story.htm">Our Alumni Ambassadors</a></li> <li><a href="/aro/main/caring/mentor.htm">Alumni Mentoring Programmes</a></li> <li><a href="/aro/main/caring/highlight.htm">Activity Highlights</a></li> </ul> </li> <li><a href="#">Giving</a> <ul> <li><a href="https://aro.cityu.edu.hk/agc/">Alumni Giving Club</a></li> <li><a href="https://www.cityu.edu.hk/staffgivingclub/en/">Staff and Sowers Giving Club</a></li> </ul> </li> <li><a href="#">Job Net</a> <ul> <li><a href="/aro/main/job/intro.htm">Introduction</a></li> <li><a href="/aro/main/job/job.htm">Job Opportunities</a></li> <li><a href="/aro/main/job/guide.htm">Career Guidance for New Graduates</a></li> </ul> </li> <li class="cityu-multiline-2"><a href="/aro/main/learning/">Alumni <br />Learning@CityUHK</a></li> </ul> </div>  </div> </div>   <style> .hp_content { margin: 10px 0px; } .hp_content h1 { font-size: 150%; border-bottom: 1px dotted #BF165E; } .hp_content_box { float: left; margin: 0px 10px 0px 15px; width: 290px; display: block; } .hp_content_box > .hp_content_subbox { margin-top: 30px; } .hp_content_box > .hp_content_subbox:first-child { margin-top: 0px; } .hp_media_item { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #DDDDDD; } .hp_media_title { color: #039; margin: 5px 0px; } .hp_media_staffname, .hp_media_dept { font-size: 85%; } .hp_media_press { font-size: 85%; margin-top: 15px } .hp_media_date { font-size: 85%; margin-bottom: 5px;} #cityu-content .hp_media_photo > img {width: 100%; max-width: 268px;} .hp_news_date { font-size: 85%; } .hp_news_item { margin-bottom: 30px; /* padding-bottom: 20px; border-bottom: 1px solid #CCCCCC;*/ } .hp_news_img { overflow: hidden; } .hp_news_img img { width: 100%; max-width: 270px; box-shadow: 6px 6px #888888; border:0;transition: all .2s ease-in-out; } .hp_news_img img:hover { transform: scale(1.2); opacity: 0.8; } .events-cal-wrapper { float: right; margin: 8px; padding-right: 8px; } .events-cal { text-align: center; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3); width: 30px; } .events-cal-month, .events-cal-date{ display: block; text-align: center; } .events-cal-month { margin-top: 5px; padding: 2px 2px; font-size: 60%; font-weight: 700; background-color: #BF065F; color: #FFF; font-weight: bold; text-transform: uppercase; line-height: 1.4; } .events-cal-date { font-size: 90%; padding: 2px 2px; color: #333; font-weight: 700; line-height: 1.2; } @media screen and (max-width: 900px) { .hp_content { padding: 0px 15px; } .hp_content_box { float: none; width: 100%; margin: 0px auto; } .hp_content_box > .hp_content_subbox:first-child { margin-top: 30px; } } .aroList li { margin-left:8px; list-style-image: url('//template.cityu.edu.hk/template/img/themes/default/bullet_dot_2.png'); } </style>  <div id="cityu-media" class="cityu-outer"> <div class="cityu-inner">   <div id="cityu-media-slider-wrapper" class="theme-default"> <div id="cityu-media-slider" class="nivoSlider">  <a href="https://aro.cityu.edu.hk/v2/album_homecoming2024.php"> <img src="https://aro.cityu.edu.hk/homecoming/homecoming2024/img/CardKey_VerC_share_700.png" width="700" height="350" alt="CityUHK Alumni Homecoming 2024" title="CityUHK Alumni Homecoming 2024"/></a> <a href="https://www.cityu.edu.hk/media/news/2024/10/07/alumni-shanghai-celebrate-30th-anniversary-cityuhk"> <img src="https://aro.cityu.edu.hk/file/2024/10/241003-1_shanghai.jpg" width="700" height="350" alt="Alumni in Shanghai celebrate the 30th Anniversary of CityUHK" title="Alumni in Shanghai celebrate the 30th Anniversary of CityUHK"/></a> <a href="https://www.cityu.edu.hk/media/news/2024/08/28/alumni-beijing-come-together-mark-30th-anniversary-cityuhk"> <img src="https://aro.cityu.edu.hk/file/2024/08/20240824_dinner.png" width="700" height="350" alt="CityUHK alumni reunion in Beijing" title="CityUHK alumni reunion in Beijing (24 Aug)"/></a> <a href="https://www.cityu.edu.hk/media/news/2024/08/21/alumni-singapore-gather-celebrate-cityuhks-30th-anniversary"> <img src="https://aro.cityu.edu.hk/file/2024/08/20240817_dinner.png" width="700" height="350" alt="CityUHK alumni reunion dinner at Singapore" title="CityUHK alumni reunion dinner at Singapore (17 Aug)"/></a> <a href="https://www.cityu.edu.hk/media/news/2024/06/03/alumni-reunion-dinner-celebrates-cityuhk-30th-anniversary"> <img src="https://aro.cityu.edu.hk/file/2024/05/20240531_dinner.jpg" width="700" height="350" alt="CityUHK alumni reunion dinner at Shenzhen" title="CityUHK alumni reunion dinner at Shenzhen (31 May)"/></a> <a href="https://www.cityu.edu.hk/cpro/eportal/CityU_Heroes/index.htm"> <img src="https://aro.cityu.edu.hk/file/2024/CityUHK_Heroes.png" width="700" height="350" alt="CityUHK Heroes" title="CityUHK Heroes"/></a>  <a href="https://www.cityu.edu.hk/aro/main/caring/city_of_stars.htm"> <img src="https://aro.cityu.edu.hk/file/2022/banner_cityuStar.jpg" width="700" height="350" alt="M21 x CityU Alumni Ambassadors Series — City of Stars" title="M21 x CityU Alumni Ambassadors Series — City of Stars"/></a> <a href="https://www.cityu.edu.hk/aro/ShowInfo.aspx?code=20240420_CLASS"> <img src="https://aro.cityu.edu.hk/file/2024/04/2024CLA.jpg" width="700" height="350" alt="CLA 2024" title="Welcome and Welcome Back: Class Ambassadors Gathering 2024"/></a>    <a href="https://aro.cityu.edu.hk/home/giving/ggc/"> <img src="https://aro.cityu.edu.hk/file/2018/ggc2018.png" alt="Celebrate Graduation with a Gift" title="Celebrate Graduation with a Gift"/></a>     <a href="https://aro.cityu.edu.hk/apps2/story/"> <img src="img/03.jpg" alt="Alumni Spotlight" title="Alumni Spotlight"/></a> </div> </div>   <div id="cityu-media-news" class="cityu-padding-none cityu-imagerow-3">  <map name="FPMap0"> <area href="https://wikisites.cityu.edu.hk/sites/president/default.aspx" shape="rect" coords="0, 0, 259, 62"> <area href="https://www.cityu.edu.hk/aro/main/communication/from_president.htm" shape="rect" coords="1, 64, 256, 119"> </map> <style> #testimonials{ background: url(https://www.cityu.edu.hk/aro/main/img/video-bg.png) 0 0 no-repeat; width: 260px; height: 120px; padding: 2px; } #testimonials li{ display:none; } #testimonials ul{ list-style:none; } #testimonials p.author{ color: #00ACEE; font-size: 16px; font-style: italic; text-align:left; margin-left:15px; } #testimonials p.author a, #testimonials p.author a:hover, #testimonials p.author a:visited{ color: #00ACEE; } blockquote { font-size: 20px; color:white; } </style> <script> $(function(){ var items = (Math.floor(Math.random() * ($('#testimonials li').length))); $('#testimonials li').hide().eq(items).show(); function next(){ $('#testimonials li:visible').delay(8000).fadeOut('slow',function(){ $(this).appendTo('#testimonials ul'); $('#testimonials li:first').fadeIn('slow',next); }); } next(); }); </script>  <div class="cityu-media-item"> <a href="https://www.cityu.edu.hk/aro/main/communication/from_president.htm"><img src="http://aro.cityu.edu.hk/file/2023/from_president_banner.jpg"></a> </div> <div class="cityu-media-item"> <a href="https://wikisites.cityu.edu.hk/sites/newscentre/en/Pages/inthenews.aspx"><img border="0" style="height: 50px" src="img/CityUnewsLogo.jpg"></a> <p style="padding-left:11px;padding-right:11px;background-image: url(img/CityUnews.jpg);text-align:justify;line-height:14px;width:238px;margin-top:-7px" > <script src="https://aro.cityu.edu.hk/apps/wordpress/wp-content/uploads/cityu-news.js"></script> <br><br> <span style="padding-left:192px;"><a href="https://newscentre.cityu.edu.hk/" style="color:navy; font-size:16px"><b>MORE</b></a></span> </p> </div> <div class="cityu-media-item"> <a href="https://www.cityu.edu.hk/aro/alumnistories/index.htm"><img src="/aro/alumnistories/img/spotlight2020.jpg"></a> </div>    </div>   </div> </div>   <div id="cityu-main" class="cityu-outer"> <div class="cityu-inner">  <div id="cityu-sidebar-2"> <div class="cityu-box"> <a href="https://www.cityu.edu.hk/aro/main/events/alumni_awards.htm"><img src="https://www.cityu.edu.hk/aro/main/events/alumni_awards/img/AlumAward.jpg"></a> <br/><br/> <a href="https://www.cityu.edu.hk/aro/main/communication/AlumUpdate.htm"><img src="https://www.cityu.edu.hk/aro/main/img/AlumniUpdate.jpg"></a> </div> <div class="cityu-box"> <div class="fb-page" data-href="https://www.facebook.com/cityualumni/" data-show-posts="true" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true"><blockquote cite="https://www.facebook.com/cityualumni/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/cityualumni/">CityU Alumni</a></blockquote></div> </div>  <div class="cityu-box" id="hp_pg"> <div class="cityu-box-header"> <img style="margin-bottom:-10px;" src="https://aro.cityu.edu.hk/img/icon/Favorite.png" width="40"> <b>Quick Links</b> </div> <div class="cityu-box-item"> <ul class="aroList"> <li><a target="_blank" href="#" onclick="openModal()">Ask Alumni Chatbot</a></li> <li><a target="_blank" href="https://banweb.cityu.edu.hk/pls/PROD/hwalpwdreset_cityu.main">Reset AIMS/Email Password</a></li> <li><a href="https://banweb.cityu.edu.hk/pls/PROD/hwalctnfem_cityu.main">Register AIMS/Email Account</a></li> <li><a href="https://banweb.cityu.edu.hk/pls/PROD/twgkpswd_cityu.P_WWWLogin">AIMS</a></li>  <li><a target="_blank" href="http://www.cityu.edu.hk/aro/main/info/faq.htm">FAQ for alumni</a></li> </ul> </div> </div>   <div class="cityu-box"> <div class="cityu-box-header"> <b>Stay Connected</b> </div> <div class="cityu-box-item"> <ul class="aroList"> <li><a href="https://www.cityu.edu.hk/aro/main/communication/AlumUpdate.htm">Contact Update</a> </li> <li><a href="https://www.cityu.edu.hk/aro/apps/cap_news/Show.aspx">CityUHK Announcement Portal for Alumni</a></li> </ul> </div> </div>   <div class="cityu-box"> <div class="cityu-box-header"> <b>Notice</b> </div> <div class="cityu-box-item"> <ul class="aroList"> <li v-for="grid in events2 | filterBy 'Announcement' in 'type'"><a href="{{grid.url}}">{{{grid.name}}}</a></li> </ul> </div> </div>  </div>  <div id="cityu-content"> <div class="cityu-content-page">  <div class="hp_content_box"> <div class="hp_content_subbox" id="hp_news"> <h1><img style="margin-bottom:-10px;" src="https://aro.cityu.edu.hk/img/icon/Chat2.png" width="40"> News</h1> <img src="https://aro.cityu.edu.hk/apps2/story/loading.gif" id="loadingIMG2"> <div class="hp_news_item" v-for="grid in events2 | filterBy 'news' in 'type'"> <div class="hp_news_img"> <a href="{{ grid.url }}"><img :src="grid.image" width="270" alt="" /></a> </div> <div class="hp_news_date"> {{ grid.fulldate }} </div> <div class="hp_news_title"> <a href="{{ grid.url }}">{{{ grid.name }}}</a> </div> </div> </div> </div> <div class="hp_content_box"> <div class="hp_content_subbox" id="hp_news"> <h1><img style="margin-bottom:-10px;" src="https://aro.cityu.edu.hk/img/icon/Calendar.png" width="40"> Events</h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.14/vue.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/0.7.0/vue-resource.js"></script> <img src="https://aro.cityu.edu.hk/apps2/story/loading.gif" id="loadingIMG"> <div class="hp_news_item" v-for="grid in events2 | filterBy 'Events' in 'type'"> <div class="hp_news_img"> <a href="{{ grid.url }}"><img :src="grid.image" width="270" alt="" /></a> </div> <div class="hp_news_date"> {{ grid.fulldate }} </div> <div class="hp_news_title"> <a href="{{ grid.url }}">{{{ grid.name }}}</a> </div> </div> <div class="hp_media_item" v-for="grid in events | limitBy 3"> <div class="events-cal-wrapper"> <div class="events-cal"> <div class="events-cal-month"><span id="listview_events_lb_cal_month_0">{{ grid.month }}</span></div> <div class="events-cal-date"><span id="listview_events_lb_cal_day_0">{{ grid.range }}</span></div> </div> </div> <div class="hp_media_title"> <a id="listview_news_link_title_1" href="{{ grid.url }}" target="_blank"><span id="listview_news_lb_title_1">{{ grid.name }}</span></a> </div> <div class="hp_media_staffname"> <span id="listview_news_lb_faculty_1">{{ grid.openning }}</span> </div> <div class="hp_media_dept"> <span id="listview_news_lb_dept_1">{{ grid.organizer }}</span> </div> </div> <script> new Vue({ el: '#cityu-main', data: { events: [], events2:[] }, ready: function() { // When the application loads, we want to call the method that initializes // some data this.fetchEvents(); this.fetchEvents2(); }, // Methods we want to use in our application are registered here methods: { // We dedicate a method to retrieving and setting some data fetchEvents: function() { this.$http.jsonp({ url: 'https://www.cityu.edu.hk/aro/apps/web_json/Uevent_json.ashx', method: 'GET' }).then(function(response) { console.log(response.data.events); if (response.data.events === undefined) { document.getElementById("loadingIMG").style.display = "none"; } else { this.$set('events', response.data.events) document.getElementById("loadingIMG").style.display = "none"; } }, function(response) { this.$set('error', true) }); }, fetchEvents2: function() { this.$http.jsonp({ url: 'https://www.cityu.edu.hk/aro/apps/web_json/News.ashx', method: 'GET' }).then(function(response) { //alert(response.data.companies); this.$set('events2', response.data.news) document.getElementById("loadingIMG2").style.display = "none"; }, function(response) { this.$set('error', true) }); }, } }) </script> </div> <div class="hp_content_subbox" id="hp_pg"> <h1><img style="margin-bottom:-10px;" src="https://aro.cityu.edu.hk/img/icon/Favorite.png" width="40">HK Tech 300</h1> <div class="hp_news_item"> <div class="hp_news_img"> <a href="https://www.cityu.edu.hk/hktech300/"><img width="270" alt="" src="https://aro.cityu.edu.hk/alumni-express/202112/2249b219-a60d-75b0-d85b-b76dbca53ad4.jpg"></a> </div> <div class="hp_news_date"> 08 Nov 2024</div> <div class="hp_news_title"> <a href="https://www.cityu.edu.hk/hktech300/media/latest-news/cityuhk-hk-tech-300-outstanding-entrepreneurship-projects-venturing-futian ">CityUHK HK Tech 300 Outstanding Entrepreneurship Projects "Venturing into Futian" successfully held</a> </div><hr> <div class="hp_news_date"> 24 Oct 2024</div> <div class="hp_news_title"> <a href="https://www.cityu.edu.hk/hktech300/media/latest-news/cityuhk-academy-innovation-launches-inaugural-masters-programme-students-eligible ">CityUHK Academy of Innovation Launches Inaugural Master’s Programme. Students Eligible for HK Tech 300 Seed Fund; Mentorship by Industry Leaders </a> </div><hr> <div class="hp_news_date">14 Oct 2024</div> <div class="hp_news_title"> <a href="https://www.cityu.edu.hk/hktech300/media/latest-news/cityuhk-researchers-develop-next-generation-radiative-cooling-technology ">CityUHK researchers develop next-generation radiative cooling technology. Providing energy-free cooling materials to combat global warming</a> </div> <br/><br/> <div class="hp_news_title"> <a href="https://www.cityu.edu.hk/hktech300/media/latest-news">More...</a> </div><hr> </div> </div> <div class="hp_content_subbox" id="hp_pg"> <h1><img style="margin-bottom:-10px;" src="https://aro.cityu.edu.hk/img/icon/pen.png" width="40">Alumni Columns</h1> <div class="hp_news_item"> <div class="hp_news_img"> <a href="https://www.cityu.edu.hk/aro/main/communication/AlumniColumns.htm"><img width="270" alt="" src="https://www.cityu.edu.hk/aro/main/communication/img_columns/ac-pen.jpg"></a> </div> <div class="hp_news_date">22 Mar 2024</div> <div class="hp_news_title"> <a href="https://www1.hkej.com/dailynews/culture/article/3712931/%E5%AF%B5%E7%89%A9%E5%8F%8B%E5%96%84%E7%A9%BA%E9%96%93">寵物友善空間</a> </div><hr> <div class="hp_news_date">18 Mar 2024</div> <div class="hp_news_title"> <a href="https://www.hk01.com/%E7%A4%BE%E6%9C%83%E6%96%B0%E8%81%9E/1001168/%E8%99%9B%E6%93%AC%E8%88%87%E6%A8%A1%E6%93%AC%E9%86%AB%E9%99%A2%E5%8A%A9%E5%8A%A0%E5%BC%B7%E6%9C%8D%E5%8B%99%E5%8F%8A%E9%86%AB%E8%AD%B7%E5%9F%B9%E8%A8%93-%E6%8F%90%E5%8D%87%E6%95%B4%E9%AB%94%E9%86%AB%E7%99%82%E6%9C%8D%E5%8B%99%E6%B0%B4%E5%B9%B3">虛擬與模擬醫院助加強服務及醫護培訓　提升整體醫療服務水平</a> </div><hr> <div class="hp_news_date">15 Mar 2024</div> <div class="hp_news_title"> <a href="https://www1.hkej.com/dailynews/culture/article/3706441/%E6%85%88%E5%96%84%E8%B7%91">慈善跑</a> </div><hr> <div class="hp_news_date">26 Jan 2024</div> <div class="hp_news_title"> <a href="https://www.capital-hk.com/column/blogger_bobbyliu_20240126/">廖錦興：三十而立</a> </div><hr> <div class="hp_news_date">19 Jan 2024</div> <div class="hp_news_title"> <a href="https://www1.hkej.com/dailynews/culture/article/3664578/%E8%8F%AF%E7%82%BA%E5%9F%BA%E5%9C%B0">華為基地</a> </div><hr> <div class="hp_news_date">25 Dec 2023</div> <div class="hp_news_title"> <a href="https://www.hk01.com/%E7%A4%BE%E6%9C%83%E6%96%B0%E8%81%9E/974667/%E6%9D%B1%E8%8E%9E-%E9%98%BF%E7%A7%92%E7%A7%91%E5%AD%B8%E4%B8%AD%E5%BF%83-%E7%A0%94%E6%A5%B5%E7%9F%AD%E6%BF%80%E5%85%89%E8%84%88%E8%A1%9D-%E6%96%99%E5%8A%A9%E6%97%A5%E5%BE%8C%E8%87%A8%E5%BA%8A%E8%A8%BA%E6%96%B7%E6%9B%B4%E7%B2%BE%E7%A2%BA?itm_source=universal_search&itm_campaign=hk01&itm_content=all&itm_medium=web">東莞「阿秒科學中心」研極短激光脈衝　料助日後臨床診斷更精確</a> </div><hr> <div class="hp_news_date">1 Dec 2023</div> <div class="hp_news_title"> <a href="https://www1.hkej.com/dailynews/culture/article/3625000/%E5%B9%B4%E5%B0%91%E6%97%A5%E8%A8%98">年少日記</a> </div><hr> <div class="hp_news_date">1 Sep 2023</div> <div class="hp_news_title"> <a href="https://www1.hkej.com/dailynews/culture/article/3550272/%E5%9C%8B%E5%AF%B6">國寶</a> </div><hr> </div> </div> </div> </div> </div>  </div> </div>   <div id="cityu-footer" class="cityu-outer"> <div class="cityu-inner">  <div id="cityu-footer-nav-list"> <ul class="cityu-column-8"> <li class="cityu-icon-home"><a class="active" href="/aro/main/index.htm"><div title="Home"></div></a></li> <li><a href="#">About ARO</a> <ul> <li><a href="/aro/main/about/mcf.htm">Mission & Core Functions</a></li> <li><a href="/aro/main/about/contact.htm">Staff Directory</a></li> </ul> </li> <li><a href="#">Events</a> <ul> <li><a href="/aro/main/events/upcomingevents.htm">Upcoming Events</a></li> <li><a href="/aro/main/events/30th_anniversary_events_for_alumni.htm">30th Anniversary Events for Alumni</a></li> <li><a href="https://www.cityu.edu.hk/aro/main/events/alumni_awards.htm">Alumni Awards</a></li> <li><a href="https://aro.cityu.edu.hk/home/caring/sports/">We Care for CityU Sports</a></li> <li><a href="/aro/main/events/pastevents.htm">Past Event Highlight</a></li> </ul> </li> <li class="cityu-multiline-2"><a href="#">Services & <br />Benefits</a> <ul> <li><a href="/aro/main/benefits/oncampus.htm">On-Campus</a></li> <li><a href="/aro/main/benefits/offcampus.htm">Off-Campus</a></li> <li><a href="/aro/main/benefits/creditcard.htm">CityU Credit Card</a></li> <li><a href="/aro/main/benefits/newgraduates.htm">New Graduates</a></li> </ul> </li> <li><a href="#">Communication</a> <ul>  <li><a href="/aro/main/communication/CityAlumNet.htm">City AlumNet (Annual Publication)</a></li> <li><a href="/aro/main/communication/ClassNotes.htm">Class Notes</a></li> <li><a href="/aro/main/communication/AlumniColumns.htm">Alumni Columns</a></li> <li><a href="/aro/main/communication/alumniexpress.htm">AlumExpress</a></li> <li><a href="/aro/main/communication/from_president.htm">From the President</a></li> <li><a href="https://aro.cityu.edu.hk/apps2/story/">Alumni Spotlight and Digital Footprint</a></li> <li><a href="/aro/main/communication/AlumUpdate.htm">Contact Update</a></li> <li><a href="http://www.facebook.com/cityualumni/">Facebook Fan Page</a></li> <li><a href="https://www.instagram.com/cityuhkalumni/" target="blank">Instagram Fan Page</a></li> <li><a href="https://www.linkedin.com/company/cityuhk-alumni/ " target="blank">LinkedIn Page</a></li> <li><a href="/aro/main/communication/eNewsletter.htm">Publications from Offices, Colleges and Schools</a></li> </ul> </li> <li><a href="#">Alumni Groups</a> <ul> <li><a href="/aro/main/group/convocation.htm">Convocation</a></li> <li><a href="/aro/main/group/associations.htm">Alumni Associations</a></li> <li><a href="/aro/main/group/network.htm">Alumni Networks</a></li> </ul> </li> <li><a href="#">Alumni Ambassador <br />Scheme</a> <ul> <li><a href="/aro/main/caring/intro.htm">Introduction</a></li> <li><a href="/aro/main/caring/advisor.htm">Board of Advisors</a></li> <li><a href="/aro/main/caring/city_of_stars.htm">Video Series</a></li> <li><a href="/aro/main/caring/story.htm">Our Alumni Ambassadors</a></li> <li><a href="/aro/main/caring/mentor.htm">Alumni Mentoring Programmes</a></li> <li><a href="/aro/main/caring/highlight.htm">Activity Highlights</a></li> </ul> </li> <li><a href="/aro/agc/">Alumni <br />Giving</a></li> <li><a href="#">Job Net</a> <ul> <li><a href="/aro/main/job/intro.htm">Introduction</a></li> <li><a href="/aro/main/job/job.htm">Job Opportunities</a></li> <li><a href="/aro/main/job/guide.htm">Career Guidance for New Graduates</a></li> </ul> </li> <li><a href="/aro/main/learning/">Alumni Learning@CityUHK</a></li> </ul> </div>  <hr />  <div id="cityu-footer-column"> <div id="cityu-footer-notes"> <a href="http://www.facebook.com/cityualumni/" target="_blank"><img src="https://www.cityu.edu.hk/aro/main/img/fb_icon.png" width="25px"></a>       <a href="https://www.instagram.com/cityuhkalumni/" target="_blank"><img src="https://www.cityu.edu.hk/aro/main/img/ig_icon.png" width="25px"></a>        <a href="https://www.linkedin.com/company/cityuhk-alumni/" target="_blank"><img src="https://www.cityu.edu.hk/aro/main/img/in_icon.png" width="25px"></a> </div></div> <div id="cityu-footer-column">  <div id="cityu-footer-notes">  <div id="cityu-footer-links"> <a href="http://www.cityu.edu.hk/cityu/geninfo/privacy.htm">Privacy Policy</a> · <a href="http://www.cityu.edu.hk/cityu/copyright/index.htm#copyright">Copyright</a> · <a href="/aro/main/disclaimer.htm">Disclaimer</a> · <a href="/aro/main/about/contact.htm">Contact Us</a> · <a href="http://en.wikipedia.org/wiki/List_of_PDF_software">Get PDF Reader</a> </div>   <div id="cityu-footer-credits"> © 2013 City University of Hong Kong. All Rights Reserved. </div>  </div>   <div id="cityu-footer-icons"> <a href="http://www.cityu.edu.hk/"><img src="//template.cityu.edu.hk/template/img/logos/cityu_footer.png" alt="City University of Hong Kong" /></a> </div>  </div>  </div> </div>   <div class="content"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <style type="text/css">/* */ .t-back-to-top { bottom: 60px; } .chatbot-button-wrapper { position: fixed; right: 60px; bottom: 6px; z-index: 990; transition: bottom 0.8s ease; } .chatbot-button { width: 48px; height: 48px; padding: 6px; border: 0; border-radius: 50%; background: #CC0000; transition: background 0.4s ease; color: #fff; cursor: pointer; animation-name: pulse; animation-iteration-count: infinite; animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: both; } .chatbot-button img { width: 100%; height: auto; } .chatbot-button:hover { background: #990000; } .chatbot-button-hide { bottom: -54px; } .chatbot-modal { display: block; position: fixed; z-index: 1000; right: 10px; bottom: -610px; transition: bottom 0.8s ease; width: 450px; max-width: calc(100% - 20px); height: 600px; max-height: calc(100% - 20px); border: 1px solid rgba(0,0,0,.125); border-color: #c5c5c5; box-shadow: 0 0.05rem 0.5rem 0 rgba(115, 115, 115, 0.25); overflow: auto; } .chatbot-modal-active { bottom: 0px; } .chatbot-modal-content { padding: 0; border: 0; width: 100%; height: 100%; background-color: #fefefe; } .chatbot-modal-header { height: 24px; line-height: 24px; padding: 12px 20px; background: #990000; color: #fff; z-index: 1010; } .chatbot-modal-header img { width: 24px; height: 24px; margin-top: -4px; margin-right: 6px; } .chatbot-modal-header .close { color: #fff; float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: .5; } .chatbot-modal-body { width: 100%; height: calc(100% - 48px); overflow: hidden; } .chatbot-iframe { width: 100%; height: 100%; border: 0; } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } </style> <script> function openModal() { var modal = document.getElementById('chatBotModal'); var button = document.getElementById('chatBotButton'); if (!modal.classList.contains('chatbot-modal-opened')) { var iframe = document.getElementById('chatBotIframe'); var url = 'https://www.cityu.edu.hk/gpt-chatbot/alumni/alumni-chatbot/chat.htm?showitchatbox=1'; iframe.src = url; iframe.scrolling = 'no'; modal.classList.add('chatbot-modal-opened'); } button.classList.add('chatbot-button-hide'); modal.classList.add('chatbot-modal-active'); } function closeModal() { var modal = document.getElementById('chatBotModal'); var button = document.getElementById('chatBotButton'); // var iframe = document.getElementById('chatBotIframe'); // iframe.src = ''; // modal.style.display = 'none'; modal.classList.remove('chatbot-modal-active'); button.classList.remove('chatbot-button-hide'); } </script> <div class="chatbot-button-wrapper" id="chatBotButton"><button class="chatbot-button" onclick="openModal()"><img alt="Alumni ChatBot" src="https://www.cityu.edu.hk/aro/main/img/chat-dots.png"></button></div> <div class="chatbot-modal chatbot-modal-opened" id="chatBotModal"> <div class="chatbot-modal-content"> <div class="chatbot-modal-header">Alumni ChatBot<span class="close" onclick="closeModal()">×</span></div> <div class="chatbot-modal-body"><iframe class="chatbot-iframe" id="chatBotIframe" src="https://www.cityu.edu.hk/gpt-chatbot/alumni/alumni-chatbot/chat.htm?showitchatbox=1" scrolling="no"></iframe></div> </div> </div> </div> </div>  <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11&appId=136262266462709'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> </body> </html>

CINXE.COM

Alumni Relations Office - City University of Hong Kong