CINXE.COM
CityVoD | City University of Hong Kong
<!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <!-- Preconnect --> <link rel="preconnect" href="//template.cityu.edu.hk/"> <!-- Required CSS --> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/bootstrap/bootstrap.min.css" /> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/cityu.base.css" /> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/fontawesome/css/all.min.css" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap" crossorigin="anonymous" /> <!-- Optional CSS --> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/aos/aos.css" /> <link rel="stylesheet" href="//template.cityu.edu.hk/template/v2/css/animate.css/animate.min.css" /> <!-- Place your custom CSS here --> <link rel="stylesheet" type="text/css" href="/cityvod/css/cityvod.css" /> <title>CityVoD | City University of Hong Kong</title> <meta name="author" content="City University of Hong Kong" /> <meta name="description" content="CityVoD -- City University of Hong Kong." /> <meta name="keywords" content="CityVoD, City University of Hong Kong, CityU HK, CityU" /> <meta name="robots" content="index, follow" /> </head> <body class="cityu-template-2 cityu-template-2-0 cityu-base-layout cityu-base-style"> <header class="cityu-header header-color-default"> <div class="cityu-header-inner container"> <!-- Header : Large screen --> <div class="cityu-header-lg d-none d-lg-block"> <div class="d-flex flex-row"> <div class="cityu-header-logo-lg align-self-center"> <a href="https://www.cityu.edu.hk" rel="noopener" target="_blank"> <img src="//template.cityu.edu.hk/template/v2/logo/CityU/CityU_Vertical_Logo_CMYK.svg" alt="City University of Hong Kong" /> </a> </div> <div class="cityu-header-name-lg align-self-center"> <a href="./"> CityVoD </a> </div> <!-- Tools --> <div class="cityu-tools ml-auto align-self-start d-flex flex-row"> <!-- Search box --> <div class="cityu-search align-self-center"> <form class="form-inline" method="post" action="/cityvod/search"> <fieldset> <div class="form-group"> <input class="form-control" type="text" id="cityu-search-text" name="vodsearch" placeholder="Search" aria-label="Search CityVoD"> <input type="hidden" name="id" value="searchVideo" /> <button class="cityu-search-button" type="submit" value=""> <i class="fas fa-search"></i> </button> </div> </fieldset> </form> </div> </div> </div> </div> <!-- Header : Small screen --> <div class="cityu-header-md d-lg-none"> <div class="d-flex flex-row"> <div class="cityu-header-logo-md align-self-center"> <a href="https://www.cityu.edu.hk" rel="noopener" target="_blank"> <img src="//template.cityu.edu.hk/template/v2/logo/CityU/CityU_Mini_Logo.svg" alt="City University of Hong Kong"> </a> </div> <div class="cityu-header-name-md align-self-center"> <a href="./"> CityVoD </a> </div> </div> </div> </div> </header> <!-- Menu --> <nav class="cityu-menu menu-color-default navbar navbar-expand-lg sticky-top"> <div class="cityu-menu-inner container"> <!-- Toggler icon --> <button class="navbar-toggler" type="button" data-toggle="offcanvas" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="cityu-menu-button fa fa-bars" aria-hidden="true"></i> </button> <!-- Menu list --> <div class="cityu-menu-list cityu-menu-offcanvas navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <!--<li class="cityu-icon-home"><a class="active" href="/"><div title="Home"></div></a></li>--> <li class='nav-item d-lg-block'><a class='nav-link' href='/cityvod/dpt'>Show by departments</a></li> <li class='nav-item d-lg-block'><a class='nav-link' href='/cityvod/cat'>Show by categories</a></li> </ul> </div> </div> </nav> <!-- Main --> <main class="cityu-main"> <form method="post" action="./sustain?page=cat&id=sustain" id="form1"> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTY1MzI4MTI2OA9kFgQCAw8WAh4EVGV4dAXJATxsaSBjbGFzcz0nbmF2LWl0ZW0gZC1sZy1ibG9jayc+PGEgY2xhc3M9J25hdi1saW5rJyBocmVmPScvY2l0eXZvZC9kcHQnPlNob3cgYnkgZGVwYXJ0bWVudHM8L2E+PC9saT4NCjxsaSBjbGFzcz0nbmF2LWl0ZW0gZC1sZy1ibG9jayc+PGEgY2xhc3M9J25hdi1saW5rJyBocmVmPScvY2l0eXZvZC9jYXQnPlNob3cgYnkgY2F0ZWdvcmllczwvYT48L2xpPmQCBQ9kFgQCAQ8WAh8ABawYPGgxPkNhbXB1cyBTdXN0YWluYWJpbGl0eSBQcm9qZWN0czwvaDE+PHA+Jm5ic3A7PC9wPjxkaXYgY2xhc3M9InJvdyI+PGRpdiBjbGFzcz0iY29sLW1kLTMgdGh1bWJuYWlsRGl2Ij48YSBocmVmPSJodHRwczovL3d3dy5jaXR5dS5lZHUuaGsvY2l0eXZvZC92aWRlby9wbGF5L1BST1ZPU1QvMDFfQ1NQLmFzcHgiIHRhcmdldD1fYmxhbms+PGltZyBzcmM9Ii9jaXR5dm9kL2ltYWdlcy8wMV9DU1AuanBnIiBjbGFzcz0idGh1bWJuYWlsSW1hZ2UiPjwvYT48L2Rpdj48ZGl2IGNsYXNzPSJjb2wtbWQtOCBkZXNjcmlwdGlvbkRpdiI+PGEgaHJlZj0iaHR0cHM6Ly93d3cuY2l0eXUuZWR1LmhrL2NpdHl2b2QvdmlkZW8vcGxheS9QUk9WT1NULzAxX0NTUC5hc3B4IiBzdHlsZT0idGV4dC1kZWNvcmF0aW9uOm5vbmU7IGNvbG9yOmJsYWNrIiB0YXJnZXQ9X2JsYW5rPjxzdHJvbmc+SGFuZDJTcG90QENpdHlVPC9zdHJvbmc+PC9hPjxwIGNsYXNzPSJkZXNjcmlwdGlvblAiPjxmb250IHNpemU9Ii0xIj5Qcm9qZWN0IEludmVzdGlnYXRvcjogTXIgVGltb3RoeSBNYSAoUHJvamVjdCBGbGFtZSk8L2ZvbnQ+PGJyIC8+Jm5ic3A7PGJyIC8+Jm5ic3A7PC9wPjwvZGl2PjwvZGl2Pg0KPGRpdiBjbGFzcz0icm93Ij48ZGl2IGNsYXNzPSJjb2wtbWQtOCBkZXNjcmlwdGlvbkxlZnREaXYgb3JkZXItMiBvcmRlci1tZC0xIj48YSBocmVmPSJodHRwczovL3d3dy5jaXR5dS5lZHUuaGsvY2l0eXZvZC92aWRlby9wbGF5L1BST1ZPU1QvMDVfQ1NQLmFzcHgiIHN0eWxlPSJ0ZXh0LWRlY29yYXRpb246bm9uZTsgY29sb3I6YmxhY2siIHRhcmdldD1fYmxhbms+PHN0cm9uZz5JZGVudGlmeWluZywgbWVhc3VyaW5nIGFuZCBjdWx0aXZhdGluZyB2YWx1ZXMgYW5kIGJlaGF2aW9ycyBmb3Igc3VzdGFpbmFiaWxpdHkgYW1vbmcgQ2l0eVUgc3R1ZGVudHM8L3N0cm9uZz48L2E+PHAgY2xhc3M9ImRlc2NyaXB0aW9uUCI+PGZvbnQgc2l6ZT0iLTEiPlByb2plY3QgSW52ZXN0aWdhdG9yczogRHIgV2FueGluIExpIChQT0wpPC9mb250PjxiciAvPiZuYnNwOzxiciAvPiZuYnNwOzwvcD48L2Rpdj48ZGl2IGNsYXNzPSJjb2wtbWQtMyB0aHVtYm5haWxSaWdodERpdiBvcmRlci0xIG9yZGVyLW1kLTIiPjxhIGhyZWY9Imh0dHBzOi8vd3d3LmNpdHl1LmVkdS5oay9jaXR5dm9kL3ZpZGVvL3BsYXkvUFJPVk9TVC8wNV9DU1AuYXNweCIgdGFyZ2V0PV9ibGFuaz48aW1nIHNyYz0iL2NpdHl2b2QvaW1hZ2VzLzA1X0NTUC5qcGciIGNsYXNzPSJ0aHVtYm5haWxJbWFnZSI+PC9hPjwvZGl2PjwvZGl2Pg0KPGRpdiBjbGFzcz0icm93Ij48ZGl2IGNsYXNzPSJjb2wtbWQtMyB0aHVtYm5haWxEaXYiPjxhIGhyZWY9Imh0dHBzOi8vd3d3LmNpdHl1LmVkdS5oay9jaXR5dm9kL3ZpZGVvL3BsYXkvUFJPVk9TVC8wMl9DU1AuYXNweCIgdGFyZ2V0PV9ibGFuaz48aW1nIHNyYz0iL2NpdHl2b2QvaW1hZ2VzLzAyX0NTUC5qcGciIGNsYXNzPSJ0aHVtYm5haWxJbWFnZSI+PC9hPjwvZGl2PjxkaXYgY2xhc3M9ImNvbC1tZC04IGRlc2NyaXB0aW9uRGl2Ij48YSBocmVmPSJodHRwczovL3d3dy5jaXR5dS5lZHUuaGsvY2l0eXZvZC92aWRlby9wbGF5L1BST1ZPU1QvMDJfQ1NQLmFzcHgiIHN0eWxlPSJ0ZXh0LWRlY29yYXRpb246bm9uZTsgY29sb3I6YmxhY2siIHRhcmdldD1fYmxhbms+PHN0cm9uZz5JbnRlbGxpZ2VudCBCdWlsZGluZyBTeXN0ZW0gaW4gUHJvamVjdCBTdHVkaW8gd2l0aCBFbmVyZ3kgU2F2aW5nIENhc2UgU3R1ZHkgYnkgSGVhZGNvdW50IEluZGV4PC9zdHJvbmc+PC9hPjxwIGNsYXNzPSJkZXNjcmlwdGlvblAiPjxmb250IHNpemU9Ii0xIj5Qcm9qZWN0IEludmVzdGlnYXRvcjogSXIgQWxhbiBGb25nIChCU1QpPC9mb250PjxiciAvPiZuYnNwOzxiciAvPiZuYnNwOzwvcD48L2Rpdj48L2Rpdj4NCjxkaXYgY2xhc3M9InJvdyI+PGRpdiBjbGFzcz0iY29sLW1kLTggZGVzY3JpcHRpb25MZWZ0RGl2IG9yZGVyLTIgb3JkZXItbWQtMSI+PGEgaHJlZj0iaHR0cHM6Ly93d3cuY2l0eXUuZWR1LmhrL2NpdHl2b2QvdmlkZW8vcGxheS9QUk9WT1NULzA0X0NTUC5hc3B4IiBzdHlsZT0idGV4dC1kZWNvcmF0aW9uOm5vbmU7IGNvbG9yOmJsYWNrIiB0YXJnZXQ9X2JsYW5rPjxzdHJvbmc+TWluZCB5b3VyIEVudmlyb25tZW50YWwgRm9vdHByaW50ISAtIElkZWFzIGZvciBhIFJlY3ljbGluZyBDb21wZXRpdGlvbjwvc3Ryb25nPjwvYT48cCBjbGFzcz0iZGVzY3JpcHRpb25QIj48Zm9udCBzaXplPSItMSI+UHJvamVjdCBJbnZlc3RpZ2F0b3I6IERyIFBhdWwgSy4gUy4gU2hpbiAoQkNIKTwvZm9udD48YnIgLz4mbmJzcDs8YnIgLz4mbmJzcDs8L3A+PC9kaXY+PGRpdiBjbGFzcz0iY29sLW1kLTMgdGh1bWJuYWlsUmlnaHREaXYgb3JkZXItMSBvcmRlci1tZC0yIj48YSBocmVmPSJodHRwczovL3d3dy5jaXR5dS5lZHUuaGsvY2l0eXZvZC92aWRlby9wbGF5L1BST1ZPU1QvMDRfQ1NQLmFzcHgiIHRhcmdldD1fYmxhbms+PGltZyBzcmM9Ii9jaXR5dm9kL2ltYWdlcy8wNF9DU1AuanBnIiBjbGFzcz0idGh1bWJuYWlsSW1hZ2UiPjwvYT48L2Rpdj48L2Rpdj4NCjxkaXYgY2xhc3M9InJvdyI+PGRpdiBjbGFzcz0iY29sLW1kLTMgdGh1bWJuYWlsRGl2Ij48YSBocmVmPSJodHRwczovL3d3dy5jaXR5dS5lZHUuaGsvY2l0eXZvZC92aWRlby9wbGF5L1BST1ZPU1QvMDNfQ1NQLmFzcHgiIHRhcmdldD1fYmxhbms+PGltZyBzcmM9Ii9jaXR5dm9kL2ltYWdlcy8wM19DU1AuanBnIiBjbGFzcz0idGh1bWJuYWlsSW1hZ2UiPjwvYT48L2Rpdj48ZGl2IGNsYXNzPSJjb2wtbWQtOCBkZXNjcmlwdGlvbkRpdiI+PGEgaHJlZj0iaHR0cHM6Ly93d3cuY2l0eXUuZWR1LmhrL2NpdHl2b2QvdmlkZW8vcGxheS9QUk9WT1NULzAzX0NTUC5hc3B4IiBzdHlsZT0idGV4dC1kZWNvcmF0aW9uOm5vbmU7IGNvbG9yOmJsYWNrIiB0YXJnZXQ9X2JsYW5rPjxzdHJvbmc+TXVzaWNhbCBTdGFpcmNhc2VzIGF0IENpdHlVPC9zdHJvbmc+PC9hPjxwIGNsYXNzPSJkZXNjcmlwdGlvblAiPjxmb250IHNpemU9Ii0xIj5Qcm9qZWN0IEludmVzdGlnYXRvcjogRHIgT3NjYXIgSy4gUy4gSHVpIChTRUVNKTwvZm9udD48YnIgLz4mbmJzcDs8YnIgLz4mbmJzcDs8L3A+PC9kaXY+PC9kaXY+DQpkAgMPZBYEAgEPFgIfAAURPGgyPkNhdGVnb3J5PC9oMj5kAgMPFgIfAAWsICAgICA8dWw+DQogICAgICAgIDxsaT48YSBpZD0iU2hvd1JlY2VudCIgaHJlZj0iL2NpdHl2b2QvY2F0L1Nob3dSZWNlbnQiPjxzdHJvbmc+U2hvdyByZWNlbnQgdmlkZW9zPC9zdHJvbmc+PC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0idW5pdmVyc2l0eSIgaHJlZj0iL2NpdHl2b2QvY2F0L3VuaXZlcnNpdHkiPlVuaXZlcnNpdHkgRXZlbnRzPC9hPg0KICAgICAgICAgICAgPHVsPg0KICAgICAgICA8bGk+PGEgaWQ9ImJleW9uZGJvdW5kYXJpZXMiIGhyZWY9Ii9jaXR5dm9kL2NhdC91bml2ZXJzaXR5L2JleW9uZEJvdW5kYXJpZXMiPkJleW9uZCBCb3VuZGFyaWVzIC0gU2VyaWVzIEk8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJiZXlvbmRib3VuZGFyaWVzMiIgaHJlZj0iL2NpdHl2b2QvY2F0L3VuaXZlcnNpdHkvYmV5b25kQm91bmRhcmllczIiPkJleW9uZCBCb3VuZGFyaWVzIC0gU2VyaWVzIElJPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0iYmV5b25kYm91bmRhcmllczMiIGhyZWY9Ii9jaXR5dm9kL2NhdC91bml2ZXJzaXR5L2JleW9uZEJvdW5kYXJpZXMzIj5CZXlvbmQgQm91bmRhcmllcyAtIFNlcmllcyBJSUk8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJiZXlvbmRib3VuZGFyaWVzNCIgaHJlZj0iL2NpdHl2b2QvY2F0L3VuaXZlcnNpdHkvYmV5b25kQm91bmRhcmllczQiPkJleW9uZCBCb3VuZGFyaWVzIC0gU2VyaWVzIElWPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0iYmV5b25kYm91bmRhcmllc3R2IiBocmVmPSIvY2l0eXZvZC9jYXQvdW5pdmVyc2l0eS9iZXlvbmRCb3VuZGFyaWVzVFYiPkJleW9uZCBCb3VuZGFyaWVzIC0gVFYgU2VyaWVzPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0icHJlc2lkZW50c2VyaWVzIiBocmVmPSIvY2l0eXZvZC9jYXQvdW5pdmVyc2l0eS9wcmVzaWRlbnRTZXJpZXMiPlRoZSBQcmVzaWRlbnQncyBMZWN0dXJlIFNlcmllczwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9ImRpc3RpbmdzZXJpZXMiIGhyZWY9Ii9jaXR5dm9kL2NhdC91bml2ZXJzaXR5L2Rpc3RpbmdTZXJpZXMiPkNpdHlVIERpc3Rpbmd1aXNoZWQgTGVjdHVyZSBTZXJpZXM8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJmcmhrc2VyaWVzIiBocmVmPSIvY2l0eXZvZC9jYXQvdW5pdmVyc2l0eS9GUkhLU2VyaWVzIj5GUi1ISyBEaXN0aW5ndWlzaGVkIExlY3R1cmUgU2VyaWVzPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0ib3V0cmVhY2giIGhyZWY9Ii9jaXR5dm9kL2NhdC91bml2ZXJzaXR5L291dHJlYWNoIj5DaXR5VSBPdXRyZWFjaDwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9ImNvbW1lbmNlbWVudDIwMjQiIGhyZWY9Ii9jaXR5dm9kL2NhdC91bml2ZXJzaXR5L0NvbW1lbmNlbWVudDIwMjQiPkNvbW1lbmNlbWVudCAyMDI0PC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0iY29tbWVuY2VtZW50MjAyMyIgaHJlZj0iL2NpdHl2b2QvY2F0L3VuaXZlcnNpdHkvQ29tbWVuY2VtZW50MjAyMyI+Q29tbWVuY2VtZW50IDIwMjM8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJleGNlbGF3YXJkIiBocmVmPSIvY2l0eXZvZC9jYXQvdW5pdmVyc2l0eS9leGNlbEF3YXJkIj5UZWFjaGluZyBFeGNlbGxlbmNlIEF3YXJkczwvYT48L2xpPg0KICAgICAgICAgICAgPC91bD4NCiAgICAgICAgPC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJjaXR5dUFudGhlbSIgaHJlZj0iL2NpdHl2b2QvY2F0L2NpdHl1QW50aGVtIj5DaXR5VSBBbnRoZW08L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJib2xkYnVkZHkiIGhyZWY9Ii9jaXR5dm9kL2NhdC9ib2xkYnVkZHkiPkJPTEQgQnVkZHk8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJidXNpbmVzcyIgaHJlZj0iL2NpdHl2b2QvY2F0L2J1c2luZXNzIj5CdXNpbmVzcyAmIENvbW1lcmNlPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBjbGFzcz0nYWN0aXZlJyBpZD0ic3VzdGFpbiIgaHJlZj0iL2NpdHl2b2QvY2F0L3N1c3RhaW4iPkNhbXB1cyBTdXN0YWluYWJpbGl0eSBQcm9qZWN0czwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9ImNoaW5lc2UiIGhyZWY9Ii9jaXR5dm9kL2NhdC9jaGluZXNlIj5DaGluZXNlIFN0dWRpZXM8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJjb21wdXRlciIgaHJlZj0iL2NpdHl2b2QvY2F0L2NvbXB1dGVyIj5Db21wdXRlciBMaXRlcmFjeTwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9ImNvb2x0aGluayIgaHJlZj0iL2NpdHl2b2QvY2F0L2Nvb2x0aGluayI+Q29vbFRoaW5rQEpDPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0iY3VsdHVyZSIgaHJlZj0iL2NpdHl2b2QvY2F0L2N1bHR1cmUiPkN1bHR1cmUgRm9ydW08L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJkaW1pbmlmYWlyIiBocmVmPSIvY2l0eXZvZC9jYXQvZGltaW5pZmFpciI+RCAmIEkgTWluaSBGYWlyPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0iZGVzaWduIiBocmVmPSIvY2l0eXZvZC9jYXQvZGVzaWduIj5EZXNpZ24vSWxsdXN0cmF0aW9uPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0iZWR1Y2F0aW9uIiBocmVmPSIvY2l0eXZvZC9jYXQvZWR1Y2F0aW9uIj5FZHVjYXRpb24gJiBDYXJlZXIgRGV2ZWxvcG1lbnQ8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJpbmZvcm1hdGlvbiIgaHJlZj0iL2NpdHl2b2QvY2F0L2luZm9ybWF0aW9uIj5JbmZvcm1hdGlvbiBMaXRlcmFjeTwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9Iklubm92YXRpb25IdWIiIGhyZWY9Ii9jaXR5dm9kL2NhdC9Jbm5vdmF0aW9uSHViIj5Jbm5vdmF0aW9uIEh1YjwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9Iml0Zm9ydW0iIGhyZWY9Ii9jaXR5dm9kL2NhdC9pdGZvcnVtIj5JVCBGb3J1bTwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9ImxhdyIgaHJlZj0iL2NpdHl2b2QvY2F0L2xhdyI+TGF3PC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0iaHVtYW5pdGllcyIgaHJlZj0iL2NpdHl2b2QvY2F0L2h1bWFuaXRpZXMiPkxpYmVyYWwgQXJ0cyAmIFNvY2lhbCBTY2llbmNlczwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9Im5ld3MiIGhyZWY9Ii9jaXR5dm9kL2NhdC9uZXdzIj5OZXdzICYgSW5mb3JtYXRpb248L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJzY2llbmNlIiBocmVmPSIvY2l0eXZvZC9jYXQvc2NpZW5jZSI+U2NpZW5jZSAmIFRlY2hub2xvZ3k8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJzdGRwcm9qIiBocmVmPSIvY2l0eXZvZC9jYXQvc3RkcHJvaiI+U3R1ZGVudCBQcm9qZWN0ICYgTGVhcm5pbmc8L2E+PC9saT4NCiAgICAgICAgPGxpPjxhIGlkPSJzdXNzdW1taXQiIGhyZWY9Ii9jaXR5dm9kL2NhdC9zdXNzdW1taXQiPlN1c3RhaW5hYmlsaXR5IFN1bW1pdDwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9InR0ZiIgaHJlZj0iL2NpdHl2b2QvY2F0L3R0ZiI+VGVjaG5vbG9neSBUcmFuc2ZlciBGb3J1bTwvYT48L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9ImRlcHRFdmVudCIgaHJlZj0iL2NpdHl2b2QvY2F0L2RlcHRFdmVudCI+RGVwYXJ0bWVudGFsIEV2ZW50czwvYT4NCiAgICAgICAgICAgIDx1bD4NCiAgICAgICAgPGxpPjxhIGlkPSJjbHN3MjAyMCIgaHJlZj0iL2NpdHl2b2QvY2F0L2RlcHRFdmVudC9jbHN3MjAyMCI+MjFzdCBDaGluZXNlIExleGljYWwgU2VtYW50aWNzIFdvcmtzaG9wPC9hPjwvbGk+DQogICAgICAgIDxsaT48YSBpZD0ibHQtbWFscyIgaHJlZj0iL2NpdHl2b2QvY2F0L2RlcHRFdmVudC9MVC1NQUxTIj5BIFF1aWNrIFNhbXBsZSBvZiBSZXByZXNlbnRhdGl2ZSBDb3Vyc2VzIGluIHRoZSBNQUxTPC9hPjwvbGk+DQogICAgICAgICAgICA8L3VsPg0KICAgICAgICA8L2xpPg0KICAgICAgICA8bGk+PGEgaWQ9Im1pc2MiIGhyZWY9Ii9jaXR5dm9kL2NhdC9taXNjIj5PdGhlcnM8L2E+DQogICAgICAgICAgICA8dWw+DQogICAgICAgIDxsaT48YSBpZD0ic3RkcGF5bWV0aG9kIiBocmVmPSIvY2l0eXZvZC9jYXQvbWlzYy9zdGRQYXlNZXRob2QiPlN0dWRlbnQgRmVlcyBQYXltZW50IE1ldGhvZHM8L2E+PC9saT4NCiAgICAgICAgICAgIDwvdWw+DQogICAgICAgIDwvbGk+DQogICAgPC91bD4NCmRkmvLdD65ZnwEQhY6l4fFwrsUm7uuv9XLDEQ/T/wKogOQ=" /> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="427EBE28" /> </div> <div class="cityu-main-inner container"> <div class="row"> <!-- Content --> <div class="col-md-8"> <div class="cityu-content content-color-default" style="margin-top: 2rem;"> <h1>Campus Sustainability Projects</h1><p> </p><div class="row"><div class="col-md-3 thumbnailDiv"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/01_CSP.aspx" target=_blank><img src="/cityvod/images/01_CSP.jpg" class="thumbnailImage"></a></div><div class="col-md-8 descriptionDiv"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/01_CSP.aspx" style="text-decoration:none; color:black" target=_blank><strong>Hand2Spot@CityU</strong></a><p class="descriptionP"><font size="-1">Project Investigator: Mr Timothy Ma (Project Flame)</font><br /> <br /> </p></div></div> <div class="row"><div class="col-md-8 descriptionLeftDiv order-2 order-md-1"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/05_CSP.aspx" style="text-decoration:none; color:black" target=_blank><strong>Identifying, measuring and cultivating values and behaviors for sustainability among CityU students</strong></a><p class="descriptionP"><font size="-1">Project Investigators: Dr Wanxin Li (POL)</font><br /> <br /> </p></div><div class="col-md-3 thumbnailRightDiv order-1 order-md-2"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/05_CSP.aspx" target=_blank><img src="/cityvod/images/05_CSP.jpg" class="thumbnailImage"></a></div></div> <div class="row"><div class="col-md-3 thumbnailDiv"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/02_CSP.aspx" target=_blank><img src="/cityvod/images/02_CSP.jpg" class="thumbnailImage"></a></div><div class="col-md-8 descriptionDiv"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/02_CSP.aspx" style="text-decoration:none; color:black" target=_blank><strong>Intelligent Building System in Project Studio with Energy Saving Case Study by Headcount Index</strong></a><p class="descriptionP"><font size="-1">Project Investigator: Ir Alan Fong (BST)</font><br /> <br /> </p></div></div> <div class="row"><div class="col-md-8 descriptionLeftDiv order-2 order-md-1"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/04_CSP.aspx" style="text-decoration:none; color:black" target=_blank><strong>Mind your Environmental Footprint! - Ideas for a Recycling Competition</strong></a><p class="descriptionP"><font size="-1">Project Investigator: Dr Paul K. S. Shin (BCH)</font><br /> <br /> </p></div><div class="col-md-3 thumbnailRightDiv order-1 order-md-2"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/04_CSP.aspx" target=_blank><img src="/cityvod/images/04_CSP.jpg" class="thumbnailImage"></a></div></div> <div class="row"><div class="col-md-3 thumbnailDiv"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/03_CSP.aspx" target=_blank><img src="/cityvod/images/03_CSP.jpg" class="thumbnailImage"></a></div><div class="col-md-8 descriptionDiv"><a href="https://www.cityu.edu.hk/cityvod/video/play/PROVOST/03_CSP.aspx" style="text-decoration:none; color:black" target=_blank><strong>Musical Staircases at CityU</strong></a><p class="descriptionP"><font size="-1">Project Investigator: Dr Oscar K. S. Hui (SEEM)</font><br /> <br /> </p></div></div> </div> </div> <!-- Sidebar --> <div id="submenuPanel" class="col-md-4"> <aside class="cityu-submenu-list cityu-sidebar sidebar-color-default"> <h2>Category</h2> <ul> <li><a id="ShowRecent" href="/cityvod/cat/ShowRecent"><strong>Show recent videos</strong></a></li> <li><a id="university" href="/cityvod/cat/university">University Events</a> <ul> <li><a id="beyondboundaries" href="/cityvod/cat/university/beyondBoundaries">Beyond Boundaries - Series I</a></li> <li><a id="beyondboundaries2" href="/cityvod/cat/university/beyondBoundaries2">Beyond Boundaries - Series II</a></li> <li><a id="beyondboundaries3" href="/cityvod/cat/university/beyondBoundaries3">Beyond Boundaries - Series III</a></li> <li><a id="beyondboundaries4" href="/cityvod/cat/university/beyondBoundaries4">Beyond Boundaries - Series IV</a></li> <li><a id="beyondboundariestv" href="/cityvod/cat/university/beyondBoundariesTV">Beyond Boundaries - TV Series</a></li> <li><a id="presidentseries" href="/cityvod/cat/university/presidentSeries">The President's Lecture Series</a></li> <li><a id="distingseries" href="/cityvod/cat/university/distingSeries">CityU Distinguished Lecture Series</a></li> <li><a id="frhkseries" href="/cityvod/cat/university/FRHKSeries">FR-HK Distinguished Lecture Series</a></li> <li><a id="outreach" href="/cityvod/cat/university/outreach">CityU Outreach</a></li> <li><a id="commencement2024" href="/cityvod/cat/university/Commencement2024">Commencement 2024</a></li> <li><a id="commencement2023" href="/cityvod/cat/university/Commencement2023">Commencement 2023</a></li> <li><a id="excelaward" href="/cityvod/cat/university/excelAward">Teaching Excellence Awards</a></li> </ul> </li> <li><a id="cityuAnthem" href="/cityvod/cat/cityuAnthem">CityU Anthem</a></li> <li><a id="boldbuddy" href="/cityvod/cat/boldbuddy">BOLD Buddy</a></li> <li><a id="business" href="/cityvod/cat/business">Business & Commerce</a></li> <li><a class='active' id="sustain" href="/cityvod/cat/sustain">Campus Sustainability Projects</a></li> <li><a id="chinese" href="/cityvod/cat/chinese">Chinese Studies</a></li> <li><a id="computer" href="/cityvod/cat/computer">Computer Literacy</a></li> <li><a id="coolthink" href="/cityvod/cat/coolthink">CoolThink@JC</a></li> <li><a id="culture" href="/cityvod/cat/culture">Culture Forum</a></li> <li><a id="diminifair" href="/cityvod/cat/diminifair">D & I Mini Fair</a></li> <li><a id="design" href="/cityvod/cat/design">Design/Illustration</a></li> <li><a id="education" href="/cityvod/cat/education">Education & Career Development</a></li> <li><a id="information" href="/cityvod/cat/information">Information Literacy</a></li> <li><a id="InnovationHub" href="/cityvod/cat/InnovationHub">Innovation Hub</a></li> <li><a id="itforum" href="/cityvod/cat/itforum">IT Forum</a></li> <li><a id="law" href="/cityvod/cat/law">Law</a></li> <li><a id="humanities" href="/cityvod/cat/humanities">Liberal Arts & Social Sciences</a></li> <li><a id="news" href="/cityvod/cat/news">News & Information</a></li> <li><a id="science" href="/cityvod/cat/science">Science & Technology</a></li> <li><a id="stdproj" href="/cityvod/cat/stdproj">Student Project & Learning</a></li> <li><a id="sussummit" href="/cityvod/cat/sussummit">Sustainability Summit</a></li> <li><a id="ttf" href="/cityvod/cat/ttf">Technology Transfer Forum</a></li> <li><a id="deptEvent" href="/cityvod/cat/deptEvent">Departmental Events</a> <ul> <li><a id="clsw2020" href="/cityvod/cat/deptEvent/clsw2020">21st Chinese Lexical Semantics Workshop</a></li> <li><a id="lt-mals" href="/cityvod/cat/deptEvent/LT-MALS">A Quick Sample of Representative Courses in the MALS</a></li> </ul> </li> <li><a id="misc" href="/cityvod/cat/misc">Others</a> <ul> <li><a id="stdpaymethod" href="/cityvod/cat/misc/stdPayMethod">Student Fees Payment Methods</a></li> </ul> </li> </ul> </aside> </div> </div> </div> </form> </main> <!-- /Main --> <!-- Footer --> <footer class="cityu-footer footer-color-default"> <div class="cityu-footer-inner container"> <!-- Bottom --> <div class="cityu-footer-bottom d-flex flex-row justify-content-between"> <!-- Info --> <div class="cityu-footer-info align-self-center"> <!-- Links --> <div class="cityu-footer-links"> <a href="https://www.cityu.edu.hk/web/privacy" rel="noopener" target="_blank">Privacy Policy</a> · <a href="https://www.cityu.edu.hk/web/copyright" rel="noopener" target="_blank">Copyright</a> · <a href="https://www.cityu.edu.hk/web/disclaimer" rel="noopener" target="_blank">Disclaimer</a> · <a href="https://www.cityu.edu.hk/web/accessibility" rel="noopener" target="_blank">Accessibility</a> · <a href="https://www.cityu.edu.hk/its/services-facilities/service-desk" rel="noopener" target="_blank">Contact Us</a> </div> <!-- Copyright --> <div class="cityu-footer-copyright"> © City University of Hong Kong. All Rights Reserved. </div> </div> <!-- Logo --> <div class="cityu-footer-logo align-self-end"> <a href="https://www.cityu.edu.hk" rel="noopener" target="_blank"> <img loading="lazy" src="//template.cityu.edu.hk/template/v2/logo/CityU/CityU_Vertical_Logo_Reverse.svg" alt="City University of Hong Kong" /> </a> </div> </div> </div> </footer> <!-- Required scripts --> <script src="//template.cityu.edu.hk/template/v2/js/jquery/jquery.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/popper.js/popper.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/bootstrap/bootstrap.min.js"></script> <script src="//template.cityu.edu.hk/template/v2/js/cityu.base.js"></script> <!-- Optional scripts --> <script src="//template.cityu.edu.hk/template/v2/js/aos/aos.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-11187669-15"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-11187669-15'); </script> </body> </html>