Class of 2019 & 2020, let’s celebrate graduation together! (The event has ended)

發展及校友事務處 Class of 2019 & 2020, let’s celebrate graduation together! (The event has ended)
#ContentArea,.access{position:absolute;overflow:hidden;top:-500px;}Skip to content @media screen and (max-width: 980px) {*{border:auto;margin:auto;}} a { /*font-family: "Arial", "Helvetica", "sans-serif"; */}* { /*font-family: "Arial", "Helvetica", "sans-serif"; */}a:link { text-decoration: none; }a:active { }a:visited { text-decoration: none; }a:hover { text-decoration: underline; }.td_justify {text-align: justify;}.date { FONT-WEIGHT: normal; FONT-SIZE: 75%; FONT-STYLE: normal; TEXT-DECORATION: none}.content_title h5 { color:#0e3c6d; font-size:30px; font-weight:bold; margin-bottom:20px; font-family: "Arial", "Helvetica", "sans-serif"; }.content_title{ color:#0e3c6d; font-size:30px; font-weight:bold; margin-bottom:20px; display: inline-block; font-family: "Arial", "Helvetica", "sans-serif"; }#headContainer .bottom li p A img.homeimg{ margin: 0; padding: 0; right: auto; position: static;}#headContainer .bottom li.homebtn:hover{ background-repeat:no-repeat; background-position: 50% 95%; background-color:transparent; }.div-block-15 a{ word-break: initial; color: blue; } .programme-overview a{ word-break: initial; color: blue; } .ou-portal-content a{ word-break: initial; color: blue; } #pAbListContd a{ word-break: initial; color: blue; } function topMenuColor(col){ var lenArray = Array(); var brcntArray = Array(); var brcntArray2 = Array(); $('#topMenu > li').each(function (){ var next = $(this).children('ul'); lenArray.push($(this).children('p').children('a').text().length); brcntArray.push($("br", $(this).children('p').children('a')).length); brcntArray2.push($("br", $(this).children('p')).length); $(this).mouseenter( function () { if(next!=undefined){ next.css('display', 'block'); var seltm1 = $(this).children('p').children('a'); seltm1.css('color', col); var seltm2 = $(this).children('p'); seltm2.css('color', col); } }); $(this).mouseleave( function () { if(next!=undefined){ next.css('display', 'none'); var seltm1 = $(this).children('p').children('a'); seltm1.css('color', '#FFFFFF'); var seltm2 = $(this).children('p'); seltm2.css('color', '#FFFFFF'); } }); });}
<!--
The Open University of Hong Kong
-->
The Open University of Hong Kong<!-- The Open University of Hong Kong-->
#headContainer .middleBottom li.alwaysbk:hover{background-color:#f9eedb;background-image:url(http://www.ouhk.edu.hk/images/spacer.gif);} #headContainer .middleBottom li.alwaysbk a{color:#FFA500;text-decoration:none;} #headContainer .middleBottom li.alwaysbk a:hover{color:#FFA500;text-decoration:none;}
  • Prospective Students
  • Current Students
  • Alumni
  • Tutors
  • Staff
  • Media
  • #headContainer .bottom li ul ol li.itempad { list-style:none; color:#0e3c6d; float:none; text-align:left; margin:0 0 0 0; width:215px; height:15px; padding:5px 10px 0px 23px; margin-left:5px; margin-top:5px; margin-bottom:5px; border:0px solid; background-image:url(http://www.ouhk.edu.hk/images/2014_10/blue_dash.png); background-repeat:no-repeat; background-position:14px 10px; line-height:15px; }#headContainer .bottom{ width:100%; float:left; background-color:#64267F; color:#FFFFFF;}#headContainer .bottom li ul div{ float: left; background-image: url('http://www.ouhk.edu.hk/images/2014_10/tm_sprite.png'); background-repeat: no-repeat; background-position: 0 -90px; min-height:188px; width:266px;}#headContainer .bottom img.stdimg{margin: 0px 0px 0px 0px;padding: 0 0 0 0;position: static;} $(document).ready(function() { topMenuColor('#64267F'); });
    $(document).ready(function() { var active1 = false; var active2 = false; var active3 = false; function circleMenu(){ if($("body").hasClass("mask_opened")){ $("body").removeClass("mask_opened"); $("#window_mask").fadeOut(400); }else{ $("body").addClass("mask_opened"); $("#window_mask").fadeIn(400); } if (!active1) $('.menu-item1').css({ 'transform': 'translate(0px,55px)', 'background-color': '#0B2548' }); else $('.menu-item1').css({ 'transform': 'none', 'background-color': 'white' }); if (!active2) $('.menu-item2').css({ 'transform': 'translate(-42.5px,42.5px)', 'background-color': '#0B2548' }); else $('.menu-item2').css({ 'transform': 'none', 'background-color': 'white' }); if (!active3) $('.menu-item3').css({ 'transform': 'translate(-55px,0px)', 'background-color': '#0B2548' }); else $('.menu-item3').css({ 'transform': 'none', 'background-color': 'white' }); active1 = !active1; active2 = !active2; active3 = !active3; } $('.radial-menu').on('mousedown', function() { circleMenu(); }); $("#window_mask").click(function(){ circleMenu(); }); }); function Slider(iPrimary,iPage,iPause) { if($("#Slider").length>0) { $("#Slider").flexslider({ namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin selector: "ul > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril animation: "fade", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" reverse: false, //{NEW} Boolean: Reverse the animation direction animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide) slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 10000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds randomize: false, //Boolean: Randomize slide order fadeFirstSlide: true, //Boolean: Fade in the first slide when animation type is "fade" thumbCaptions: false, //Boolean: Whether or not to put captions on thumbnails when using the "thumbnails" controlNav. // Usability features pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering pauseInvisible: true, //{NEW} Boolean: Pause the slideshow when tab is invisible, resume when visible. Provides better UX, lower CPU usage. useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches // Primary Controls controlNav: iPage, //Boolean: Create navigation for paging control of each slide? Note: Leave true for manualControls usage directionNav: iPrimary, //Boolean: Create navigation for previous/next navigation? (true/false) prevText: "Previous", //String: Set the text for the "previous" directionNav item nextText: "Next", //String: Set the text for the "next" directionNav item // Secondary Navigation keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present. mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel pausePlay: iPause, //Boolean: Create pause/play dynamic element pauseText: "Pause", //String: Set the text for the "pause" pausePlay item playText: "Play", //String: Set the text for the "play" pausePlay item // Special properties controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found. manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care. asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider // Carousel Options itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. itemMargin: 0, //{NEW} Integer: Margin between carousel items. minItems: 1, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this. maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit. move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items. allowOneSlide: true, //{NEW} Boolean: Whether or not to allow a slider comprised of a single slide // Callback API start: function() { }, //Callback: function(slider) - Fires when the slider loads the first slide before: function() { }, //Callback: function(slider) - Fires asynchronously with each slider animation after: function() { }, //Callback: function(slider) - Fires after each slider animation completes end: function() { }, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) added: function() { }, //{NEW} Callback: function(slider) - Fires after a slide is added removed: function() { }, //{NEW} Callback: function(slider) - Fires after a slide is removed init: function() { } //{NEW} Callback: function(slider) - Fires after the slider is initially setup }); } } $(function(){ Slider(true,true,false); }) body#adminStyle1 #headContainerMobile #logo img { padding-top: 8px; margin-left: -10px; width: 230px;}@media only screen and (max-width: 567px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 12px; margin-left: -10px; width: 200px; }}@media only screen and (max-width: 510px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 16px; margin-left: -10px; width: 180px; }}@media only screen and (max-width: 479px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 18px; margin-left: -10px; width: 155px; }}@media only screen and (max-width: 410px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 20px; margin-left: -10px; width: 135px; }}@media only screen and (max-width: 374px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 22px; margin-left: -10px; width: 115px; }@media only screen and (max-width: 319px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 24px; margin-left: -10px; width: 90px; }@media only screen and (max-width: 269px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 30px; margin-left: 0px; width: 50px; }
    body#adminStyle1 #menuSlide #menuItem a{ word-break: initial; } #menuSlide{ z-index: 99999999 !important; } .bottom_item{ width: 16.667% !important; } @media screen and (max-width: 980px) { .b_icon_ig:before{ content: " "; background-size: 100% 100%; width: 30px; height: 30px; display: inline-block; background-image: url(/image/ig.svg); } }
    <!--

    The Open University of Hong Kong

    -->
    #news{float:left;margin-top:20px;width:236px;}#news>div{padding-bottom:15px;}#news>#news-student>#news-student-announcement{height:264px}#news>#news-student>div:first-child{font-weight:bold;background-color:#393939;color:#fff;padding:5px 10px;opacity:0.8;}#news>#news-student>div{background-color:#ccc;text-align:left;padding:5px 10px;opacity:0.8;}#news>#news-student>div>ul{list-style-type:none;padding:0;}#news>#news-student>div>ul>li{background:url("/images/2014_12/portal/black_right_arrow.png") no-repeat 0 3px;padding:0 0 12px 12px;}#news>#news-student>div>ul>li>a,#news>div span.more a{color:#000;}#news>#news-student>div span.more{padding-left:10px;background:url("/images/2014_12/portal/black_right_arrow.png") no-repeat 173px 3px;display:block;text-align:right;}#news>#news-login>div:first-child{font-weight:bold;background-color:#64267F;color:#fff;padding:5px 10px;opacity:1;}#news>#news-login>div:last-child{font-weight:bold;background-color:#64267F;color:#fff;padding:5px 10px;opacity:1;}#news>#news-login>div{background-color:#ccc;text-align:left;padding:5px 10px;opacity:0.8;}#news>#news-login>div>form>ul{list-style-type:none;padding:0;}#news>#news-login>div>form>ul:first-child{margin:10px 0 0 0;}#news>#news-login>div>form>ul>li{display:inline-block;}#news>#news-login>div>form>ul>li:first-child{width:65px;}#news>#news-login>div>form>ul>li>a{padding-left:5px;float:right;}#news>#news-update>div{font-weight:bold;background-color:#393939;color:#fff;padding:5px 10px;opacity:0.8;}#news>#news-update button{width:236px;background-color:transparent;border:none;cursor:pointer;padding:0;}#news>#news-update button#next{position:relative;}#news>#news-update ul#news-scroll{background-color:#ccc;text-align:left;padding:5px 10px;opacity:0.8;list-style-type:none;margin:0;margin-top:-3px;}#news>#news-update ul#news-scroll>li{padding:15px !important;border-bottom:1px solid #333;min-height:60px;}#news>#news-update ul#news-scroll>li:last-child{padding-bottom:15px;border:0;}#news>#news-update ul#news-scroll>li>img{float:left;padding-right:10px;padding-bottom:15px;}#news>#news-update ul#news-scroll>li>a{color:#000;}#news>#staff-notice>div:first-child{font-weight:bold;background-color:#393939;color:#fff;padding:5px 10px;opacity:0.8;}#news>#staff-notice>div{background-color:#ccc;text-align:left;padding:5px 10px;opacity:0.8;}#news>#staff-notice>div>ul{list-style-type:none;padding:0;}#news>#staff-notice>div>ul>li{background:url("/images/2014_12/portal/black_right_arrow.png") no-repeat 0 3px;padding:0 0 12px 12px;}#news>#staff-notice>div>ul>li>a,#news>div span.more a{color:#000;}#news>#staff-notice>div span.more{padding-left:10px;background:url("/images/2014_12/portal/black_right_arrow.png") no-repeat 173px 3px;display:block;text-align:right;}$(function(){ var nt_example1 = $('#news-scroll').newsTicker({ row_height: 80, max_rows: 3, duration: 4000, prevButton: $('#prev'), nextButton: $('#next') });}); var i = 0; function imageSubmit() { if(i == 0) { i = 1; document.IDPLogin.submit(); } return false; }
    Login to MyOUHK
    <!----><!-- --> <!-- -->
    • <!--
    • --> <!--
    • -->
    • <!---->
    • <!---->
    • <!--
    • --><!-- --><!--
    • -->
    <!-- -->
    .student_announcement_box{ display: block; width: 100% !important; } .student_announcement_box .box_title{ background: #525960; color: white; font-weight: bold;padding: 10px; font-size: 1.5rem; } .box_content_list_table{ width: 100%; padding: 10px; background: #bec5cd; } .box_content_list_table td{ font-size: 15px; max-width: 245px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 5px; } .table_right_arrow{ /*width: 67%;*/ } .box_content_list .more_btn{ width: 100% !important; display: block; text-align: right; background: #bec5cd; padding-right: 5px; padding-bottom: 5px; } .box_content_list .more_btn img{ display: inline-block; }
    <!--
    -->
    <!-- --> Class of 2019 & 2020, let's celebrate graduation together! (The event has ended)

    .style6 {font-family: Arial;font-size: 12pt;}.style67 { text-align: justify;}.style75 { color: #008080;}.style107 { line-height: 16pt; margin-top: 0; margin-bottom: 0;}.style108 { line-height: 16pt; font-family: Arial; margin-top: 0; margin-bottom: 0; text-align: justify;}.style113 { line-height: 16pt; margin-top: 0; margin-bottom: 0; text-align: justify;}.style114 { line-height: 16pt; margin-top: 0; margin-bottom: 0; text-align: justify; color: #F9682B; font-size: 13pt;}.style118 { border-width: 0;}.style123 { line-height: 16pt; font-size: 11pt; margin-top: 0; margin-bottom: 0;}.style124 { color: #F9682B;}

     

    Photo-taking on campus

    If you wish to come back to campus for photo-taking, please register online before you come back. All graduates and guests are requested to follow the precautionary measures on campus.

     

    Graduation decorations on campus

    Starting from mid-November, a range of graduation decorations has been set up on the Main Campus, Jockey Club Campus and the Jockey Club Institute of Healthcare by the Alumni Affairs Office. Besides, photo backdrops will be set up and various props will also be provided in the Multi-purpose Hall on Main Campus which will be open from 10am to 8pm from 29 November to 30 December.

     

    Campus photo-taking spots

     

    Remarks:
    The University reserves the right to take photos, video or recordings in other forms during the activity for all kinds of legal purpose without seeking further approval from applicants or making payments of any kind to them.

     

    Stay connected with OUHK

    As our valued members of the OUHK family, we cordially invite you to stay connected with us and keep track of the exclusive benefits for alumni, latest happenings and activities of the University and many more! Make sure to check out our Facebook page and provide us with your updated personal information by clicking here so you won’t miss any news from your alma mater.

     

    Organizer:  Alumni Affairs Office, Public Affairs Unit

    Enquiry:      2768 6381 / alumni@ouhk.edu.hk

     

    Maintained by: Public Affairs Unit ( pau@ouhk.edu.hk )
    Modified Date: Jan 14, 2021

    Accessibility | Privacy policies | Policy on Equal Opportunities | Terms and policies | Webmaster
    © 2021 by The Open University of Hong Kong. All Rights Reserved.
    Site Map Site map
    About OUHK
    President's Message
    Vision & Mission
    History
    Strategic Plan
    Governance & Organization
    Principal Officers
    Honorary Graduates & University Fellows
    Facts & Figures
    Publications
    Academics
    School of Arts and Social Sciences
    Lee Shau Kee School of Business and Administration
    School of Education and Languages
    School of Nursing and Health Studies
    School of Science and Technology
    Li Ka Shing School of Professional and Continuing Education (LiPACE)
    Administration
    Educational Technology and Development Unit
    Finance and Facilities Management Unit
    <!--Facilities Management Unit
    Finance Unit
    --> Human Resources Unit
    Information Technology Unit
    Library
    Mainland and International Affairs Office
    OUHK Shenzhen Office
    <!-- Office of Academic Supports
    --> Public Affairs Unit
    Quality Assurance Office
    Registry
    Research Office
    Student Affairs Office
    @media only screen and (max-width:979px){body#adminStyle1 #copyRightDT{display:none;}}@media only screen and (min-width: 980px){body#adminStyle1 #copyRight{display:none;}}
    Back To Top
    body#adminStyle1 #bodyContainer #Content #landingContainer #news{display:none;}body#adminStyle1 #bodyContainer #Content #landingContainer #pcb-d{display:none;}body#adminStyle1 #bodyContainer #Content #landingContainer #pStdAnnc_d{display:none;}body#adminStyle1 #bodyContainer #Content #landingContainer div.ou-portal-content{margin-top: 20px;}body#adminStyle1 #bodyContainer #Content #landingContainer #pAbListContd{display:none;}body#adminStyle1 #bodyContainer #Content #landingContainer #ou-portal-content ul {padding: 0;}body#adminStyle1 #bodyContainer #Content #landingContainer #schoolContainer div.event{display:none;}body#adminStyle1 #bodyContainer #Content #landingContainer #Slider{display:none;}@media only screen and (min-width:980px){ body#adminStyle1 #bodyContainer #Content #landingContainer #news{display:block;margin-right: 10px;} body#adminStyle1 #bodyContainer #Content #landingContainer #pcb-d{display:block;} body#adminStyle1 #bodyContainer #Content #landingContainer #pStdAnnc_d{display:block;} body#adminStyle1 #bodyContainer #Content #landingContainer div.student_announcement_box{display:none;} body#adminStyle1 #bodyContainer #Content { padding-top: 175px;} body#adminStyle1 #bodyContainer #Content #landingContainer div.ou-portal-content{margin-top: 0;} body#adminStyle1 #bodyContainer #Content #landingContainer #pAbListContm{display:none;} body#adminStyle1 #bodyContainer #Content #landingContainer #pAbListContd{display:block;} body#adminStyle1 #bodyContainer #Content #portal_gap1,#portal_gap2,#portal_gap3{display:none;} body#adminStyle1 #bodyContainer #Content #landingContainer #pStdAnnc_m{display:none;} body#adminStyle1 #bodyContainer #Content #landingContainer #banner{display:none;} body#adminStyle1 #bodyContainer #Content #landingContainer #pmediablk{display:none;} body#adminStyle1 #bodyContainer #Content #landingContainer #schoolContainer div.event{display:block;} body#adminStyle1 #bodyContainer #Content #landingContainer #Slider{display:block;} body#adminStyle1 #bodyContainer #Content #landingContainer #ptlcblist div.container{opacity:0.85;} body#adminStyle1 #bodyContainer #Content #landingContainer div.ou-portal-content div.container{opacity:0.85;} body#adminStyle1 #bodyContainer #Content #landingContainer #ou-portal-content {opacity:0.85;} body#adminStyle1 #bodyContainer #Content #landingContainer #pStdAnnc_d {opacity:0.85;} #landingContainer #ou-portal-content div li a { text-decoration: none; color: #000; display: block; -webkit-transition: font-size 0.3s ease, background-color 0.3s ease; -moz-transition: font-size 0.3s ease, background-color 0.3s ease; -o-transition: font-size 0.3s ease, background-color 0.3s ease; -ms-transition: font-size 0.3s ease, background-color 0.3s ease; transition: font-size 0.3s ease, background-color 0.3s ease; } #landingContainer #ou-portal-content div li a:hover { font-size: 24px; color: #FFF; background: #64267F; } }_uacct = "UA-148551-3";urchinTracker();
    #spage{ width:500px !important;}