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://classes.com.hk

  1.  
  2. <!DOCTYPE html>
  3. <head>
  4. <title>香港學習資訊平台 | 上 CLASSES 報班啦</title>
  5. <meta name="title" content="香港學習資訊平台 | 上 CLASSES 報班啦" />
  6. <meta content="化妝班、唱歌班、烹飪班、紅酒班、攝影班、健身班、親子班 - CLASSES 竭力搜羅最新、最潮、最全面的學習資訊及優質課程,提供最清晰及簡易的搜尋平台,務求讓一向講求效率的香港人,用最快的方法找到最到位的資訊及課程" name="description" />
  7. <meta content="學美容,學化妝,學唱歌,學彈琴,學結他,學煮甜品,學焗蛋糕,學瑜伽,學跳舞,學游水,學潛水,學高爾夫球,學功夫,學品酒,學沖咖啡,學拉花,學攝影,學畫畫,學演戲,學普通話,學英文,學日文" name="keywords" />
  8. <meta property="og:title" content="香港學習資訊平台 | 上 CLASSES 報班啦" />
  9. <meta property="og:description" content="化妝班、唱歌班、烹飪班、紅酒班、攝影班、健身班、親子班 - CLASSES 竭力搜羅最新、最潮、最全面的學習資訊及優質課程,提供最清晰及簡易的搜尋平台,務求讓一向講求效率的香港人,用最快的方法找到最到位的資訊及課程" />  
  10. <meta property="og:image" content="https://www.classes.com.hk/images/logo2.jpg" />
  11. <meta property="og:type" content="article" />
  12. <link rel="image_src" href="https://www.classes.com.hk/images/logo2.jpg" />
  13. <!-- <meta property="fb:admins" content="1695096502"/> -->
  14.    <meta property="fb:app_id" content="231189640342312">
  15. <meta http-equiv="Cache-Control" content="no-store, no-cache, max-age=0" />
  16. <meta http-equiv="Pragma" content="no-cache" />
  17. <meta name="application-name" content="CLASSES Hong Kong" />
  18. <meta name="msapplication-tooltip" content="CLASSES Hong Kong" />
  19. <meta name="msapplication-window" content="width=1000;height=800" />
  20. <meta name="msapplication-task" content="name=CLASSES首頁; action-uri=https://www.classes.com.hk" />
  21. <meta name="msapplication-task" content="name=美容頻道; action-uri=https://www.classes.com.hk/beauty; icon-uri=https://www.classes.com.hk/favicon.ico" />
  22. <meta name="msapplication-task" content="name=音樂頻道; action-uri=https://www.classes.com.hk/music; icon-uri=https://www.classes.com.hk/favicon.ico" />
  23. <meta name="msapplication-task" content="name=烹飪頻道; action-uri=https://www.classes.com.hk/cooking; icon-uri=https://www.classes.com.hk/favicon.ico" />
  24. <meta name="msapplication-task" content="name=健康頻道; action-uri=https://www.classes.com.hk/health; icon-uri=https://www.classes.com.hk/favicon.ico" />
  25. <meta name="msapplication-task" content="name=品味頻道; action-uri=https://www.classes.com.hk/lifestyle; icon-uri=https://www.classes.com.hk/favicon.ico" />
  26. <meta name="msapplication-task" content="name=親子頻道; action-uri=https://www.classes.com.hk/mom&kids; icon-uri=https://www.classes.com.hk/favicon.ico" />
  27. <meta name="msapplication-task" content="name=進修頻道; action-uri=https://www.classes.com.hk/education; icon-uri=https://www.classes.com.hk/favicon.ico" />
  28. <meta name="msapplication-task" content="name=特輯; action-uri=https://www.classes.com.hk/features; icon-uri=https://www.classes.com.hk/favicon.ico" />
  29. <meta name="msapplication-task" content="name=Classmate優惠; action-uri=https://www.classes.com.hk/promotions; icon-uri=https://www.classes.com.hk/favicon.ico" />
  30. <meta http-equiv='Content-Language' content='zh-TW' />
  31. <meta http-equiv='content-type' content='text/html; charset=UTF-8' />
  32. <link rel="shortcut icon" href="https://www.classes.com.hk/favicon.ico" />
  33. <meta name="revisit-after" content="1 days" />
  34. <meta name="resource-type" content="document" />
  35. <meta name="distribution" content="GLOBAL" />
  36. <meta name="author" content="CLASSES Hong Kong" />
  37. <meta name="copyright" content="CLASSES Hong Hong Limited" />
  38. <script>
  39. var link = document.createElement('link');
  40. link.type = 'image/x-icon';
  41. link.rel = 'shortcut icon';
  42. link.href = 'https://www.classes.com.hk/favicon.ico';
  43. document.getElementsByTagName('head')[0].appendChild(link);
  44. </script>
  45. <link rel="canonical" href="https://www.classes.com.hk" />
  46. <!-- <link rel='shortlink' href='' /> -->
  47.  
  48. <script src="/js/main/jquery.js"></script>
  49. <script src="/js/main/jquery-ui-1.8.6.custom.min.js"></script>
  50. <script src="/js/admin/jquery.editable-select.pack.js"></script>
  51. <script src="/js/main/jquery.lightbox-0.5.min.js"></script>
  52. <script src="/js/main/ajax.js"></script>
  53. <link rel="stylesheet" type="text/css" href="/images/main.css" />
  54. <link rel="stylesheet" type="text/css" href="/css/jquery.lightbox-0.5.css" />
  55. <link rel="stylesheet" type="text/css" href="/css/jquery.editable-select.css" />
  56.  
  57. <!-------------------------------------- -->
  58. <!-------------------------------------- -->
  59. <!-------------------------------------- -->
  60. <!-- ADDED
  61. <link rel="StyleSheet" type="text/css" href="css/revamp/site_v2.css" />-->
  62. <link rel="stylesheet" type="text/css" href="https://www.classes.com.hk/css/revamp/font-awesome.min.css" />
  63. <link rel="stylesheet" type="text/css" href="https://www.classes.com.hk/css/revamp/jquery.bxslider.css" />
  64.  
  65. <!-- <script src="https://www.scribbletribe.com/tutorials/styling-the-select/js/select.js"></script> -->
  66. <script src="https://www.classes.com.hk/js/main/jquery.bxslider.min.js"></script>
  67. <script src="https://www.classes.com.hk/js/main/cookie.js"></script>
  68.  
  69. <!-- <script src="js/lightbox/jquery-1.11.0.min.js"></script>
  70. <script src="https://www.classes.com.hk/js/lightbox/lightbox.min.js"></script>
  71. <link href="https://www.classes.com.hk/css/lightbox/lightbox.css" rel="stylesheet" /> -->
  72. <script type="text/javascript">
  73. $(function(){
  74. $('#searchBtn').css("cursor","pointer");
  75. $('#searchBtn').click(function(){
  76. if( $('#searchFor').val() != '' && $('#searchFor').val() !== '搜索' ){
  77. $('#ssform2').submit();
  78. return true;
  79. }
  80. });
  81. $('#searchFor').click(function(){
  82. if( $('#searchFor').val() == '搜索' ){
  83. $('#searchFor').val('');
  84. }
  85. });
  86. $('#searchFor').blur(function(){
  87. if( $('#searchFor').val() == ''){
  88. $('#searchFor').val('搜索');
  89. }
  90. });
  91. /*
  92. $('.editableSelect').editableSelect({
  93. bg_iframe: true,
  94. case_sensitive: false,
  95. items_then_scroll: 10
  96. });
  97. $.ajax({
  98. url: 'ajax/getHotSearch.php',
  99. async: false,
  100. type: 'post',
  101. dataType: 'json',
  102. success: function(ret){
  103. if(ret.status == "OK"){
  104.  
  105. var select = $('#searchFor:first');
  106. var instances = select.editableSelectInstances();
  107. $.each(ret.results,function(idx,obj){
  108. alert(obj.hs_keyword);
  109. instances[0].addOption(obj.hs_keyword);
  110. });
  111. }else{
  112. alert(ret.results);
  113. }
  114. }
  115. }); */
  116. });
  117.  
  118. </script>
  119. <style>
  120. html {
  121. -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
  122. }
  123. </style>
  124. </head>
  125. <body>
  126. <h1 style="display: none;">香港學習資訊平台 | 上 CLASSES 報班啦</h1>
  127. <script>
  128.  window.fbAsyncInit = function() {
  129.    FB.init({
  130.      appId      : '231189640342312', // App ID
  131.      channelUrl : 'https://www.classes.com.hk/channel.html', // Channel File
  132.      status     : true, // check login status
  133.      cookie     : true, // enable cookies to allow the server to access the session
  134.      xfbml      : true  // parse XFBML
  135.    });
  136.  
  137.    // Additional initialization code here
  138.  };
  139.  
  140.  // Load the SDK Asynchronously
  141.  (function(d){
  142.     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
  143.     if (d.getElementById(id)) {return;}
  144.     js = d.createElement('script'); js.id = id; js.async = true;
  145.     js.src = "//connect.facebook.net/en_US/all.js";
  146.     ref.parentNode.insertBefore(js, ref);
  147.   }(document));
  148.  
  149. ////tracking code
  150. (function() {
  151. var _fbq = window._fbq || (window._fbq = []);
  152. if (!_fbq.loaded) {
  153. var fbds = document.createElement('script');
  154. fbds.async = true;
  155. fbds.src = '//connect.facebook.net/en_US/fbds.js';
  156. var s = document.getElementsByTagName('script')[0];
  157. s.parentNode.insertBefore(fbds, s);
  158. _fbq.loaded = true;
  159. }
  160. })();
  161.  
  162. window._fbq = window._fbq || [];
  163. //window._fbq.push(['track', '6020631021934', {'value':'0.01','currency':'HKD'}]);
  164.  
  165. </script>
  166. <script>
  167. function getOption(what){
  168. var qmdix = document.location.href.indexOf('?');
  169. var ret = "";
  170. if(qmdix != -1){
  171. var optstr = document.location.href.substr(qmdix+1);
  172. if(!optstr) return "";
  173. var pairs = optstr.split('&');
  174. for(var i=0; pairs[i] && pairs.length && ret==""; i++){
  175. var namevalue=pairs[i].split('=');
  176. if(namevalue && namevalue.length == 2){
  177. if(what == namevalue[0]){
  178. ret = namevalue[1];
  179. }
  180. }
  181. }
  182. }
  183. return (ret);
  184. }
  185. $(function(){
  186. var p = getOption("page");
  187. if(document.location.href.indexOf('promotions') > -1){
  188. $("#promotionpage").addClass('active');
  189. }else if(document.location.href.indexOf('columns') > -1){
  190. $("#columnpage").addClass('active');
  191. }else if(document.location.href.indexOf('events') > -1){
  192. $("#eventpage").addClass('active');
  193. }else{
  194. $("#indexpage").addClass('active');
  195. }
  196.  
  197. });
  198. </script>
  199.  
  200. <!-- ///////////////////////////google addSense by stanton 202103/////////////////////////////// -->
  201. <script data-ad-client="ca-pub-8165658325673827" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  202.  
  203. <div class="cssMasterPanel" style="min-width:1218px;">
  204. <div class="cssHeaderPanel mainPanel">
  205. <div class="cssMainPanel"  style="height: 73px;">
  206. <div class="cssTopNav">
  207. <!-- <div class="cssLogo">
  208. <a href="https://www.classes.com.hk/"><img src="https://www.classes.com.hk/images/main/new/main_logo.jpg" title="classes.com.hk" alt="classes.com.hk"  /></a>
  209. </div> -->
  210. <div class="cssNavs">
  211. <div class="cssRow1">
  212. <div class="cssName">
  213. <a href="https://www.classes.com.hk/" target="_self"><img src="https://www.classes.com.hk/images/main/new/logo_2015.png" title="CLASSES - Release Your Potential" alt="CLASSES - Release Your Potential"  /></a>
  214. </div>
  215. <div style="float: right; width: 805px;position: relative;z-index:10;">
  216. <div class="cssBtns">
  217. <ul>
  218. <!-- <li class="cssA"><span><a href="https://www.classes.com.hk/register" target="_self"><img src="https://www.classes.com.hk/images/main/new/head_btn01.png" title="Classmate 登錄" alt="Classmate 登錄" /></a></span></li> -->
  219. <li class="cssA"><span><a href="#enews" target="_self"><img src="https://www.classes.com.hk/images/main/new/head_btn02.png" title="訂閱優惠" alt="訂閱優惠" /></a></span></li>
  220. <li class="cssA"><a target="_blank" href="https://www.facebook.com/ClassesHongKong"><img src="https://www.classes.com.hk/images/main/new/head_btn03.png" title="Classes Hong Kong Facebook" alt="Classes Hong Kong Facebook" /></a></li>
  221. <!-- <li><a href="javascript:;"><img src="https://www.classes.com.hk/images/main/top_09.png" /></a></li> -->
  222. </ul>
  223. <div class="cssClear"></div>
  224. </div>
  225. <div class="cssClear"></div>
  226. </div>
  227. <div class="cssClear"></div>
  228. </div> <!-- cssRow1 -->
  229.  
  230.  
  231. <div class="cssClear"></div>
  232. </div> <!-- cssNavs -->
  233. </div> <!-- cssTopNav -->
  234. </div> <!-- cssMainPanel (width:980px)-->
  235. <div class="cssMainLinks">
  236. <div class="link" id="indexpage"></div>
  237. <!-- <a href="https://www.classes.com.hk/"><div class="link" id="indexpage">主頁</div></a>
  238. <a href="#"><div class="link" id="news">新聞</div></a>
  239. <a href="http://columns.classes.com.hk"><div class="link" id="columnpage">專欄</div></a>
  240. <a href="https://www.classes.com.hk/promotions"><div class="link" id="promotionpage">優惠</div></a>
  241. <a href="#"><div class="link" id="brand">品牌</div></a>
  242. <a href="https://www.classes.com.hk/events"><div class="link" id="eventpage">工作坊</div></a>
  243. <a href="#"><div class="link" id="promotionpage">特輯</div></a> -->
  244. <div class="cssSubLinks cssHide">
  245. <ul onmouseover="document.getElementById('m2').src='https://www.classes.com.hk/images/index/2015/smenu_02o.png';jQuery('.cssSubLinks').show();"  onmouseout="document.getElementById('m2').src='https://www.classes.com.hk/images/index/2015/smenu_02.png';jQuery('.cssSubLinks').hide();">
  246. <li><img src="https://www.classes.com.hk/images/index/2015/index_submenu_01.png" /></li>
  247. <li><a href="https://www.classes.com.hk/beauty" target="_self"><img src="https://www.classes.com.hk/images/index/2015/index_submenu_02.png" title="美容" alt="美容" id="sm1" onmouseover="document.getElementById('sm1').src='https://www.classes.com.hk/images/index/2015/index_submenu_02o.png'"  onmouseout="document.getElementById('sm1').src='https://www.classes.com.hk/images/index/2015/index_submenu_02.png'"  /></a></li>
  248. <li><a href="https://www.classes.com.hk/cooking" target="_self"><img src="https://www.classes.com.hk/images/index/2015/index_submenu_03.png" title="烹飪" alt="烹飪" id="sm2" onmouseover="document.getElementById('sm2').src='https://www.classes.com.hk/images/index/2015/index_submenu_03o.png'"  onmouseout="document.getElementById('sm2').src='https://www.classes.com.hk/images/index/2015/index_submenu_03.png'" /></a></li>
  249. <li><a href="https://www.classes.com.hk/lifestyle" target="_self"><img src="https://www.classes.com.hk/images/index/2015/index_submenu_04.png" title="品味" alt="品味" id="sm3" onmouseover="document.getElementById('sm3').src='https://www.classes.com.hk/images/index/2015/index_submenu_04o.png'"  onmouseout="document.getElementById('sm3').src='https://www.classes.com.hk/images/index/2015/index_submenu_04.png'" /></a></li>
  250. <li><a href="https://www.classes.com.hk/health" target="_self"><img src="https://www.classes.com.hk/images/index/2015/index_submenu_05.png" title="健康" alt="健康" id="sm4" onmouseover="document.getElementById('sm4').src='https://www.classes.com.hk/images/index/2015/index_submenu_05o.png'"  onmouseout="document.getElementById('sm4').src='https://www.classes.com.hk/images/index/2015/index_submenu_05.png'" /></a></li>
  251. <li><a href="https://www.classes.com.hk/music" target="_self"><img src="https://www.classes.com.hk/images/index/2015/index_submenu_06.png" title="音樂" alt="音樂" id="sm5" onmouseover="document.getElementById('sm5').src='https://www.classes.com.hk/images/index/2015/index_submenu_06o.png'"  onmouseout="document.getElementById('sm5').src='https://www.classes.com.hk/images/index/2015/index_submenu_06.png'" /></a></li>
  252. <li><a href="https://www.classes.com.hk/mom&kids" target="_self"><img src="https://www.classes.com.hk/images/index/2015/index_submenu_07.png" title="親子" alt="親子" id="sm6" onmouseover="document.getElementById('sm6').src='https://www.classes.com.hk/images/index/2015/index_submenu_07o.png'"  onmouseout="document.getElementById('sm6').src='https://www.classes.com.hk/images/index/2015/index_submenu_07.png'" /></a></li>
  253. <li><a href="https://www.classes.com.hk/education" target="_self"><img src="https://www.classes.com.hk/images/index/2015/index_submenu_08.png" title="進修" alt="進修" id="sm7" onmouseover="document.getElementById('sm7').src='https://www.classes.com.hk/images/index/2015/index_submenu_08o.png'"  onmouseout="document.getElementById('sm7').src='https://www.classes.com.hk/images/index/2015/index_submenu_08.png'" /></a></li>
  254. <li><img src="https://www.classes.com.hk/images/index/2015/index_submenu_09.png" /></li>
  255. </ul>
  256. </div>
  257. <div class="cssMainLinks_bg1">
  258. <div class="cssMainLinks_bg2">
  259. <a href="https://www.classes.com.hk/" target="_self"><img src="https://www.classes.com.hk/images/index/2015/smenu_01.png" id="m1" onmouseover="document.getElementById('m1').src='https://www.classes.com.hk/images/index/2015/smenu_01o.png'"  onmouseout="document.getElementById('m1').src='https://www.classes.com.hk/images/index/2015/smenu_01.png'" alt="主頁" title="主頁" /></a>
  260. <img src="https://www.classes.com.hk/images/index/2015/smenu_02.png" id="m2" onmouseover="document.getElementById('m2').src='https://www.classes.com.hk/images/index/2015/smenu_02o.png';jQuery('.cssSubLinks').show();"  onmouseout="document.getElementById('m2').src='https://www.classes.com.hk/images/index/2015/smenu_02.png';jQuery('.cssSubLinks').hide();" alt="新聞" title="新聞" /></a>
  261. <a href="http://columns.classes.com.hk" target="_self"><img src="https://www.classes.com.hk/images/index/2015/smenu_03.png" id="m3" onmouseover="document.getElementById('m3').src='https://www.classes.com.hk/images/index/2015/smenu_03o.png'"  onmouseout="document.getElementById('m3').src='https://www.classes.com.hk/images/index/2015/smenu_03.png'" alt="專欄" title="專欄" /></a>
  262. <a href="https://www.classes.com.hk/promotions" target="_self"><img src="https://www.classes.com.hk/images/index/2015/smenu_04.png" id="m4" onmouseover="document.getElementById('m4').src='https://www.classes.com.hk/images/index/2015/smenu_04o.png'"  onmouseout="document.getElementById('m4').src='https://www.classes.com.hk/images/index/2015/smenu_04.png'" alt="優惠" title="優惠" /></a>
  263. <a href="https://www.classes.com.hk/workshop" target="_self"><img src="https://www.classes.com.hk/images/index/2015/smenu_05.png" id="m5" onmouseover="document.getElementById('m5').src='https://www.classes.com.hk/images/index/2015/smenu_05o.png'"  onmouseout="document.getElementById('m5').src='https://www.classes.com.hk/images/index/2015/smenu_05.png'" alt="品牌" title="品牌" /></a>
  264. <a href="https://www.classes.com.hk/events" target="_self"><img src="https://www.classes.com.hk/images/index/2015/smenu_06.png" id="m6" onmouseover="document.getElementById('m6').src='https://www.classes.com.hk/images/index/2015/smenu_06o.png'"  onmouseout="document.getElementById('m6').src='https://www.classes.com.hk/images/index/2015/smenu_06.png'" alt="工作坊" title="工作坊" /></a>
  265. <a href="https://www.classes.com.hk/weplay" target="_self"><img src="https://www.classes.com.hk/images/index/2015/smenu_08.png" id="m8" onmouseover="document.getElementById('m8').src='https://www.classes.com.hk/images/index/2015/smenu_08o.png'"  onmouseout="document.getElementById('m8').src='https://www.classes.com.hk/images/index/2015/smenu_08.png'" alt="WePlay!" title="WePlay!" /></a>
  266. <a href="https://www.classes.com.hk/kitchen/anchor" target="_self"><img src="https://www.classes.com.hk/images/index/2015/smenu_anchor.png" id="m9" onmouseover="document.getElementById('m9').src='https://www.classes.com.hk/images/index/2015/smenu_anchoro.png'"  onmouseout="document.getElementById('m9').src='https://www.classes.com.hk/images/index/2015/smenu_anchor.png'" alt="Anchor Home Chef" title="Anchor Home Chef" /></a>
  267. <!-- <a href="#"><img src="https://www.classes.com.hk/images/index/2015/smenu_07.png" id="m7" onmouseover="document.getElementById('m7').src='https://www.classes.com.hk/images/index/2015/smenu_07o.png'"  onmouseout="document.getElementById('m7').src='https://www.classes.com.hk/images/index/2015/smenu_07.png'" alt="特輯" title="特輯" /></a> -->
  268. </div>
  269. </div>
  270.  
  271. </div> <!-- cssMainLinks -->
  272.  
  273.  
  274. <div class="cssSearchBox">
  275. <div class="cssSearchBoxBG"><img src="https://www.classes.com.hk/images/search_bg.png" alt="" /></div>
  276. <div class="search">
  277. <form name="ssform2" id="ssform2" action="https://www.classes.com.hk/search" method="get">
  278. <input id='searchFor' class="editableSelect"  name="searchFor" type="text" value="搜索" style="height:14px" />
  279. <img id='searchBtn' src="https://www.classes.com.hk/images/main/top_30_02b.png" alt="" />
  280. <input type="hidden" name="page" value="search">
  281. </form>
  282. </div>
  283. </div>
  284.  
  285. <div class="cssBannerArea">
  286. <div style="position:relative;top:13px">
  287. <iframe id="top72890" name="top72890" src="https://www.classes.com.hk/ad/ad.php?size=728x90&position=top&page=&c=" framespacing="0" frameborder="no" scrolling="no" width="728" height="90" allowtransparency="true"></iframe>
  288. </div>
  289. </div>
  290. </div>
  291.  
  292. <div class="cssContentPanel"><link href="https://www.classes.com.hk/css/index.css" rel="stylesheet" />
  293. <script>
  294. var makelink = function(){
  295. $(".link").not("a").unbind("click");
  296. $(".link").not("a").click(function(e){
  297. var target = $(this).attr("target");
  298. if( href = $(this).attr("href") ){
  299. if( target ){
  300. window.open(href,target);
  301. }else{
  302. document.location.href = href;
  303. }
  304. e.stopPropagation();
  305. }
  306. });
  307. }
  308. var workshoppaging = function(){
  309. var workshoptotal = $(".aworkshop",".workshoplist").length;
  310. if( workshoptotal > 4 ){
  311. var list = $("#workshoppaging").empty().show();
  312. var workshoppage = Math.ceil(workshoptotal / 4);
  313. for(var i=0; i<workshoppage; i++){
  314. var aball = $("<div/>").addClass("workshopball");
  315. if( i==0 ){
  316. aball.addClass("active");
  317. }
  318. aball.click( function(offset){
  319. return function(){
  320. $(".workshoplist").animate({"left":0 - (offset * 1168) + "px"}, 500);
  321. $(".workshopball").removeClass("active");
  322. $(this).addClass("active");
  323. }
  324. }(i));
  325. list.append( aball );
  326. }
  327. }else{
  328. $("#workshoppaging").empty().hide();
  329. }
  330. }
  331. var highlightpaging = function(){
  332. var highlighttotal = $(".ahighlight",".highlightlist").length;
  333. if( highlighttotal > 1 ){
  334. var list = $("#highlightpaging").empty().show();
  335. var highlightpage = highlighttotal;
  336. for(var i=0; i<highlightpage; i++){
  337. var aball = $("<div/>").addClass("highlightball");
  338. if( i==0 ){
  339. aball.addClass("active");
  340. }
  341. aball.click( function(offset){
  342. return function(){
  343. $(".highlightlist").animate({"left":0 - (offset * 300) + "px"}, 200);
  344. $(".highlightball").removeClass("active");
  345. $(this).addClass("active");
  346. }
  347. }(i));
  348. list.append( aball );
  349. }
  350. }else{
  351. $("#highlightpaging").empty().hide();
  352. }
  353. }
  354. $(function(){
  355. $("ul.typebar li").click(function(){
  356. if( page = $(this).attr("data-page") ){
  357. if( $(this).parent().hasClass("workshop") ){
  358. $("#workshoppaging").empty().hide();
  359. $(".workshoplist").empty().append( $("<img src='https://www.classes.com.hk/images/index/2015/loading.gif'>").css({"margin-top":"75px","margin-left":"552px"}) );
  360. $("ul.typebar.workshop li").removeClass("active");
  361. $(this).addClass("active");
  362. $.ajax({
  363. "type":"get",
  364. "url":page,
  365. "success":function(ret){
  366. $(".workshoplist").css("left",0);
  367. $(".workshoplist").empty().append( ret );
  368. workshoppaging();
  369. makelink();
  370. /*try {
  371. FB.XFBML.parse();
  372. } catch (ex) { }*/
  373. },
  374. "dataType":"html"
  375. });
  376. }else if( $(this).parent().hasClass("beauty") ){
  377. $(".beautylist").empty().append( $("<img src='https://www.classes.com.hk/images/index/2015/loading.gif'>").css({"margin-top":"40px","margin-left":"382px"}) );
  378. $("ul.typebar.beauty li").removeClass("active");
  379. $(this).addClass("active");
  380. $.ajax({
  381. "type":"get",
  382. "url":page,
  383. "success":function(ret){
  384. $(".beautylist").empty().append( ret );
  385. makelink();
  386. /*try {
  387. FB.XFBML.parse();
  388. } catch (ex) { }*/
  389. },
  390. "dataType":"html"
  391. });
  392. }else if( $(this).parent().hasClass("lifestyle") ){
  393. $(".lifestyleregion").css("height","280px");
  394. $(".lifestylelist").empty().append( $("<img src='https://www.classes.com.hk/images/index/2015/loading.gif'>").css({"margin-top":"40px","margin-left":"382px"}) );
  395. $("ul.typebar.lifestyle li").removeClass("active");
  396. $(this).addClass("active");
  397. $.ajax({
  398. "type":"get",
  399. "url":page,
  400. "success":function(ret){
  401. $(".lifestylelist").empty().append( ret );
  402. if($(".lifestylelist").height() > 240){
  403. $(".lifestyleregion").css("height","auto");
  404. }
  405. makelink();
  406. /*try {
  407. FB.XFBML.parse();
  408. } catch (ex) { }*/
  409. },
  410. "dataType":"html"
  411. });
  412. }else if( $(this).parent().hasClass("cooking") ){
  413. $(".cookinglist").empty().append( $("<img src='https://www.classes.com.hk/images/index/2015/loading.gif'>").css({"margin-top":"40px","margin-left":"382px"}) );
  414. $("ul.typebar.cooking li").removeClass("active");
  415. $(this).addClass("active");
  416. $.ajax({
  417. "type":"get",
  418. "url":page,
  419. "success":function(ret){
  420. $(".cookinglist").empty().append( ret );
  421. makelink();
  422. /*try {
  423. FB.XFBML.parse();
  424. } catch (ex) { }*/
  425. },
  426. "dataType":"html"
  427. });
  428. }
  429. }else if( href = $(this).attr("data-href") ){
  430. document.location.href = href;
  431. }
  432. });
  433. workshoppaging();
  434. highlightpaging();
  435. makelink();
  436.  
  437. if($(".lifestylelist").height() > 240){
  438. $(".lifestyleregion").css("height","auto");
  439. }
  440.  
  441.  
  442. });
  443. </script>
  444.  
  445. <div class="middle">
  446. <!-- top -->
  447. <div class="topregion">
  448. <!-- <div class="banner link" href="https://www.google.com" target="_blank"><img width="728" height="90" src="https://www.classes.com.hk/images/index/2015/banner.gif"></img></div> -->
  449. <div class="advsarea">
  450. <div class="adv link">
  451. <a href="https://www.classes.com.hk/news/cooking/【廚具101】肥豬肉、韭菜竟然係神器%EF%BC%9F教你正確開鑊秘訣" target="_self"><img src="https://www.classes.com.hk/items/homepage/8fa82fc4d35306d899b94111a58209fd23.jpg" width="780" height="390" alt="肥豬肉、韭菜竟然係神器?教你正確開鑊秘訣" title="肥豬肉、韭菜竟然係神器?教你正確開鑊秘訣"></img></a>
  452. <div class="msgbox">
  453. <div class="msg">肥豬肉、韭菜竟然係神器?教你正確開鑊秘訣</div>
  454. </div>
  455. </div>
  456. <div class="adv ml sm link">
  457. <a href="http://www.classes.com.hk/kitchen" target="_self"><img src="https://www.classes.com.hk/items/homepage/ff85f1ef19152d1295c41383598fbdd294.jpg" width="376" height="188" alt="【CLASSES Kitchen】正式推出" title="【CLASSES Kitchen】正式推出"></img></a>
  458. <div class="msgbox">
  459. <div class="msg">【CLASSES Kitchen】正式推出</div>
  460. </div>
  461. </div>
  462. <div class="adv ml mt sm link">
  463. <a href="https://www.facebook.com/ClassesHongKong/videos/?ref=page_internal" target="_self"><img src="https://www.classes.com.hk/items/homepage/c3d136e0d4fa5e3a4a9d1385b35fc1f034.jpg" width="376" height="188" alt="【叮叮料理系列】一分鐘學識叮叮早餐A雞蛋" title="【叮叮料理系列】一分鐘學識叮叮早餐A雞蛋"></img></a>
  464. <div class="msgbox">
  465. <div class="msg">【叮叮料理系列】一分鐘學識叮叮早餐A雞蛋</div>
  466. </div>
  467. </div>
  468. <div class="clear"></div>
  469. </div>
  470. </div>
  471. <!-- workshop -->
  472. <div class="workshopregion">
  473. <div class="headerbar">
  474. <div class="header workshop">
  475. WORKSHOP
  476. </div>
  477. <ul class="typebar workshop">
  478. <li class='active' data-page="?page=index.workshop">全部</li>
  479. <li data-page="?page=index.workshop&tid=0">編輯推介</li>
  480. <li data-href="https://www.classes.com.hk/events">更多+</li>
  481. </ul>
  482. </div>
  483. <div class="workshoplistfixcontainer">
  484. <div class="workshoplist">
  485. <link href="https://www.classes.com.hk/css/hover.css" rel="stylesheet" media="all">
  486.  
  487. <div class="aworkshop">
  488. <div class="pic">
  489. <a href="https://www.classes.com.hk/events" class="hvr-curl-bottom-left"><img src="https://www.classes.com.hk/images/index/2015/more_box.png" width="254" height="182" alt="更多工作坊" title="更多工作坊"></img></a>
  490. </div>
  491. </div>
  492. <!--
  493. reference:
  494. https://ianlunn.github.io/Hover/ --> <div class="clear"></div>
  495. </div><!-- workshoplist -->
  496. </div>
  497. <div id="workshoppaging">
  498. <div class="workshopball"></div>
  499. </div>
  500. </div>
  501. <!-- middle -->
  502. <div class="middlepart">
  503. <div class="middleleft">
  504. <div class="beautyregion">
  505. <div class="headerbar">
  506. <div class="header beauty">
  507. BEAUTY TIPS
  508. </div>
  509. <ul class="typebar beauty">
  510. <li class='active' data-page="?page=index.news&cat=1">全部</li>
  511. <li data-page="?page=index.news&cat=8&mainCat=1">化妝</li>
  512. <li data-page="?page=index.news&cat=9&mainCat=1">護膚</li>
  513. <li data-page="?page=index.news&cat=43&mainCat=1">頭髮</li>
  514. <li data-href="https://www.classes.com.hk/beauty">更多+</li>
  515. </ul>
  516. </div>
  517. <div class="beautylist">
  518. <div class="abcl">
  519. <div class="leftpart">
  520. <a  href="https://www.classes.com.hk/news/beauty/%E6%95%99%E4%BD%A0%E4%B8%80%E6%8B%9B%E6%9F%93%E9%AB%AE%E5%B0%8F%E7%A7%98%E6%8A%80%EF%BC%81%E5%8A%A0%E5%85%A9%E6%BB%B4%E5%B0%B1%E4%BB%A4%E9%AB%AE%E8%89%B2%E6%9B%B4%E6%8C%81%E4%B9%85%EF%BC%81"><img src="https://www.classes.com.hk/items/news/2/banner_550d_染髮不掉色1.jpg" class="link" width="240" alt="教你一招染髮小秘技!加兩滴就令髮色更持久!" title="教你一招染髮小秘技!加兩滴就令髮色更持久!"></img></a>
  521. <div class="infobox">
  522. <!-- <div class="date" style="border-left: 3px solid #b98f7f;">
  523. Oct 23, 2017 </div> -->
  524. <div class="title">
  525. <a href="https://www.classes.com.hk/news/beauty/%E6%95%99%E4%BD%A0%E4%B8%80%E6%8B%9B%E6%9F%93%E9%AB%AE%E5%B0%8F%E7%A7%98%E6%8A%80%EF%BC%81%E5%8A%A0%E5%85%A9%E6%BB%B4%E5%B0%B1%E4%BB%A4%E9%AB%AE%E8%89%B2%E6%9B%B4%E6%8C%81%E4%B9%85%EF%BC%81" class="link">教你一招染髮小秘技!加兩滴就令髮色更持久!</a>
  526. </div>
  527. <div class="txt">
  528. <a href="https://www.classes.com.hk/news/beauty/%E6%95%99%E4%BD%A0%E4%B8%80%E6%8B%9B%E6%9F%93%E9%AB%AE%E5%B0%8F%E7%A7%98%E6%8A%80%EF%BC%81%E5%8A%A0%E5%85%A9%E6%BB%B4%E5%B0%B1%E4%BB%A4%E9%AB%AE%E8%89%B2%E6%9B%B4%E6%8C%81%E4%B9%85%EF%BC%81" class="link">染髮最緊要係咩?梗係髮色夠持久!小編搵到一個小妙招,只要喺染髮劑加上呢樣野……就唔怕一個星期就甩色!而且呢樣野人人屋企都有,又平又易搵!</a>
  529. </div>
  530. <!-- <div class="like">
  531. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  532. </div> -->
  533. </div>
  534. <div class="clear"></div>
  535. </div>
  536.  
  537. <div class="rightpart">
  538. <div class="asmall">
  539. <a  href="https://www.classes.com.hk/news/beauty/%E5%8D%81%E6%9C%88%E9%99%90%E5%AE%9A%EF%BC%81%E5%85%AB%E5%A4%A7%E5%90%8D%E7%89%8C%E5%85%8D%E8%B2%BB%E8%AB%8B%E4%BD%A0%E5%81%9A%E7%BE%8E%E5%AE%B9%EF%BC%81%E6%95%99%E4%BD%A0%E5%85%8D%E8%B2%BB%E7%94%B3%E8%AB%8B%E6%94%BB%E7%95%A5"><img src="https://www.classes.com.hk/items/news/2/banner_36f1_秋季免費專貴美容服務.jpg" class="link" width="62" height="52" alt="十月限定!八大名牌免費請你做美容!教你免費申請攻略" title="十月限定!八大名牌免費請你做美容!教你免費申請攻略"></img></a>
  540. <div class="datetxtbox">
  541. <!-- <div class="datelike">
  542. <div class="date">Sep 27, 2017</div>
  543. <div class="clear"></div>
  544. </div> -->
  545. <div class="txt">
  546. <a href="https://www.classes.com.hk/news/beauty/%E5%8D%81%E6%9C%88%E9%99%90%E5%AE%9A%EF%BC%81%E5%85%AB%E5%A4%A7%E5%90%8D%E7%89%8C%E5%85%8D%E8%B2%BB%E8%AB%8B%E4%BD%A0%E5%81%9A%E7%BE%8E%E5%AE%B9%EF%BC%81%E6%95%99%E4%BD%A0%E5%85%8D%E8%B2%BB%E7%94%B3%E8%AB%8B%E6%94%BB%E7%95%A5" class="link">十月限定!八大名牌免費請你做美容!教你免費申請攻略</a>
  547. </div>
  548. </div>
  549. <div class="clear"></div>
  550. </div>
  551.  
  552. <div class="asmall">
  553. <a  href="https://www.classes.com.hk/news/beauty/%E3%80%90%E9%A0%AD%E9%AB%AE%E6%95%99%E5%AD%B8%E3%80%91%E4%BA%82%E6%B4%97%E9%A0%AD%E6%98%93%E7%94%A9%E9%A0%AD%E9%AB%AE%EF%BC%81%E6%95%99%E4%BD%A0%E9%81%BF%E9%96%8B%E4%BA%94%E5%A4%A7%E6%B4%97%E9%A0%AD%E7%A6%81%E5%BF%8C"><img src="https://www.classes.com.hk/items/news/2/banner_dc50_亂洗頭好易甩頭髮!教你避開五大洗頭禁忌3.jpg" class="link" width="62" height="52" alt="亂洗頭易甩頭髮!教你避開五大洗頭禁忌" title="亂洗頭易甩頭髮!教你避開五大洗頭禁忌"></img></a>
  554. <div class="datetxtbox">
  555. <!-- <div class="datelike">
  556. <div class="date">Sep 14, 2017</div>
  557. <div class="clear"></div>
  558. </div> -->
  559. <div class="txt">
  560. <a href="https://www.classes.com.hk/news/beauty/%E3%80%90%E9%A0%AD%E9%AB%AE%E6%95%99%E5%AD%B8%E3%80%91%E4%BA%82%E6%B4%97%E9%A0%AD%E6%98%93%E7%94%A9%E9%A0%AD%E9%AB%AE%EF%BC%81%E6%95%99%E4%BD%A0%E9%81%BF%E9%96%8B%E4%BA%94%E5%A4%A7%E6%B4%97%E9%A0%AD%E7%A6%81%E5%BF%8C" class="link">亂洗頭易甩頭髮!教你避開五大洗頭禁忌</a>
  561. </div>
  562. </div>
  563. <div class="clear"></div>
  564. </div>
  565.  
  566. <div class="asmall">
  567. <a  href="https://www.classes.com.hk/news/beauty/%E6%88%90%E6%97%A5%E6%8D%B1%E5%A4%9C%E6%9C%83%E5%87%BA%E6%96%91%EF%BC%9F%E6%95%99%E4%BD%A0%E5%88%86%E6%B8%85%E5%A4%AA%E9%99%BD%E6%96%91%E3%80%81%E9%9B%80%E6%96%91%E3%80%81%E9%BB%83%E8%A4%90%E6%96%91%EF%BC%81"><img src="https://www.classes.com.hk/items/news/2/banner_98ef_太陽斑、雀斑、黃褐斑有何分別?1.jpg" class="link" width="62" height="52" alt="【美容教室】成日捱夜會出斑?教你分清太陽斑、雀斑、黃褐斑!" title="【美容教室】成日捱夜會出斑?教你分清太陽斑、雀斑、黃褐斑!"></img></a>
  568. <div class="datetxtbox">
  569. <!-- <div class="datelike">
  570. <div class="date">Sep 13, 2017</div>
  571. <div class="clear"></div>
  572. </div> -->
  573. <div class="txt">
  574. <a href="https://www.classes.com.hk/news/beauty/%E6%88%90%E6%97%A5%E6%8D%B1%E5%A4%9C%E6%9C%83%E5%87%BA%E6%96%91%EF%BC%9F%E6%95%99%E4%BD%A0%E5%88%86%E6%B8%85%E5%A4%AA%E9%99%BD%E6%96%91%E3%80%81%E9%9B%80%E6%96%91%E3%80%81%E9%BB%83%E8%A4%90%E6%96%91%EF%BC%81" class="link">【美容教室】成日捱夜會出斑?教你分清太陽斑、雀斑、黃褐斑!</a>
  575. </div>
  576. </div>
  577. <div class="clear"></div>
  578. </div>
  579.  
  580. <div class="clear"></div>
  581. </div>
  582. <div class="clear"></div>
  583. </div>
  584. </div>
  585. </div>
  586. <div class="cookingregion">
  587. <div class="headerbar">
  588. <div class="header cooking">
  589. COOKING TIPS
  590. </div>
  591. <ul class="typebar cooking">
  592. <li class='active' data-page="?page=index.news&cat=3">全部</li>
  593. <li data-page="?page=index.news&cat=12&mainCat=3">中菜</li>
  594. <li data-page="?page=index.news&cat=13&mainCat=3">西餐</li>
  595. <li data-page="?page=index.news&cat=14&mainCat=3">甜品</li>
  596. <li data-href="https://www.classes.com.hk/cooking">更多+</li>
  597. </ul>
  598. </div>
  599. <div class="cookinglist">
  600. <div class="abcl">
  601. <div class="leftpart">
  602. <a  href="https://www.classes.com.hk/news/cooking/%E9%A3%9F%E6%9D%90101-%E9%A3%9F%E7%B3%96-%E7%B4%85%E7%B3%96-%E9%BB%91%E7%B3%96-M%E7%97%9B-%E7%B6%93%E6%9C%9F%E7%BA%BE%E7%B7%A9"><img src="https://www.classes.com.hk/items/news/2/banner_5b52_20180802_brown_sugar_300x250.jpg" class="link" width="240" alt="【食材101】M痛原來要食黑糖、紅糖?教你五種食糖大解構!
  603. " title="【食材101】M痛原來要食黑糖、紅糖?教你五種食糖大解構!
  604. "></img></a>
  605. <div class="infobox">
  606. <!-- <div class="date" style="border-left: 3px solid #cccb61;">
  607. Jul 23, 2019 </div> -->
  608. <div class="title">
  609. <a href="https://www.classes.com.hk/news/cooking/%E9%A3%9F%E6%9D%90101-%E9%A3%9F%E7%B3%96-%E7%B4%85%E7%B3%96-%E9%BB%91%E7%B3%96-M%E7%97%9B-%E7%B6%93%E6%9C%9F%E7%BA%BE%E7%B7%A9" class="link">【食材101】M痛原來要食黑糖、紅糖?教你五種食糖大解構!
  610. </a>
  611. </div>
  612. <div class="txt">
  613. <a href="https://www.classes.com.hk/news/cooking/%E9%A3%9F%E6%9D%90101-%E9%A3%9F%E7%B3%96-%E7%B4%85%E7%B3%96-%E9%BB%91%E7%B3%96-M%E7%97%9B-%E7%B6%93%E6%9C%9F%E7%BA%BE%E7%B7%A9" class="link">相信大家都喜歡吃甜甜的「糖」,但大家真的懂得如何分辨「白糖」、「黑糖」、「紅糖」、「冰糖」嗎?經期來時又應該吃黑糖還是紅糖?雖然一般食糖都是由甘蔗提煉而成,但味道與用法都大相逕座,現在一起來看看分別吧!</a>
  614. </div>
  615. <!-- <div class="like">
  616. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  617. </div> -->
  618. </div>
  619. <div class="clear"></div>
  620. </div>
  621.  
  622. <div class="rightpart">
  623. <div class="asmall">
  624. <a  href="https://www.classes.com.hk/news/cooking/KitchenAid-%E6%98%9F%E7%B4%9A%E5%B0%8E%E5%B8%AB%E6%95%99%E4%BD%A0%E9%AE%AE%E8%8A%B1%E5%85%A5%E9%A5%8C-%E5%B0%91%E5%A5%B3%E5%BF%83%E8%8A%B1%E5%8D%89%E7%BE%8E%E9%A3%9F%E5%B7%A5%E4%BD%9C%E5%9D%8A%E6%8E%A8%E4%BB%8B"><img src="https://www.classes.com.hk/items/news/2/banner_0ded_KitchenAid-星級導師教你鮮花入饌-少女心花卉美食工作坊推介.jpg" class="link" width="62" height="52" alt="KitchenAid 誠邀星級導師教你鮮花入饌 少女心花卉美食工作坊推介" title="KitchenAid 誠邀星級導師教你鮮花入饌 少女心花卉美食工作坊推介"></img></a>
  625. <div class="datetxtbox">
  626. <!-- <div class="datelike">
  627. <div class="date">May 4, 2019</div>
  628. <div class="clear"></div>
  629. </div> -->
  630. <div class="txt">
  631. <a href="https://www.classes.com.hk/news/cooking/KitchenAid-%E6%98%9F%E7%B4%9A%E5%B0%8E%E5%B8%AB%E6%95%99%E4%BD%A0%E9%AE%AE%E8%8A%B1%E5%85%A5%E9%A5%8C-%E5%B0%91%E5%A5%B3%E5%BF%83%E8%8A%B1%E5%8D%89%E7%BE%8E%E9%A3%9F%E5%B7%A5%E4%BD%9C%E5%9D%8A%E6%8E%A8%E4%BB%8B" class="link">KitchenAid 誠邀星級導師教你鮮花入饌 少女心花卉美食工作坊推介</a>
  632. </div>
  633. </div>
  634. <div class="clear"></div>
  635. </div>
  636.  
  637. <div class="asmall">
  638. <a  href="https://www.classes.com.hk/news/cooking/%E5%BB%9A%E5%85%B7101-%E7%85%B2%E8%80%81%E7%81%AB%E6%B9%AF%E8%A6%81%E9%9D%A0%E7%93%A6%E7%85%B2-%E4%B8%89%E6%8B%9B%E6%95%99%E4%BD%A0%E4%BF%9D%E9%A4%8A%E6%96%B0%E7%93%A6%E7%85%B2"><img src="https://www.classes.com.hk/items/news/2/banner_21a3_abc300250.jpg" class="link" width="62" height="52" alt="【廚具101】煲老火湯要靠瓦煲,三招教你保養新瓦煲" title="【廚具101】煲老火湯要靠瓦煲,三招教你保養新瓦煲"></img></a>
  639. <div class="datetxtbox">
  640. <!-- <div class="datelike">
  641. <div class="date">Jan 18, 2019</div>
  642. <div class="clear"></div>
  643. </div> -->
  644. <div class="txt">
  645. <a href="https://www.classes.com.hk/news/cooking/%E5%BB%9A%E5%85%B7101-%E7%85%B2%E8%80%81%E7%81%AB%E6%B9%AF%E8%A6%81%E9%9D%A0%E7%93%A6%E7%85%B2-%E4%B8%89%E6%8B%9B%E6%95%99%E4%BD%A0%E4%BF%9D%E9%A4%8A%E6%96%B0%E7%93%A6%E7%85%B2" class="link">【廚具101】煲老火湯要靠瓦煲,三招教你保養新瓦煲</a>
  646. </div>
  647. </div>
  648. <div class="clear"></div>
  649. </div>
  650.  
  651. <div class="asmall">
  652. <a  href="https://www.classes.com.hk/news/cooking/%E9%A3%9F%E6%9D%90101-%E5%B0%8F%E5%BF%83%E6%84%88%E9%A3%9F%E6%84%88%E8%82%A5%EF%BC%81%E5%B8%8C%E8%87%98%E4%B9%B3%E9%85%AA%E9%83%BD%E6%9C%89A%E8%B2%A8%EF%BC%9F%E6%95%99%E4%BD%A0%E5%88%86%E6%B8%85%E7%9C%9F%E5%81%87%E5%B8%8C%E8%87%98%E4%B9%B3"><img src="https://www.classes.com.hk/items/news/2/banner_05e9_YO.jpg" class="link" width="62" height="52" alt="【食材101】小心愈食愈肥!希臘乳酪都有A貨?教你分清 「真」「假」希臘乳酪" title="【食材101】小心愈食愈肥!希臘乳酪都有A貨?教你分清 「真」「假」希臘乳酪"></img></a>
  653. <div class="datetxtbox">
  654. <!-- <div class="datelike">
  655. <div class="date">Jan 13, 2019</div>
  656. <div class="clear"></div>
  657. </div> -->
  658. <div class="txt">
  659. <a href="https://www.classes.com.hk/news/cooking/%E9%A3%9F%E6%9D%90101-%E5%B0%8F%E5%BF%83%E6%84%88%E9%A3%9F%E6%84%88%E8%82%A5%EF%BC%81%E5%B8%8C%E8%87%98%E4%B9%B3%E9%85%AA%E9%83%BD%E6%9C%89A%E8%B2%A8%EF%BC%9F%E6%95%99%E4%BD%A0%E5%88%86%E6%B8%85%E7%9C%9F%E5%81%87%E5%B8%8C%E8%87%98%E4%B9%B3" class="link">【食材101】小心愈食愈肥!希臘乳酪都有A貨?教你分清 「真」「假」希臘乳酪</a>
  660. </div>
  661. </div>
  662. <div class="clear"></div>
  663. </div>
  664.  
  665. <div class="clear"></div>
  666. </div>
  667. <div class="clear"></div>
  668. </div>
  669. </div>
  670. </div>
  671. <div class="lifestyleregion">
  672. <div class="headerbar">
  673. <div class="header lifestyle">
  674. LIFESTYLE TIPS
  675. </div>
  676. <ul class="typebar lifestyle">
  677. <li class='active' data-page="?page=index.news&cat=5">全部</li>
  678. <li data-page="?page=index.news&cat=40&mainCat=5">皮革</li>
  679. <li data-page="?page=index.news&cat=49&mainCat=5">咖啡</li>
  680. <li data-page="?page=index.news&cat=56&mainCat=5">好去處</li>
  681. <li data-href="https://www.classes.com.hk/lifestyle">更多+</li>
  682. </ul>
  683. </div>
  684. <div class="lifestylelist">
  685. <div class="abcl">
  686. <div class="leftpart">
  687. <a  href="https://www.classes.com.hk/news/lifestyle/%E8%81%B0%E6%98%8E%E6%B1%82%E5%A9%9A%E7%94%B7%E7%B6%B2%E4%B8%8A%E6%90%9C%E8%B3%BC%E5%84%AA%E8%B3%AA%E9%91%BD%E6%88%92"><img src="https://www.classes.com.hk/items/news/2/banner_bd37_baunat_diamond2.jpeg" class="link" width="240" alt="聰明求婚男網上搜購優質鑽戒" title="聰明求婚男網上搜購優質鑽戒"></img></a>
  688. <div class="infobox">
  689. <!-- <div class="date" style="border-left: 3px solid #6e5481;">
  690. Jun 26, 2020 </div> -->
  691. <div class="title">
  692. <a href="https://www.classes.com.hk/news/lifestyle/%E8%81%B0%E6%98%8E%E6%B1%82%E5%A9%9A%E7%94%B7%E7%B6%B2%E4%B8%8A%E6%90%9C%E8%B3%BC%E5%84%AA%E8%B3%AA%E9%91%BD%E6%88%92" class="link">聰明求婚男網上搜購優質鑽戒</a>
  693. </div>
  694. <div class="txt">
  695. <a href="https://www.classes.com.hk/news/lifestyle/%E8%81%B0%E6%98%8E%E6%B1%82%E5%A9%9A%E7%94%B7%E7%B6%B2%E4%B8%8A%E6%90%9C%E8%B3%BC%E5%84%AA%E8%B3%AA%E9%91%BD%E6%88%92" class="link">若然付款前想看看實物心裏才覺踏實,也不成問題。BAUNAT在中環中匯大廈20樓設有體驗店,那裏的專業珠寶顧問會回答你所有有關求婚鑽戒和手工生產過程的問題。</a>
  696. </div>
  697. <!-- <div class="like">
  698. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  699. </div> -->
  700. </div>
  701. <div class="clear"></div>
  702. </div>
  703.  
  704. <div class="rightpart">
  705. <div class="asmall">
  706. <a  href="https://www.classes.com.hk/news/lifestyle/D2-Place%E8%88%89%E8%A1%8C%E6%99%82%E5%B0%9A%E5%87%BA%E8%A1%8C%E5%B0%BE%E7%AB%99%E9%A6%99%E6%B8%AF%E5%B7%A1%E8%BF%B4%E5%B1%95%EF%BC%81"><img src="https://www.classes.com.hk/items/news/2/banner_4ce5_2019-08-06_161552.jpg" class="link" width="62" height="52" alt="D2 Place舉行「時尚出行」尾站香港巡迴展!" title="D2 Place舉行「時尚出行」尾站香港巡迴展!"></img></a>
  707. <div class="datetxtbox">
  708. <!-- <div class="datelike">
  709. <div class="date">Aug 6, 2019</div>
  710. <div class="clear"></div>
  711. </div> -->
  712. <div class="txt">
  713. <a href="https://www.classes.com.hk/news/lifestyle/D2-Place%E8%88%89%E8%A1%8C%E6%99%82%E5%B0%9A%E5%87%BA%E8%A1%8C%E5%B0%BE%E7%AB%99%E9%A6%99%E6%B8%AF%E5%B7%A1%E8%BF%B4%E5%B1%95%EF%BC%81" class="link">D2 Place舉行「時尚出行」尾站香港巡迴展!</a>
  714. </div>
  715. </div>
  716. <div class="clear"></div>
  717. </div>
  718.  
  719. <div class="asmall">
  720. <a  href="https://www.classes.com.hk/news/lifestyle/%E4%BB%8A%E6%9C%9F%E6%B5%81%E8%A1%8C%E7%8E%A9%E7%9B%A1%E6%9C%80%E6%96%B0%E6%9C%80%E6%BD%AE%E8%81%AF%E4%B9%98%E8%A2%8B%E6%AC%BE-Eastpark-Dickies"><img src="https://www.classes.com.hk/items/news/2/banner_a81c_今期流行玩盡最新最潮聯乘袋款300250.jpg" class="link" width="62" height="52" alt="【揀袋教學】今期流行 玩盡最新最潮聯乘袋款" title="【揀袋教學】今期流行 玩盡最新最潮聯乘袋款"></img></a>
  721. <div class="datetxtbox">
  722. <!-- <div class="datelike">
  723. <div class="date">Jul 31, 2019</div>
  724. <div class="clear"></div>
  725. </div> -->
  726. <div class="txt">
  727. <a href="https://www.classes.com.hk/news/lifestyle/%E4%BB%8A%E6%9C%9F%E6%B5%81%E8%A1%8C%E7%8E%A9%E7%9B%A1%E6%9C%80%E6%96%B0%E6%9C%80%E6%BD%AE%E8%81%AF%E4%B9%98%E8%A2%8B%E6%AC%BE-Eastpark-Dickies" class="link">【揀袋教學】今期流行 玩盡最新最潮聯乘袋款</a>
  728. </div>
  729. </div>
  730. <div class="clear"></div>
  731. </div>
  732.  
  733. <div class="asmall">
  734. <a  href="https://www.classes.com.hk/news/lifestyle/%E6%87%B6%E4%BA%BA%E6%95%91%E6%98%9F%EF%BC%817-11%E6%96%B0%E5%87%BA%E8%87%AA%E5%AE%B6%E5%93%81%E7%89%8C%E7%82%92%E9%A3%AF%EF%BC%81"><img src="https://www.classes.com.hk/items/news/2/banner_e707_7-Eleven_揚州炒飯.jpg" class="link" width="62" height="52" alt="懶人救星!7-11新出自家品牌炒飯!" title="懶人救星!7-11新出自家品牌炒飯!"></img></a>
  735. <div class="datetxtbox">
  736. <!-- <div class="datelike">
  737. <div class="date">Mar 21, 2018</div>
  738. <div class="clear"></div>
  739. </div> -->
  740. <div class="txt">
  741. <a href="https://www.classes.com.hk/news/lifestyle/%E6%87%B6%E4%BA%BA%E6%95%91%E6%98%9F%EF%BC%817-11%E6%96%B0%E5%87%BA%E8%87%AA%E5%AE%B6%E5%93%81%E7%89%8C%E7%82%92%E9%A3%AF%EF%BC%81" class="link">懶人救星!7-11新出自家品牌炒飯!</a>
  742. </div>
  743. </div>
  744. <div class="clear"></div>
  745. </div>
  746.  
  747. <div class="clear"></div>
  748. </div>
  749. <div class="clear"></div>
  750. </div>
  751. </div>
  752. </div>
  753. <div class="healthmusicmomkidseduation">
  754. <div class="healthregion">
  755. <div class="headerbar">
  756. <div class="header health">
  757. HEALTH
  758. </div>
  759. <ul class="typebar health">
  760. <li data-href="https://www.classes.com.hk/health">更多+</li>
  761. </ul>
  762. </div>
  763. <div class="ahmfe">
  764. <a href="https://www.classes.com.hk/news/health/%E6%BE%B3%E6%B4%B2%E5%87%BA%E7%94%A2%E8%83%BD%E9%87%8F%E6%A3%92-%E6%B8%9B%E8%82%A5%E9%A3%9F%E5%B0%B1%E6%9C%80%E5%95%B1%EF%BC%81"><img src="https://www.classes.com.hk/items/news/3/banner_82cb_feed.jpg" width="395" height="198" class="link"  alt="澳洲出產能量棒 減肥食就最啱!" title="澳洲出產能量棒 減肥食就最啱!"></img></a>
  765. <div class="datetxtbox">
  766. <div class="datelike">
  767. <!-- <div class="date health">Apr 6, 2018</div> -->
  768. <!-- <div class="like">
  769. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  770. </div> -->
  771. </div>
  772. <div class="txt link">
  773. <a href="https://www.classes.com.hk/news/health/%E6%BE%B3%E6%B4%B2%E5%87%BA%E7%94%A2%E8%83%BD%E9%87%8F%E6%A3%92-%E6%B8%9B%E8%82%A5%E9%A3%9F%E5%B0%B1%E6%9C%80%E5%95%B1%EF%BC%81" class="link">澳洲出產能量棒 減肥食就最啱!</a>
  774. </div>
  775. </div>
  776. <div class="datetxtbox">
  777. <div class="datelike">
  778. <!-- <div class="date">Feb 28, 2018</div> -->
  779. <!-- <div class="like">
  780. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  781. </div> -->
  782. </div>
  783. <div class="txt link">
  784. <a href="https://www.classes.com.hk/news/health/%E5%90%83%E8%B2%A8%E5%BF%85%E7%9D%87%EF%BC%813%E7%A8%AE%E5%AE%B5%E5%A4%9C%E9%A3%9F%E9%83%BD%E5%94%94%E6%9C%83%E8%82%A5%E5%98%85%E9%A3%9F%E7%89%A9%EF%BC%81" class="link">吃貨必睇!3種宵夜食都唔會肥嘅食物!</a>
  785. </div>
  786. </div>
  787. <div class="datetxtbox">
  788. <div class="datelike">
  789. <!-- <div class="date">Dec 4, 2017</div> -->
  790. <!-- <div class="like">
  791. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  792. </div> -->
  793. </div>
  794. <div class="txt link">
  795. <a href="https://www.classes.com.hk/news/health/%E5%9A%9FM%E5%86%87%E6%9C%89%E6%80%95%EF%BC%81%E6%95%99%E4%BD%A0%E5%B9%BE%E5%80%8B%E6%96%B9%E6%B3%95%E6%B2%BBM%E7%97%9B%EF%BC%81" class="link">嚟M冇有怕!教你幾個方法治M痛!</a>
  796. </div>
  797. </div>
  798. </div>
  799. </div>
  800. <div class="musicregion">
  801. <div class="headerbar">
  802. <div class="header music">
  803. MUSIC
  804. </div>
  805. <ul class="typebar music">
  806. <li data-href="https://www.classes.com.hk/music">更多+</li>
  807. </ul>
  808. </div>
  809. <div class="ahmfe">
  810. <a href="https://www.classes.com.hk/news/music/Fuze%20TeaX%E5%91%A8%E5%9C%8B%E8%B3%A2%E7%B3%96%E5%A6%B9%E8%B5%B0%E5%85%A5%E8%A1%97%E9%A0%ADJam%E5%87%BA%E6%96%B0%E6%BB%8B%E5%91%B3"><img src="https://www.classes.com.hk/items/news/3/banner_be9c_coverphoto.jpg" width="395" height="198" class="link"  alt="Fuze Tea X 周國賢&amp;糖妹走入街頭Jam出新滋味" title="Fuze Tea X 周國賢&amp;糖妹走入街頭Jam出新滋味"></img></a>
  811. <div class="datetxtbox">
  812. <div class="datelike">
  813. <!-- <div class="date music">Jun 28, 2016</div> -->
  814. <!-- <div class="like">
  815. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  816. </div> -->
  817. </div>
  818. <div class="txt link">
  819. <a href="https://www.classes.com.hk/news/music/Fuze%20TeaX%E5%91%A8%E5%9C%8B%E8%B3%A2%E7%B3%96%E5%A6%B9%E8%B5%B0%E5%85%A5%E8%A1%97%E9%A0%ADJam%E5%87%BA%E6%96%B0%E6%BB%8B%E5%91%B3" class="link">Fuze Tea X 周國賢&amp;糖妹走入街頭Jam出新滋味</a>
  820. </div>
  821. </div>
  822. <div class="datetxtbox">
  823. <div class="datelike">
  824. <!-- <div class="date">Nov 2, 2015</div> -->
  825. <!-- <div class="like">
  826. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  827. </div> -->
  828. </div>
  829. <div class="txt link">
  830. <a href="https://www.classes.com.hk/news/music/11%E6%9C%88%E9%9F%B3%E6%A8%82%E7%9B%9B%E4%BA%8B-CLOCKENFLAP-%E9%A6%99%E6%B8%AF%E9%9F%B3%E6%A8%82%E5%8F%8A%E8%97%9D%E8%A1%93%E7%AF%80-2015" class="link">11月音樂盛事:CLOCKENFLAP 香港音樂及藝術節 2015</a>
  831. </div>
  832. </div>
  833. <div class="datetxtbox">
  834. <div class="datelike">
  835. <!-- <div class="date">Sep 23, 2015</div> -->
  836. <!-- <div class="like">
  837. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  838. </div> -->
  839. </div>
  840. <div class="txt link">
  841. <a href="https://www.classes.com.hk/news/music/Happy-Friday%E5%A5%BD%E5%8E%BB%E8%99%95-Fashion-Walk-Found-The-Sound-%E9%9F%B3%E6%A8%82%E6%B4%BE%E5%B0%8D" class="link">Happy Friday 好去處:型人音樂 Found The Sound 音樂派對 </a>
  842. </div>
  843. </div>
  844. </div>
  845. </div>
  846.  
  847. <div class="momkidsregion">
  848. <div class="headerbar">
  849. <div class="header momkids">
  850. MOM & KIDS
  851. </div>
  852. <ul class="typebar momkids">
  853. <li data-href="https://www.classes.com.hk/mom&kids">更多+</li>
  854. </ul>
  855. </div>
  856. <div class="ahmfe">
  857. <a href="https://www.classes.com.hk/news/mom&kids/%E5%B0%87%E8%BB%8D%E6%BE%B3%E5%BB%A3%E5%A0%B4%E5%BE%A9%E6%B4%BB%E7%AF%80%E6%B4%BB%E5%8B%95-%E6%98%A5%E8%8A%B1%E7%9B%9B%E6%94%BE%E7%9A%84%E5%BE%8C%E8%8A%B1%E5%9C%92%EF%BC%81%E5%BE%A9%E6%B4%BB%E7%AF%80Spring-In-Bloom%E6%98%A5%E8%8A%B1%E4%B9%8B%E8%8F%AF"><img src="https://www.classes.com.hk/items/news/3/banner_7f58_復活節Spring-In-Bloom春花之華.jpg" width="395" height="198" class="link"  alt="春花盛放的後花園!復活節「Spring In Bloom 春花之華」" title="春花盛放的後花園!復活節「Spring In Bloom 春花之華」"></img></a>
  858. <div class="datetxtbox">
  859. <div class="datelike">
  860. <!-- <div class="date family">Apr 18, 2019</div> -->
  861. <!-- <div class="like">
  862. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  863. </div> -->
  864. </div>
  865. <div class="txt link">
  866. <a href="https://www.classes.com.hk/news/mom&kids/%E5%B0%87%E8%BB%8D%E6%BE%B3%E5%BB%A3%E5%A0%B4%E5%BE%A9%E6%B4%BB%E7%AF%80%E6%B4%BB%E5%8B%95-%E6%98%A5%E8%8A%B1%E7%9B%9B%E6%94%BE%E7%9A%84%E5%BE%8C%E8%8A%B1%E5%9C%92%EF%BC%81%E5%BE%A9%E6%B4%BB%E7%AF%80Spring-In-Bloom%E6%98%A5%E8%8A%B1%E4%B9%8B%E8%8F%AF" class="link">春花盛放的後花園!復活節「Spring In Bloom 春花之華」</a>
  867. </div>
  868. </div>
  869. <div class="datetxtbox">
  870. <div class="datelike">
  871. <!-- <div class="date">Aug 11, 2017</div> -->
  872. <!-- <div class="like">
  873. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  874. </div> -->
  875. </div>
  876. <div class="txt link">
  877. <a href="https://www.classes.com.hk/news/mom&kids/%E5%B0%8F%E6%9C%8B%E5%8F%8B%E9%83%BD%E7%8E%A9%E8%BF%94%E5%B7%A5%EF%BC%9F%E8%91%97%E5%88%B6%E6%9C%8D%E9%AB%94%E9%A9%97%E3%80%8C%E6%9C%AA%E4%BE%86%E4%BA%8B%E6%A5%AD%E6%89%80%E3%80%8D" class="link">小朋友都玩返工?著制服體驗「未來事業所」</a>
  878. </div>
  879. </div>
  880. <div class="datetxtbox">
  881. <div class="datelike">
  882. <!-- <div class="date">Nov 15, 2016</div> -->
  883. <!-- <div class="like">
  884. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  885. </div> -->
  886. </div>
  887. <div class="txt link">
  888. <a href="https://www.classes.com.hk/news/mom&kids/%E3%80%8C%E5%89%B5%E6%96%B0%E7%A7%91%E6%8A%80%E6%9C%882016%E3%80%8D%E5%B7%A1%E8%BF%B4%E8%B7%AF%E6%BC%94%E5%8F%8A%E5%B7%A5%E4%BD%9C%E5%9D%8A" class="link">【週末好去處】「創新科技月2016」巡迴路演及工作坊</a>
  889. </div>
  890. </div>
  891. </div>
  892. </div>
  893.  
  894. <div class="educationregion">
  895. <div class="headerbar">
  896. <div class="header education">
  897. EDUCATION
  898. </div>
  899. <ul class="typebar education">
  900. <li data-href="https://www.classes.com.hk/education">更多+</li>
  901. </ul>
  902. </div>
  903. <div class="ahmfe">
  904. <a href="https://www.classes.com.hk/news/education/%E3%80%90%E6%90%B5%E5%B7%A5%E6%95%99%E5%AD%B8%E3%80%91%E4%BD%9C%E7%82%BA%E4%B8%80%E5%80%8B%E9%AB%98%E7%B4%9A%E8%81%B7%E5%93%A1%EF%BC%8C%E5%90%91OT-SAY-NO%E4%BF%82%E5%A5%BD%E5%90%88%E7%90%86%E5%98%85%EF%BC%9F"><img src="https://www.classes.com.hk/items/news/3/banner_399d_2.jpg" width="395" height="198" class="link"  alt="【搵工教學】作為一個高級職員,向「OT SAY NO」係好合理嘅?" title="【搵工教學】作為一個高級職員,向「OT SAY NO」係好合理嘅?"></img></a>
  905. <div class="datetxtbox">
  906. <div class="datelike">
  907. <!-- <div class="date edu">May 18, 2019</div> -->
  908. <!-- <div class="like">
  909. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  910. </div> -->
  911. </div>
  912. <div class="txt link">
  913. <a href="https://www.classes.com.hk/news/education/%E3%80%90%E6%90%B5%E5%B7%A5%E6%95%99%E5%AD%B8%E3%80%91%E4%BD%9C%E7%82%BA%E4%B8%80%E5%80%8B%E9%AB%98%E7%B4%9A%E8%81%B7%E5%93%A1%EF%BC%8C%E5%90%91OT-SAY-NO%E4%BF%82%E5%A5%BD%E5%90%88%E7%90%86%E5%98%85%EF%BC%9F" class="link">【搵工教學】作為一個高級職員,向「OT SAY NO」係好合理嘅?</a>
  914. </div>
  915. </div>
  916. <div class="datetxtbox">
  917. <div class="datelike">
  918. <!-- <div class="date">May 4, 2019</div> -->
  919. <!-- <div class="like">
  920. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  921. </div> -->
  922. </div>
  923. <div class="txt link">
  924. <a href="https://www.classes.com.hk/news/education/%E3%80%90%E6%90%B5%E5%B7%A5%E6%95%99%E5%AD%B8%E3%80%91%E5%B0%8F%E7%B7%A8%E5%AF%A6%E8%B3%AA%E5%81%9A%E5%95%B2%E5%92%A9%EF%BC%9F%E7%9C%9F%E5%B0%8F%E7%B7%A8%E7%9A%847%E5%A4%A7%E8%A1%8C%E5%85%A7%E4%BB%BB%E5%8B%99%EF%BC%81" class="link">【搵工教學】「小編」實質做啲咩?真。小編的7大行內任務!</a>
  925. </div>
  926. </div>
  927. <div class="datetxtbox">
  928. <div class="datelike">
  929. <!-- <div class="date">Apr 10, 2019</div> -->
  930. <!-- <div class="like">
  931. <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
  932. </div> -->
  933. </div>
  934. <div class="txt link">
  935. <a href="https://www.classes.com.hk/news/education/%E3%80%90%E6%90%B5%E5%B7%A5%E6%95%99%E5%AD%B8%E3%80%91%E4%BB%A5%E7%82%BASend-E-mail%E5%A5%BD%E6%98%93%EF%BC%9F%E5%8D%81%E5%80%8B%E5%B8%B8%E7%8A%AF%E9%8C%AF%E8%AA%A4%E4%BD%A0%E4%B8%AD%E5%B9%BE%E5%A4%9A%E5%80%8B%EF%BC%9F" class="link">【搵工教學】以為Send E-mail 好易?十個常犯錯誤你中幾多個?</a>
  936. </div>
  937. </div>
  938. </div>
  939. </div>
  940.  
  941. </div>
  942. </div>
  943. <div class="middleright">
  944.  
  945. <div class="link"><iframe id='top300250' name="top300250" src="https://www.classes.com.hk/ad/ad.php?size=300x250&position=top&page=&c=" framespacing="0" frameborder="no" scrolling="no" width="302" height="252" allowtransparency="true"></iframe></div>
  946. <div class="arightregion">
  947. <div class="headerbar">
  948. <div class="header workshop">
  949. BRAND DIRECTORY
  950. </div>
  951. <ul class="typebar workshop">
  952. <li data-href="https://www.classes.com.hk/workshop">更多+</li>
  953. </ul>
  954. </div>
  955. <a href="https://www.classes.com.hk/workshop/studio-pretzels" class="link">
  956. <div class="aworkshoppreview">
  957. <img src="https://www.classes.com.hk/items/brand/8bcb53fb462fbe8a60fef5a6798d84c677.jpg" width="70" alt="Studio Pretzels" title="Studio Pretzels"></img>
  958. <div class="txt">
  959. <div class="diy">
  960. 西餐 / 蛋糕 / 甜品
  961. </div>
  962. <div class="name">Studio Pretzels</div>
  963. <div class="location">
  964. 觀塘 </div>
  965. </div>
  966. <div class="clear"></div>
  967. </div>
  968. </a>
  969. <a href="https://www.classes.com.hk/workshop/shoe-artistry" class="link">
  970. <div class="aworkshoppreview">
  971. <img src="https://www.classes.com.hk/items/brand/f8f2e112dd6dcb0a241a40eb08d4f3c469.jpg" width="70" alt="鞋藝工舘" title="鞋藝工舘"></img>
  972. <div class="txt">
  973. <div class="diy">
  974. 皮革 / 文化藝術 / DIY
  975. </div>
  976. <div class="name">鞋藝工舘</div>
  977. <div class="location">
  978. 旺角 </div>
  979. </div>
  980. <div class="clear"></div>
  981. </div>
  982. </a>
  983. <a href="https://www.classes.com.hk/workshop/bonart" class="link">
  984. <div class="aworkshoppreview">
  985. <img src="https://www.classes.com.hk/items/brand/7636c30a9e28f2bf75bdeec93a246b1a37.jpg" width="70" alt="Bonart" title="Bonart"></img>
  986. <div class="txt">
  987. <div class="diy">
  988. DIY / 手工藝 / 皮革 / 盆景
  989. </div>
  990. <div class="name">Bonart</div>
  991. <div class="location">
  992. 觀塘 </div>
  993. </div>
  994. <div class="clear"></div>
  995. </div>
  996. </a>
  997. <a href="https://www.classes.com.hk/workshop/hulu-culture" class="link">
  998. <div class="aworkshoppreview">
  999. <img src="https://www.classes.com.hk/items/brand/bab95f38042f1ad1712e17791507aae855.jpg" width="70" alt="Hulu Culture" title="Hulu Culture"></img>
  1000. <div class="txt">
  1001. <div class="diy">
  1002. DIY / 文化藝術
  1003. </div>
  1004. <div class="name">Hulu Culture</div>
  1005. <div class="location">
  1006. 中環 / 觀塘 / 牛頭角 </div>
  1007. </div>
  1008. <div class="clear"></div>
  1009. </div>
  1010. </a>
  1011. <a href="https://www.classes.com.hk/workshop/dreamy-garden" class="link">
  1012. <div class="aworkshoppreview">
  1013. <img src="https://www.classes.com.hk/items/brand/5a8c41bae257c6c4c9607e8b8a27fc9c16.jpg" width="70" alt="Dreamy Garden" title="Dreamy Garden"></img>
  1014. <div class="txt">
  1015. <div class="diy">
  1016. DIY / 護膚
  1017. </div>
  1018. <div class="name">Dreamy Garden</div>
  1019. <div class="location">
  1020. 太子 </div>
  1021. </div>
  1022. <div class="clear"></div>
  1023. </div>
  1024. </a>
  1025. </div>
  1026.  
  1027. <div class="arightregion">
  1028. <div class="headerbar">
  1029. <div class="header cooking">
  1030. RECIPE
  1031. </div>
  1032. <ul class="typebar cooking">
  1033. <li data-href="https://www.classes.com.hk/tags/%E9%A3%9F%E8%AD%9C">更多+</li>
  1034. </ul>
  1035. </div>
  1036. <div class="highlightfixcontainer">
  1037. <div class="highlightlist">
  1038. <a href="https://www.classes.com.hk/news/cooking/%E8%87%AA%E8%A3%BD%E5%A4%A2%E5%B9%BB%E6%97%A9%E9%A4%90%E7%84%A1%E9%9B%A3%E5%BA%A6-%E6%95%99%E4%BD%A0%E6%95%B4%E8%BB%9F%E7%B6%BF%E7%B6%BF%E9%9B%B2%E9%9C%A7%E9%9B%9E%E8%9B%8B" class="link">
  1039. <div class="ahighlight">
  1040. <img src="https://www.classes.com.hk/items/news/2/banner_f8b9_自製夢幻早餐無難度-教你整軟綿綿雲霧雞蛋6.jpg" width="300" height="250" alt="自製夢幻早餐無難度 教你整軟綿綿雲霧雞蛋" title="自製夢幻早餐無難度 教你整軟綿綿雲霧雞蛋"></img>
  1041. <div class="clear"></div>
  1042. <div class="txt">
  1043. <table width="94%" height="50" align="center" border="0"><tr><td valign="middle">自製夢幻早餐無難度 教你整軟綿綿雲霧雞蛋</td></tr></table>
  1044. </div>
  1045. </div>
  1046. </a>
  1047. <a href="https://www.classes.com.hk/news/cooking/CLASSESKitchen%E8%B6%B3%E6%96%99%E6%B8%AF%E5%BC%8F%E8%98%BF%E8%94%94%E7%B3%95" class="link">
  1048. <div class="ahighlight">
  1049. <img src="https://www.classes.com.hk/items/news/2/banner_421a_ClassesKitchen蘿蔔糕3.jpg" width="300" height="250" alt="CLASSES Kitchen:足料港式蘿蔔糕" title="CLASSES Kitchen:足料港式蘿蔔糕"></img>
  1050. <div class="clear"></div>
  1051. <div class="txt">
  1052. <table width="94%" height="50" align="center" border="0"><tr><td valign="middle">CLASSES Kitchen:足料港式蘿蔔糕</td></tr></table>
  1053. </div>
  1054. </div>
  1055. </a>
  1056. <a href="https://www.classes.com.hk/news/cooking/10%E5%A4%A7%E6%87%B6%E4%BA%BA%E5%8F%AE%E5%8F%AE%E9%A3%9F%E8%AD%9C-%E7%AF%80%E7%9C%81%E6%99%82%E9%96%93%E5%96%84%E7%94%A8%E5%BE%AE%E6%B3%A2%E7%88%90%21" class="link">
  1057. <div class="ahighlight">
  1058. <img src="https://www.classes.com.hk/items/news/2/banner_5958_【10大懶人叮叮食譜】2.jpg" width="300" height="250" alt="【10大懶人叮叮食譜】節省時間善用微波爐!" title="【10大懶人叮叮食譜】節省時間善用微波爐!"></img>
  1059. <div class="clear"></div>
  1060. <div class="txt">
  1061. <table width="94%" height="50" align="center" border="0"><tr><td valign="middle">【10大懶人叮叮食譜】節省時間善用微波爐!</td></tr></table>
  1062. </div>
  1063. </div>
  1064. </a>
  1065. <a href="https://www.classes.com.hk/news/cooking/CLASSES%E5%BB%9A%E8%A8%AA-%E6%9A%96%E7%94%B7%E6%95%99%E7%85%AEAndy%E6%84%9B%E4%B8%8B%E5%BB%9A" class="link">
  1066. <div class="ahighlight">
  1067. <img src="https://www.classes.com.hk/items/news/2/banner_880b_暖男教煮Andy-愛下廚2.jpg" width="300" height="250" alt="【CLASSES廚訪】暖男教『煮』Andy 愛下廚" title="【CLASSES廚訪】暖男教『煮』Andy 愛下廚"></img>
  1068. <div class="clear"></div>
  1069. <div class="txt">
  1070. <table width="94%" height="50" align="center" border="0"><tr><td valign="middle">【CLASSES廚訪】暖男教『煮』Andy 愛下廚</td></tr></table>
  1071. </div>
  1072. </div>
  1073. </a>
  1074. <a href="https://www.classes.com.hk/news/cooking/%E6%87%B6%E4%BA%BA%E7%BE%8E%E9%A3%9FDIY-%E9%9B%BB%E9%A3%AF%E7%85%B2%E7%B2%9F%E7%B1%B3%E9%A3%AF" class="link">
  1075. <div class="ahighlight">
  1076. <img src="https://www.classes.com.hk/items/news/2/banner_b0f1_懶人粟米飯7.jpg" width="300" height="250" alt="CLASSES Kitchen:【懶人美食DIY】電飯煲粟米飯" title="CLASSES Kitchen:【懶人美食DIY】電飯煲粟米飯"></img>
  1077. <div class="clear"></div>
  1078. <div class="txt">
  1079. <table width="94%" height="50" align="center" border="0"><tr><td valign="middle">CLASSES Kitchen:【懶人美食DIY】電飯煲粟米飯</td></tr></table>
  1080. </div>
  1081. </div>
  1082. </a>
  1083. <div class="clear"></div>
  1084. </div>
  1085. </div>
  1086. <div id="highlightpaging"></div>
  1087. </div>
  1088.  
  1089. <div class="arightregion">
  1090. <div class="headerbar">
  1091. <div class="header columns">
  1092. COLUMNS
  1093. </div>
  1094. <ul class="typebar columns">
  1095. <li data-href="http://columns.classes.com.hk">更多+</li>
  1096. </ul>
  1097. </div>
  1098.  
  1099. <div class="acolumns">
  1100. <div class="txt">人生長路漫漫,總有過得不易的時候,需要經歷不少酸甜苦辣、悲歡離合</div>
  1101. <div class="txt2"><a href="http://columns.classes.com.hk/leechuen" target="_blank" class="link">李專</a></div>
  1102. <div class="box">
  1103. <img class="uparrow" src="https://www.classes.com.hk/images/index/2015/uparrow.png"></img>
  1104. <a href="http://columns.classes.com.hk/leechuen/%E6%9D%8E%E5%B0%88-%E4%BA%BA%E7%94%9F%E9%95%B7%E8%B7%AF%E6%BC%AB%E6%BC%AB%EF%BC%8C%E7%B8%BD%E6%9C%89%E9%81%8E%E5%BE%97%E4%B8%8D%E6%98%93%E7%9A%84%E6%99%82%E5%80%99%EF%BC%8C%E9%9C%80%E8%A6%81%E7%B6%93%E6%AD%B7%E4%B8%8D%E5%B0%91%E9%85%B8%E7%94%9C%E8%8B%A6%E8%BE%A3%E3%80%81%E6%82%B2%E6%AD%A1%E9%9B%A2%E5%90%88/" onclick="gaEventTrack('classes_news_sidebar_profile_leechuen')" target="_blank" class="link"><img src="http://columns.classes.com.hk/../_upload_/article_image/6867847c_classes1120.jpg" width="286" alt="人生長路漫漫,總有過得不易的時候,需要經歷不少酸甜苦辣、悲歡離合" title="人生長路漫漫,總有過得不易的時候,需要經歷不少酸甜苦辣、悲歡離合"></img></a>
  1105. <div class="desc"><a href="http://columns.classes.com.hk/leechuen/%E6%9D%8E%E5%B0%88-%E4%BA%BA%E7%94%9F%E9%95%B7%E8%B7%AF%E6%BC%AB%E6%BC%AB%EF%BC%8C%E7%B8%BD%E6%9C%89%E9%81%8E%E5%BE%97%E4%B8%8D%E6%98%93%E7%9A%84%E6%99%82%E5%80%99%EF%BC%8C%E9%9C%80%E8%A6%81%E7%B6%93%E6%AD%B7%E4%B8%8D%E5%B0%91%E9%85%B8%E7%94%9C%E8%8B%A6%E8%BE%A3%E3%80%81%E6%82%B2%E6%AD%A1%E9%9B%A2%E5%90%88/" onclick="gaEventTrack('classes_news_sidebar_profile_leechuen')" target="_blank" class="link">到頭來不幸的人,往往先被自己擊倒,然後才被生活擊倒;到最後幸福的人,往往先戰勝自己,然後才戰勝生活。</a></div>
  1106. </div>
  1107. </div>
  1108. <div class="acolumns">
  1109. <div class="txt">影評:美國隊長3 英雄內戰</div>
  1110. <div class="txt2"><a href="http://columns.classes.com.hk/Lam" target="_blank" class="link">Lam</a></div>
  1111. <div class="box">
  1112. <img class="uparrow" src="https://www.classes.com.hk/images/index/2015/uparrow.png"></img>
  1113. <a href="http://columns.classes.com.hk/Lam/%E5%BD%B1%E8%A9%95%EF%BC%9A%E7%BE%8E%E5%9C%8B%E9%9A%8A%E9%95%B73-Captain-America-Civil-War/" onclick="gaEventTrack('classes_news_sidebar_profile_Lam')" target="_blank" class="link"><img src="http://columns.classes.com.hk/../_upload_/article_image/7467bab2_影評-美國隊長3-Captain-America-Civil-War.jpg" width="286" alt="影評:美國隊長3 英雄內戰" title="影評:美國隊長3 英雄內戰"></img></a>
  1114. <div class="desc"><a href="http://columns.classes.com.hk/Lam/%E5%BD%B1%E8%A9%95%EF%BC%9A%E7%BE%8E%E5%9C%8B%E9%9A%8A%E9%95%B73-Captain-America-Civil-War/" onclick="gaEventTrack('classes_news_sidebar_profile_Lam')" target="_blank" class="link">現在很多流行的漫畫英雄電影,從他們誕生的年代,間接說明了一件事,這些漫畫人物的出現,皆有其一定的歷史原因,因為在那個時候,很多西方國家,尤其是英美兩國,都有著共同敵人...</a></div>
  1115. </div>
  1116. </div>
  1117. </div>
  1118. </div>
  1119. <div class="clear"></div>
  1120. </div>
  1121. </div>
  1122.  
  1123.  
  1124. <br />
  1125.  
  1126. <div class="cssBannerArea">
  1127. <div style="position:relative;padding:3px 0 10px 0">
  1128. <!-- <iframe id="bottom1x1" name="bottom1x1" src="https://www.classes.com.hk/ad/ad.php?size=1x1&position=top&page=&c=" framespacing="0" frameborder="no" scrolling="no" width="1" height="1" allowtransparency="true"></iframe> -->
  1129. <iframe id="bottom72890" name="bottom72890" src="https://www.classes.com.hk/ad/ad.php?size=728x90_bottom&position=top&page=&c=" framespacing="0" frameborder="no" scrolling="no" width="728" height="90" allowtransparency="true"></iframe>
  1130. </div>
  1131. </div>
  1132. </div>
  1133. <script type="text/javascript">
  1134. function checkFields( ){
  1135. if((document.form1.email_txt.value.length==0) || (document.form1.email_txt.value.indexOf("@")==-1) || (document.form1.email_txt.value.indexOf(".")==-1) || (document.form1.email_txt.value=="yourname@email.com")){
  1136. alert("請輸入正確的電郵地址");
  1137. document.form1.email_txt.focus();
  1138. return false ;
  1139. }else{
  1140. return true;
  1141. }
  1142. }
  1143.  
  1144. function checkFields2( ){
  1145. if (document.form1.email_txt.value=="yourname@email.com")
  1146. {
  1147. document.form1.email_txt.value="";
  1148. }else if (document.form1.email_txt.value=="")
  1149. {
  1150. document.form1.email_txt.value="yourname@email.com";
  1151. }
  1152. }
  1153. </script>
  1154. <div class="cssFooterPanel ">
  1155. <div class="cssMainPanel">
  1156. <div class="cssRow1">
  1157. <div class="cssBlock">
  1158.                <table width="376" height="186" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr><td>
  1159. <div class="fb-like-box" data-href="https://www.facebook.com/ClassesHongKong" data-width="376" data-height="186" connections="6" data-show-faces="true" data-stream="false" data-header="false"></div>
  1160. </td></tr>
  1161. </table>
  1162. </div>
  1163. <div class="cssBlock cssEnews"><a name="enews"></a>
  1164. <form name="form1" action="https://www.classes.com.hk/index.php?page=subscribe" method="post" onSubmit="return checkFields()">
  1165. <table>
  1166. <tr>
  1167. <td><input type="text" name="email_txt" id="email" value="yourname@email.com" style="width:280px;color:#666;border:0px;font-family:arial;" onblur="checkFields2();" onclick="checkFields2();" /></td>
  1168. <td><a href="javascript:;">
  1169. <input type="image" src="https://www.classes.com.hk/images/spacer.gif" name="submit" style="width:50px;height:20px">
  1170. </a></td>
  1171. </tr>
  1172. </table>
  1173. </form>
  1174. </div>
  1175. <div class="cssBlock"><a href="https://www.classes.com.hk/contactus"><img src="https://www.classes.com.hk/images/main/bottom_50b.png" border="0" title="聯絡我們" alt="聯絡我們" /></a></div>
  1176. <div class="cssClear"></div>
  1177. </div>
  1178. <div class="cssRow2">
  1179. <div class="cssBlock">
  1180. <ul>
  1181. <li class="cssMain"><span><a href="https://www.classes.com.hk/" target="_self">首頁</a></span></li>
  1182. <li class="cssMain"><span><a href="https://www.classes.com.hk/hotnews" target="_self">新聞</a></span></li>
  1183. <li class="cssMain"><span><a href="http://columns.classes.com.hk" target="_self">專欄</a></span></li>
  1184. <li class="cssMain"><span><a href="https://www.classes.com.hk/promotions" target="_self">優惠</a></span></li>
  1185. <li class="cssMain"><span><a href="https://www.classes.com.hk/events" target="_self">工作坊</a></span></li>
  1186. <li class="cssMain"><span><a href="https://www.classes.com.hk/submitclass" target="_self">提供課堂資料</a></span></li>
  1187. </ul>
  1188. </div>
  1189. <div class="cssBlock cssBlock1">
  1190. <ul>
  1191. <li class="cssMain"><span><a href="https://www.classes.com.hk/beauty" target="_self">美容</a></span></li>
  1192. <li class="cssSub"><span><a href="https://www.classes.com.hk/beauty/9" target="_self">- 護膚</a></span></li>
  1193. <li class="cssSub"><span><a href="https://www.classes.com.hk/beauty/8" target="_self">- 化妝</a></span></li>
  1194. <li class="cssSub"><span><a href="https://www.classes.com.hk/beauty/43" target="_self">- 頭髮</a></span></li>
  1195. <li class="cssSub"><span><a href="https://www.classes.com.hk/beauty/44" target="_self">- 美甲</a></span></li>
  1196. <li class="cssSub"><span><a href="https://www.classes.com.hk/beauty/33" target="_self">- 其他</a></span></li>
  1197. </ul>
  1198. </div>
  1199. <div class="cssBlock cssBlock1">
  1200. <ul>
  1201. <li class="cssMain"><span><a href="https://www.classes.com.hk/music" target="_self">音樂</a></span></li>
  1202. <li class="cssSub"><span><a href="https://www.classes.com.hk/music/45" target="_self">- 聲樂</a></span></li>
  1203. <li class="cssSub"><span><a href="https://www.classes.com.hk/music/11" target="_self">- 鋼琴</a></span></li>
  1204. <li class="cssSub"><span><a href="https://www.classes.com.hk/music/10" target="_self">- 結他</a></span></li>
  1205. <li class="cssSub"><span><a href="https://www.classes.com.hk/music/58" target="_self">- 敲擊</a></span></li>
  1206. <li class="cssSub"><span><a href="https://www.classes.com.hk/music/34" target="_self">- 其他</a></span></li>
  1207. </ul>
  1208. </div>
  1209. <div class="cssBlock cssBlock1">
  1210. <ul>
  1211. <li class="cssMain"><span><a href="https://www.classes.com.hk/cooking" target="_self">烹飪</a></span></li>
  1212. <li class="cssSub"><span><a href="https://www.classes.com.hk/cooking/12" target="_self">- 中菜</a></span></li>
  1213. <li class="cssSub"><span><a href="https://www.classes.com.hk/cooking/13" target="_self">- 西餐</a></span></li>
  1214. <li class="cssSub"><span><a href="https://www.classes.com.hk/cooking/14" target="_self">- 甜品</a></span></li>
  1215. <li class="cssSub"><span><a href="https://www.classes.com.hk/cooking/35" target="_self">- 其他</a></span></li>
  1216. </ul>
  1217. </div>
  1218. <div class="cssBlock cssBlock1">
  1219. <ul>
  1220. <li class="cssMain"><span><a href="https://www.classes.com.hk/health" target="_self">健康</a></span></li>
  1221. <li class="cssSub"><span><a href="https://www.classes.com.hk/health/46" target="_self">- 運動</a></span></li>
  1222. <li class="cssSub"><span><a href="https://www.classes.com.hk/health/15" target="_self">- 瑜伽</a></span></li>
  1223. <li class="cssSub"><span><a href="https://www.classes.com.hk/health/57" target="_self">- 水上活動</a></span></li>
  1224. <li class="cssSub"><span><a href="https://www.classes.com.hk/health/59" target="_self">- 高爾夫球</a></span></li>
  1225. <li class="cssSub"><span><a href="https://www.classes.com.hk/health/47" target="_self">- 舞蹈</a></span></li>
  1226. <li class="cssSub"><span><a href="https://www.classes.com.hk/health/48" target="_self">- 武術</a></span></li>
  1227. <li class="cssSub"><span><a href="https://www.classes.com.hk/health/36" target="_self">- 其他</a></span></li>
  1228. </ul>
  1229. </div>
  1230. <div class="cssBlock cssBlock1">
  1231. <ul>
  1232. <li class="cssMain"><span><a href="https://www.classes.com.hk/lifestyle" target="_self">品味</a></span></li>
  1233. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/56" target="_self">- 好去處</a></span></li>
  1234. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/49" target="_self">- 咖啡</a></span></li>
  1235. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/18" target="_self">- 品酒</a></span></li>
  1236. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/29" target="_self">- 攝影</a></span></li>
  1237. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/19" target="_self">- 繪畫</a></span></li>
  1238. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/50" target="_self">- 首飾</a></span></li>
  1239. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/40" target="_self">- 皮革</a></span></li>
  1240. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/51" target="_self">- 陶瓷</a></span></li>
  1241. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/65" target="_self">- 魔術</a></span></li>
  1242. <li class="cssSub"><span><a href="https://www.classes.com.hk/lifestyle/37" target="_self">- 其他</a></span></li>
  1243. </ul>
  1244. </div>
  1245. <div class="cssBlock cssBlock1">
  1246. <ul>
  1247. <li class="cssMain"><span><a href="https://www.classes.com.hk/mom&kids" target="_self">親子</a></span></li>
  1248. <li class="cssSub"><span><a href="https://www.classes.com.hk/mom&kids/20" target="_self">- 遊戲班</a></span></li>
  1249. <li class="cssSub"><span><a href="https://www.classes.com.hk/mom&kids/52" target="_self">- 語言班</a></span></li>
  1250. <li class="cssSub"><span><a href="https://www.classes.com.hk/mom&kids/53" target="_self">- 音樂班</a></span></li>
  1251. <li class="cssSub"><span><a href="https://www.classes.com.hk/mom&kids/38" target="_self">- 其他</a></span></li>
  1252. </ul>
  1253. </div>
  1254. <div class="cssBlock cssBlock1">
  1255. <ul>
  1256. <li class="cssMain"><span><a href="https://www.classes.com.hk/education" target="_self">進修</a></span></li>
  1257. <li class="cssSub"><span><a href="https://www.classes.com.hk/education/22" target="_self">- 語言</a></span></li>
  1258. <li class="cssSub"><span><a href="https://www.classes.com.hk/education/60" target="_self">- 演藝</a></span></li>
  1259. <li class="cssSub"><span><a href="https://www.classes.com.hk/education/61" target="_self">- 駕駛</a></span></li>
  1260. <li class="cssSub"><span><a href="https://www.classes.com.hk/education/24" target="_self">- 電腦</a></span></li>
  1261. <li class="cssSub"><span><a href="https://www.classes.com.hk/education/39" target="_self">- 其他</a></span></li>
  1262. </ul>
  1263. </div>
  1264. <div class="cssBlock cssBlock1">
  1265. <ul>
  1266. <li class="cssMain"><span><a href="https://www.classes.com.hk/features" target="_self">特輯</a></span></li>
  1267. <li class="cssSub"><span><a href="https://www.classes.com.hk/features/62" target="_self">- 衝上雲霄</a></span></li>
  1268. <li class="cssSub"><span><a href="https://www.classes.com.hk/features/63" target="_self">- 萬聖節</a></span></li>
  1269. <li class="cssSub"><span><a href="https://www.classes.com.hk/features/64" target="_self">- 聖誕節</a></span></li>
  1270. </ul>
  1271. </div>
  1272.  
  1273.  
  1274. <div class="cssBlock">
  1275. <ul>
  1276. <li class="cssMain"><span><a href="https://www.classes.com.hk/register" target="_self">CLASSMATE 登錄</a></span></li>
  1277. <li class="cssMain"><span><a href="https://www.classes.com.hk/aboutus" target="_self">關於我們</a></span></li>
  1278. <li class="cssMain"><span><a href="https://www.classes.com.hk/contactus" target="_self">聯絡我們</a></span></li>
  1279. <li class="cssMain"><span><a href="https://www.classes.com.hk/privacy" target="_self">私隱政策</a></span></li>
  1280. <li class="cssMain"><span><a href="https://www.classes.com.hk/terms" target="_self">使用條款</a></span></li>
  1281. <li class="cssMain"><span><a href="https://www.classes.com.hk/sitemap" target="_self">網站地圖</a></span></li>
  1282. </ul>
  1283. </div>
  1284. <div class="cssClear"></div>
  1285. </div>
  1286. <div class="cssCopyRight">Copyright &copy; 2024 CLASSES Hong Kong Limited. 版權所有 不得轉載<br /></div>
  1287. </div>
  1288. </div>
  1289.  
  1290.  
  1291. </div>
  1292.  
  1293. <div id="fb-root"></div>
  1294.  
  1295. <!-- Javascript tag: -->
  1296. <!-- begin ZEDO for channel:  Classes.com.hk_ROS , publisher: Classes , Ad Dimension: Crazy Ad Landing - 300 x 80 -->
  1297.  
  1298. <!-- <script language="JavaScript">
  1299. var zflag_nid="1044"; var zflag_cid="3109/2010"; var zflag_sid="441"; var zflag_width="300"; var zflag_height="80"; var zflag_sz="16";
  1300. </script>
  1301. <script language="JavaScript" src="https://d8.zedo.com/jsc/d8/fo.js"></script> -->
  1302.  
  1303.  
  1304. <!-- end ZEDO for channel:  Classes.com.hk_ROS , publisher: Classes , Ad Dimension: Crazy Ad Landing - 300 x 80 -->
  1305.  
  1306.  
  1307. <div style="background-color:#4EC898">
  1308. <!-- ///////////////////////////1x1 banner///////////////////////// -->
  1309. </div>
  1310.  
  1311. <!-- START - Classes internal skin -->
  1312. <!-- <div id="lwrap" style="z-index: 100001; height: 100%; overflow: hidden; position: fixed; top: 0px; left: 0px; right: 50%; margin-right: 500px;">
  1313. <div id="skyLeft" style="width: 215px; height: 100%; min-height: 810px; position: absolute; visibility: visible; background-color: #fde6dd; -moz-box-sizing: content-box; padding-left: 1000em; right: 0%;">
  1314. <a href="https://www.classes.com.hk/index.php?page=events" target="_self" class="noeffect"><img id="sk_left_skin_img" width="215" src="https://www.classes.com.hk/images/skin1a_20140513.jpg" style="visibility: visible;" /></a>
  1315. </div>
  1316. </div>
  1317. <div></div>
  1318. <div id="rwrap" style="z-index: 100001; height: 100%; overflow: hidden; position: fixed; top: 0px; right: 0px; left: 50%; margin-left: 500px;">
  1319. <div id="skyRight" style="width: 215px; height: 100%; min-height: 810px; position: absolute; visibility: visible; background-color: #fde6dd; -moz-box-sizing: content-box; padding-right: 1000em; left: 0%;">
  1320. <a href="https://www.classes.com.hk/index.php?page=events" target="_self" class="noeffect"><img id="sk_right_skin_img" width="215" src="https://www.classes.com.hk/images/skin1b_20140513.jpg" style="visibility: visible;" /></a>
  1321. </div>
  1322. </div>
  1323. <div></div>
  1324.  
  1325. <script>
  1326. function getSkinBanners(){
  1327. banner_size=($(window).width()-1000)/2;
  1328. if (banner_size > 215)
  1329. {
  1330. document.getElementById('skyLeft').style.width=215+"px";
  1331. document.getElementById('sk_left_skin_img').width=215;
  1332. document.getElementById('skyRight').style.width=215+"px";
  1333. document.getElementById('sk_right_skin_img').width=215;
  1334. }else{
  1335. document.getElementById('skyLeft').style.width=banner_size+"px";
  1336. document.getElementById('sk_left_skin_img').width=banner_size;
  1337. document.getElementById('skyRight').style.width=banner_size+"px";
  1338. document.getElementById('sk_right_skin_img').width=banner_size;
  1339. }
  1340. }
  1341. setInterval(getSkinBanners(),1000);
  1342.  
  1343. window.onresize = function() {
  1344.  getSkinBanners();
  1345. }
  1346. </script>
  1347. -->
  1348. <!-- END - Classes internal skin -->
  1349.  
  1350. <!-- Httpool Block -->
  1351. <!-- <script type="text/javascript">
  1352. AdPlatformZone = {
  1353.  id: "ecea9b29a",
  1354.  format: "0x0"
  1355. };
  1356. </script>
  1357. <script type="text/javascript" src="https://relay-hk.ads.httpool.com"></script> -->
  1358. <!-- /Httpool Block -->
  1359.  
  1360.  
  1361. <!-- home page only -->
  1362. <!-- Javascript tag: -->
  1363. <!-- begin Maximizer for channel: Classes.com.hk_Homepage , publisher: Classes , Ad Dimension: Slider / Catfish - 1 x 1 -->
  1364. <!-- <script language="JavaScript">
  1365. var zflag_nid="1044"; var zflag_cid="2011/2010"; var zflag_sid="441"; var zflag_width="1"; var zflag_height="1"; var zflag_sz="94";
  1366. </script>
  1367. <script language="JavaScript" src="https://d8.zedo.com/jsc/d8/fo.js"></script> -->
  1368. <!-- end Maximizer for channel: Classes.com.hk_Homepage , publisher: Classes , Ad Dimension: Slider / Catfish - 1 x 1 -->
  1369.  
  1370. <div id="tag"></div>
  1371. <!-- <img src="https://www.classes.com.hk/tag/impression.php?page=&action=&c=&sc=&id=&ref=" width="0" height="0" alt="" style="display:none" /> -->
  1372.  
  1373. <script type="text/javascript">
  1374.  
  1375.  var _gaq = _gaq || [];
  1376.  _gaq.push(['_setAccount', 'UA-33272276-1']);
  1377.  _gaq.push(['_trackPageview']);
  1378.  
  1379.  (function() {
  1380.    var ga = document.createElement('script'); ga.type = 'text/javascript';
  1381. ga.async = true;
  1382.    ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
  1383. 'http://www') + '.google-analytics.com/ga.js';
  1384.    var s = document.getElementsByTagName('script')[0];
  1385. s.parentNode.insertBefore(ga, s);
  1386.  })();
  1387.  
  1388. function gaEventTrack(action) {
  1389. _gaq.push(['_trackPageview' , action ]);
  1390. }
  1391. </script>
  1392. <iframe id="no_object" name="no_object" src="https://www.classes.com.hk/blank.html" framespacing="0" frameborder="no" scrolling="no" width="0" height="0" allowtransparency="true" style="display:none"></iframe>
  1393.  
  1394.  
  1395. </body>
  1396. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda