It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://koala8226.com.hk

  1. <html xmlns=http://www.w3.org/1999/xhtml><head>
  2. <meta property='og:locale' content=''>
  3. <meta property='og:type' content='article'>
  4. <meta property='og:site_name' content='KOALA Financial Group Limited'>
  5. <meta property='og:title' content='KOALA Financial Group Limited (08226.HK)'>
  6. <meta property='og:description' content='The Group’s business was organised in four continuous operation’s segments namely (i) Securities brokerage, underwriting and placements ; (ii) Money lending; (iii) Securities investment and (iv) Investment in Properties.'>
  7. <meta property='og:image' content='https://www.koala8226.com.hk/images/logo_square.png' />
  8. <meta property='og:url' content='' />
  9. <meta property='fb:app_id' content=''>
  11. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no">
  12. <meta name="description" lang="en_US" content="The Group’s business was organised in four continuous operation’s segments namely (i) Securities brokerage, underwriting and placements ; (ii) Money lending; (iii) Securities investment and (iv) Investment in Properties.">
  13. <meta name="keywords" lang="en_US" content="樹熊金融集團有限公司, 證劵經紀、包銷及配售、放債、證券投資及物業投資。 ">
  14. <meta name="robots" content="index,follow">
  15. <meta name="theme-color" content="#111111">
  16. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  17. <link rel="shortcut icon" href="/images/favicon.png">
  18.  
  19. </head>
  20. <title>KOALA Financial Group Limited (08226.HK)</title>
  21.  
  22. <body onload=Init();Cron(); style="text-decoration:none;" id=Master topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
  23.  
  24. <!----javascript------>
  25. <script src="/js/util/prototype.js?xxx=3"></script>
  26. <script src="/js/main/common.js?xxx=3"></script>
  27.  
  28. <script src="/js/util/json.js?xxx=3"></script>
  29. <script src="/js/util/jquery.js?xxx=3"></script>
  30. <script src="/js/util/jquery.form.js?xxx=3"></script>
  31. <script src="/js/util/jquery.mobile.js?xxx=3"></script>
  32. <script src="/js/util/jquery-ui.js?xxx=3"></script>
  33. <script src="/js/util/jquery.ui.touch-punch.js?xxx=3"></script>
  34. <script src="/js/util/jquery.powertip.js?xxx=3"></script>
  35. <script src="/js/util/createjs.js?xxx=3"></script>
  36. <script src="/js/util/cleave.min.js?xxx=3"></script>
  37. <script src="/js/util/elastic.js?xxx=3"></script>
  38.  
  39. <link href="/js/css/jquery-ui.css" rel="stylesheet">
  40. <link href="/js/css/common.css" rel="stylesheet">
  41. <link href="/js/css/lang/0.css" rel="stylesheet">
  42. <link href="/js/css/desktop.css" rel="stylesheet">
  43. <!-- <link href="/js/css/mobile.css" rel="stylesheet"> -->
  44.  
  45. <link href="https://fonts.googleapis.com/css?family=Roboto|PT+Sans|Droid+Serif|Noto+Sans+TC|Noto+Sans+SC|Noto+Sans" rel="stylesheet">
  46.  
  47. <link rel="stylesheet" href="/js/util/jquery-confirm/jquery-confirm.min.css">
  48. <script src="/js/util/jquery-confirm/jquery-confirm.min.js"></script>
  49.  
  50. <link rel="stylesheet" type="text/css" href="/js/util/image-dd/dd.css" />
  51. <script src="/js/util/image-dd/jquery.dd.js"></script>
  52.  
  53. <!----/javascript------>
  54.  
  55. <div id=header style='color:#111; background-color:#fff;border-bottom:1px solid #111;'>
  56. <table width=100% class='header-container' align=center><tr>
  57. <td class=mobileshow style='display:none;' width=1 valign=right><a href=# onclick=MobileMenu();><img src=/images/menu.png hspace=8 id=btnVerticalMenu class='Pointer SM_img'></a></td>
  58. <td id=tdLogo><a href='/'><img src='/images/sites/koala8226/logo_square.png' id=logo hspace=5 vspace=9></a></td>
  59. <td class=mobilehide style='display:none;'>
  60. <div class="middle-header" style="padding: 0 2%;">
  61. <h1 style="padding: 12px 16px;">KOALA Financial Group Limited (08226.HK)</h1>
  62. <div class="menu-items-container">
  63. <div class="menu-items">
  64. <a href="/"><button class="menu-button Black">Home</button></a>
  65. </div>
  67. <div class="menu-items">
  68. <a href="/announcements"><button class="menu-button Black">Announcements</button></a>
  69. </div>
  71. <div class="menu-items">
  72. <a href="/circulars"><button class="menu-button Black">Circulars</button></a>
  73. </div>
  75. <div class="menu-items">
  76. <a href="/financial_reports"><button class="menu-button Black">Financial Reports</button></a>
  77. </div>
  79. <div class="menu-items">
  80. <a href="/events"><button class="menu-button Black">Events</button></a>
  81. </div>
  83. <div class="menu-items">
  84. <a href="/press_releases"><button class="menu-button Black">Press Releases</button></a>
  85. </div>
  87. <div class="menu-items">
  88. <a href="/presentations"><button class="menu-button Black">Presentations</button></a>
  89. </div>
  91. <div class="menu-items">
  92. <a href="/notices"><button class="menu-button Black">Notices</button></a>
  93. </div>
  94. </div>
  95. </div>
  96. </td>
  97. <td class='narrowhide' style=" width: 105px;" >
  98. <font face='Noto Sans TC'>
  99. <a href=/tc class='Black font17'>繁</a>
  100. </font>
  101. -
  102. <font face='Noto Sans SC'>
  103. <a href=/sc class='Black font17'>簡</a>
  104. </font>
  105. -
  106. <a href=/en class='Black font17'>Eng</a>
  107. </td>
  108. </tr></table>
  109. </div>
  110. <div class='header-spacing'></div>
  112. <div class=posAbs id=location_menu style='
  113. display:none;
  114. max-width:530px;
  115. width:100%;
  116. height:509px;
  117. overflow-y:scroll;
  118. background-color: #C4E6FF;
  119. z-index:1000000;
  120. '><img src=/images/close_blue.png width=25 hspace=8 vspace=8 align=right class=pointer onclick="jih('location_menu');">
  121. <div style="padding:15px 15px">$location_menu</div>
  122. </div>
  123. </div>
  124.  
  125. <input id=tbxNull>
  126.  
  127. <script type="application/ld+json">
  128. {
  129. "@context": "http://schema.org",
  130. "@type": "LocalBusiness",
  131. "name" : "樹熊金融集團有限公司",
  132. "url": "http://www.koala8226.com.hk/",
  133. "logo": "http://www.koala8226.com.hk/images/logo.png",
  134. "image": "http://www.koala8226.com.hk/images/logo.png",
  135. "description": "The Group’s business was organised in four continuous operation’s segments namely (i) Securities brokerage, underwriting and placements ; (ii) Money lending; (iii) Securities investment and (iv) Investment in Properties.",
  136. "telephone": "+852 2845-8383",
  137. "address": {
  138. "@type": "PostalAddress",
  139. "addressLocality": "Hong Kong",
  140. "addressRegion": " Hong Kong",
  141. "streetAddress": "香港灣仔告士打道108號光大中心13樓1301-02室  ",
  142. "postalCode": "00000"
  143. },
  144. "openingHours": [
  145. "Mo-Sa 09:00-18:00"
  146. ]
  147. }
  148. </script>
  149.  
  150.  
  151. <!--Scroll bar Stylle-->
  152. <style>
  153. #logo{
  154. height: 80px;
  155. }
  156. .header-spacing{
  157. height: 220px;
  158. }
  159. .header-container{
  160. padding: 0 3%;
  161. }
  162. .middle-header{
  163. display: flex;
  164. flex-direction: column;
  165. }
  166.  
  167. /* DropDown - Start */
  168. .menu-button {
  169.    font-size: 16px;
  170.    border: none;
  171.    background-color: #fff;
  172.    padding: 12px 16px;
  173.    cursor:pointer;
  174.    color:#333;
  175.    font-weight:bold;
  176. }
  177. .menu-button.White{
  178. color: #fff;
  179. }
  180.  
  181. .menu-items {
  182.    position: relative;
  183.    display: inline-block;
  184. }
  185.  
  186. .menu-items:hover .menu-button {color: #fd951e;}
  187. @media screen and (max-width: 800px) {
  188. .header-spacing{
  189. height: 50px;
  190. }
  191. }
  192. @media screen and (max-width: 800px) {
  193. #logo{
  194. height: 50px;
  195. }
  196. }
  197. </style>    <body>
  198.    <div class="layout3">
  199.      <div id="sidebar">
  200.  <div class="sidebar border-gray">
  201.    <h1 class="sidebar-title">Company Information</h1>
  202.    <div class="sidebar-inner">
  203.      <p class="inner-title">Listed Date</p>
  204.      <p class="inner-info">19 Jul 2002</p>
  205.    </div>
  206.    <div class="sidebar-inner">
  207.      <p class="inner-title">Address</p>
  208.      <p class="inner-info">Units 01-02, 13/F, Everbright Centre, 108 Gloucester Road, Wanchai, Hong Kong</p>
  209.    </div>
  210.    <div class="sidebar-inner">
  211.      <p class="inner-title">Telephone</p>
  212.      <p class="inner-info">(852) 2598 8933</p>
  213.    </div>
  214.    <div class="sidebar-inner">
  215.      <p class="inner-title">Facsimile</p>
  216.      <p class="inner-info">(852) 2598 8133</p>
  217.    </div>
  218.    <div class="sidebar-inner">
  219.      <p class="inner-title">Email</p>
  220.      <a
  221.        class="hover-underline"
  222.        href="mailto: info@koala8226.com.hk"
  223.        class="inner-info"
  224.        >info@koala8226.com.hk</a
  225.      >
  226.    </div>
  227.  </div>
  228.  <div class="p-1 laptop-display">
  229.    <div class="sidebar-right-inner border-gray p-1 mb-1">
  230.      <div class="event mb-1">
  231.        <h1 class="sidebar-title">UPCOMING EVENT</h1>
  232.        <a class="more-update" href="/i/sites/koala8226/events">
  233.          <img src="/images/sites/koala8226/calendar-icon.png" alt="Icon" />
  234.          <span>More Upcoming Event</span>
  235.        </a>
  236.      </div>
  237.      <div class="website">
  238.        <h1 class="sidebar-title">WEBSITE</h1>
  239.        <a href="http://www.koalasecurities.com.hk/" target="_blank">
  240.          <img
  241.            src="/images/sites/koala8226/KoalaSecurity_website.png"
  242.            alt=""
  243.            style="width: 100%"
  244.          />
  245.        </a>
  246.        <p>KOALA Securities Limited</p>
  247.      </div>
  248.    </div>
  249.  </div>
  250. </div>
  251.  
  252. <style>
  253.  .hover-underline:hover {
  254.    text-decoration: underline !important;
  255.  }
  256.  
  257.  .sidebar {
  258.    font-family: 'Trebuchet MS';
  259.    padding: 10px;
  260.    margin: 10px 10px 30px 10px;
  261.  }
  262.  
  263.  .sidebar-title {
  264.    text-transform: uppercase;
  265.    color: #002f56;
  266.  }
  267.  
  268.  .inner-title {
  269.    font-family: Verdana;
  270.    color: #188df1;
  271.    display: block;
  272.    line-height: 16px;
  273.    font-weight: bold;
  274.  }
  275.  .inner-info {
  276.    font-family: Verdana;
  277.    font-style: normal;
  278.    display: block;
  279.    line-height: 25px;
  280.    color: #1f1f1f;
  281.  }
  282.  
  283.  .details-container {
  284.    padding: 0 20px;
  285.    margin: 20px 0;
  286.  }
  287.  .more-update {
  288.      word-break: break-word;
  289.      display: flex;
  290.      padding: 15px 10px;
  291.      border-radius: 4px;
  292.      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  293.      color: #000;
  294.      background-color: #fbffe8;
  295.      cursor: pointer;
  296.      transition: all 0.3s ease-in-out;
  297.      justify-content: center;
  298.      align-items: center;
  299.    }
  300.    .more-update span{
  301.    word-break: break-word;
  302.    font-size: max(1.2vw,18px);
  303.    font-weight: bold;
  304.    text-align:center;
  305.  }
  306.  
  307.    .more-update img {
  308.      margin-right: 8px;
  309.      height: 35px; /* set the height of the image to match the font size */
  310.    }
  311.  
  312.    .more-update:hover {
  313.      background-color: #f6ffc8;
  314.      transform: translateY(-2px);
  315.      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  316.    }
  317. </style>
  318.  
  319.      <div class="details-container">
  320.        <div class="tab-container1">
  321.          <div class="tab">
  322.            <button class="tab-button active" onclick="showTab(0,1)">
  323.              Announcements
  324.            </button>
  325.            <button class="tab-button" onclick="showTab(1,1)">Circulars</button>
  326.          </div>
  327.          <div class="tab-content border-gray">
  328.            <div class="tab-content-inner active">
  329.            
  330.              
  331. <div class=tab-item>
  332.        <p class=tab-date>
  333.        25 Mar 2025
  334.        
  335.        </p>
  336.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA25906B0546E81F77B9EE1>
  337.          TERMS OF REFERENCE OF AUDIT COMMITTEE
  338.        </a>
  339.      </div>
  341. <div class=tab-item>
  342.        <p class=tab-date>
  343.        25 Mar 2025
  344.        
  345.        </p>
  346.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA25906B0506980F77B9EE1>
  347.          FINAL RESULTS ANNOUNCEMENT FOR THE YEAR ENDED 31 DECEMBER 2024
  348.        </a>
  349.      </div>
  351. <div class=tab-item>
  352.        <p class=tab-date>
  353.        14 Mar 2025
  354.        
  355.        </p>
  356.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9DAC5903B1576A80F77B9EE1>
  357.          PROFIT WARNING
  358.        </a>
  359.      </div>
  361. <div class=tab-item>
  362.        <p class=tab-date>
  363.        13 Mar 2025
  364.        
  365.        </p>
  366.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9DAC5903B1556E80F77B9EE1>
  367.          NOTICE OF BOARD MEETING
  368.        </a>
  369.      </div>
  371. <div class=tab-item>
  372.        <p class=tab-date>
  373.        3 Mar 2025
  374.        
  375.        </p>
  376.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9DAC5903B1556983F77B9EE1>
  377.          Monthly Return of Equity Issuer on Movements in Securities for the month ended  ...
  378.        </a>
  379.      </div>
  381. <div class=tab-item>
  382.        <p class=tab-date>
  383.        3 Feb 2025
  384.        
  385.        </p>
  386.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9DAC5903B1536E85F77B9EE1>
  387.          Monthly Return of Equity Issuer on Movements in Securities for the month ended  ...
  388.        </a>
  389.      </div>
  391.              
  392.              <div class="seeMoreButton hover-underline">
  393.                <a href="/announcements">More Announcements</a>
  394.              </div>
  395.            </div>
  396.            <div class="tab-content-inner">
  397.  
  398.              
  399. <div class=tab-item>
  400.        <p class=tab-date>
  401.        31 Mar 2025
  402.        </p>
  403.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA25906B3566A89F77B9EE1>
  404.          Notification Letter to Registered Shareholders and Reply Form
  405.        </a>
  406.      </div>
  408. <div class=tab-item>
  409.        <p class=tab-date>
  410.        31 Mar 2025
  411.        </p>
  412.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA25906B2506980F77B9EE1>
  413.          Notification Letter to Non-Registered Shareholders
  414.        </a>
  415.      </div>
  417. <div class=tab-item>
  418.        <p class=tab-date>
  419.        21 Aug 2024
  420.        </p>
  421.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A909CA15902B4546E83F77B9EE1>
  422.          Notification Letter to Non-Registered Shareholders
  423.        </a>
  424.      </div>
  426. <div class=tab-item>
  427.        <p class=tab-date>
  428.        21 Aug 2024
  429.        </p>
  430.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A909CA15902B4536884F77B9EE1>
  431.          Notification Letter to Registered Shareholders and Reply Form
  432.        </a>
  433.      </div>
  435. <div class=tab-item>
  436.        <p class=tab-date>
  437.        13 May 2024
  438.        </p>
  439.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A9C9FA45903B0516882F77B9EE1>
  440.          Notification Letter to Non-Registered Shareholders
  441.        </a>
  442.      </div>
  444. <div class=tab-item>
  445.        <p class=tab-date>
  446.        13 May 2024
  447.        </p>
  448.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A9C9FA45903B0506F86F77B9EE1>
  449.          Notification Letter to Registered Shareholders and Reply Form
  450.        </a>
  451.      </div>
  453.  
  454.              <div class="seeMoreButton hover-underline">
  455.                <a href="/circulars">More Circulars</a>
  456.              </div>
  457.            </div>
  458.          </div>
  459.        </div>
  460.  
  461.        <div class="report-container border-gray">
  462.        <div class="report-heading" style="text-transform: uppercase">
  463.             <p>Financial Reports</p>
  464.            <div class="seeMoreButton hover-underline">
  465.              <a href="/financial_reports">More Financial Reports</a>
  466.            </div>
  467.          </div>
  468.          <div class="report-inner">
  469.  
  470.            
  471.    <div class=report-items>
  472.          <a href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA25906B0526B88F77B9EE1><img class=image src=/i/sites/koala8226/qImage?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA25906B0526B88F77B9EE1></img></a>
  473.          <a class=report-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA25906B0526B88F77B9EE1>
  474.            Annual Report 2024
  475.          </a>
  476.          <p class=report-code>
  477.             ( Annual Report )
  478.          </p>
  479.        </div>
  481.    <div class=report-items>
  482.          <a href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A909CA15902B4516E88F77B9EE1><img class=image src=/i/sites/koala8226/qImage?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A909CA15902B4516E88F77B9EE1></img></a>
  483.          <a class=report-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A909CA15902B4516E88F77B9EE1>
  484.            Interim Report 2024  ...
  485.          </a>
  486.          <p class=report-code>
  487.             ( Interim Report )
  488.          </p>
  489.        </div>
  491.    <div class=report-items>
  492.          <a href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A9A9EA35900B2576883F77B9EE1><img class=image src=/i/sites/koala8226/qImage?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A9A9EA35900B2576883F77B9EE1></img></a>
  493.          <a class=report-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A9A9EA35900B2576883F77B9EE1>
  494.            Annual Report 2023
  495.          </a>
  496.          <p class=report-code>
  497.             ( Annual Report )
  498.          </p>
  499.        </div>
  501.    <div class=report-items>
  502.          <a href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A9B9EA25900B4596886F77B9EE1><img class=image src=/i/sites/koala8226/qImage?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A9B9EA25900B4596886F77B9EE1></img></a>
  503.          <a class=report-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7F5A9B9EA25900B4596886F77B9EE1>
  504.            Third Quarterly  ...
  505.          </a>
  506.          <p class=report-code>
  507.             ( Third Quarterly Report )
  508.          </p>
  509.        </div>
  511.    <div class=report-items>
  512.          <a href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC785B999DA45902B2546A85F77B9EE1><img class=image src=/i/sites/koala8226/qImage?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC785B999DA45902B2546A85F77B9EE1></img></a>
  513.          <a class=report-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC785B999DA45902B2546A85F77B9EE1>
  514.            2023 Interim Report
  515.          </a>
  516.          <p class=report-code>
  517.             ( Interim Report )
  518.          </p>
  519.        </div>
  521.  
  522.          </div>
  523.        </div>
  524.  
  525.        <div class="tab-container2">
  526.          <div class="tab">
  527.            <button class="tab-button active" onclick="showTab(0,2)">
  528.              Press Releases
  529.            </button>
  530.          </div>
  531.  
  532.          <div class="tab-content border-gray">
  533.            <div class="tab-content-inner active">
  534.  
  535.              
  536. <div class=tab-item>
  537.        <p class=tab-date>
  538.        13 Nov 2020
  539.        </p>
  540.        <a class=tab-title href=/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC785A9C9DA15903B4576B81F77B9EE1>
  541.          Welcome to the new brand spokesperson of Koala Securities Co., Ltd.-"Zaza Fan"
  542.        </a>
  543.      </div>
  545.  
  546.              <div class="seeMoreButton hover-underline">
  547.                <a href="/press_releases">More Press Releases</a>
  548.              </div>
  549.            </div>
  550.          </div>
  551.        </div>
  552.  
  553.        <div class="tab-container3">
  554.          <div class="tab">
  555.            <button class="tab-button active" onclick="showTab(0,3)">
  556.              Company Profile
  557.            </button>
  558.            <button class="tab-button" onclick="showTab(1,3)">
  559.              Board of Directors
  560.            </button>
  561.            <button class="tab-button" onclick="showTab(2,3)">
  562.              Corp. Governance
  563.            </button>
  564.          </div>
  565.  
  566.          <div class="tab-content border-gray">
  567.            <div class="tab-content-inner active">
  568.              <p>
  569.                The Group’s business was organised in four continuous operation’s segments namely (i) Securities brokerage, underwriting and placements ; (ii) Money lending; (iii) Securities investment and (iv) Investment in Properties.
  570.              </p>
  571.              <br />
  572.              <p>
  573.                For more information please visit the webpage of:
  574.              </p>
  575.              <br />
  576.              <div>
  577.                <p style="font-weight: bold">KOALA Securities Limited</p>
  578.                www.koalasecurities.com.hk
  579.              </div>
  580.              <br />
  581.              <div>
  582.                <p style="font-weight: bold">Honest Smart Investment Limited</p>
  583.                www.hsfin.hk
  584.              </div>
  585.            </div>
  586.            <div class="tab-content-inner">
  587.              <div class="tab-container4">
  588.                <div class="tab">
  589.                  <div class="subtab-button active" onclick="showsubTab(0,1)">
  590.                    <strong class="active" >Ms. Hsin Yi-Chin</strong>
  591.                    <br />
  592.                    <p class="position">Executive Director </p>
  593.                  </div>
  594.                  <div class="subtab-button" onclick="showsubTab(1,1)">
  595.                    <strong>Ms.Tam Chik Yan</strong>
  596.                    <br />
  597.                    <p class="position">Executive Director </p>
  598.                  </div>
  599.                  <div class="subtab-button" onclick="showsubTab(2,1)">
  600.                    <strong>Ms. Kwan Kar Ching</strong>
  601.                    <br />
  602.                    <p class="position">Non-Executive Director </p>
  603.                  </div>
  604.                  <div class="subtab-button" onclick="showsubTab(3,1)">
  605.                    <strong>Mr. Hung Cho Sing</strong>
  606.                    <br />
  607.                    <p class="position">Independent Non-Executive Director </p>
  608.                  </div>
  609.                  <div class="subtab-button" onclick="showsubTab(4,1)">
  610.                    <strong>Mr. Ng Wah Leung</strong>
  611.                    <br />
  612.                    <p class="position">Independent Non-Executive Director </p>
  613.                  </div>
  614.                  <div class="subtab-button" onclick="showsubTab(5,1)">
  615.                    <strong>Mr. Tong Hin Sum, Paul</strong>
  616.                    <br />
  617.                    <p class="position">Independent Non-Executive Director </p>
  618.                  </div>
  619.                </div>
  620.  
  621.                <div class="subtab-content">
  622.                  <div class="subtab-content-inner active">
  623.                    <div class="subtab-item">
  624.                      <strong>Ms. Hsin Yi-Chin - Executive Director</strong>
  625.                      <p>
  626.                        Ms. Hsin Yi-Chin, aged 38, holds a bachelor degree in Chinese Literature from Providence University and a master degree of Science in Management from University of Leicester. Ms. Hsin has several years’ experience in educational sector and managerial experience in food and catering sector in Taiwan.
  627.                      </p>
  628.                    </div>
  629.                  </div>
  630.                  <div class="subtab-content-inner">
  631.                    <div class="subtab-item">
  632.                      <strong>Ms.Tam Chik Yan - Executive Director</strong>
  633.                      <p>
  634.                        Ms. Tam Chick Yan, aged 31, holds a bachelor degree of science in business management from the University of Surrey, UK. She has 6 years of experience in Marketing and Public Media. She currently worked as management in a media company of Hong Kong.
  635.                      </p>
  636.                    </div>
  637.                  </div>
  638.                  <div class="subtab-content-inner">
  639.                    <div class="subtab-item">
  640.                      <strong>Ms. Kwan Kar Ching - Non-Executive Director</strong>
  641.                      <p>
  642.                        Ms. Kwan Kar Ching, aged 35, holds a Bachelor of Business Administration in Accounting and Finance from the University of Hong Kong, a Bachelor of Laws from the Manchester Metropolitan University and a Postgraduate Certificate in Laws from the University of Hong Kong. Ms. Kwan is a qualified solicitor licensed to practice in Hong Kong.
  643.  <div class=h10></div>
  644.  Prior to her tenure with the Group, Ms. Kwan held a notable position at an international investment bank. She has over 10 years of experience in banking, asset management, and investment. Beyond her professional endeavors, Ms. Kwan serves as a Member of the Marketing and Communication Committee of the Football Association of Hong Kong, China.
  645.                      </p>
  646.                    </div>
  647.                  </div>
  648.                  <div class="subtab-content-inner">
  649.                    <div class="subtab-item">
  650.                      <strong>Mr. Hung Cho Sing - Independent Non-Executive Director</strong>
  651.                      <p>
  652.                        Mr. Hung Cho Sing, age 84, has over 30 years of experience in the film distribution industry. Mr. Hung was the founder of Delon International Film Corporation and has been its General Manager since June 2004. Mr. Hung was the Organising Committee Chairman of the 11th and 12th Hong Kong Film Awards from 1991 to 1993. And from 1993 to 1995, Mr. Hung was the Chairman of Hong Kong Film Awards Association Limited. Mr. Hung is currently the Chairman of Hong Kong Motion Picture Industry Association. In recognition of his contribution to the Hong Kong film industry, Mr. Hung was awarded the Bronze Bauhinia Star (BBS) by the Government of the Hong Kong Special Administrative Region in 2005. From April 2007 to March 2013, Mr. Hung was appointed by the Government of HKSAR as a member of the Hong Kong Film Development Council. Mr. Hung is also a member of HKSAR Election Committee and since January 2013, he has been appointed by the Government of HKSAR as a non-official member of the Working Group on Manufacturing Industries, Innovative Technology, and Cultural and Creative Industries under the Economic Development Commission.
  653.                      </p>
  654.                    </div>
  655.                  </div>
  656.                  <div class="subtab-content-inner">
  657.                    <div class="subtab-item">
  658.                      <strong>Mr. Ng Wah Leung - Independent Non-Executive Director</strong>
  659.                      <p>
  660.                        Mr. Ng Wah Leung, aged 45, was appointed as an independent non-executive Director in February 2021. He holds a bachelor degree of arts in accountancy from the Hong Kong Polytechnic University. He is a fellow member of The Association of Chartered Certified Accountants and a member of The Hong Kong Institute of Certified Public Accountants. He has over 15 years of experience in accounting and audit on Hong Kong listed companies and private companies.
  661.                      </p>
  662.                    </div>
  663.                  </div>
  664.                  <div class="subtab-content-inner">
  665.                    <div class="subtab-item">
  666.                      <strong>Mr. Tong Hin Sum, Paul - Independent Non-Executive Director</strong>
  667.                      <p>
  668.                        Mr. Tong Hin Sum, Paul, aged 86, was appointed as an independent non-executive Director in September 2024. He obtained his bachelor’s degree in arts from the University of Hong Kong in November 1963. He went to Yale University and obtained a master’s degree in sacred theology in July 1971. He then furthered his studies in the University of Cambridge, England, and obtained his bachelor’s degree in arts and master’s degree in arts in June 1987 and February 1991, respectively.
  669.  <div class=h10></div>
  670.  Mr. Tong was called to the bar in 1989 and is currently a barrister. He was appointed as a life fellow of St. John’s College, the University of Hong Kong, in 2008. Mr. Tong was a panel member of the Securities and Futures Appeals Tribunal for the period between April 2009 and March 2011.
  671.                      </p>
  672.                    </div>
  673.                  </div>
  674.                </div>
  675.              </div>
  676.            </div>
  677.            <div class="tab-content-inner" id="governance">
  678.              <strong>Nomination Committee</strong>
  679.              <br />
  680.              <a href='/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA15903B0596B84F77B9EE1' target="_blank">Terms of Reference</a>
  681.              <br />
  682.              <br />
  683.              <strong>Remuneration Committee</strong>
  684.              <br />
  685.              <a href='/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA15903B3586A85F77B9EE1' target="_blank">Terms of Reference</a>
  686.              <br />
  687.              <br />
  688.              <strong>Audit Committee</strong>
  689.              <br />
  690.              <a href='/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA15903B3596980F77B9EE1' target="_blank">Terms of Reference</a>
  691.              <br />
  692.              <br />
  693.              <strong>Memorandum and Articles of Association</strong>
  694.              <br />
  695.              <a href='/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA15903B2506F88F77B9EE1' target="_blank">Please Download</a>
  696.              <br />
  697.              <br />
  698.              <strong>Procedures for Shareholders to Propose a Person for Election as a Director of the Company</strong>
  699.              <br />
  700.              <a href='/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA15903B2526B84F77B9EE1' target="_blank">Please Download</a>
  701.              <br />
  702.              <br />
  703.              <strong>
  704.                List of Directors and their Role and Function
  705.              </strong>
  706.              <br />
  707.              <a href='/i/sites/koala8226/qPDF?filecode=4C4AAB97D7927EEFBC2287127C3C79E74AD59BB631F01DEA4BBDBC7E5A9A9EA15903B2536A80F77B9EE1' target="_blank">Please Download</a>
  708.              <br />
  709.              <br />
  710.            </div>
  711.          </div>
  712.        </div>
  713.      </div>
  714.      <div class="sidebar-right p-1">
  715.        <div class="sidebar-right-inner border-gray p-1 mb-1">
  716.          <div class="event mb-1">
  717.            <h1 class="sidebar-title">UPCOMING EVENT</h1>
  718.            <a class="more-update" href="/events">
  719.              <img src="/images/sites/koala8226/calendar-icon.png" alt="Icon" />
  720.              <span>More Upcoming Event</span>
  721.            </a>
  722.          </div>
  723.          <div class="website">
  724.            <h1 class="sidebar-title">WEBSITE</h1>
  725.            <a href="http://www.koalasecurities.com.hk/" target="_blank">
  726.              <img src="/images/sites/koala8226/KoalaSecurity_website.png" alt="" style="width:100%;" />
  727.            </a>
  728.            <p>KOALA Securities Limited</p>
  729.          </div>
  730.        </div>
  731.      </div>
  732.    </div>
  733.  </body>
  734.  
  735.  <style>
  736.    a {
  737.      text-decoration: none;
  738.      word-break: break-word;
  739.    }
  740.    a:hover {
  741.      color: #fd951e !important;
  742.    }
  743.    a:-webkit-any-link {
  744.      color: #fd951e;
  745.    }
  746.    .pointer {
  747.      cursor: pointer;
  748.    }
  749.  
  750.    .hover-underline:hover {
  751.      text-decoration: underline !important;
  752.    }
  753.    
  754.    .border-gray {
  755.      border: 1px solid #ddd;
  756.    }
  757.  
  758.    .layout3 {
  759.      display: grid;
  760.      grid-template-columns: 2fr 7fr 2fr;
  761.      padding: 0px 40px;
  762.    }
  763.  
  764.    .p-1 {
  765.      padding: 10px;
  766.    }
  767.    .mb-1 {
  768.      margin-bottom: 10px;
  769.    }
  770.    
  771.  
  772.    .inner-title {
  773.      font-family: Verdana;
  774.      color: #188df1;
  775.      display: block;
  776.      line-height: 16px;
  777.      font-weight: bold;
  778.    }
  779.    .inner-info {
  780.      font-family: Verdana;
  781.      font-style: normal;
  782.      display: block;
  783.      line-height: 25px;
  784.      color: #1f1f1f;
  785.    }
  786.  
  787.    .details-container {
  788.      padding: 0 10px;
  789.      ; margin: 20px 0;
  790.    }
  791.  
  792.    .laptop-display {
  793.      display: none;
  794.    }
  795.    .mobile-display {
  796.      display: none;
  797.    }
  798.  
  799.    #governance strong {
  800.      font-size: 20px;
  801.    }
  802.  
  803.    #governance a {
  804.      color: black;
  805.    }
  806.  
  807.    /* sidebar-right component*/
  808.    .more-update {
  809.      display: flex;
  810.      padding: 15px 10px;
  811.      border-radius: 4px;
  812.      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  813.      color: #000;
  814.      background-color: #fbffe8;
  815.      cursor: pointer;
  816.      transition: all 0.3s ease-in-out;
  817.      justify-content: center;
  818.      align-items: center;
  819.    }
  820.    .more-update span{
  821.    font-size: max(1.2vw,18px);
  822.    font-weight: bold;
  823.    text-align:center;
  824.  }
  825.  
  826.    .more-update img {
  827.      margin-right: 8px;
  828.      height: 35px; /* set the height of the image to match the font size */
  829.    }
  830.  
  831.    .more-update:hover {
  832.      background-color: #f6ffc8;
  833.      transform: translateY(-2px);
  834.      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  835.    }
  836.    
  837.    /* sidebar-right end*/
  838.  
  839.    /* tab component*/
  840.    .tab-container1,
  841.    .tab-container2,
  842.    .tab-container3,
  843.    .report-container {
  844.      position: relative;
  845.      margin: 40px 0px;
  846.    }
  847.    .tab-container3 .tab-content-inner {
  848.      padding: 20px 30px;
  849.    }
  850.  
  851.    .tab {
  852.      display: flex;
  853.      justify-content: flex-start;
  854.      align-items: flex-end;
  855.    }
  856.  
  857.    .tab button {
  858.      background-color: #002f56;
  859.      color: white;
  860.      border: none;
  861.      padding: 10px 20px;
  862.      cursor: pointer;
  863.      min-width: 20%;
  864.      height: 55px;
  865.      font-weight: bold;
  866.      text-transform: uppercase;
  867.    }
  868.  
  869.    .tab button.active {
  870.      background-color: white;
  871.      color: #002f56;
  872.      font-weight: bold;
  873.      height: 70px;
  874.      font-size: 18px;
  875.      border: 1px solid #bababa;
  876.      margin: 0 2px;
  877.    }
  878.  
  879.    .tab-content .tab-content-inner {
  880.      position: relative;
  881.      display: none;
  882.      padding-bottom: 60px;
  883.    }
  884.  
  885.    .seeMoreButton {
  886.      position: absolute;
  887.      width: 100%;
  888.      bottom: 5%;
  889.      left: auto;
  890.      right: auto;
  891.      display: grid;
  892.      place-items: center;
  893.      color: #fd951e;
  894.    }
  895.  
  896.    .tab-content .tab-content-inner.active {
  897.      display: block;
  898.    }
  899.  
  900.    .tab-item {
  901.      display: flex;
  902.      padding: 5px 20px;
  903.      gap: 50px;
  904.      align-items: center;
  905.    }
  906.    .tab-item:nth-child(even) {
  907.      background-color: #ebebeb;
  908.    }
  909.  
  910.    .tab-item .tab-date {
  911.      color: #188df1;
  912.      min-width: 110px;
  913.      font-weight: bold;
  914.    }
  915.    .tab-item .tab-title {
  916.      color: black;
  917.      text-align: justify;
  918.    }
  919.  
  920.    /* SubTab*/
  921.    .tab .subtab-button strong.active {
  922.      color:#fd951e !important;
  923.    }
  924.    .tab-container4 .tab {
  925.      flex-wrap: wrap;
  926.      gap: 40px 20px;
  927.      justify-content: center;
  928.    }
  929.    .tab-container4 .subtab-content .subtab-content-inner {
  930.      position: relative;
  931.      display: none;
  932.      padding-bottom: 30px;
  933.    }
  934.    .tab-container4 .subtab-button {
  935.      cursor: pointer;
  936.      width: calc(100% / 4);
  937.    }
  938.    .tab-container4 .subtab-item {
  939.      display: block;
  940.    }
  941.    .tab-container4 .tab .subtab-button strong {
  942.      color: #188df1;
  943.    }
  944.    
  945.    .subtab-content .subtab-content-inner.active{
  946.      display: block;
  947.      padding: 20px 0;
  948.    min-height: 100px;
  949.    }
  950.  
  951.    /* tab component end*/
  952.  
  953.    /* Report component*/
  954.    .report-heading {
  955.      width: 100%;
  956.      position: relative;
  957.      background-color: white;
  958.      color: #002f56;
  959.      font-weight: bold;
  960.      height: 80px;
  961.      font-size: 20px;
  962.      border-bottom: 1px solid #ddd;
  963.      margin: 0;
  964.      display: flex;
  965.      align-items: center;
  966.      justify-content: space-between;
  967.    }
  968.    .report-heading p{
  969.      padding-left: 50px;
  970.      width: 150px;
  971.    }
  972.    .report-heading .seeMoreButton{
  973.      position: relative;
  974.      font-weight: normal;
  975.      width: max(200px,20%);
  976.    }
  977.    .report-inner {
  978.      padding: 20px 0;
  979.      display: flex;
  980.      flex-wrap: wrap;
  981.      justify-content: space-evenly;
  982.      gap: 20px 10px;
  983.    }
  984.    .report-items {
  985.      width: calc(100% / 6);
  986.      display: flex;
  987.      flex-direction: column;
  988.      align-items: center;
  989.    }
  990.    .report-items a .image {
  991.      height: 220px;
  992.      width: 160px;
  993.      background-color: #fd951e;
  994.      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  995.      max-width:100%!important;
  996.    }
  997.    .report-items a .image:hover {
  998.      background-color: #f6ffc8;
  999.      transform: translateY(-2px);
  1000.      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  1001.    }
  1002.    .report-title {
  1003.      font-size: 20px;
  1004.      display: grid;
  1005.      place-items: center;
  1006.      text-align: center;
  1007.      word-break: break-word;
  1008.      margin: 10px 0;
  1009.      color:black!important;
  1010.    }
  1011.    .report-code {
  1012.      color: #005eff;
  1013.      font-weight: bold;
  1014.      font-size: 15px;
  1015.      display: grid;
  1016.      place-items: center;
  1017.      margin:0;
  1018.      margin-top: auto;
  1019.    }
  1020.  
  1021.    /* Report component end*/
  1022.  
  1023.    @media screen and (max-width: 1024px) {
  1024.      .laptop-display {
  1025.        display: block;
  1026.      }
  1027.      .layout3 {
  1028.        display: grid;
  1029.        grid-template-columns: 3fr 7fr;
  1030.        padding: 0px 12px;
  1031.      }
  1032.      .sidebar-right {
  1033.        display: none;
  1034.      }
  1035.      .sidebar-title {
  1036.        text-transform: uppercase;
  1037.        color: #002f56;
  1038.      }
  1039.      .report-inner {
  1040.        justify-content: space-evenly;
  1041.        gap: 20px 10px;
  1042.      }
  1043.      .report-items {
  1044.        width: calc(100% / 4);
  1045.      }
  1046.    }
  1047.  
  1048.    @media screen and (max-width: 640px) {
  1049.      .laptop-display {
  1050.        display: none;
  1051.      }
  1052.      .mobile-display {
  1053.        display: block;
  1054.      }
  1055.      .layout3 {
  1056.        display: flex;
  1057.        flex-direction: column-reverse;
  1058.      }
  1059.      .details-container {
  1060.        padding: 0;
  1061.        margin: 20px 0;
  1062.      }
  1063.      .report-inner {
  1064.        justify-content: space-evenly;
  1065.        gap: 10px 5px;
  1066.      }
  1067.      .report-items {
  1068.        width: calc(100% / 3);
  1069.      }
  1070.    }
  1071.  </style>
  1072.  <script>
  1073.    function showTab(index, containerIndex) {
  1074.      let tabs;
  1075.      let tabContent;
  1076.  
  1077.      switch (containerIndex) {
  1078.        case 1:
  1079.          tabs = document.querySelectorAll('.tab-container1 .tab .tab-button');
  1080.          tabContent = document.querySelectorAll(
  1081.            '.tab-container1 .tab-content .tab-content-inner'
  1082.          );
  1083.          break;
  1084.  
  1085.        case 2:
  1086.          tabs = document.querySelectorAll('.tab-container2 .tab .tab-button');
  1087.          tabContent = document.querySelectorAll(
  1088.            '.tab-container2 .tab-content .tab-content-inner'
  1089.          );
  1090.          break;
  1091.  
  1092.        default:
  1093.          tabs = document.querySelectorAll('.tab-container3 .tab .tab-button');
  1094.          tabContent = document.querySelectorAll(
  1095.            '.tab-container3 .tab-content .tab-content-inner'
  1096.          );
  1097.          console.log(containerIndex);
  1098.          break;
  1099.      }
  1100.  
  1101.      for (let i = 0; i < tabs.length; i++) {
  1102.        if (i === index) {
  1103.          tabs[i].classList.add('active');
  1104.          tabContent[i].classList.add('active');
  1105.        } else {
  1106.          tabs[i].classList.remove('active');
  1107.          tabContent[i].classList.remove('active');
  1108.        }
  1109.      }
  1110.    }
  1111.  
  1112.    function showsubTab(index, containerIndex) {
  1113.      let subtabs;
  1114.      let subContent;
  1115.      switch (containerIndex) {
  1116.        case 1:
  1117.          subtabs = document.querySelectorAll('.tab-container4 .tab .subtab-button');
  1118.          subContent = document.querySelectorAll(
  1119.            '.tab-container4 .subtab-content .subtab-content-inner'
  1120.          );
  1121.          subtabsTitle = document.querySelectorAll('.tab-container4 .tab .subtab-button strong');
  1122.          
  1123.  
  1124.        default:
  1125.          break;
  1126.      }
  1127.      for (let i = 0; i < subtabs.length; i++) {
  1128.        if (i === index) {
  1129.          subtabs[i].classList.add('active');
  1130.          subContent[i].classList.add('active');
  1131.          subtabsTitle[i].classList.add('active');
  1132.        } else {
  1133.          subtabs[i].classList.remove('active');
  1134.          subContent[i].classList.remove('active');
  1135.          subtabsTitle[i].classList.remove('active');
  1136.        }
  1137.      }
  1138.    }
  1139.  </script><div id=footer class='FullBlock SM_border' style='background-color:#111; border-top:1px solid #fff;'>
  1140. <center>
  1141. <table width=100% class=MaxWidth1000>
  1142. <tr>
  1143. <td align=center><font color=#ffffff><b>
  1144. <font class=font14_>© 2023 KOALA Financial Group Limited. All Rights Reserved.</font>
  1145. <font class=font15_>[<a href="/disclaimer">Disclaimer</a>]</font>
  1146. </td>
  1147. </tr>
  1148. </table>
  1149. </center>
  1150. </div>
  1151.  
  1152.  
  1153. <div id="DataSavedBox" style="
  1154. position: absolute;
  1155. top: -1000px;
  1156. left: -1000px;
  1157. background-color:#888;
  1158. padding: 15px;
  1159. border-radius: 6px;
  1160. z-index:1000000000;
  1161. ">
  1162. <font face=arial size=2 color=#ffffff><div id=DataSavedBoxContent></div></font>
  1163. <script>$('#DataSavedBox').hide();</script>
  1164. </div>
  1165.  
  1166. <div id="PanelVerticalMenu" style="
  1167. position: fixed;
  1168. top: 0px;
  1169. left: -1000px;
  1170. background-color:#333;
  1171. border-right:1px solid #fff;
  1172. width: 180px;
  1173. height: 1000px;
  1174. padding: 15px;
  1175. z-index: 10000000;
  1176. ">
  1177. <!------Login Status------>
  1178. <center>
  1179. <table width=100%  border="0" cellspacing=0 cellpadding=0><tr>
  1180. <td align=center>
  1181. $ProfileIcon
  1182. </td>
  1183. </tr></table>
  1184. </center>
  1185. <img src=/images/blank.gif width=1 height=15><br>
  1186. <!------Login Status------>
  1188. <font class=font15 color=#ffffff><b>
  1190. <a href=/ class=White>Home
  1191. <br><img src=/images/line_grey.gif class=freeImage width=100% height=1 vspace=9><br>
  1193. <a href=/announcements class=White>Announcements
  1194. <br><img src=/images/line_grey.gif class=freeImage width=100% height=1 vspace=9><br>
  1196. <a href=/circulars class=White>Circulars</a>
  1197. <br><img src=/images/line_grey.gif class=freeImage width=100% height=1 vspace=9><br>
  1199. <a href=/financial_reports class=White>Financial Reports</a>
  1200. <br><img src=/images/line_grey.gif class=freeImage width=100% height=1 vspace=9><br>
  1202. <a href=/events class=White>Events</a>
  1203. <br><img src=/images/line_grey.gif class=freeImage width=100% height=1 vspace=9><br>
  1205. <a href=/press_releases class=White>Press Releases</a>
  1206. <br><img src=/images/line_grey.gif class=freeImage width=100% height=1 vspace=9><br>
  1208. <a href=/presentations class=White>Presentations</a>
  1209. <br><img src=/images/line_grey.gif class=freeImage width=100% height=1 vspace=9><br>
  1211. <a href=/notices class=White>Notices</a>
  1212. <br><img src=/images/line_grey.gif class=freeImage width=100% height=1 vspace=9><br>
  1214. <center>
  1216. <div class=h15></div>
  1218. <div class=h30>
  1220. <img src=/images/blank.gif width=1 height=10><br>
  1221. <font face='Noto Sans TC'>
  1222. <a href=/tc class='Black font17'>繁</a>
  1223. </font>
  1224. -
  1225. <font face='Noto Sans SC'>
  1226. <a href=/sc class='Black font17'>簡</a>
  1227. </font>
  1228. -
  1229. <a href=/en class='Black font17'>Eng</a>
  1230. </center>
  1231. </font>
  1232. </div>
  1233.  
  1234. <div id=CookiePopup style='display:none;'>
  1235. <table width=100% class=MaxWidth800 align=center cellpadding=8><tr>
  1236. <td><b class=font14_>We use cookies on our website</b>
  1237. <div class=h10></div>
  1238. <font class=font13_>We use cookies on our websiteNotes</font>
  1239. </td>
  1240. <td align=right><input type=button class='button0 font14_'  value='Accept' style="width:70px;" onclick="jih('CookiePopup'); setCookie('ACCEPTCOOKIE',1);"></td>
  1241. </tr></table>
  1242. </div>
  1243.  
  1244. <img src=/images/blank.gif width=1 height=1 id=horizontalextender class='freeImage mobileshow'>
  1245.  
  1246. <script>
  1248. // Hide PanelVerticalMenu on Start
  1249. $('#PanelVerticalMenu').hide();
  1251. // btnVerticalMenu Event
  1252. $("#btnVerticalMenu").click(function() {
  1253. if ($('#PanelVerticalMenu').is(":hidden")) {
  1254. $('#PanelVerticalMenu').show();
  1255. $('#btnVerticalMenu').attr('src','/images/back.png');
  1256. $('#header').css('padding-left',210);
  1257. objRotate('btnVerticalMenu',180);
  1258. if (isMobile()) {
  1259. $('#horizontalextender').width(1000);
  1260. $('#horizontalextender').height(1);
  1261. }
  1262. } else {
  1263. $('#PanelVerticalMenu').hide();
  1264. $('#btnVerticalMenu').attr('src','/images/menu.png');
  1265. $('#header').css('padding-left',0);
  1266. objRotate('btnVerticalMenu',180);
  1267. $('#horizontalextender').width(1);
  1268. $('#horizontalextender').height(1);
  1269. }
  1270. return false;
  1271. });
  1274. // startshow finishshow, init vimeo player
  1275. $(window).load(function () {
  1276. $('.startshow').hide();
  1277.   $('.finishshow').show();
  1278.   $('#PanelVerticalMenu').css('left',0);
  1279.  
  1280.   var w = $( window ).width();
  1281.   if (w > 800) {
  1282.   $('.mobilehide').show();
  1283. $('.mobileshow').hide();
  1284.   } else {
  1285.   $('.mobilehide').hide();
  1286. $('.mobileshow').show();
  1287.   }
  1288.  
  1289.   if (isIpad()) {
  1290. $('.ipadhide').hide();
  1291. $('.ipadshow').show();
  1292. }
  1294. if ($(window).width() < 350) {
  1295. $('.narrowhide').hide();
  1296. }
  1297. });
  1299. </script>
  1300.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda