演藝網登錄頁面

<!DOCTYPE html> <html lang="en-US" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="format-detection" content="telephone=no" /> <meta name="description" content="" /> <meta content="康文署, 康樂及文化事務署, 表演藝術, 表演, 演出, 節目, 戲劇, 劇場, 音樂, 音樂會, 舞, 多媒體, 場地, 文化, 藝術" property="keywords">  <meta name="twitter:card" content="summary" />   <meta property="og:url" content="" /> <meta property="og:title" content="Landing Page" /> <meta property="og:description" content="" /> <meta property="og:image" content="" />  <title> 演藝網登錄頁面 </title>    <script src="../web/vendor/bundle.min.js"></script>   <script src="../web/libs/datepicker/datepicker-en-AU.js"></script>    <link href="../web/vendor/bundle.min.css" rel="stylesheet" /> <link href="../web/css/app.css" rel="stylesheet" /> </head> <body class="landing-page">  <a href="#skip-target" title="Skip to main content" class="skip-link sr-only sr-only-focusable" onclick="document.getElementById('skip-target').focus();"> Skip to main content </a>    <div id="skip-target" class="sr-only">The detail of this page</div>  <section class="landing-page-section tc"> <div class="header-container"> <h1 class="sr-only">歡迎來到康文署</h1> <div class="logo"> <img src="../web/images/logo_TC.png" alt="康樂及文化事務署標識" class="logo" /> </div> <div class="break-line"></div> <img src="../web/images/logo_title_TC.png" alt="康樂及文化事務署標識" class="logo title" /> </div> <div class="header-title-mobile"> <div href="../en/landing-page.html" class="header-link"> <img src="../web/images/logo-mobile-tc.png" alt="康樂及文化事務署標識" class="logo" /> </div> </div> <div class="social-logo landing-section-image"> <div role="button" tabindex="0" aria-expanded="false" href="javascript:;" aria-label="language" class="language-icon"> <div class="icon-language"></div> <div class="language-list-wrapper"> <div class="language-list" id="language-list"> <a aria-label="ENG" class="tc-btn" href="../en/landing-page.html">ENG</a> <a aria-label="簡" href="../sc/landing-page.html">簡</a> </div> </div> </div>  <div class="social-break"></div> <div role="button" aria-expanded="false" tabindex="0" aria-label="Share" class="share-icon-list"> <div class=" icon-share share"></div> <div class="share-list" id="share-list"> <a rel="noopener noreferrer" aria-label="Share To Email" href="javascript:;" data-target="email" class="icon-share-email share-link-button"></a> <a rel="noopener noreferrer" aria-label="Share To Facebook" href="javascript:;" data-target="fb" class="icon-share-fb share-link-button"></a> <a rel="noopener noreferrer" aria-label="Share To Twitter" href="javascript:;" data-target="twitter" class="icon-share-twitter share-link-button"></a> <a rel="noopener noreferrer" aria-label="Share To Weibo" href="javascript:;" data-target="weibo" class="icon-share-weibo share-link-button"></a> <a rel="noopener noreferrer" aria-label="Share To Whatsapp" href="javascript:;" data-target="whatsapp" class="icon-share-whatsapp share-link-button"></a> <a rel="noopener noreferrer" aria-label="Share To Linkedin" href="javascript:;" data-target="linkedin" class="icon-share-linkedin share-link-button"></a> <a rel="noopener noreferrer" aria-label="Share To Wechat" href="javascript:;" data-target="wechat" class="icon-share-wechat share-link-button"></a> <a aria-label="Share By Link" href="javascript:;" class="icon-share-link share-list-icon copy-link-button"> <div class="copy-link-button--popup"> <div class="copy-link-button--popup__content"> <img class="copy-link-button--popup__button" src="../web/images/svg/triangle.svg" alt="instagram" width="25px" height="25px"> <div class="h8 copy-link-button--popup__text"> 已複製。 </div> </div> </div> </a> </div> </div> </div> <div class="all-picture"> <div class="leftside-pic">  <div class="landing-section-image left-heading"> <a class="js-heading decoration-none" href="homepage.html" aria-label="進入-尋找節目">    <div class="left-second-heading"> <div class="first-heading">尋找節目</div> <img class="landing-section-images-vector" src="../web/images/landing/arrow-right.png" alt="" /> </div> </a> </div> <div class="landing-section-image enter left-enter"><a href="homepage.html" aria-label="進入-尋找節目">進入</a></div> <img class="landing-section-image landing-section-images-green-ball" src="../web/images/landing/green-ball.png" alt="" /> <img class="landing-section-image landing-section-images-yellow-ball" src="../web/images/landing/yellow-ball.png" alt="" /> <img class="landing-section-image landing-section-images-purple-ball" src="../web/images/landing/purple-ball.png" alt="" /> <img class="landing-section-image landing-section-images-break" src="../web/images/landing/break.png" alt="" /> <img class="landing-section-image landing-section-images-drama" src="../web/images/landing/drama.png" alt="" /> <img class="landing-section-image landing-section-images-ballet" src="../web/images/landing/ballet.png" alt="" />  <img class="landing-section-image landing-section-images-music" src="../web/images/landing/music.png" alt="" /> <img class="landing-section-image landing-section-images-yellow-small" src="../web/images/landing/yellow-small.png" alt="" /> </div> <div class="rightside-pic"> <div class="landing-section-image right-heading"> <a class="decoration-none" href="venue.html" aria-label="進入-探索或租用場地"> <div class="right-first-heading"> <div class="second-title">場地探索 /</div> </div> <div class="right-second-heading"> <div class="first-heading">租用</div> <img class="landing-section-images-vector" src="../web/images/landing/arrow-right.png" alt="" /> </div> </a> </div> <div class="landing-section-image enter right-enter"><a href="venue.html" aria-label="進入-探索或租用場地">進入</a></div> <img class="landing-section-image landing-section-images-blue-ball" src="../web/images/landing/blue-ball.png" alt="" /> <img class="landing-section-image landing-section-images-pink-ball" src="../web/images/landing/pink-ball.png" alt="" /> <img class="landing-section-image landing-section-images-orange-ball" src="../web/images/landing/orange-ball.png" alt="" /> <img class="landing-section-image landing-section-images-drum" src="../web/images/landing/drum.png" alt="" /> <img class="landing-section-image landing-section-images-light" src="../web/images/landing/light.png" alt="" /> <img class="landing-section-image landing-section-images-microphone" src="../web/images/landing/microphone.png" alt="" /> <img class="landing-section-image landing-section-images-theater" src="../web/images/landing/theater.png" alt="" /> <img class="landing-section-image landing-section-images-curtain" src="../web/images/landing/curtain.png" alt="" /> <img class="landing-section-image landing-section-images-blue-small" src="../web/images/landing/blue-small.png" alt="" /> </div> </div> </section>    <div class="modal fade" id="landingPopupModal" tabindex="-1" role="dialog" aria-labelledby="landingPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close" autofocus> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="landing-popup-model--header"> <div class="landing-popup-model--header--icon"></div>  <div class="modal-title h3" id="landingPopupModalLabel">What’s New</div> </div> <div class="landing-popup-model--title h7">Hong Kong Police Force appeals to the public to be aware of online ticket trading fraud – If in doubt, please call the Anti-Scam Helpline 18222</div> <div class="landing-popup-model--date h8">2018/09/05</div> <div class="landing-popup-model--description"> <div> Anti-Deception Coordination Centre (ADCC) of Hong Kong Police Force reminds the public to be cautious when buying tickets via online platform. Swindlers would pretend to put tickets up for sale on online social/shopping platforms. The victims would fail to collect their tickets after making payments.</div> <br> <div>Suggestion:</div> <ul> <li> Buy tickets through official sales channels and not to buy them from unidentified persons.</li> <li>Ascertain the credibility of other parties and verify their identity before conducting online transactions.</li> <li>When conducting overseas transactions, be aware that the protection provided and risks involved in other jurisdictions may differ.</li> <li> Buyers and sellers can review each other’s transaction history, credibility ratings and feedbacks before proceeding with a transaction.</li> <li>Do not disclose any personal information before authenticating the identity of other parties.</li> <li> If there is any suspicion over the identity of parties involved, stop the transaction immediately.</li> <li> If you find anything suspicious, please consult the Hong Kong Police Force immediately by calling the “Anti-Scam Helpline 18222”, the 24-hour telephone hotline.</li> </ul> <div> Hong Kong Police Force</div> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="filterPopupModal" tabindex="-1" role="dialog" aria-labelledby="filterPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button js-filter-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-filter-list"> <div data-type="location" class="modal-filter-list--item"> <div class="modal-title h3">LOCATION</div> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="location" data-target="all" class="selection-list--item h6 active">All</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="hong-kong" class="selection-list--item h6">Hong Kong</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="kowloon" class="selection-list--item h6">Kowloon</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="new-territories" class="selection-list--item h6">New Territories</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="location" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="all">All</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="hong-kong">Hong Kong</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="kowloon">Kowloon</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="new-territories">New Territories</a> </div> </div> <div data-id="hong-kong" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong City Hall</a> <a href="javascript:;" class="modal-list--button p2">Queen Elizabeth Stadium</a> <a href="javascript:;" class="modal-list--button p2">Sai Wan Ho Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Sheung Wan Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> <div data-id="kowloon" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">East Kowloon Cultural Centre</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong Coliseum</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong Cultural Centre</a> <a href="javascript:;" class="modal-list--button p2">Ko Shan Theatre</a> <a href="javascript:;" class="modal-list--button p2">Ngau Chi Wan Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Yau Ma Tei Theatre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> <div data-id="new-territories" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">Yau Ma Tei Theatre</a> <a href="javascript:;" class="modal-list--button p2">North District Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Sha Tin Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Tai Po Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Tsuen Wan Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Tuen Mun Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Yuen Long Theatre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> </div> <div data-type="date" class="modal-filter-list--item"> <div class="modal-title h3">DATE</div> <div class="selection-width"> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="date" data-target="all" class="selection-list--item h6 active">All Dates</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="today" class="selection-list--item h6">Today</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="after-today" class="selection-list--item h6">After Today</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="select-date" data-option="datepicker" class="selection-list--item h6">Select Date</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="date" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="all">All Dates</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="today">Today</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="after-today">After Today</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="select-date">Select Date</a> </div> </div> <div id="pop-up-datepicker"> <div class="js-homepage-pop-up-datepicker"></div> </div> </div> </div> <div data-type="price" class="modal-filter-list--item"> <div class="modal-title h3">PRICE</div> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="price" class="selection-list--item h6 active">All</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="price" class="selection-list--item h6">Free of Charge</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="price" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="price" data-target="all">All</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="price" data-target="free-of-charge">Free of Charge</a> </div> </div> </div> <div data-type="presenter" class="modal-filter-list--item"> <div class="modal-title h3">PRESENTER</div> <div class="selection-list"> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">LCSD</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">Venue Partners</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">Others</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-key="all" data-type="presenter" class="selection-list--item h6 active">All</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="presenter" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="lcsd">LCSD</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="venue-partners">Venue Partners</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="others">Others</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="all">All</a> </div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h6" aria-label="Clear All">Clear All</button> <button type="button" class="btn apply-btn blue-circle-btn js-homepage-submit-filter" data-dismiss="modal" aria-label="Apply"> APPLY </button> </div> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="chineseOperaPopupModal" tabindex="-1" role="dialog" aria-labelledby="chineseOperaPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="chineseOperaPopupModalLabel">CHINESE OPERA</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">All</a> <a href="javascript:;" class="modal-list--button" autofocus>Cantonese Opera / Operatic Songs</a> <a href="javascript:;" class="modal-list--button">Other Chinese Opera / Operatic Songs</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> Clear All </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">APPLY</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="dancePopupModal" tabindex="-1" role="dialog" aria-labelledby="dancePopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="dancePopupModalLabel">DANCE</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">All</a> <a href="javascript:;" class="modal-list--button">Chinese Dance</a> <a href="javascript:;" class="modal-list--button">Ballet</a> <a href="javascript:;" class="modal-list--button">Modern / Contemporary Dance</a> <a href="javascript:;" class="modal-list--button">Dance Theatre</a> <a href="javascript:;" class="modal-list--button">Ethnic Dance / Others</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> Clear All </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">APPLY</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="multiArtPopupModal" tabindex="-1" role="dialog" aria-labelledby="multiArtPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="multiArtPopupModalLabel">MULTI-ARTS</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">All</a> <a href="javascript:;" class="modal-list--button">Multimedia</a> <a href="javascript:;" class="modal-list--button">Puppetry</a> <a href="javascript:;" class="modal-list--button">Magic / Clown</a> <a href="javascript:;" class="modal-list--button">Circus / Acrobatics</a> <a href="javascript:;" class="modal-list--button">Physical Theatre / Mime</a> <a href="javascript:;" class="modal-list--button">Variety Show / Others</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> Clear All </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">APPLY</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="musicPopupModal" tabindex="-1" role="dialog" aria-labelledby="musicPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="musicPopupModalLabel">MUSIC</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">All</a> <a href="javascript:;" class="modal-list--button">Chinese Orchestral Music</a> <a href="javascript:;" class="modal-list--button">Western Orchestral Music</a> <a href="javascript:;" class="modal-list--button">Chinese Instrumental Music</a> <a href="javascript:;" class="modal-list--button">Western Instrumental Music</a> <a href="javascript:;" class="modal-list--button">Western Opera</a> <a href="javascript:;" class="modal-list--button">Chamber Music</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> Clear All </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">APPLY</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="theatrePopupModal" tabindex="-1" role="dialog" aria-labelledby="theatrePopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="theatrePopupModalLabel">THEATRE</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">All</a> <a href="javascript:;" class="modal-list--button">Cantonese Drama / Musical</a> <a href="javascript:;" class="modal-list--button">Non-Cantonese Drama / Musical</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> Clear All </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">APPLY</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="programmeDetailsModal" tabindex="-1" role="dialog" aria-labelledby="programmeDetailsModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div>  <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="content"> <div class="modal-title h2 title" id="programmeDetailsModal">You can buy ticket from...</div> <div class="image"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="../web/images/icons/urbtix_logo.png" alt="Urbtix Logo"> </a> <a href="" target="_blank" rel="noopener noreferrer"> <img src="../web/images/icons/urbtix_logo.png" alt="Urbtix Logo"> </a> </div> </div>  </div> </div> </div> </div> </div>  <div class="modal fade" id="enrollNowModal" tabindex="-1" role="dialog" aria-labelledby="enrollNowModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close" autofocus> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="content"> <div class="modal-title h3" id="enrollNowModal">Thank you for the support.</div> <div class="quotas-full h7 ">All quotas are full.</div> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="filterPopupModalVenue" tabindex="-1" role="dialog" aria-labelledby="filterPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-first-focus" tabindex="0"></div> <div class="modal-main"> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-filter-list"> <div data-type="seating" class="modal-filter-list--item"> <div class="modal-title h3">SEATING CAPACITY</div> <div class="selection-width"> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="seating" data-target="all" class="selection-list--item h6 active">All</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="below-200" class="selection-list--item h6">Below 200</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="200-600" class="selection-list--item h6">200 - 600</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="601-1100" class="selection-list--item h6">601 - 1100</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="above-1100" class="selection-list--item h6">Above 1100</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="seating" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="all">All</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="below-200">Below 200</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="200-600">200 - 600</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="601 - 1100">601 - 1100</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="above-1100">Above 1100</a> </div> </div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h6" aria-label="Clear All">Clear All</button> <button type="button" class="btn apply-btn orange-circle-btn js-homepage-submit-filter" data-dismiss="modal" aria-label="Apply"> APPLY </button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="landingPopupModalTC " tabindex="-1" role="dialog" aria-labelledby="landingPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close" autofocus> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="landing-popup-model--header"> <div class="landing-popup-model--header--icon"></div>  <div class="modal-title h3" id="landingPopupModalLabel">What’s New</div> </div> <div class="landing-popup-model--title h7">Hong Kong Police Force appeals to the public to be aware of online ticket trading fraud – If in doubt, please call the Anti-Scam Helpline 18222</div> <div class="landing-popup-model--date h8">2018/09/05</div> <div class="landing-popup-model--description"> <div> Anti-Deception Coordination Centre (ADCC) of Hong Kong Police Force reminds the public to be cautious when buying tickets via online platform. Swindlers would pretend to put tickets up for sale on online social/shopping platforms. The victims would fail to collect their tickets after making payments.</div> <br> <div>Suggestion:</div> <ul> <li> Buy tickets through official sales channels and not to buy them from unidentified persons.</li> <li>Ascertain the credibility of other parties and verify their identity before conducting online transactions.</li> <li>When conducting overseas transactions, be aware that the protection provided and risks involved in other jurisdictions may differ.</li> <li> Buyers and sellers can review each other’s transaction history, credibility ratings and feedbacks before proceeding with a transaction.</li> <li>Do not disclose any personal information before authenticating the identity of other parties.</li> <li> If there is any suspicion over the identity of parties involved, stop the transaction immediately.</li> <li> If you find anything suspicious, please consult the Hong Kong Police Force immediately by calling the “Anti-Scam Helpline 18222”, the 24-hour telephone hotline.</li> </ul> <div> Hong Kong Police Force</div> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="filterPopupModalTC" tabindex="-1" role="dialog" aria-labelledby="filterPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button js-filter-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-filter-list"> <div data-type="location" class="modal-filter-list--item"> <div class="modal-title h3">地點</div> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="location" data-target="all" class="selection-list--item h6 active">全部</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="hong-kong" class="selection-list--item h6">香港</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="kowloon" class="selection-list--item h6">九龍</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="new-territories" class="selection-list--item h6">新界</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="location" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="all">全部</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="hong-kong">香港</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="kowloon">九龍</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="new-territories">新界</a> </div> </div> <div data-id="hong-kong" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong City Hall</a> <a href="javascript:;" class="modal-list--button p2">Queen Elizabeth Stadium</a> <a href="javascript:;" class="modal-list--button p2">Sai Wan Ho Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Sheung Wan Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> <div data-id="kowloon" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">East Kowloon Cultural Centre</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong Coliseum</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong Cultural Centre</a> <a href="javascript:;" class="modal-list--button p2">Ko Shan Theatre</a> <a href="javascript:;" class="modal-list--button p2">Ngau Chi Wan Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Yau Ma Tei Theatre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> <div data-id="new-territories" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">Yau Ma Tei Theatre</a> <a href="javascript:;" class="modal-list--button p2">North District Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Sha Tin Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Tai Po Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Tsuen Wan Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Tuen Mun Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Yuen Long Theatre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> </div> <div data-type="date" class="modal-filter-list--item"> <div class="modal-title h3">日期</div> <div class="selection-width"> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="date" data-target="all" class="selection-list--item h6 active">全部日期</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="today" class="selection-list--item h6">今天</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="after-today" class="selection-list--item h6">明天及之後</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="select-date" data-option="datepicker" class="selection-list--item h6">揀選日期</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="date" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="all">全部日期</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="today">今天</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="after-today">明天及之後</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="select-date">揀選日期</a> </div> </div> <div id="pop-up-datepicker-tc"> <div class="js-homepage-pop-up-datepicker"></div> </div> </div> </div> <div data-type="price" class="modal-filter-list--item"> <div class="modal-title h3">票價</div> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="price" class="selection-list--item h6 active">收費及免費</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="price" class="selection-list--item h6">免費</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="price" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="price" data-target="all">收費及免費</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="price" data-target="free-of-charge">免費</a> </div> </div> </div> <div data-type="presenter" class="modal-filter-list--item"> <div class="modal-title h3">主辦</div> <div class="selection-list"> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">康文署</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">場地伙伴</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">其他</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-key="all" data-type="presenter" class="selection-list--item h6 active">全部</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="presenter" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="lcsd">康文署</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="venue-partners">場地伙伴</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="others">其他</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="all">全部</a> </div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h6" aria-label="Clear All">清除所有</button> <button type="button" class="btn apply-btn blue-circle-btn js-homepage-submit-filter" data-dismiss="modal" aria-label="Apply"> 應用 </button> </div> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="chineseOperaPopupModalTC" tabindex="-1" role="dialog" aria-labelledby="chineseOperaPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="chineseOperaPopupModalLabel">中國戲曲</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button" autofocus>粵劇 / 粵曲</a> <a href="javascript:;" class="modal-list--button">其他中國戲曲</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">應用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="dancePopupModalTC" tabindex="-1" role="dialog" aria-labelledby="dancePopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="dancePopupModalLabel">舞蹈</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button">中國舞</a> <a href="javascript:;" class="modal-list--button">芭蕾舞</a> <a href="javascript:;" class="modal-list--button">現代 / 當代舞</a> <a href="javascript:;" class="modal-list--button">舞蹈劇場</a> <a href="javascript:;" class="modal-list--button">民族舞 /其他</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">應用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="multiArtPopupModalTC" tabindex="-1" role="dialog" aria-labelledby="multiArtPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="關閉"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="multiArtPopupModalLabel">跨媒體藝術</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button">多媒體</a> <a href="javascript:;" class="modal-list--button">偶戲</a> <a href="javascript:;" class="modal-list--button">魔術 / 小丑</a> <a href="javascript:;" class="modal-list--button">馬戲 / 雜技</a> <a href="javascript:;" class="modal-list--button">形體劇場 / 黙劇</a> <a href="javascript:;" class="modal-list--button">綜合表演 / 其他</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="清除所有"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="應用">應用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="musicPopupModalTC" tabindex="-1" role="dialog" aria-labelledby="musicPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="musicPopupModalLabel">音樂</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button">中樂團音樂</a> <a href="javascript:;" class="modal-list--button">西樂團音樂</a> <a href="javascript:;" class="modal-list--button">中樂器樂</a> <a href="javascript:;" class="modal-list--button">西方器樂</a> <a href="javascript:;" class="modal-list--button">西洋歌劇</a> <a href="javascript:;" class="modal-list--button">室樂</a> <a href="javascript:;" class="modal-list--button">中樂小組合奏</a> <a href="javascript:;" class="modal-list--button">爵士樂 / 朋克搖滾 /藍調 / R&B/ 流行音樂</a> <a href="javascript:;" class="modal-list--button">聲樂 / 合唱</a> <a href="javascript:;" class="modal-list--button">世界音樂 / 其他</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">應用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="theatrePopupModalTC" tabindex="-1" role="dialog" aria-labelledby="theatrePopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="theatrePopupModalLabel">戲劇</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button">粵語戲劇 / 音樂劇</a> <a href="javascript:;" class="modal-list--button">非粵語戲劇 / 音樂劇</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">應用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="programmeDetailsModal" tabindex="-1" role="dialog" aria-labelledby="programmeDetailsModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div>  <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="content"> <div class="modal-title h2 title" id="programmeDetailsModal">You can buy ticket from...</div> <div class="image"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="../web/images/icons/urbtix_logo.png" alt="Urbtix Logo"> </a> <a href="" target="_blank" rel="noopener noreferrer"> <img src="../web/images/icons/urbtix_logo.png" alt="Urbtix Logo"> </a> </div> </div>  </div> </div> </div> </div> </div>  <div class="modal fade" id="enrollNowModalTC" tabindex="-1" role="dialog" aria-labelledby="enrollNowModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close" autofocus> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="content"> <div class="modal-title h3" id="enrollNowModal">Thank you for the support.</div> <div class="quotas-full h7 ">All quotas are full.</div> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="filterPopupModalVenueTC" tabindex="-1" role="dialog" aria-labelledby="filterPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-first-focus" tabindex="0"></div> <div class="modal-main"> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-filter-list"> <div data-type="seating" class="modal-filter-list--item"> <div class="modal-title h3">座位數目</div> <div class="selection-width"> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="seating" data-target="all" class="selection-list--item h6 active">全部</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="below-200" class="selection-list--item h6">200 以下</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="200-600" class="selection-list--item h6">200 - 600</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="601-1100" class="selection-list--item h6">601 - 1100</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="above-1100" class="selection-list--item h6">1100 以上</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="seating" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="all">全部</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="below-200">200 以下</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="200-600">200 - 600</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="601 - 1100">601 - 1100</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="above-1100">1100 以上</a> </div> </div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h6" aria-label="Clear All">清除所有</button> <button type="button" class="btn apply-btn orange-circle-btn js-homepage-submit-filter" data-dismiss="modal" aria-label="Apply"> 應用 </button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="landingPopupModalSC " tabindex="-1" role="dialog" aria-labelledby="landingPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close" autofocus> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="landing-popup-model--header"> <div class="landing-popup-model--header--icon"></div>  <div class="modal-title h3" id="landingPopupModalLabel">What’s New</div> </div> <div class="landing-popup-model--title h7">Hong Kong Police Force appeals to the public to be aware of online ticket trading fraud – If in doubt, please call the Anti-Scam Helpline 18222</div> <div class="landing-popup-model--date h8">2018/09/05</div> <div class="landing-popup-model--description"> <div> Anti-Deception Coordination Centre (ADCC) of Hong Kong Police Force reminds the public to be cautious when buying tickets via online platform. Swindlers would pretend to put tickets up for sale on online social/shopping platforms. The victims would fail to collect their tickets after making payments.</div> <br> <div>Suggestion:</div> <ul> <li> Buy tickets through official sales channels and not to buy them from unidentified persons.</li> <li>Ascertain the credibility of other parties and verify their identity before conducting online transactions.</li> <li>When conducting overseas transactions, be aware that the protection provided and risks involved in other jurisdictions may differ.</li> <li> Buyers and sellers can review each other’s transaction history, credibility ratings and feedbacks before proceeding with a transaction.</li> <li>Do not disclose any personal information before authenticating the identity of other parties.</li> <li> If there is any suspicion over the identity of parties involved, stop the transaction immediately.</li> <li> If you find anything suspicious, please consult the Hong Kong Police Force immediately by calling the “Anti-Scam Helpline 18222”, the 24-hour telephone hotline.</li> </ul> <div> Hong Kong Police Force</div> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="filterPopupModalSC" tabindex="-1" role="dialog" aria-labelledby="filterPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button js-filter-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-filter-list"> <div data-type="location" class="modal-filter-list--item"> <div class="modal-title h3">地点</div> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="location" data-target="all" class="selection-list--item h6 active">全部</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="hong-kong" class="selection-list--item h6">香港</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="kowloon" class="selection-list--item h6">九龙</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="location" data-target="new-territories" class="selection-list--item h6">新界</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="location" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="all">全部</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="hong-kong">香港</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="kowloon">九龙</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="location" data-target="new-territories">新界</a> </div> </div> <div data-id="hong-kong" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong City Hall</a> <a href="javascript:;" class="modal-list--button p2">Queen Elizabeth Stadium</a> <a href="javascript:;" class="modal-list--button p2">Sai Wan Ho Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Sheung Wan Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> <div data-id="kowloon" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">East Kowloon Cultural Centre</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong Coliseum</a> <a href="javascript:;" class="modal-list--button p2">Hong Kong Cultural Centre</a> <a href="javascript:;" class="modal-list--button p2">Ko Shan Theatre</a> <a href="javascript:;" class="modal-list--button p2">Ngau Chi Wan Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Yau Ma Tei Theatre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> <div data-id="new-territories" class="selection-list--sub-list modal-button-list padding-for-selection-list"> <a href="javascript:;" data-key="all" class="modal-list--button active p2">All</a> <a href="javascript:;" class="modal-list--button p2">Yau Ma Tei Theatre</a> <a href="javascript:;" class="modal-list--button p2">North District Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Sha Tin Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Tai Po Civic Centre</a> <a href="javascript:;" class="modal-list--button p2">Tsuen Wan Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Tuen Mun Town Hall</a> <a href="javascript:;" class="modal-list--button p2">Yuen Long Theatre</a> <a href="javascript:;" class="modal-list--button p2">Others</a> </div> </div> <div data-type="date" class="modal-filter-list--item"> <div class="modal-title h3">日期</div> <div class="selection-width"> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="date" data-target="all" class="selection-list--item h6 active">全部日期</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="today" class="selection-list--item h6">今天</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="after-today" class="selection-list--item h6">明天及之后</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="date" data-target="select-date" data-option="datepicker" class="selection-list--item h6">拣选日期</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="date" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="all">全部日期</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="today">今天</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="after-today">明天及之后</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="date" data-target="select-date">拣选日期</a> </div> </div> <div id="pop-up-datepicker-sc"> <div class="js-homepage-pop-up-datepicker"></div> </div> </div> </div> <div data-type="price" class="modal-filter-list--item"> <div class="modal-title h3">票价</div> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="price" class="selection-list--item h6 active">收费及免费</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="price" class="selection-list--item h6">免费</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="price" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="price" data-target="all">收费及免费</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="price" data-target="free-of-charge">免费</a> </div> </div> </div> <div data-type="presenter" class="modal-filter-list--item"> <div class="modal-title h3">主办</div> <div class="selection-list"> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">康文署</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">场地伙伴</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="presenter" class="selection-list--item h6">其他</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-key="all" data-type="presenter" class="selection-list--item h6 active">全部</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="presenter" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="lcsd">康文署</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="venue-partners">场地伙伴</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="others">其他</a> <a href="javascript:;" role="button" class="js-drop-down-item dropdown-item h6" aria-label="homepage programme dropdown value" data-type="presenter" data-target="all">全部</a> </div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h6" aria-label="Clear All">清除所有</button> <button type="button" class="btn apply-btn blue-circle-btn js-homepage-submit-filter" data-dismiss="modal" aria-label="Apply"> 应用 </button> </div> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="chineseOperaPopupModalSC" tabindex="-1" role="dialog" aria-labelledby="chineseOperaPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="chineseOperaPopupModalLabel">中国戏曲</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button" autofocus>粤剧 / 粤曲</a> <a href="javascript:;" class="modal-list--button">其他中国戏曲</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">应用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="dancePopupModalSC" tabindex="-1" role="dialog" aria-labelledby="dancePopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="dancePopupModalLabel">舞蹈</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button">中国舞</a> <a href="javascript:;" class="modal-list--button">芭蕾舞</a> <a href="javascript:;" class="modal-list--button">现代 / 当代舞</a> <a href="javascript:;" class="modal-list--button">舞蹈剧场</a> <a href="javascript:;" class="modal-list--button">民族舞 /其他</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">应用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="multiArtPopupModalSC" tabindex="-1" role="dialog" aria-labelledby="multiArtPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="关闭"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="multiArtPopupModalLabel">跨媒体艺术</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button">多媒体</a> <a href="javascript:;" class="modal-list--button">偶戏</a> <a href="javascript:;" class="modal-list--button">魔术 / 小丑</a> <a href="javascript:;" class="modal-list--button">马戏 / 杂技</a> <a href="javascript:;" class="modal-list--button">形体剧场 / 黙剧</a> <a href="javascript:;" class="modal-list--button">综合表演 / 其他</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="清除所有"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="应用">应用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="musicPopupModalSC" tabindex="-1" role="dialog" aria-labelledby="musicPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="musicPopupModalLabel">音乐</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button">中乐团音乐</a> <a href="javascript:;" class="modal-list--button">西乐团音乐</a> <a href="javascript:;" class="modal-list--button">中乐器乐</a> <a href="javascript:;" class="modal-list--button">西方器乐</a> <a href="javascript:;" class="modal-list--button">西洋歌剧</a> <a href="javascript:;" class="modal-list--button">室乐</a> <a href="javascript:;" class="modal-list--button">中乐小组合奏</a> <a href="javascript:;" class="modal-list--button">爵士乐 / 朋克摇滚 /蓝调 / R&B/ 流行音乐</a> <a href="javascript:;" class="modal-list--button">声乐 / 合唱</a> <a href="javascript:;" class="modal-list--button">世界音乐 / 其他</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">应用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="theatrePopupModalSC" tabindex="-1" role="dialog" aria-labelledby="theatrePopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-title h3" id="theatrePopupModalLabel">戏剧</div> <div class="modal-button-list"> <a href="javascript:;" data-key="all" class="modal-list--button active">全部</a> <a href="javascript:;" class="modal-list--button">粤语戏剧 / 音乐剧</a> <a href="javascript:;" class="modal-list--button">非粤语戏剧 / 音乐剧</a> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h7" aria-label="Clear All"> 清除所有 </button> <button type="button" class="btn apply-btn blue-circle-btn" data-dismiss="modal" aria-label="Apply">应用</button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <div class="modal fade" id="programmeDetailsModal" tabindex="-1" role="dialog" aria-labelledby="programmeDetailsModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div>  <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="content"> <div class="modal-title h2 title" id="programmeDetailsModal">You can buy ticket from...</div> <div class="image"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="../web/images/icons/urbtix_logo.png" alt="Urbtix Logo"> </a> <a href="" target="_blank" rel="noopener noreferrer"> <img src="../web/images/icons/urbtix_logo.png" alt="Urbtix Logo"> </a> </div> </div>  </div> </div> </div> </div> </div>  <div class="modal fade" id="enrollNowModalSC" tabindex="-1" role="dialog" aria-labelledby="enrollNowModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-main"> <div class="modal-first-focus" tabindex="0"></div> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close" autofocus> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-last-focus" tabindex="0"></div> <div class="content"> <div class="modal-title h3" id="enrollNowModal">Thank you for the support.</div> <div class="quotas-full h7 ">All quotas are full.</div> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="filterPopupModalVenueTC" tabindex="-1" role="dialog" aria-labelledby="filterPopupModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-first-focus" tabindex="0"></div> <div class="modal-main"> <button type="button" class="close modal-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="icon-close-black-btn"></span> </button> <div class="modal-filter-list"> <div data-type="seating" class="modal-filter-list--item"> <div class="modal-title h3">座位数目</div> <div class="selection-width"> <div class="selection-list"> <a href="javascript:;" data-key="all" data-type="seating" data-target="all" class="selection-list--item h6 active">全部</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="below-200" class="selection-list--item h6">200 以下</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="200-600" class="selection-list--item h6">200 - 600</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="601-1100" class="selection-list--item h6">601 - 1100</a> <div class="selection-list--item-line"></div> <a href="javascript:;" data-type="seating" data-target="above-1100" class="selection-list--item h6">1100 以上</a> </div> <div class="dropdown d-block d-lg-none"> <button class="js-drop-down-button-text dropdown-button dropdown-toggle h6" data-type="seating" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button> <div class="dropdown-items-list dropdown-menu" aria-labelledby="dropdownMenuButton"> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="all">全部</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="below-200">200 以下</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="200-600">200 - 600</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="601 - 1100">601 - 1100</a> <a href="javascript:;" role="button" class="js-drop-down-item2 dropdown-item h6" aria-label="homepage programme dropdown value" data-type="seating" data-target="above-1100">1100 以上</a> </div> </div> </div> </div> </div> </div> <div class="modal-button"> <button type="button" class="btn clear-all-btn h6" aria-label="Clear All">清除所有</button> <button type="button" class="btn apply-btn orange-circle-btn js-homepage-submit-filter" data-dismiss="modal" aria-label="Apply"> 应用 </button> </div> <div class="modal-last-focus" tabindex="0"></div> </div> </div> </div> </div>  <script src="../web/js/sys-esrv-common.js"></script> <script src="../web/js/app.js"></script> </body> </html>

CINXE.COM

演藝網登錄頁面