CINXE.COM

Jockey Club Auditorium | Culture Promotion and Events Office

<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <!-- --> <head> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link rel="stylesheet" type="text/css" href="/assets/css/style.css?v=20241025140449"> <link rel="stylesheet" type="text/css" href="/bundles/print?v=J-PTrEjgaCPtyofHD6Hj7e6FR7o886lah6ZuKJRgQ3k1" media="print"> <link rel="stylesheet" type="text/css" href="/bundles/its?v=3vvm2XY779ZYWCtimjE81BUajA8Fnt8_ozkIVI5bV0k1"> <script type="text/javascript" src="/bundles/jsLib?v=1PlBjXLpGou0PTc3WJ3qRjA3j-t5xJSAc64Lp4N2KtQ1"></script> <meta name="robots" content="index, follow"> <meta property="og:title" content="Jockey Club Auditorium | Culture Promotion and Events Office" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.polyu.edu.hk/cpeo/JCA" /> <meta property="og:image" content="https://www.polyu.edu.hk/cpeo/cpeo/-/media/Department/CPEO/Breadcrumb-Image/JCA-head-banner.jpg?bc=ffffff&amp;h=630&amp;w=1200&amp;rev=b772ab2de28a486493ad9577ca9e3659&amp;hash=83FBBB5D8905BAA12B4DDE975DEE04E8" /> <meta property="og:site_name" content="Culture Promotion and Events Office" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="Culture Promotion and Events Office"> <meta name="twitter:title" content="Jockey Club Auditorium | Culture Promotion and Events Office" /> <meta name="twitter:image" content="https://www.polyu.edu.hk/cpeo/cpeo/-/media/Department/CPEO/Breadcrumb-Image/JCA-head-banner.jpg?bc=ffffff&amp;h=630&amp;w=1200&amp;rev=b772ab2de28a486493ad9577ca9e3659&amp;hash=83FBBB5D8905BAA12B4DDE975DEE04E8" /> <title>Jockey Club Auditorium | Culture Promotion and Events Office</title> <link href="/_img/favicon.ico" rel="shortcut icon" type="image/x-icon"> <link rel="alternate" href="https://www.polyu.edu.hk/cpeo/JCA?sc_lang=en" hreflang="en" /> <link rel="alternate" href="https://www.polyu.edu.hk/cpeo/JCA?sc_lang=tc" hreflang="zh-Hant" /> <link rel="alternate" href="https://www.polyu.edu.hk/cpeo/JCA?sc_lang=en" hreflang="x-default" /> <link rel="canonical" href="https://www.polyu.edu.hk/cpeo/JCA" /> <meta name="format-detection" content="telephone=no"> <script async src='https://www.googletagmanager.com/gtag/js?id=G-Y164LC6VS4'></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', "G-Y164LC6VS4"); gtag('config', "G-2WHCP32FMN"); </script> </head> <body class="lang-en css-transitions-only-after-page-load"> <div class="wrapper"> <!-- need to check if need to change later --> <a class="sr-only sr-only-focusable" id="skip-to-content" href="#skip-start">Skip to main content</a> <header class="page-head menu fact-header " id="header"> <div class="header-wrap"> <div class="fact-header__top"> <div class="container header-top__container"> <div class="header-wrap__left"> <a class="header-name header-name--dept" href="/cpeo" target=""> Culture Promotion and Events Office </a> </div> <div class="header-wrap__right"> <div class="fn-blk-wrap"> <div class="fn-blk sitesearch-blk"> <div class="sitesearch"> <button class="sitesearch__trigger fn-blk__link" data-toggle="modal" data-target="#search-modal"><span class="ico ico-search" aria-hidden="true"></span><span class="sr-only">Open Site Search Popup</span></button> </div> </div> <div class="fn-blk share-blk"> <div class="dropdown sharedrop__container share-area"> <button class="share-blk__trigger sharedrop__trigger dropdown-toggle fn-blk__link" id="dropdown-header-share" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="ico-share" aria-hidden="true"></span><span class="sr-only">Share</span></button> <ul class="dropdown-menu" aria-labelledby="dropdown-header-share"> <li><a data-media="facebook" href="javascript:void(0);"><span class="ico ico-fw ico-facebook"></span>Facebook</a></li> <li><a data-media="linkedin" href="javascript:void(0);"><span class="ico ico-fw ico-linkedin"></span>Linkedin</a></li> <li><a data-media="twitter" href="javascript:void(0);"><span class="ico ico-fw ico-twitter"></span>Twitter</a></li> <li><a data-media="weibo" href="javascript:void(0);"><span class="ico ico-fw ico-weibo"></span>Weibo</a></li> <li><a data-media="email" href="javascript:void(0);"><span class="ico ico-fw ico-envelope"></span>Mail</a></li> <li><a class="js-copy" data-clipboard-text="https://www.polyu.edu.hk/cpeo/JCA" href="javascript:void(0);"><span class="ico ico-fw ico-link"></span>Copy Link</a></li> </ul> </div> </div> <div class="fn-blk langchange-blk"> <div class="langchange dropdown langchange-dropdown fn-blk-dropdown"> <button class="langchange-blk__trigger langchange-dropdown fn-blk-dropdown__trigger dropdown-toggle fn-blk__link tri-link tri-link--inherit lang-link--en" id="dropdown-header-lang" data-display="static" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">EN</button> <div class="dropdown-menu langchange-dropdown__menu fn-blk-dropdown__dropdown" aria-labelledby="dropdown-header-lang"> <a lang="tc" href="/cpeo/JCA?sc_lang=tc" class="fn-blk-dropdown__link lang-link lang-link--tc">繁體</a> </div> </div> </div> <div class="fn-blk q-access-blk d-none d-lg-flex"> <div class="q-access"> <button class="fn-blk__link tri-link q-access-blk__trigger" data-toggle="modal" data-target="#q-access-menu" id="q-access-menu-trigger">Quick Access</button> <div class="modal q-access-menu fade color-set color-set--red" tabindex="-1" role="dialog" id="q-access-menu" aria-labelledby="q-access-menu-trigger" aria-hidden="true" style="z-index:20005 !important;"> <div class="modal-dialog q-access-menu__dialog" role="document"> <p class="q-access-menu__title">Quick Access</p> <div> <div class="q-access-menu__inner js-simplebar"> <ul class="q-access-menu__list--1 circle-list"> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/about-polyu/" class="underline-link" target="_blank" ><span class="underline-link__line">About PolyU</span></a></li> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/campus-map/" class="underline-link" target="_blank" ><span class="underline-link__line">Campus Map</span></a></li> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/atoz/" class="underline-link" target="_blank" ><span class="underline-link__line">PolyU A to Z</span></a></li> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/research/" class="underline-link" target="_blank" ><span class="underline-link__line">Research at PolyU</span></a></li> <li class="q-access-menu__item--1"><a href="https://www.polyu.edu.hk/prospective-students/" class="underline-link" target="_blank" ><span class="underline-link__line">Study at PolyU</span></a></li> </ul> </div> </div> <button class="q-access-menu__close" data-dismiss="modal" aria-label="Close"><span class="ico ico-cross-narrow" aria-hidden="true"></span></button> </div> </div> </div> </div> <div class="fact-header__poly-logo fact-logo-container theme-color-b4-bg"> <a href="https://www.polyu.edu.hk/en/" target="_blank"> <img src="/assets/img/fact-logo-1x.png" srcset="/assets/img/fact-logo-1x.png 1x, /assets/img/fact-logo-2x.png 2x, /assets/img/fact-logo-3x.png 3x" alt="PolyU" class="fact-main-logo"> </a> </div> </div> <button class="mTrigger mobile-menu-wrap d-block d-lg-none" data-toggle="modal" data-target="#mobile-menu" id="mobile-menu-trigger"> <div class="mTrigger__inner mTrigger__inner--open"> <span class="ico ico-sync-path-color ico-menu-burg mTrigger__icon"><span class="sr-only">Menu</span><span class="path1"></span><span class="path2"></span><span class="path3"></span></span> </div><div class="mTrigger__inner mTrigger__inner--close"><span class="ico ico-cross mTrigger__icon"></span></div> </button> </div> </div> <div class="header-bottom d-none d-lg-block"> <div class="container header-bottom__container"> <div class="mn mn--fact color-set--red"> <nav class="mn__nav"> <ul class="mn__list--1"> <li class="mn__item--1 has-sub"> <a href="/cpeo/Promotion-of-Culture-on-Campus/Programme" class="mn__link--1 theme-color-text-hover" target="">Promotion of Culture on Campus</a> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/cpeo/Promotion-of-Culture-on-Campus/Programme" class="mn-sm__link--2 theme-color-text-hover" target="_self">Programme</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/Promotion-of-Culture-on-Campus/About-CPC" class="mn-sm__link--2 theme-color-text-hover" target="_self">About CPC</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/AIR" class="mn-sm__link--2 theme-color-text-hover" target="">Artist-in-Residence Programme</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/PolyU-Orchestra" class="mn-sm__link--2 theme-color-text-hover" target="">PolyU Orchestra</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/Promotion-of-Culture-on-Campus/Photo-Gallery" class="mn-sm__link--2 theme-color-text-hover" target="_self">Photo Gallery</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/Promotion-of-Culture-on-Campus/Online-Enrolment" class="mn-sm__link--2 theme-color-text-hover" target="_self">Online Enrolment</a> </li> </ul> </li> <li class="mn__item--1"> <a href="/cpeo/AIR" class="mn__link--1 theme-color-text-hover" target="_self">Artist-in-Residence Programme</a> </li> <li class="mn__item--1 has-sub"> <a href="/cpeo/PolyU-Orchestra" class="mn__link--1 theme-color-text-hover" target="_self">PolyU Orchestra</a> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/cpeo/PolyU-Orchestra/Artistic-Director-and-Conductor" class="mn-sm__link--2 theme-color-text-hover" target="_self">Artistic Director and Conductor</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/PolyU-Orchestra/Members" class="mn-sm__link--2 theme-color-text-hover" target="_self">Members</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/PolyU-Orchestra/Programmes" class="mn-sm__link--2 theme-color-text-hover" target="_self">Programme</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/PolyU-Orchestra/Gallery" class="mn-sm__link--2 theme-color-text-hover" target="_self">Gallery</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/PolyU-Orchestra/Join-Us" class="mn-sm__link--2 theme-color-text-hover" target="_self">Join Us</a> </li> </ul> </li> <li class="mn__item--1"> <a href="/cpeo/Chinese-Culture-Festival" class="mn__link--1 theme-color-text-hover" target="_self">PolyU Chinese Culture Festival</a> </li> <li class="mn__item--1 has-sub"> <a href="/cpeo/JCA" class="mn__link--1 theme-color-text-hover" target="_self">Jockey Club Auditorium</a> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/cpeo/JCA/Venues" class="mn-sm__link--2 theme-color-text-hover" target="_self">Venues</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/JCA/Hiring-Info" class="mn-sm__link--2 theme-color-text-hover" target="_self">Hiring Info</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/JCA/Forms-and-Floor-Plans" class="mn-sm__link--2 theme-color-text-hover" target="_self">Forms and Floor Plans</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/JCA/Visitor-Info" class="mn-sm__link--2 theme-color-text-hover" target="_self">Visitor Info</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/JCA/Whats-On" class="mn-sm__link--2 theme-color-text-hover" target="_self">What&#39;s On</a> </li> </ul> </li> <li class="mn__item--1 has-sub"> <a href="/cpeo/CCST" class="mn__link--1 theme-color-text-hover" target="_self">Chiang Chen Studio Theatre</a> <ul class="mn-sm__list--2 theme-color-border"> <li class="mn-sm__item--2"> <a href="/cpeo/CCST/Venues" class="mn-sm__link--2 theme-color-text-hover" target="_self">Venues</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/CCST/Hiring-Info" class="mn-sm__link--2 theme-color-text-hover" target="_self">Hiring Info</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/CCST/Forms-and-Floor-Plans" class="mn-sm__link--2 theme-color-text-hover" target="_self">Forms and Floor Plans</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/CCST/Visitor-Info" class="mn-sm__link--2 theme-color-text-hover" target="_self">Visitor Info</a> </li> <li class="mn-sm__item--2"> <a href="/cpeo/CCST/Whats-On" class="mn-sm__link--2 theme-color-text-hover" target="_self">What&#39;s On</a> </li> </ul> </li> <li class="mn__item--1"> <a href="/cpeo/International-Cultural-Festival" class="mn__link--1 theme-color-text-hover" target="_self">PolyU International Cultural Festival</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </header> <div class=" color-set--red modal mobile-menu mobile-menu--fact modal-sidemenu-slide modal-fix-scroll modal-fix-side-padding fade" tabindex="-1" role="dialog" id="mobile-menu" aria-labelledby="mobile-menu-trigger" aria-hidden="true"> <div class="modal-dialog mobile-menu__dialog" role="document"> <div class="mobile-menu__main" style="z-index:20000 !important;padding-bottom:68px;"> <ul class="mb-mn__list--1"> <li class="mb-mn__item--1 has-sub"> <a href="/cpeo/Promotion-of-Culture-on-Campus/Programme" class="mb-mn__link--1 theme-color-text-hover" target=""> Promotion of Culture on Campus </a> <button type="button" data-toggle="modal" data-target="#demomb-1" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-1" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">Promotion of Culture on Campus</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/Promotion-of-Culture-on-Campus/Programme" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Programme </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/Promotion-of-Culture-on-Campus/About-CPC" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> About CPC </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/AIR" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target=""> Artist-in-Residence Programme </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/PolyU-Orchestra" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target=""> PolyU Orchestra </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/Promotion-of-Culture-on-Campus/Photo-Gallery" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Photo Gallery </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/Promotion-of-Culture-on-Campus/Online-Enrolment" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Online Enrolment </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 "> <a href="/cpeo/AIR" class="mb-mn__link--1" target="_self"> Artist-in-Residence Programme </a> </li> <li class="mb-mn__item--1 has-sub"> <a href="/cpeo/PolyU-Orchestra" class="mb-mn__link--1 theme-color-text-hover" target="_self"> PolyU Orchestra </a> <button type="button" data-toggle="modal" data-target="#demomb-3" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-3" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">PolyU Orchestra</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/PolyU-Orchestra/Artistic-Director-and-Conductor" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Artistic Director and Conductor </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/PolyU-Orchestra/Members" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Members </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/PolyU-Orchestra/Programmes" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Programme </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/PolyU-Orchestra/Gallery" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Gallery </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/PolyU-Orchestra/Join-Us" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Join Us </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 "> <a href="/cpeo/Chinese-Culture-Festival" class="mb-mn__link--1" target="_self"> PolyU Chinese Culture Festival </a> </li> <li class="mb-mn__item--1 has-sub"> <a href="/cpeo/JCA" class="mb-mn__link--1 theme-color-text-hover" target="_self"> Jockey Club Auditorium </a> <button type="button" data-toggle="modal" data-target="#demomb-5" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-5" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">Jockey Club Auditorium</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/JCA/Venues" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Venues </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/JCA/Hiring-Info" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Hiring Info </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/JCA/Forms-and-Floor-Plans" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Forms and Floor Plans </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/JCA/Visitor-Info" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Visitor Info </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/JCA/Whats-On" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> What&#39;s On </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 has-sub"> <a href="/cpeo/CCST" class="mb-mn__link--1 theme-color-text-hover" target="_self"> Chiang Chen Studio Theatre </a> <button type="button" data-toggle="modal" data-target="#demomb-6" class="mb-mn__line-arrow"><span class="ico ico-line-arrow-right mb-mn__arrow-icon theme-color-b4-text" aria-hidden="true"></span><span class="sr-only">Open / close</span></button> <div class=" color-set--red modal modal-fix-side-padding fade mb-mn-sub-menu" data-backdrop="false" id="demomb-6" tabindex="-1" role="dialog" aria-hidden="true" style="z-index:20010 !important;"> <div class="modal-dialog mb-mn-sub-menu__dialog" role="document"> <div class="mb-mn-sub-menu__top"> <button class="mb-mn-sub-menu__back theme-color-text" data-dismiss="modal">back</button> </div> <p class="mb-mn-fact-sub-menu__main-title theme-color-bg">Chiang Chen Studio Theatre</p> <div class="mb-mn-fact-sub-menu__main theme-color-text-hover" style="padding-bottom:68px;"> <ul class="mb-mn-fact__list--2"> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/CCST/Venues" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Venues </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/CCST/Hiring-Info" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Hiring Info </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/CCST/Forms-and-Floor-Plans" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Forms and Floor Plans </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/CCST/Visitor-Info" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> Visitor Info </a> </li> <li class="mb-mn-fact__item--2 "> <a href="/cpeo/CCST/Whats-On" class="mb-mn-fact__link--2 underline-link theme-color-text-hover theme-color-b4-bg theme-color-text-parent-active" target="_self"> What&#39;s On </a> </li> </ul> </div> </div> </div> </li> <li class="mb-mn__item--1 "> <a href="/cpeo/International-Cultural-Festival" class="mb-mn__link--1" target="_self"> PolyU International Cultural Festival </a> </li> </ul> <div class="mobile-menu__bottom" style="padding-bottom:100px;"> <div class="mb-extra"> <div class="mb-extra__blk"> <button data-toggle="modal" data-target="#q-access-menu" class="mb-extra__link mb-extra__link--arrow">Quick Access</button> </div> </div> </div> </div> </div> </div> <a href="javascript:void(0)" id="skip-start" tabindex="-1">Start main content</a> <div> <div class="na-top na-top--w-bg color-set component-margin-bottom--t3 color-set--red" style="background-image: url('/cpeo/-/media/Department/CPEO/Breadcrumb-Image/JCA-head-banner/JCA-head-banner-1440x250/Venue-JCA_1440x250/JCA-Banner_1440x250.jpg?bc=ffffff&amp;h=250&amp;w=1440&amp;rev=cdf9899954ed4ba3961ce80a4cd78b9a&amp;hash=C8BEC996DA3BC9D4A8013CC124193566')"> <div class="na-top__upper theme-color-b4-bg"> <div class="container"> <ul class="na-top__breadcrumb breadcrumb breadcrumb--2 breadcrumb--left"> <li> <span > Home </span> </li> <li> <a href="/cpeo/JCA" target="_self" class=&quot;last&quot;> Jockey Club Auditorium </a> </li> </ul> <h1 class="na-top__title theme-color-text">Jockey Club Auditorium</h1> </div> </div> </div> </div> <main class="page-content" tabindex="-1"> <div style="margin:1em 0em 0em 0em;"> <div style="min-height:50px;"> <!--- Component quick link buttons start ----> <div class=""> <div > <div class="ITS_Content_TextImage_5Links "> <div class=" component-padding-top--t2 color-set color-set--red"> <div class="container"> </div> <div class="multi-img-slider"> <div class="multi-img-slider__container js-slick-container"> <div class="multi-img-slider__list js-slick" id="mis-01" data-slick-option="{&quot;asNavFor&quot;:&quot;#mis-r-01&quot;}"> <div class="multi-img-slider__itm js-slick-itm"> <div class="container color-set color-set--red"> <div class="multi-img-quote-blk"> <div class="multi-img-quote-blk__img-side"> <div class="multi-img multi-img-quote-blk__multi-img"> <div class="multi-img__large"> <div class="multi-img__ctrl img--abs-w"> <img class="img--abs" src="/cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/JCA-532x726.jpg?bc=ffffff&amp;h=726&amp;w=532&amp;rev=ea768559b7c94f058bbf85ee5c97b309&amp;hash=14C6CCF3DCDDA75F55A1D61DC4544AE8" alt="JCA 532x726"> </div> </div> <div class="multi-img__side-1"> <div class="multi-img__ctrl img--abs-w"> <img class="img--abs" src="/cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/JCA-286x391.jpg?bc=ffffff&amp;h=391&amp;w=286&amp;rev=464067bffcfc4fb9ae1dbb388649c232&amp;hash=83FDC78B2C1AD2B49B351ACD3DB5D685" alt="JCA 286x391"> </div> </div> <div class="multi-img__side-2"> <div class="multi-img__ctrl img--abs-w"> <img class="img--abs" src="/cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/JCA-198x270.jpg?bc=ffffff&amp;h=270&amp;w=198&amp;rev=da23302bc8bd4ae0a3a1cb0d179db4f2&amp;hash=282D9B84419B00AD9E44173FC1FB26D2" alt="JCA 198x270"> </div> </div> </div> </div> <div class="multi-img-quote-blk__main"> <div class="multi-img-quote-blk__content static-content js-dot"> <h2 class="has-margin-bottom" style="color: #a02337; margin-top: 0.238095em; margin-bottom: 0.78125em;">Introduction</h2> <p>Combining classical theatre interior design and modern external facade, Jockey Club Auditorium (JCA) has come into operation in 2000. Reminiscent of the grandeur of ancient classical theatre, the Auditorium, is elegantly set with balcony and main floor seating accommodating up to 1,084 persons. The Auditorium has been well equipped with carefully planned technical and architectural details, ranging from modern stage and audio visual facilities to spacious leg room. The Jockey Club Auditorium provides not just a conducive environment for the development of culture on campus and in enriching campus life, but also a unique venue for events and corporates alike.</p> <p>For further details, please contact Culture Promotion and Events Office at 2766 7100.</p> <p>&nbsp;</p> <p><span style="background-color: #ffffff; text-align: center; color: #a0071c;"><strong><em>We promise a Memorable and Successful Event</em></strong></span></p> </div> <div class="multi-img-quote-blk__bottom"> <div class="multi-img-quote-blk__name"> <div id="gtx-trans" style="position: absolute; left: -384px; top: -20px;"> <div class="gtx-trans-icon">&nbsp;</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 当只有一个Item的时候,不显示 --> </div> </div> </div> </div> <div > <div class="ITS_Content_Highlight_Collection "> <div class="container "> <div class="promo-slider color-set--red"> <div class="promo-slider__container js-slick-container js-slick-container-circle-left-right-arrow js-slick-container--sq-pause-only"> <div class="promo-slider__list js-slick"> <div class="promo-slider__itm js-slick-itm"> <a href="/cpeo/JCA/Photo-Album/Photo-Gallery" target="" class="promo-banner-blk"> <div class="promo-banner-blk__inner"> <div class="promo-banner-blk__imgctrl img--abs-w"> <img class="img--abs" src="/cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/Photo-Gallery-banner.jpg?bc=ffffff&amp;h=171&amp;w=583&amp;rev=4d1e47bf33a44ff3ad6f6780a1cd1d7f&amp;hash=640D27CC0823081C512CA2CEA76251E9" srcset="/cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/Photo-Gallery-banner.jpg?bc=ffffff&h=171&w=583&rev=4d1e47bf33a44ff3ad6f6780a1cd1d7f&hash=640D27CC0823081C512CA2CEA76251E9 1x, /cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/Photo-Gallery-banner.jpg?bc=ffffff&h=342&w=1166&rev=4d1e47bf33a44ff3ad6f6780a1cd1d7f&hash=A5A759D4182E50E7E20FE2B05359A075 2x" alt="Photo Gallery banner"> </div> </div> <p class="promo-banner-blk__tag"><span class="promo-banner-blk__tag-inner"></span>Photo Gallery</p> </a> </div> <div class="promo-slider__itm js-slick-itm"> <a href="https://www.polyu.edu.hk/cpeo/virtualtour/JCA/" target="_blank" class="promo-banner-blk"> <div class="promo-banner-blk__inner"> <div class="promo-banner-blk__imgctrl img--abs-w"> <img class="img--abs" src="/cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/Virtual-tour-banner-V3.jpg?bc=ffffff&amp;h=171&amp;w=583&amp;rev=a5b07453da6341d9a49707a3efc90fe2&amp;hash=B770A4D81C3778409FC8AA968C9B2206" srcset="/cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/Virtual-tour-banner-V3.jpg?bc=ffffff&h=171&w=583&rev=a5b07453da6341d9a49707a3efc90fe2&hash=B770A4D81C3778409FC8AA968C9B2206 1x, /cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/Virtual-tour-banner-V3.jpg?bc=ffffff&h=342&w=1166&rev=a5b07453da6341d9a49707a3efc90fe2&hash=01FCE14F8FDBBD812C13578DF39C200C 2x" alt="Virtual tour banner V3"> </div> </div> <p class="promo-banner-blk__tag"><span class="promo-banner-blk__tag-inner"></span>Virtual Tour</p> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div id="page-content"> <div style="clear:both;overflow:hidden;display:block;"> <div class="container static-content color-set--red"> <div class="text" style="color: #3d3d3d; background-color: #ffffff; margin: 0px; padding: 10px 15px 0px; text-align: left;"><strong></strong> </div> </div> </div> </div> <!--- Component quick link buttons end ----> <div class=""> <div > <div class="ITS_Banner_Image_Parallax "> <div class=" "> <div class="bottom-bg js-mood color-set--white " data-parallax="scroll" data-position="0px -200px" data-speed=".5" data-image-src="/cpeo/-/media/Department/CPEO/Content/Testing/Venue/JCA/JCA-footer_3.jpg?mh=860&amp;mw=1920&amp;rev=fa99e894796d46c6a00439c5381ba08a&amp;hash=CFC99DA78977A28B717929E0FBA9784F"> <div class="bottom-bg__inner"> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="page-foot--fact page-foot"> <div class="container color-set--red"> <div class="ft-row component-margin--no-top"> <div class="ft-row__blk ft-row__blk--left"> <ul class="ft-site-link-list"> <li class="ft-site-link-list__item"><a href="/cpeo/Contact-Us" target="_self" class="ft-site-link-list__link">Contact Us</a></li> <li class="ft-site-link-list__item"><a href="https://www.polyu.edu.hk/privacy-policy-statement/" target="_blank" class="ft-site-link-list__link">Privacy Policy Statement</a></li> <li class="ft-site-link-list__item"><a href="https://www.polyu.edu.hk/terms-of-use/" target="_blank" class="ft-site-link-list__link">Terms of Use</a></li> <li class="ft-site-link-list__item"><a href="https://www.polyu.edu.hk/accessibility/" target="_blank" class="ft-site-link-list__link">Accessibility</a></li> <li class="ft-site-link-list__item"><a href="/cpeo/Sitemap" target="_self" class="ft-site-link-list__link">Sitemap</a></li> </ul> <p class="cp">Copyright &copy; 2025 The Hong Kong Polytechnic University. All Rights Reserved.</p> </div> <div class="ft-row__blk ft-row__blk--right"> <div class="ft-social socal-icon-list"> <a href="https://www.facebook.com/HKPolyUCPC" class="socal-icon-list__itm" target="_blank" rel="nofollow"><span class="ico ico-facebook socal-icon-list__icon"><span class="sr-only">Facebook</span></span></a> <a href="https://www.youtube.com/user/PolyUCPC" class="socal-icon-list__itm" target="_blank" rel="nofollow"><span class="ico ico-youtube socal-icon-list__icon"><span class="sr-only">Youtube</span></span></a> <a href="https://www.instagram.com/hkpolyucpc/" class="socal-icon-list__itm" target="_blank" rel="nofollow"><span class="ico ico-instagram socal-icon-list__icon"><span class="sr-only">instagram</span></span></a> <a href="https://twitter.com/PolyU_CPC" class="socal-icon-list__itm" target="_blank" rel="nofollow"><span class="ico ico-twitter socal-icon-list__icon"><span class="sr-only">Twitter</span></span></a> </div> </div> </div> </div> </footer> <div class="cookie-alert js-cookie-alert color-set color-set--red theme-color-b4-bg do-not-print"> <div class="container"> <div class="cookie-alert__inner"> <div class="side-button-blk side-button-blk--alert cookie-alert__side-btn"> <div class="side-button-blk__content theme-color-bgtext"> <p class="cookie-alert__text theme-color-bgtext">We use Cookies to give you a better experience on our website. By continuing to browse the site without changing your privacy settings, you are consenting to our use of Cookies. For more information, please see our <a class="link-hover-underline" href="https://www.polyu.edu.hk/privacy-policy-statement/" target="_blank">Privacy Policy Statement</a>.</p> </div> <div class="side-button-blk__btns"> <div class="btn-row"> <button class="cookie-alert__btn rbtn rbtn-width rbtn--whiteborder btn-row__btn">Accept</button> </div> </div> </div> <button class="cookie-alert__close cbtn" aria-label="Close"> <span class="ico ico-cross-narrow" aria-hidden="true"></span> </button> </div> </div> </div> <div class="old-browser"> <div class="old-browser__content"> <button class="old-browser__close cbtn" aria-label="Close"> <span class="ico ico-cross-narrow" aria-hidden="true"></span> </button> <p class="old-browser__text"> Your browser is not the latest version. If you continue to browse our website, Some pages may not function properly. <br /><br /> You are recommended to upgrade to a newer version or switch to a different browser. A list of the web browsers that we support can be found <a href="/en/accessibility/">here</a> </p> <div class="old-browser__overlay" style="background-image: url(\_img\1920x1080.png)"></div> </div> </div> <!-- Modal --> <div class="modal modal-fix-side-padding fade full-page-modal search-modal js-bs-modal-full" id="search-modal" tabindex="-1" role="dialog" aria-labelledby="search-modal-label" aria-hidden="true" style="z-index:21000;"> <div class="modal-dialog full-page-modal__dialog" role="document"> <div class="modal-content full-page-modal__content color-set--red"> <div class="container full-page-modal__container"> <p class="full-page-modal__title theme-color-text-dark" id="search-modal-label">What are you looking for?</p> <button type="button" class="full-page-modal__close" data-dismiss="modal" aria-label="Close"> <span class="ico ico-cross" aria-hidden="true"></span> </button> <!--- Component search input start ----> <div class="search-modal__search-blk angle-line-blk angle-line-blk--no-angle"> <div class="angle-line-blk__inner"> <form action="/cpeo/Search-Result"> <div class="shadow-search-blk js-typeahead" data-searchurl="https://www.polyu.edu.hk/api/search/keyword/suggestion" data-website="CPEO"> <span class="shadow-search-blk__icon ico ico-search" aria-hidden="true"></span> <label for="site-search" class="sr-only">Site Search</label> <input type="text" class="shadow-search-blk__input js-typeahead-input" id="site-search" name="query"> <button class="shadow-search-blk__button">Search</button> </div> </form> </div> <div style="margin:10px; display:block;overflow:hidden;"> <a href="https://www.polyu.edu.hk/internalsearch" target="_blank" id="internal_search_site_btn" style="float:right; text-decoration:underline;">Internal Document Search <img src="/assets/img/lock.png" height=18 /></a> </div> </div> <!--- Component popular search start ----> <!--- Component popular search end ----> </div> </div> </div> </div> </div> <!-- <p></p> --> <script type="text/javascript"> //if security block for using iframe to read directly, can use "HTML5 window.postMessage" method, but need to check browser support function ITS_loadFrame() { var iframe = document.createElement('iframe'); //load your page iframe.src = "/?p=1"; //window.location.href //hide the iframe using css iframe.style.cssText = 'position: absolute; opacity:0; z-index: -9999'; //set iframe onload function, this will execute after the append iframe.onload = function (e) { //get iframe cookies var cookies = iframe.contentDocument.cookie; //remove iframe after load document.body.removeChild(iframe); //read particular cookies value instead of load all cookies to avoid duplicate //var acceptCookie = ITS_getCookie("is_accepted_cookie", cookies); var globalCookie = ITS_getCookieFromSource("SC_ANALYTICS_GLOBAL_COOKIE", cookies); var aspnetCookie = ITS_getCookieFromSource("ASP.NET_SessionId", cookies); ITS_setCookie("SC_ANALYTICS_GLOBAL_COOKIE", globalCookie, 3652); ITS_setCookie("ASP.NET_SessionId", aspnetCookie, 0); } if (typeof callGoogleTagManager == 'function') { callGoogleTagManager(); } if (typeof callSocialAds == 'function') { callSocialAds(); } if (typeof callCustomScript == 'function') { callCustomScript(); } document.body.appendChild(iframe); } function ITS_getCookie(name) { var cookies = document.cookie; var nameEQ = name + "="; var ca = cookies.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } function ITS_getCookieFromSource(name, cookies) { var nameEQ = name + "="; var ca = cookies.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } function ITS_setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + ";path=/;SameSite=None;secure;"; } </script> <!-- Public Library --> <script type="text/javascript" src="/bundles/js?v=ufNls3nvdC6VHEh7xrZX0WeV4EVFsPdvBKJoEZVYs981"></script> <!-- End Public Library --> <script type="text/javascript"> $(function () { $("a[href^='http']:not([href*='polyu.edu.hk'])").attr("rel", "nofollow"); $(".cookie-alert__btn").click(function() { ITS_setCookie('LabelName', '', 7); ITS_setCookie('LabelTimes', '', 7); ITS_setCookie('LabelExpire','', 7); }); }); $(document).ready(function () { $('a[href*="/sitecore/content/"]').each(function () { var oldUrl = $(this).attr("href"); var newUrl = oldUrl.replace("/sitecore/content/", "/"); $(this).attr("href", newUrl); }); }); var url = window.location.pathname; if (url.includes("/sitecore/content")) { var destination = "/"; var path = url.split("/sitecore/content"); if (path.length > 1) { destination = path[1]; if (destination === "") { destination = "/"; } } window.location.href = destination; } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10