CINXE.COM

世界自然基金會香港分會 | WWF Hong Kong

<!DOCTYPE html> <html lang="zh"> <head> <title>世界自然基金會香港分會 | WWF Hong Kong</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8"> <meta name="rating" content="General" /> <meta name="expires" content="0" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!--[if IE 6]> <link rel="stylesheet" href="//cdnassets.panda.org/_skins/capetown/ie6.css" type="text/css"> <style type="text/css">div#content{height:1080px;}</style> <![endif]--> <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link rel="canonical" href="https://www.wwf.org.hk/" /> <style type="text/css"> @font-face { font-family: 'WWFRegular'; src: url('//d1diae5goewto1.cloudfront.net/fonts/en/wwf-webfont.eot'); src: local('☺'), url('//d1diae5goewto1.cloudfront.net/fonts/en/wwf-webfont.woff') format('woff'), url('//d1diae5goewto1.cloudfront.net/fonts/en/wwf-webfont.ttf') format('truetype'), url('//d1diae5goewto1.cloudfront.net/fonts/en/wwf-webfont.svg#webfontf7UvkYDT') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'WWF'; src: url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/wwf-webfont.eot'); src: url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/wwf-webfont.eot?#iefix') format('embedded-opentype'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/wwf-webfont.woff') format('woff'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/wwf-webfont.ttf') format('truetype'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/wwf-webfont.svg#wwf') format('svg'); font-weight: 400; font-style: normal; } @font-face{ font-family:'FontAwesome';src:url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fontawesome-webfont.eot?v=4.7.0'); src:url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal } @font-face{ font-family:'Font Awesome 5 Brands'; font-style:normal; font-weight:400; src:url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-brands-400.eot'); src:url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-brands-400.eot?#iefix') format('embedded-opentype'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-brands-400.woff2') format('woff2'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-brands-400.woff') format('woff'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-brands-400.ttf') format('truetype'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-brands-400.svg#fontawesome') format('svg'); } @font-face{ font-family:'Font Awesome 5 Free'; font-style:normal; font-weight:400; src:url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-regular-400.eot'); src:url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-regular-400.eot?#iefix') format('embedded-opentype'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-regular-400.woff2') format('woff2'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-regular-400.woff') format('woff'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-regular-400.ttf') format('truetype'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-regular-400.svg#fontawesome') format('svg'); } @font-face{ font-family:'Font Awesome 5 Free'; font-style:normal; font-weight:900; src:url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-solid-900.eot'); src:url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-solid-900.eot?#iefix') format('embedded-opentype'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-solid-900.woff2') format('woff2'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-solid-900.woff') format('woff'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-solid-900.ttf') format('truetype'),url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/fa-solid-900.svg#fontawesome') format('svg'); } @font-face{ font-family:"Ionicons"; src:url("//d1diae5goewto1.cloudfront.net/fonts/ionicons/ionicons.eot?v=2.0.1"); src:url("//d1diae5goewto1.cloudfront.net/fonts/ionicons/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//d1diae5goewto1.cloudfront.net/fonts/ionicons/ionicons.ttf?v=2.0.1") format("truetype"),url("//d1diae5goewto1.cloudfront.net/fonts/ionicons/ionicons.woff?v=2.0.1") format("woff"),url("//d1diae5goewto1.cloudfront.net/fonts/ionicons/ionicons.svg?v=2.0.1#Ionicons") format("svg"); font-weight:normal; font-style:normal; } @font-face { font-family: 'Glyphicons Halflings'; src: url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/glyphicons-halflings-regular.eot'); src: url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/glyphicons-halflings-regular.woff2') format('woff2'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/glyphicons-halflings-regular.woff') format('woff'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/glyphicons-halflings-regular.ttf') format('truetype'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(//fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(//fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(//fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(//fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTOYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(//fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(//fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(//fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v16/sTdaA6j0Psb920Vjv-mrzH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v16/uYECMKoHcO9x1wdmbyHIm3-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v16/tnj4SB6DNbdaQnsM8CFqBX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v16/_VYFx-s824kXq_Ul2BHqYH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v16/NJ4vxlgWwWbEsv18dAhqnn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v16/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v16/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v16/77FXFjRbGzN4aCrSFhlh3oX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v16/isZ-wbCXNKAbnjo6_TwHToX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v16/UX6i4JxQDm3fVTc1CPuwqoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v16/jSN2CGVDbcVyCnfJfjSdfIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v16/PwZc-YbIL414wB9rB1IAPYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v16/97uahxiqZRoncBaCEI3aW4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(//fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOJBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Arm Hmks Bebas Neue'; src: url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/ArmHmksBebasNeue.eot'); src: url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/ArmHmksBebasNeue.eot') format('embedded-opentype'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/ArmHmksBebasNeue.woff') format('woff'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/ArmHmksBebasNeue.ttf') format('truetype'), url('//d1diae5goewto1.cloudfront.net/fonts/ionicons/ArmHmksBebasNeue.svg') format('svg'); font-weight: 400; font-style: normal; } </style> <link rel="stylesheet" href="//cdnassets.panda.org/frameworks/colorbox/colorbox.css" /> <link rel="stylesheet" href="//cdnassets.panda.org/css/donatetab/donatetab.min.css?26112021" type="text/css" media="screen" /> <link rel="alternate" hreflang="en" href="https://www.wwf.org.hk/en/" /> <meta name="google-site-verification" content="FiOH11lqbuJV2ilb8IYS7f0C-rWstJzqbSDjlKUyYNA" /> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <!-- Google Tag Manager --> <script> window.dayaLayer = window.dataLayer || []; window.dataLayer.push({"language":"zh"}); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P7ZK67');</script> <!-- End Google Tag Manager --> <link rel="apple-touch-icon" href="//cdnassets.panda.org/_skins/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="//cdnassets.panda.org/_skins/touch-icon-ipad.png" /> <link rel="apple-touch-icon" sizes="114x114" href="//cdnassets.panda.org/_skins/touch-icon-iphone4.png" /> <link rel="apple-touch-icon" sizes="120x120" href="//cdnassets.panda.org/_skins/touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="152x152" href="//cdnassets.panda.org/_skins/touch-icon-ipad-retina.png"> <link rel="shortcut icon" type="image/png" href="//cdnassets.panda.org/_skins/favicon.png?26112021"/> <!-- Existing SEO tags --> <meta name="description" content="世界自然基金會香港分會" /> <meta property="og:title" content="世界自然基金會香港分會" /> <meta property="og:type" content="Article" /> <meta property="og:image" content="https://wwfhk.awsassets.panda.org/img/wwf_20110407_037_17863.jpg" /> <meta name="twitter:domain" content="https://www.wwf.org.hk" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="世界自然基金會香港分會" /> <meta name="twitter:image" content="https://wwfhk.awsassets.panda.org/img/wwf_20110407_037_17863.jpg" /> <link rel="STYLESHEET" type="text/css" href="//cdnassets.panda.org/_skins/capetown/_cache/public.min.css?26112021" /> <script type="text/javascript"> /* <![CDATA[ */ rootWWW = "/wwf_hongkong/"; rootCore = "/wwf_hongkong/_core/"; getuSiteCode = "M7%3EY%3D%2F4%22%25%2E%40UCLQJV%5CH%27%40QH%29%3D1M%3F4I7%3FZA%3ESM%2C%2D%26%206%22%3E%3FZU%5C%27%3CFVJ%3BIAJ0%21%5E%5C%0A%23AW%297"; /* ]]> */ </script> <script src="//cdnassets.panda.org/_skins/capetown/_cache/global.min.js?26112021" type="text/javascript"></script> <style> html[lang=zh] .navbar .navbar-nav>li>.dropdown-menu>li>a{ font-size: 16px; } html[lang=zh] .navbar .navbar-nav.navbar-right>li:not(.language-nav).dropdown .dropdown-menu { min-width: 260px; } .module-header::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%); } a.btn-blocked{ border-radius: 20px; } .module.twittable{ font-size: 18px; } .h1, .h2, .h3, .h4, .h5, .h6, div.followh1, div.followh2, div.followh3, div.followh4, div.followh5, div.followh6{ font-family: WWF,Roboto,Calibri,Candara,Arial,'Microsoft JhengHei','Heiti TC',sans-serif; } .module-multidownload .downloads{ max-width: 1200px; margin: auto; } .module-multidownload .downloads a.download { display: block; width: 100%; } .module-multidownload .downloads a.download .file-name { margin-top: 0; min-height: auto !important; font-weight: bold; font-size: 18px; text-transform: none; } .module-multidownload .downloads a.download .file-type-text, .module-multidownload .downloads a.download .file-size { display: inline-block; font-weight: normal; font-size: 14px; font-style:italic; } .module-multidownload .downloads a.download .file-type::before { font-size: 24px; } .module-multidownload .downloads a.download:hover .file-type::before { color: #ffffff; } .module-multidownload .downloads a.download-pdf .file-type::before { color: #b8271a; } .module-multidownload .downloads a.download-powerpoint .file-type::before { color: #b8391a; } .module-multidownload .downloads a.download-zip .file-type::before { color: #d3b837; } .module-multidownload .downloads a.download-image .file-type::before { color: #249f92; } </style> <!-- Global site tag (gtag.js) - Google Ads --> <script async src=https://www.googletagmanager.com/gtag/js?id=AW-945936108></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-945936108'); </script> <script> $(function() { $(".navbar-right > li.dropdown:not(.language-nav):eq(0)").attr("style",""); $("#showSearchForm").prependTo($(".navbar-header").next("div").children(".navbar-nav:not(.navbar-right)")); $(document).on("click","#showSearchForm", function(){ $(".navbar-collapse.in").removeClass("in"); }); $(".navbar-right > li.shop.dropdown > ul").children("li:eq(0), li:eq(3), li:eq(4), li:eq(7), li:eq(8)").children("a").attr("target","_blank"); var back_text = $("html").attr("lang")=="zh"?'返回上一頁':'Back to previous page'; if(document.referrer){ $(".post-metadata, .module-share-this").after('<br /><a href="javascript:history.back();" style="color:white;font-weight:bold;text-decoration:underline;">← '+back_text+'</a>'); $(".module-share-this").after('<br /><a href="javascript:history.back();" style="font-weight:bold;text-decoration:underline;">← '+back_text+'</a>'); } }); </script> <script> $(document).ready(function() { $('.article-25683').find('.post-metadata').remove(); }); </script> <script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=6620977f529556001975af32&product=custom-share-buttons&source=platform"></script> <script src="/_js/mustache.min.js" ></script> <script src='https://www.google.com/recaptcha/api.js'></script> </head> <body class="body hongkong"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7ZK67" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script src="/_js/lang_hk.js" type="text/javascript"></script> <style> .modal { display:none !important; } .modal.fade.in { display: block !important; } </style> <div id="wrap"> <div id="header"> <nav class="navbar navbar-default navbar-wwf"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/"></a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="/about/" id="88945" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 關於本會 <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li> <a href="/about/mai_po_40th_anniversary/" id="92245">米埔自然保護區 40周年回顧</a> </li> <li> <a href="/about/chairman_ceo_message/" id="78119">主席的話</a> </li> <li> <a href="/about/leaders/" id="76272">領導層</a> </li> <li> <a href="/about/our_team/" id="76284">專業團隊</a> </li> <li> <a href="/about/career_consultancy/" id="76298">人才招聘</a> </li> <li> <a href="/about/governance_policies/" id="93129"> 機構管治及政策</a> </li> <li> <a href="/about/media_contact/" id="76270">傳媒聯絡</a> </li> <li> <a href="/about/us_contact/" id="76291">聯絡我們</a> </li> </ul> </li> <li class="dropdown"> <a href="/whatwedo/" id="77066" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 我們的工作 <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li> <a href="/whatwedo/conservation_policy/" id="76897">保育政策</a> </li> <li> <a href="/whatwedo/mai_po_marshes/" id="76288">米埔及濕地</a> </li> <li> <a href="/whatwedo/wildlife/" id="76316">野生生物</a> </li> <li> <a href="/whatwedo/community_education/" id="76286">公眾教育</a> </li> <li> <a href="/whatwedo/oceans/" id="79607">海洋</a> </li> <li> <a href="/whatwedo/cities/" id="76320">綠色城市</a> </li> <li> <a href="/whatwedo/finance/" id="86695">可持續金融</a> </li> <li> <a href="/whatwedo/hong_kong_biodiversity/" id="76755">本地生物多樣性</a> </li> </ul> </li> <li class="dropdown"> <a href="/centres/" id="80749" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 訪客中心 <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li> <a href="/centres/mpnr_booking/" id="76609">米埔自然保護區</a> </li> <li> <a href="/centres/hhw_booking/" id="76594">海下灣</a> </li> <li> <a href="/centres/ih_booking/" id="80854">元洲仔自然環境保護研究中心</a> </li> <li> <a href="/centres/ct_booking/" id="76333">中環「可持續生活實驗室」</a> </li> <li> <a href="/centres/adverse_weather_arrangement/" id="76683">惡劣天氣安排</a> </li> </ul> </li> <li class="dropdown"> <a href="/reslib/" id="77569" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 資料庫 <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li> <a href="/reslib/programme_resources/" id="77566">項目資源</a> </li> <li> <a href="/reslib/publications/" id="93027">刊物</a> </li> <li> <a href="/reslib/species/" id="77574">物種 </a> </li> <li> <a href="/reslib/resources/" id="91866">電子資源</a> </li> <li> <a href="/reslib/education/" id="90484">教與學資源</a> </li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="icon-nav" id="showSearchForm"><a href="#" onclick="showSearchFormInMobile();"><i class="ionicons ion-search"></i></a></li> <li class="icon-nav" id="showRegionSelector"><a href="#"><i class="ionicons ion-earth"></i></a></li> <li class="icon-nav dropdown language-nav"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <span style="font-size: 25px;">zh</span> <i class="fas fa-language fa-fw"></i> <span class="visible-xs">Language</span> </a> <ul class="dropdown-menu"> <li > <a href="/en/" > English &nbsp; </a> </li> <li class="active disabled" id="disabled_menu_lang" title="You are here"> <a href="/" > Chinese &nbsp; <em class="fas fa-circle text-yellow"></em> </a> </li> </ul> </li> <li class="join dropdown" style="margin-left:15px !important;" > <a href="/subscription/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 訂閱 <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li> <a href="/subscription/enews/" id="83890">電子報</a> </li> </ul> </li> <li class="donate dropdown" > <a href="/join-events/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 參與 <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li> <a href="/join-events/visitor_centres/" id="83878">訪客中心</a> </li> <li> <a href="/join-events/events/" id="83888">活動資訊</a> </li> <li> <a href="/join-events/membership/" id="83887">會員</a> </li> <li> <a href="/join-events/volunteers/" id="83886">義工</a> </li> <li> <a href="/join-events/youth_involvement/" id="83885">青年參與</a> </li> </ul> </li> <li class="shop dropdown" style="margin-left:0px !important;" > <a href="/support_support/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 支持 <span class="fa fa-angle-down"></span> </a> <ul class="dropdown-menu"> <li> <a href="/support_support/donate_us/" id="92250">捐助</a> </li> <li> <a href="/support_support/become_a_protector/" id="83892">成為守護者</a> </li> <li> <a href="/support_support/crowdfunding/" id="83863">眾籌</a> </li> <li> <a href="/support_support/fundraise_for_us/" id="86024">為我們籌款</a> </li> <li> <a href="/support_support/wedding_donation/" id="92251">婚禮饋贈</a> </li> <li> <a href="/support_support/other_donations/" id="83864">其他捐款方法</a> </li> <li> <a href="/support_support/corporate_involvement/" id="83853">企業參與</a> </li> <li> <a href="/support_support/pledge/" id="83857">聯署</a> </li> <li> <a href="/support_support/pandashop/" id="83870">熊貓禮品店</a> </li> </ul> </li> </ul> </div> </div> </nav> </div> <script src="//s3-eu-west-1.amazonaws.com/wwfcdn/js/js.cookie.js"></script> <script type="text/javascript"> $("#disabled_menu_lang > a").on("click", function (e) {e.preventDefault();}); function showSearchFormInMobile() { if ($('.navbar-collapse').is(":visible")){ $('.navbar-toggle').click(); } } function setCookie(sLangShort) { Cookies.set('COOKIE_LANG_SHORT', sLangShort, {expires: 1, path: '/'}); } </script> <div id="content"> <div id="search-form"> <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <a class="close ionicons ion-android-close pull-right" id="closeSearchForm" title="Close" href="#" rel="nofollow"></a> <p id="search_form_header_text" class="text-uppercase">您想搜索什麼?</p> </div> </div> <div class="row topmargin-15"> <div class="col-xs-12"> <form role="search" action="/index.cfm" method="get" rel="nofollow" name="formsearch" id="search"> <div class="form-group"> <div class="input-group"> <input class="form-control" type="text" value="" name="uGlobalSearch" id="s" placeholder="請輸入要搜索的內容"> <span class="input-group-btn"> <input type="hidden" value="zh" name="uGlobalLang" id="sl" /> <button class="btn btn-default" type="submit"> 搜索 <em class="ionicons ion-android-search"></em> </button> </span> </div> </div> </form> </div> </div> </div> </div> <div id="region-picker"> <div class="container"> <div class="row"> <div class="col-xs-12"> <a class="close ionicons ion-android-close pull-right" id="closeRegionSelector" title="Close" href="#" rel="nofollow"></a> </div> </div> <div class="row"> <div class="col-md-3 col-xs-12"> <p id="region-picker-title">The WWF is run at a local level by the following offices...</p> </div> <div class="col-md-3 col-sm-4 col-xs-12"> <ul> <li> <a href="https://wwf.panda.org"><em class="fa fa-map-marker"></em> WWF Global</a> </li> <li> <a href="https://www.wwfadria.org"><em class="fa fa-map-marker"></em> Adria</a> </li> <li> <a href="https://www.vidasilvestre.org.ar"><em class="fa fa-map-marker"></em> Argentina</a> </li> <li> <a href="https://armenia.panda.org"><em class="fa fa-map-marker"></em> Armenia</a> </li> <li> <a href="https://asiapacific.panda.org"><em class="fa fa-map-marker"></em> AsiaPacific</a> </li> <li> <a href="https://www.wwf.org.au"><em class="fa fa-map-marker"></em> Australia</a> </li> <li> <a href="https://www.wwf.at"><em class="fa fa-map-marker"></em> Austria</a> </li> <li> <a href="https://wwf.panda.org/who_we_are/wwf_offices/azerbaijan/"><em class="fa fa-map-marker"></em> Azerbaijan</a> </li> <li> <a href="https://www.wwf.be"><em class="fa fa-map-marker"></em> Belgium</a> </li> <li> <a href="https://www.wwfbhutan.org.bt"><em class="fa fa-map-marker"></em> Bhutan</a> </li> <li> <a href="https://www.wwf.org.bo"><em class="fa fa-map-marker"></em> Bolivia</a> </li> <li> <a href="https://www.panda.org/what_we_do/where_we_work/borneo_forests/"><em class="fa fa-map-marker"></em> Borneo</a> </li> <li> <a href="https://www.wwf.org.br"><em class="fa fa-map-marker"></em> Brazil</a> </li> <li> <a href="https://www.wwf.bg"><em class="fa fa-map-marker"></em> Bulgaria</a> </li> <li> <a href="https://cambodia.panda.org"><em class="fa fa-map-marker"></em> Cambodia</a> </li> <li> <a href="https://cameroon.panda.org"><em class="fa fa-map-marker"></em> Cameroon</a> </li> <li> <a href="https://www.wwf.ca"><em class="fa fa-map-marker"></em> Canada</a> </li> <li> <a href="https://www.wwfcaucasus.org"><em class="fa fa-map-marker"></em> Caucasus</a> </li> <li> <a href="https://car.panda.org"><em class="fa fa-map-marker"></em> Central African Republic</a> </li> <li> <a href="https://www.wwfca.org"><em class="fa fa-map-marker"></em> Central America</a> </li> <li> <a href="https://www.wwf.cl"><em class="fa fa-map-marker"></em> Chile</a> </li> <li> <a href="https://www.wwfchina.org"><em class="fa fa-map-marker"></em> China</a> </li> <li> <a href="https://www.wwf.org.co"><em class="fa fa-map-marker"></em> Colombia</a> </li> <li> <a href="https://croatia.panda.org"><em class="fa fa-map-marker"></em> Croatia</a> </li> <li> <a href="https://www.wwfdrc.org"><em class="fa fa-map-marker"></em> Democratic Republic of the Congo</a> </li> <li> <a href="https://www.wwf.dk"><em class="fa fa-map-marker"></em> Denmark</a> </li> <li> <a href="https://www.wwf.org.ec"><em class="fa fa-map-marker"></em> Ecuador</a> </li> <li> <a href="https://www.wwf.eu"><em class="fa fa-map-marker"></em> European Policy Office</a> </li> <li> <a href="https://www.wwf.fi"><em class="fa fa-map-marker"></em> Finland</a> </li> </ul> </div> <div class="col-md-3 col-sm-4 col-xs-12"> <ul> <li> <a href="https://www.wwf.fr"><em class="fa fa-map-marker"></em> France</a> </li> <li> <a href="https://gabon.panda.org"><em class="fa fa-map-marker"></em> Gabon</a> </li> <li> <a href="https://www.wwf.de"><em class="fa fa-map-marker"></em> Germany</a> </li> <li> <a href="https://greatermekong.panda.org"><em class="fa fa-map-marker"></em> Greater Mekong</a> </li> <li> <a href="https://www.wwf.gr"><em class="fa fa-map-marker"></em> Greece</a> </li> <li> <a href="https://www.wwfguianas.org"><em class="fa fa-map-marker"></em> Guianas</a> </li> <li> <a href="https://www.wwf.org.hk"><em class="fa fa-map-marker"></em> Hong Kong SAR</a> </li> <li> <a href="https://www.wwf.hu"><em class="fa fa-map-marker"></em> Hungary</a> </li> <li> <a href="https://www.wwfindia.org"><em class="fa fa-map-marker"></em> India</a> </li> <li> <a href="https://www.wwf.or.id"><em class="fa fa-map-marker"></em> Indonesia</a> </li> <li> <a href="https://www.wwf.it"><em class="fa fa-map-marker"></em> Italy</a> </li> <li> <a href="https://www.wwf.or.jp"><em class="fa fa-map-marker"></em> Japan</a> </li> <li> <a href="https://www.wwfkenya.org"><em class="fa fa-map-marker"></em> Kenya</a> </li> <li> <a href="https://www.wwfkorea.or.kr"><em class="fa fa-map-marker"></em> Korea</a> </li> <li> <a href="https://www.wwflaos.org"><em class="fa fa-map-marker"></em> Laos</a> </li> <li> <a href="https://lv-pdf.panda.org"><em class="fa fa-map-marker"></em> Latvia</a> </li> <li> <a href="https://www.wwf.mg"><em class="fa fa-map-marker"></em> Madagascar</a> </li> <li> <a href="https://www.wwf.org.my"><em class="fa fa-map-marker"></em> Malaysia</a> </li> <li> <a href="https://mediterranean.panda.org"><em class="fa fa-map-marker"></em> Mediterranean</a> </li> <li> <a href="https://www.wwf.org.mx"><em class="fa fa-map-marker"></em> Mexico</a> </li> <li> <a href="https://mongolia.panda.org"><em class="fa fa-map-marker"></em> Mongolia</a> </li> <li> <a href="https://www.wwf.org.mz"><em class="fa fa-map-marker"></em> Mozambique</a> </li> <li> <a href="https://www.wwf.org.mm"><em class="fa fa-map-marker"></em> Myanmar</a> </li> <li> <a href="https://www.wwfnamibia.org"><em class="fa fa-map-marker"></em> Namibia</a> </li> <li> <a href="https://nepal.panda.org"><em class="fa fa-map-marker"></em> Nepal</a> </li> <li> <a href="https://www.wnf.nl"><em class="fa fa-map-marker"></em> Netherlands</a> </li> <li> <a href="https://www.wwf.org.nz"><em class="fa fa-map-marker"></em> New Zealand</a> </li> <li> <a href="https://www.wwf.no"><em class="fa fa-map-marker"></em> Norway</a> </li> <li> <a href="https://www.wwfpak.org"><em class="fa fa-map-marker"></em> Pakistan</a> </li> </ul> </div> <div class="col-md-3 col-sm-4 col-xs-12"> <ul> <li> <a href="https://www.panda.org/who_we_are/wwf_offices/papua_new_guinea/"><em class="fa fa-map-marker"></em> Papua New Guinea</a> </li> <li> <a href="https://www.wwf.org.py"><em class="fa fa-map-marker"></em> Paraguay</a> </li> <li> <a href="https://www.wwf.org.pe"><em class="fa fa-map-marker"></em> Peru</a> </li> <li> <a href="https://www.wwf.org.ph"><em class="fa fa-map-marker"></em> Philippines</a> </li> <li> <a href="https://www.wwf.pl"><em class="fa fa-map-marker"></em> Poland</a> </li> <li> <a href="https://www.natureza-portugal.org"><em class="fa fa-map-marker"></em> Portugal</a> </li> <li> <a href="https://africa.panda.org"><em class="fa fa-map-marker"></em> Regional Office Africa</a> </li> <li> <a href="https://www.wwf.ro"><em class="fa fa-map-marker"></em> Romania</a> </li> <li> <a href="https://www.panda.org/who_we_are/wwf_offices/senegal/"><em class="fa fa-map-marker"></em> Senegal</a> </li> <li> <a href="https://www.wwf.rs"><em class="fa fa-map-marker"></em> Serbia</a> </li> <li> <a href="https://www.wwf.sg"><em class="fa fa-map-marker"></em> Singapore</a> </li> <li> <a href="https://slovakia.panda.org"><em class="fa fa-map-marker"></em> Slovakia</a> </li> <li> <a href="https://adria.panda.org/sl"><em class="fa fa-map-marker"></em> Slovenia</a> </li> <li> <a href="https://www.wwf.org.za"><em class="fa fa-map-marker"></em> South Africa</a> </li> <li> <a href="https://www.wwfpacific.org"><em class="fa fa-map-marker"></em> South Pacific</a> </li> <li> <a href="https://www.wwf.es"><em class="fa fa-map-marker"></em> Spain</a> </li> <li> <a href="https://www.wwfguianas.org"><em class="fa fa-map-marker"></em> Suriname</a> </li> <li> <a href="https://www.wwf.se"><em class="fa fa-map-marker"></em> Sweden</a> </li> <li> <a href="https://www.wwf.ch"><em class="fa fa-map-marker"></em> Switzerland</a> </li> <li> <a href="https://www.panda.org/who_we_are/wwf_offices/tanzania/"><em class="fa fa-map-marker"></em> Tanzania</a> </li> <li> <a href="https://www.wwf.or.th"><em class="fa fa-map-marker"></em> Thailand</a> </li> <li> <a href="https://www.wwf.org.tr"><em class="fa fa-map-marker"></em> Turkey</a> </li> <li> <a href="https://www.wwfuganda.org"><em class="fa fa-map-marker"></em> Uganda</a> </li> <li> <a href="https://wwf.ua"><em class="fa fa-map-marker"></em> Ukraine</a> </li> <li> <a href="https://uae.panda.org"><em class="fa fa-map-marker"></em> United Arab Emirates</a> </li> <li> <a href="https://www.wwf.org.uk"><em class="fa fa-map-marker"></em> United Kingdom</a> </li> <li> <a href="https://www.worldwildlife.org"><em class="fa fa-map-marker"></em> United States</a> </li> <li> <a href="https://vietnam.panda.org"><em class="fa fa-map-marker"></em> Vietnam</a> </li> <li> <a href="https://www.wwfzm.panda.org"><em class="fa fa-map-marker"></em> Zambia</a> </li> </ul> </div> <div class="col-md-3 col-sm-4 col-xs-12"> <ul> <li> <a href="https://zimbabwe.panda.org"><em class="fa fa-map-marker"></em> Zimbabwe</a> </li> </ul> </div> </div> </div> </div> <div id="header-socials"> <div class="container"> <div class="row"> <div class="col-xs-12 text-right"> <a href="https://www.instagram.com/wwfhk/" class="btn btn-social" target="_blank"> <i class="fab fa-instagram"></i> </a> <a href="https://www.facebook.com/wwfhongkong" class="btn btn-social" target="_blank"> <i class="fab fa-facebook"></i> </a> <a href="https://hk.linkedin.com/company/wwf-hong-kong" class="btn btn-social" target="_blank"> <i class="fab fa-linkedin"></i> </a> <a href="https://www.youtube.com/user/wwfhk" class="btn btn-social" target="_blank"> <i class="fab fa-youtube"></i> </a> </div> </div> </div> </div> <objtemplate id="239894" objtemplate_id="2025" objtemplate_filename="capetown-carousel-fullwidth"> <section date_created="1739934117" hash="1D387AA529F70C430A2671AC0F93A825"><objtemplate><style> #owl-prev{ top: 45%; font-size: 41px; position: absolute; left: 0; bottom: 0; width: 4%; color: #fff; text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 60%); background: #000000; border-radius: 3px; height: 65px; margin: 5px; padding: 4px 7px; display: inline-block; cursor: pointer; } #owl-next{ top: 45%; font-size: 41px; position: absolute; left: auto; right: 0; bottom: 0; width: 4%; color: #fff; text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 60%); background: #000000; border-radius: 3px; height: 65px; margin: 5px; padding: 4px 7px; display: inline-block; cursor: pointer; } #owl-prev:hover{background:#869791;color:#FFF;text-decoration:none} #owl-next:hover{background:#869791;color:#FFF;text-decoration:none} .owl-theme .owl-nav [class*=owl-]{ display: block; padding: 0px; background: none; } .page-hero { display: flex; margin-bottom: 70px; min-height: 100vh; position: relative; text-align: center; } .page-hero .img-bg, .page-hero .video-bg { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0; } .page-hero .video-bg video { bottom: 0; min-height: 100%; min-width: 100%; position: absolute; right: 0; } .page-hero .video-bg { overflow: hidden; } .page-hero .bg-overlay { background-color: #000; bottom: 0; left: 0; opacity: .3; position: absolute; right: 0; top: 0; } .page-hero>.container { margin-bottom: auto; margin-top: auto; z-index: 1; } .page-hero>.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-left: calc(var(--bs-gutter-x)*-.5); margin-right: calc(var(--bs-gutter-x)*-.5); margin-top: calc(var(--bs-gutter-y)*-1) } .page-hero .col { flex: 1 0 0%; } .char-animation .in { opacity: 1; transform: scale(1); } .line-animation.in { opacity: 1; } .page-hero .h1, .page-hero h1 { color: #fff; font-size: 140px; letter-spacing: 4px; line-height: 140px; margin-bottom: 5px; text-shadow: 0 2px 50px rgba(0, 0, 0, .8); text-transform: uppercase; } .page-hero .h3, .page-hero h3 { color: #fff; font-size: 48px; line-height: 58px; margin: 17px auto 50px; max-width: 840px; text-shadow: 0 1px 4px rgba(0, 0, 0, .6); } .page-hero>.container { margin-left: auto; margin-right: auto; padding-left: var(--bs-gutter-x, .75rem); padding-right: var(--bs-gutter-x, .75rem); width: 100%; } @media (min-width: 576px) { .page-hero>.container { max-width:540px } } @media (min-width: 768px) { .page-hero>.container { max-width:720px; } } @media (min-width: 992px) { .page-hero>.container { max-width:960px; } } @media (min-width: 1200px) { .page-hero>.container { max-width:1200px; } } @media (max-width: 991.98px) { .page-hero>.container { margin-bottom: unset; margin-top: auto; padding: 0 20px; z-index: 1; margin-left: auto; margin-right: auto; width: 100%; } .page-hero>.container, .row { --bs-gutter-x: 24px; } } @media (max-width: 991.98px) { .page-hero .h1,.page-hero h1 { font-size:48px; letter-spacing: 2px; line-height: 40px } } @media (max-width: 991.98px) { .page-hero .h3,.page-hero h3 { font-size:26px; line-height: 36px; margin-bottom: 82px } } @media (max-width: 767.98px) { .page-hero { margin-bottom: 20px; } } .page-hero { display: flex; margin-bottom: 70px; min-height: 100vh; position: relative; text-align: center; } .page-hero .col-left{ float: left; width: 33.33333333%; } .page-hero .col-right{ margin-left: 66.66666667%; text-align: right; float: left; width: 33.33333333%; } .page-hero .overlay-content{ background: rgba(0, 0, 0, .5); width: 100%; padding: 0 45px; display: table-cell; vertical-align: middle; color: white; } .page-hero .overlay-content h1{ font-size: calc(41px + 0.8vw); letter-spacing: normal; } .page-hero .h2, .page-hero h2 { color: white; } .owl-theme .owl-nav { margin-top: -5px; } @media only screen and (max-width: 600px) { .page-hero .video-bg video { transform: translateX(calc((100% - 100vw) / 2)); } } </style><section class="module"><div id="owl-demo-239894" class="owl-carousel owl-theme" style="margin-top:0px;"><!--[--><div class="item"><section class="module module-header module-header-theme" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/eh25_carousel_v3_58450.webp&#39;); background-position: 59% 58%;"><img src="//wwfhk.awsassets.panda.org/img/eh25_carousel_v3_58450.webp" alt="carousel.image.altText" style="border:0px solid;display:none;"><div class="theme-title"><div class="container"><div class="row"><div class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="color:white;"><!--[--><div class="followh1">地球一小時2025</div><!--]--><p class="subtitle">2025年3月22日 (星期六)</p><!----><a href="https://earthhour.wwf.org.hk" target="_blank" class="btn btn-blocked btn-primary" style="border:none; color:#fff; background-color:#F89840">了解更多</a></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; WWF-Hong Kong</div></div></div></section></div><div class="item"><section class="module module-header module-header-theme" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/flagday2025_carousell_3200x1200_1_1_58330.webp&#39;); background-position: 50% 50%;"><img src="//wwfhk.awsassets.panda.org/img/flagday2025_carousell_3200x1200_1_1_58330.webp" alt="carousel.image.altText" style="border:0px solid;display:none;"><div class="theme-title"><div class="container"><div class="row"><div class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="color:white;"><!--[--><div class="followh1">賣旗日</div><!--]--><p class="subtitle">2025年4月12日 (星期六)</p><!----><a href="/flag-day/" target="_self" class="btn btn-blocked btn-primary" style="border:none; color:#fff; background-color:#F89840">了解更多</a></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; WWF-Hong Kong</div></div></div></section></div><div class="item"><section class="module module-header module-header-theme" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/wwf_bbr2025_web_carousel_v5_1_58351.webp&#39;); background-position: 50% 50%;"><img src="//wwfhk.awsassets.panda.org/img/wwf_bbr2025_web_carousel_v5_1_58351.webp" alt="carousel.image.altText" style="border:0px solid;display:none;"><div class="theme-title"><div class="container"><div class="row"><div class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="color:white;"><!--[--><div class="followh1">香港觀鳥大賽2025</div><!--]--><p class="subtitle">青年組(2月8日) 及 專業組(3月1日)</p><div><img alt="" src="https://wwfhk.awsassets.panda.org/img/original/wwf_bbr2025_web_carousel_logo.png" style="width: 250px;" /></div><a href="/big_bird_race/" target="_self" class="btn btn-blocked btn-primary" style="border:none; color:#fff; background-color:#F89840">了解更多</a></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; WWF-Hong Kong</div></div></div></section></div><div class="item"><section class="module module-header module-header-theme" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/20230601_reviving_our_corals_carousell_3200x1200_henry_li_1_1_1_54434.jpg&#39;); background-position: 50% 50%;"><img src="//wwfhk.awsassets.panda.org/img/20230601_reviving_our_corals_carousell_3200x1200_henry_li_1_1_1_54434.jpg" alt="carousel.image.altText" style="border:0px solid;display:none;"><div class="theme-title"><div class="container"><div class="row"><div class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="color:white;"><!--[--><div class="followh1">珊海無盡</div><!--]--><p class="subtitle">修復珊瑚,重燃香港海洋生機</p><!----><a href="https://revivingourcorals.wwf.org.hk" target="_self" class="btn btn-blocked btn-primary" style="border:none; color:#fff; background-color:#F89840">了解更多</a></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; Henry Li</div></div></div></section></div><div class="item"><section class="module module-header module-header-theme" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/wwf-hk_edu_carousell_primary_the-story-of-birds_option-2_1_57713.jpg&#39;); background-position: 50% 50%;"><img src="//wwfhk.awsassets.panda.org/img/wwf-hk_edu_carousell_primary_the-story-of-birds_option-2_1_57713.jpg" alt="carousel.image.altText" style="border:0px solid;display:none;"><div class="theme-title"><div class="container"><div class="row"><div class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="color:white;"><!--[--><div class="followh1">我們的教育項目</div><!--]--><p class="subtitle">為學生、教師及青年提供獨特的學習體驗</p><!----><a href="https://www.wwf.org.hk/education/schools/" target="_self" class="btn btn-blocked btn-primary" style="border:none; color:#fff; background-color:#FFC745">了解更多</a></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; WWF-Hong Kong</div></div></div></section></div><div class="item"><section class="module module-header module-header-theme" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/policy_2023_carousell_3200x1200_1_55251.jpg&#39;); background-position: 50% 50%;"><img src="//wwfhk.awsassets.panda.org/img/policy_2023_carousell_3200x1200_1_55251.jpg" alt="carousel.image.altText" style="border:0px solid;display:none;"><div class="theme-title"><div class="container"><div class="row"><div class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="color:white;"><!--[--><div class="followh1">2024年《施政報告》建議</div><!--]--><!----><!----><a href="https://wwfhk.awsassets.panda.org/downloads/2_wwf-recommendations-for-policy-address-2024_chinese.pdf" target="_blank" class="btn btn-blocked btn-primary" style="border:none; color:#fff; background-color:#F89840">了解更多</a></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; WWF-Hong Kong</div></div></div></section></div><div class="item"><section class="module module-header module-header-theme" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/carousel_donation_3200x1200_0426_54210.jpg&#39;); background-position: 50% 50%;"><img src="//wwfhk.awsassets.panda.org/img/carousel_donation_3200x1200_0426_54210.jpg" alt="carousel.image.altText" style="border:0px solid;display:none;"><div class="theme-title"><div class="container"><div class="row"><div class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="color:white;"><!--[--><div class="followh1">保護我們的野生生物</div><!--]--><p class="subtitle">非法野生生物貿易<br>加劇了全球物種滅絕的危機</p><!----><a href="https://apps4.wwf.org.hk/donation/zh/generic/monthly/choose-amount?utm_source=WWF&amp;utm_medium=homepage&amp;utm_campaign=Carorselbanner" target="_self" class="btn btn-blocked btn-primary" style="border:none; color:#fff; background-color:#F89840">立即支持</a></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; WWF-Hong Kong</div></div></div></section></div><!--]--></div></section> </objtemplate> <script> $("#owl-demo-239894").owlCarousel({ slideSpeed : 300, paginationSpeed : 400, items : 1, itemsDesktop : false, itemsDesktopSmall : false, itemsTablet: false, nav: true, navText: ["<div id='owl-prev'><span class='icon ion-ios-arrow-back' aria-hidden='true'></span></div>", "<div id='owl-next'><span class='icon ion-ios-arrow-forward' aria-hidden='true'></span></div>"], dots: false, itemsMobile : false, responsive : { 0:{ nav: false, dots: true }, 768:{ nav: true, dots: false } }, autoplay:true, autoplayTimeout: 5000, loop:true }); </script> </section> </objtemplate> <objtemplate id="239895" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="FD273B1667DDBA14374561B08E714FD3"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><div class="followh2">2024 年度報告</div><p><p style="text-align:left;margin-left:15px;"><a class="btn btn-blocked btn-orange" href="https://wwfhk.awsassets.panda.org/downloads/wwf_annual_review_nov2024_chi.pdf" style="" target="0">了解更多 </a></p> <br /> &nbsp;<br /> &nbsp;</p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> <objtemplate id="239896" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="D41410DB13A3BAA9998EFF5FCCEF2462"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><div class="followh2">最新消息</div><p><div class="module-list-tiles"> <div class="ajax-item-list tiles" id="item-list-pr"><img src="https://cdnassets.panda.org/frameworks/colorbox/images/loading.gif" style="margin:auto;display:block;" /></div> <div class="tile-pager"><a class="tile-pager-first hidden" href="#">« 最新</a> <a class="tile-pager-back hidden" href="#">上一頁</a> <span>...</span> <span>...</span> <a class="tile-pager-more" href="#">更多</a> <a href="/news/">查看全部</a></div> </div> </p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> <objtemplate id="239897" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="0CA44456814A1BC90FB5884E27E99331"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><div class="followh2">專題故事</div><p><div class="module-list-tiles"> <div class="ajax-item-list tiles" id="item-list-story"><img src="https://cdnassets.panda.org/frameworks/colorbox/images/loading.gif" style="margin:auto;display:block;" /></div> <div class="tile-pager"><a class="tile-pager-first hidden" href="#">« 最新</a> <a class="tile-pager-back hidden" href="#">上一頁</a> <span>...</span> <span>...</span> <a class="tile-pager-more" href="#">更多</a> <a href="/news/featuredstories/">查看全部</a></div> </div> </p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> <objtemplate id="239898" objtemplate_id="2002" objtemplate_filename="capetown-single-hero-image"> <section date_created="1739934117" hash="8EDE3F2792F0B9BD1F21F025711834B1"><objtemplate><!--[--><section><!--[--><section class="module module-header module-header-home" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/otter_key_visual_53510.jpg&#39;); background-position: 50% 50%;"><div class="read-more" style="cursor:pointer;"><em class="ionicons ion-ios-arrow-down"></em></div><div class="home-title"><div class="container"><div class="row"><div class="col-xs-12 col-sm-7 col-md-6 col-lg-5"><div class="ccTitle-239898 followh1" style="font-size:calc(2.8em + 2vw);">成為水獺守護者</div><p class="ccLead-239898 subtitle">米埔是歐亞水獺的家<br> 但牠們的數量已是所餘無幾</p><a href="https://apps4.wwf.org.hk/donation/zh/otter/monthly/choose-amount?utm_source=WWF&amp;utm_medium=Homepage&amp;utm_campaign=Donation-banner" class="btn-orange btn btn-blocked"><!--[-->立即支持<!--]--><em class="fa fa-lg fa-angle-right"></em></a></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; Martin Janca / Shutterstock</div></div></div></section><!--]--></section><style>@media (min-width: 768px) { } } } @media (min-width: 600px) { } } } @media (min-width:320px) { } } } @media (min-width:1281px) { } } } </style><!--]--> </objtemplate> </section> </objtemplate> <objtemplate id="239899" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="5B272EBF786C8D0C201467B2B70CBC95"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><div class="followh2">我們的工作</div><p><div class="what-we-do"><a class="item" href="/oceans/"><span class="item-title">海洋</span> <span class="item-desc">海洋是地球的生命之源</span> </a> <a class="item" href="/wildlife/"> <span class="item-title">野生生物</span> <span class="item-desc">非法野生生物貿易和消費正威脅世界標誌性物種的生存。為了保護這些物種及人類健康,我們必須停止相關貿易和消費。</span> </a> <a class="item" href="/wetlands/"> <span class="item-title">米埔及濕地</span> <span class="item-desc">東亞沿岸的濕地是數千萬水鳥的中轉站和渡冬之地。遷徙過程中,沿途的濕地就是牠們休息、進食、補充能量之所。</span> </a> <a class="item" href="/cities/"> <span class="item-title">綠色城市</span> <span class="item-desc">為城市的可持續未來而戰,我們仍有機會獲勝,但必須正視一系列大規模的環境挑戰!</span> </a> <a class="item" href="/biodiversity/"> <span class="item-title">環境監測</span> <span class="item-desc">香港是世界上為數不多維持高度城市化的同時亦保有豐富生物多樣性的城市,守護這個獨一無二的家園是我們每個人的責任,不僅為了無法取代的野生生物、調節氣候變化,更加為了我們的福祉以及我們的後代。</span> </a></div> <style type="text/css">.what-we-do{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 0.2fr; padding-bottom: 20px; } .module.module-text-block .what-we-do a.item{ height: 420px; color: white; text-align: left; padding: 15px; background-size: cover; background-position: right bottom; background-repeat: no-repeat; background-blend-mode: overlay; text-decoration: none; } .what-we-do .item:nth-child(1){background-image: url(https://wwfhk.awsassets.panda.org/img/original/2_2__cat_holloway_wwf_resized_2.jpg);} .what-we-do .item:nth-child(2){background-image: url(https://wwfhk.awsassets.panda.org/img/original/to_replace_2_3_47777__martin_harvey__wwf_3.jpg);} .what-we-do .item:nth-child(3){background-image: url(https://wwfhk.awsassets.panda.org/img/original/2_1__neil_fifer_resized.jpg);} .what-we-do .item:nth-child(4){background-image: url(https://wwfhk.awsassets.panda.org/img/original/2_4__wing_cc_by_sa_3_0_resized.jpg), linear-gradient(rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 20%);} .what-we-do .item:nth-child(5){background-image: url(https://apps4.wwf.org.hk/donation/gdp_template/generic/img/donation-page_watchdog_300x300.jpg);} .what-we-do .item:nth-child(1):hover{background-image: url(https://wwfhk.awsassets.panda.org/img/original/2_2__cat_holloway_wwf_resized_2.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .what-we-do .item:nth-child(2):hover{background-image: url(https://wwfhk.awsassets.panda.org/img/original/to_replace_2_3_47777__martin_harvey__wwf_3.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .what-we-do .item:nth-child(3):hover{background-image: url(https://wwfhk.awsassets.panda.org/img/original/2_1__neil_fifer_resized.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .what-we-do .item:nth-child(4):hover{background-image: url(https://wwfhk.awsassets.panda.org/img/original/2_4__wing_cc_by_sa_3_0_resized.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .what-we-do .item:nth-child(5):hover{background-image: url(https://apps4.wwf.org.hk/donation/gdp_template/generic/img/donation-page_watchdog_300x300.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .what-we-do .item .item-title{ font-family: WWF; font-size: 28px; padding-bottom: 15px; text-transform: uppercase; display: block; } .what-we-do .item .item-desc{ opacity: 0; transition-duration: 300ms; display: block; font-size: 18px; line-height: 1.6; } .module.module-text-block .what-we-do a.item:hover{ font-weight: normal; } .what-we-do .item:hover .item-desc{ opacity: 1; } .what-we-do .item .item-desc::after{ content: "\f105"; display: inline; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-left: 8px; } @media (max-width: 767px){ .what-we-do{ grid-template-columns: 1fr ; } .what-we-do .item{ background-position: center; } } </style> </p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> <objtemplate id="239900" objtemplate_id="2002" objtemplate_filename="capetown-single-hero-image"> <section date_created="1739934117" hash="53A4C23307C507F229A61000230717AF"><objtemplate><!--[--><section><!--[--><section class="module module-header module-header-center module-header-donate module-header-join" style="background-image:url(&#39;//wwfhk.awsassets.panda.org/img/schoolschool_keyvisual_low_1_42970.jpg&#39;); background-position: 50% 50%;"><div class="container" style="height:0px !important;"></div><div class="overlay"><div class="container"><div class="row"><div class="col-xs-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2 text-center"><div class="followh1">公眾參與及教育</div><p class="subtitle">地球的未來需要我們共同努力,攜手應對環境挑戰,讓大自然生生不息,陪伴下一代。</p><a href="/whatwedo/community_education/" class="btn-orange btn btn-blocked"><!--[-->了解更多<!--]--><em class="fa fa-lg fa-angle-right"></em></a></div></div></div><div style="position:absolute;right:0px;bottom:5px;font-size:11px;color:#e2e2e2;margin-right:15px;"> &copy; WWF - Hong Kong</div></div></section><!--]--></section><style>@media (min-width: 768px) { } } } @media (min-width: 600px) { } } } @media (min-width:320px) { } } } @media (min-width:1281px) { } } } </style><!--]--> </objtemplate> </section> </objtemplate> <objtemplate id="239901" objtemplate_id="2001" objtemplate_filename="capetown-3column-tile"> <section date_created="1739934117" hash="D25A6F7F2E72737091040B5D93422219"><objtemplate><section><section class="module module-blocks-6"><div class="container"><div class="followh2" style="box-sizing:border-box;font-family:WWF, Roboto, Calibri, Candara, Arial, sans-serif;line-height:1.1;margin-top:16px;margin-bottom:20px;font-size:48px;text-transform:uppercase;text-align:center;">本會活動</div><div class="row"><!--[--><div class="col-sm-6 col-md-4"><a href="/corporate/" target="_self" class="outlink"><div class="link-image" style="background-image:url(//wwfhk.awsassets.panda.org/img/wwf_frontpage_banner_01_42541.png);"><div class="link-detail"><div class="followh1">商界支持</div></div></div></a></div><div class="col-sm-6 col-md-4"><a href="/events/" target="_self" class="outlink"><div class="link-image" style="background-image:url(//wwfhk.awsassets.panda.org/img/before_after_tst_credit_41431.jpg);"><div class="link-detail"><div class="followh1">參加活動</div></div></div></a></div><div class="col-sm-6 col-md-4"><a href="/cities/fashion/" target="_self" class="outlink"><div class="link-image" style="background-image:url(//wwfhk.awsassets.panda.org/img/sustainablefashionsurvey_2__42543.jpg);"><div class="link-detail"><div class="followh1">可持續時裝</div></div></div></a></div><div class="col-sm-6 col-md-4"><a href="/oceans/booking" target="_self" class="outlink"><div class="link-image" style="background-image:url(//wwfhk.awsassets.panda.org/img/p3201950_hhw_1200px_w__40136.jpg);"><div class="link-detail"><div class="followh1">海下灣生態遊</div></div></div></a></div><div class="col-sm-6 col-md-4"><a href="/cities/heritage" target="_self" class="outlink"><div class="link-image" style="background-image:url(//wwfhk.awsassets.panda.org/img/island_house_new_48391.jpg);"><div class="link-detail"><div class="followh1">元洲仔生態遊</div></div></div></a></div><div class="col-sm-6 col-md-4"><a href="/wetlands/booking" target="_self" class="outlink"><div class="link-image" style="background-image:url(//wwfhk.awsassets.panda.org/img/tower_pano2_42552.jpg);"><div class="link-detail"><div class="followh1">米埔生態遊</div></div></div></a></div><!--]--></div></div></section><!----><!----></section> </objtemplate> </section> </objtemplate> <objtemplate id="239902" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="BBAB279C8906359BF473B13F083D4FB0"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><div class="followh2">熊貓禮品店</div><p><script> $(function(){ $("#item-list-product").parent().removeClass("col-md-8 col-md-offset-2"); $.get("https://apps6.wwf.org.hk/pandashop.php", function(product_items){ $("#item-list-product").html('<div class="ajaxResult"></div>'); for(var key in product_items){ var item = product_items[key]; var image_src = item.image.src; var product_names = item.title.split(" | "); var product_name = product_names[1]; var price = item.price; var product_url = "https://pandashop.wwf.org.hk/products/" + item.handle; var tile_item = '<div class="tile-item"><a href="' +product_url+ '" target="_blank" class="tile-link"><div class="link-image" style="background-image:url('+image_src+');"></div></a><div class="tile-product-label">'+product_name+'<br />HK$'+price+'<br /> </div></div>'; $("#item-list-product .ajaxResult").append(tile_item); } }); }); </script> <style type="text/css">#item-list-product .tile-product-label{ text-align: left; } #item-list-product .tile-item { width: 25%; } @media (max-width: 991px){ #item-list-product .tile-item { width: 50%; } } @media (max-width: 767px){ #item-list-product .tile-item { width: 100%; } } </style> <div class="module-list-tiles"> <div class="ajax-item-list tiles" id="item-list-product"><img src="https://cdnassets.panda.org/frameworks/colorbox/images/loading.gif" style="margin:auto;display:block;" /></div> </div> </p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> <objtemplate id="239903" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="F94FA6C24970306460B258BEB8891559"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><div class="followh2">招標公告</div><p><div class="module-list-tiles"> <div class="ajax-item-list tiles" id="item-list-tender"><img src="https://cdnassets.panda.org/frameworks/colorbox/images/loading.gif" style="margin:auto;display:block;" /></div> </div> <a href="/jobs/tenders/">查看所有招標公告</a></p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> <objtemplate id="239904" objtemplate_id="2000" objtemplate_filename="capetown-donation"> <section date_created="1739934117" hash="8D208EAA1722961F399A695A263BA66C"><objtemplate><section class="module module-text-block module-text-block-form"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><!----><div><h2 style="box-sizing: border-box; font-family: WWF, Roboto, Calibri, Candara, Arial, sans-serif; line-height: 1.1; margin-top: 16px; margin-bottom: 20px; font-size: 48px; text-transform: uppercase; text-align: center; "><br /> 拯救地球 刻不容緩</h2> <span style=" font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; background-color: rgb(243, 249, 235);">&nbsp;</span> <p style="box-sizing: border-box; margin: 0px 0px 20px; font-size: 20px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; "><span style="color: rgb(57, 57, 57); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px; text-align: center;">您的支持是本會保育工作不可或缺的一部分,您的付出將為身邊的人帶來積極轉變!</span></p> </div><form action="/support/" method="post"><div class="form-horizontal"><!----><!----><!----><!----></div><!----><button class="btn btn-blocked btn-orange">支持本會 <em class="fa fa-lg fa-angle-right"></em></button></form></div></div></div></section> </objtemplate> <script type="text/javascript"> function displayOthersTextField239904(show){ if (show) { $('#otherTextField239904').show().focus(); } else { $('#otherTextField239904').hide(); } } </script> </section> </objtemplate> <objtemplate id="239905" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="9915D88EFDBA4E156BF10A815AC514C6"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><!----><p><script> var current_pages = { "pr":0, "story":0, "tender":0 }; var ajax_item_offset = { "pr":3, "story":3, "tender":4 } $(function(){ $(".owl-stage-outer").append('<div class="owl-carousel-wave"><img src="https://wwfhk.awsassets.panda.org/img/original/home_carousel_overlay_4.png" style="width:100%;" /></div>'); $(".module-header .theme-title .col-lg-4").removeClass("col-sm-6 col-md-5 col-lg-4"); $(".module-header .home-title .col-lg-5").removeClass("col-sm-7 col-md-6 col-lg-5"); $(".module-list-tiles, .followh2").parent(".col-md-8").removeClass("col-md-8 col-md-offset-2"); $(".module-header-donate .col-lg-8").removeClass("col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2"); $(".module-text-block-form .col-md-8").removeClass("col-md-8 col-md-offset-2"); get_ajax_item("pr"); get_ajax_item("story"); get_ajax_item("tender"); $(".tile-pager-more").click(function(e){ e.preventDefault(); var type = $(this).parent(".tile-pager").prev(".ajax-item-list").attr("id").replace("item-list-",""); ++current_pages[type]; $(this).siblings("a").removeClass("hidden"); get_ajax_item(type); }); $(".tile-pager-back").click(function(e){ e.preventDefault(); var type = $(this).parent(".tile-pager").prev(".ajax-item-list").attr("id").replace("item-list-",""); if(--current_pages[type]<=0){ $(this).addClass("hidden"); $(this).siblings(".tile-pager-first").addClass("hidden"); } get_ajax_item(type); }); $(".tile-pager-first").click(function(e){ e.preventDefault(); var type = $(this).parent(".tile-pager").prev(".ajax-item-list").attr("id").replace("item-list-",""); current_pages[type]=0; $(this).addClass("hidden"); $(this).siblings(".tile-pager-back").addClass("hidden"); get_ajax_item(type); }); $(".what-we-do").parent().removeClass("col-md-8 col-md-offset-2"); $(".container > .row > div >.followh2").each(function(){ $(this).prependTo($(this).parent("div").parent(".row").parent(".container")); }); }); function get_ajax_item(type){ var obj_id = "217594"; if(type=="story") obj_id = "215628"; if(type=="tender") obj_id = "216737"; $.get("/_template/_capetown/articles-pages-ajax.cfm?site_id=1&lang_id=21&admin_mode=false&archive_mode=false&obj_id="+obj_id+"&month=&year=&startRow="+(current_pages[type]*ajax_item_offset[type]+1)+"&endRow="+((current_pages[type]+1)*ajax_item_offset[type])+"&contentType=article", function(response){ $("#item-list-"+type).html(response); $("#item-list-"+type).append('<div class="clear"></div>'); if($("#item-list-"+type+" .tile-item").length<3){ $("#item-list-"+type+" +.tile-pager .tile-pager-more").hide(); } }); } </script> <style type="text/css">.owl-carousel-wave{ bottom: -1px; position: absolute; width: 100%; } .tile-pager a{ padding: 0 5px; } .module-header-donate h1, .module-header-home h1, .module-header-join h1, .module-header-theme h1, .module-header-theme div.followh1{ font-size: calc(2.8em + 2vw); } .module-header-theme div.followh1, .module-header-theme h1{ margin-top: 80px; } .btn-block, .btn-blocked{ border-radius:20px; } .btn-block > em.fa-angle-right.fa-lg, .btn-blocked > em.fa-angle-right.fa-lg{ top: 0 } .btn-blocked > em.fa-angle-right.fa-lg{ top: 2px; } .owl-theme .owl-dots{ text-align: left; max-width: 1140px; margin-left: auto; margin-right: auto; } .owl-item .btn-primary:after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; padding-left: 8px; } #item-list-tender .tile-item{ width: 25%; } .module-text-block{ padding: 0; } .module div.followh2{ text-align: left !important; margin-bottom: 0; } .module{ clear: both; } .module-header{ height: 820px; } .module-list-tiles{ padding-left: 0; padding-right: 0; } .module-list-tiles a.tile-link .link-detail{ text-align: left; } .module-list-tiles a.tile-link .link-detail div.followh1::after, .module-list-tiles a.tile-link .link-detail h1::after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px; position: absolute; right: 6px; bottom: 15px; } .module-list-tiles a.tile-link .link-detail h1 small, .module-list-tiles a.tile-link .link-detail div.followh1 small{ display: none; } .module-header-center.module-header-donate{ padding: 300px 0; height: 820px; } .module-header-donate .overlay, .module-header-join .overlay{ background: transparent; position: static; } .module-header-home .read-more{ display: none; } .module.module-text-block a.btn{ text-decoration: none; } .module.module-text-block a.btn:hover{ font-weight: normal; } .module.module-text-block a.btn-orange:hover{ background-color: #f67d0fa; } .module-list-tiles a.tile-link .link-image, .module-blocks-6 a.outlink .link-image{ height: 293px; } [objtemplate_filename="capetown-single-hero-image"] + objtemplate > .module-text-block{ padding-top: 45px; } body #content { padding-bottom: 50px !important; } .module-list-tiles #item-list-product a.tile-link .link-image, .module-list-tiles #item-list-tender a.tile-link .link-image{ height: 208px; } .btn-blocked { width: 250px !important; } .btn-blocked.btn-floating { width: auto !important; } .module-list-tiles a.tile-link .link-detail h1 .title, .module-list-tiles a.tile-link .link-detail div.followh1 .title{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .module-list-tiles a.tile-link .link-detail h1 small.subtitle, .module-list-tiles a.tile-link .link-detail div.followh1 small.subtitle{ display: none; } @media (max-width:991px){ .module-list-tiles .tiles .tile-item, #item-list-tender .tile-item{ width: 50%; } } @media (max-width:767px){ .module-list-tiles .tiles .tile-item, #item-list-tender .tile-item{ width: 100%; } } </style> </p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> <objtemplate id="239907" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="4FEDA59C1257B709387762AF90BCD0FB"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><!----><p><style type="text/css">body #footer-wrapper #footer{ height: auto; margin-bottom: 0; } body #footer-wrapper #footer .footer-brand, body #footer-wrapper #footer .footer-links{ background-color: #f7f6f1; } body #footer-wrapper #footer .footer-brand .slogan-block{ max-width: 100%; text-align: center; } body #footer-wrapper #footer .footer-brand .slogan-block img{ display: none; } body #footer-wrapper #footer .footer-brand .slogan-block p.slogan{ color: #393939; font-family: Arial, Helvetica, Microsoft JhengHei, Apple LiGothic; font-size:40px; font-weight: bold; } .footer-themes{ display: none; } body #footer-wrapper #footer .footer-links .footer-legal{ text-align: center; } .footer-socials{ margin-bottom: 40px; } #footer .btn-social{ width: 80px; height: 80px; margin: 10px; padding: 27px; border: 1px solid #e2e0d1; background: none; } #footer .btn-social .fa, #footer .btn-social #footer .fab, #footer .btn-social .fal, #footer .btn-social .far, #footer .btn-social .fas{ font-size: 30px; } #footer .copyright { text-align: left; padding: 0; color: #888888; max-width: 1140px; margin: auto; } #footer .footer-copyright-outer{ border-top: 1px solid #e2e0d1; background: #f7f6f1; } #footer .copyright a{ color: #888888; } #footer .copyright img{ max-width: 70px; height: auto; margin-right: 20px; } body #footer-wrapper #footer .footer-links .footer-legal>a{ color: #393939; } body #footer-wrapper #footer .footer-links .footer-legal>a:hover{ text-decoration: underline; color: #393939; } @media (min-width: 991px) body #content { padding-bottom: 0px; } body #footer-wrapper{ position: relative; } } </style> <script> $(function(){ $("#footer .col-md-4").removeClass("col-md-4"); $("#footer .col-md-8").removeClass("col-md-8"); $(".footer-socials").prependTo(".footer-brand .slogan-block").parent(); $(".copyright").appendTo("#footer"); $(".copyright").prepend('<img src="https://cdnassets.panda.org/_skins/capetown/img/logo.png" />'); $(".copyright").wrap('<div class="footer-copyright-outer"></div>'); }); </script></p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> <objtemplate id="239906" objtemplate_id="2004" objtemplate_filename="capetown-storytext"> <section date_created="1739934117" hash="E9E857F270EB60C94DE8397F3105B34A"><objtemplate> <style> /*project*/ .module.module-text-block.storytext.project a{text-decoration:underline;} .module.module-text-block.storytext.project a:hover{font-weight:bold;} /*text block theme*/ .module.module-text-block.module-text-block-themed a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed a:visited{color:white;} /*gray*/ .module.module-text-block.module-text-block-themed.gray a{color:white;text-decoration:underline;} .module.module-text-block.module-text-block-themed.gray a:hover{font-weight:bold; color:white;} .module.module-text-block.module-text-block-themed.gray a:visited{color:white;} </style><section><section class="module module-text-block storytext project"><div class="container"><div class="row"><div class="col-md-8 col-md-offset-2"><!----><p><a class="btn btn-blocked btn-orange btn-floating" href="/subscribe/">了解更多我們的最新資訊</a> <style type="text/css">.btn-floating:before{ content:"\f658"; display: inline; font-weight: 900; font-family: "Font Awesome 5 Free"; padding-right:10px; } .btn-floating{ position: fixed; right: 10px; bottom: 0; z-index: 1000; font-size: 20px; } .btn-blocked.btn-floating{ border-radius: 20px 20px 0 0; } .btn-floating:hover{ padding-bottom: 25px; } @media (max-width: 767px){ .btn-floating{display: none;} } </style> </p><!----></div></div></div></section></section> </objtemplate> </section> </objtemplate> </div> <div id="footer-wrapper" > <footer id="footer"> <section class="footer-brand"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="slogan-block"> <img src="//d1diae5goewto1.cloudfront.net/_skins/capetown/img/logo.png" alt="WWF" style="width:90px;"/> <p class="slogan"> 建立人類與大自然和諧共存的未來 </p> <div class="clearfix"></div> </div> </div> <div class="col-md-8 footer-themes"> <div class="row"> <div class="col-xs-4 col-sm-2 text-center"> <a href="/footer_oceans/" class="btn btn-oceans btn-theme" > 海洋 </a> </div> <div class="col-xs-4 col-sm-2 text-center"> <a href="/footer_wetlands/" class="btn btn-land btn-theme" > 濕地 </a> </div> <div class="col-xs-4 col-sm-2 text-center"> <a href="/footer_wildlife/" class="btn btn-wildlife btn-theme" > 野生生物 </a> </div> <div class="col-xs-4 col-sm-2 text-center"> <a href="/footer_cities_/" class="btn btn-energy btn-theme" > 綠色城市 </a> </div> <div class="col-xs-4 col-sm-2 text-center"> <a href="/footer_biodiversity/" class="btn btn-land btn-theme" > 生物多樣性 </a> </div> </div> </div> </div> </div> </section> <section class="footer-links"> <div class="container"> <div class="row"> <div class="col-md-4 footer-socials"> <a href="https://www.instagram.com/wwfhk/" class="btn btn-social" target="_blank"> <i class="fab fa-instagram"></i> </a> <a href="https://www.facebook.com/wwfhongkong" class="btn btn-social" target="_blank"> <i class="fab fa-facebook"></i> </a> <a href="https://hk.linkedin.com/company/wwf-hong-kong" class="btn btn-social" target="_blank"> <i class="fab fa-linkedin"></i> </a> <a href="https://www.youtube.com/user/wwfhk" class="btn btn-social" target="_blank"> <i class="fab fa-youtube"></i> </a> </div> <div class="col-md-8 footer-legal"> <a href="/contactus/">聯絡本會</a> <a href="/privacy/">私隱政策</a> <a href="/copyright/">版權</a> <a href="/global/">其他辦事處</a> <a href="/subscribe2/">訂閱熊貓電子報</a> <div class="copyright"> Photos and graphics &copy; WWF or used with permission. Text available under a <a href="//creativecommons.org/licenses/by-sa/3.0/deed.zh" target="_blank"><a href="//creativecommons.org/licenses/by-sa/3.0/deed.en" target="_blank">Creative Commons licence</a></a>. </div> </div> </div> </div> </section> </footer> </div> </div> <script type="text/javascript"> /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ var disqus_shortname = 'wwfhongkong'; // required: replace example with your forum shortname /* * * DON'T EDIT BELOW THIS LINE * * */ (function () { var s = document.createElement('script'); s.async = true; s.type = 'text/javascript'; s.src = '//' + disqus_shortname + '.disqus.com/count.js'; (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s); }()); function disqus_config() { this.callbacks.onNewComment = [function() { _gaq.push(['_trackEvent', 'Comment', 'New comment', '']); }]; } </script> <!-- No popup to show. --> <script> // thadimulyono GA mainstage fix Z#5556 jQuery(document).ready(function(){ jQuery('a.main_story').unbind('click').click(function() { var href = jQuery(this).attr('href'); var extLink = href.replace(/^https?\:\/\//i, ''); var _gaq = _gaq || []; _gaq.push(['_trackEvent', 'External', 'Click', extLink]); setTimeout(function() { location.href = href; }, 200); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ if ($(".colorbox")[0]){ $(".colorbox").colorbox({maxWidth: "90%", maxHeight: "90%", onComplete: function(e){}}); } }); function showImgPopup(id) { $("a[id='" + id + "']").colorbox({open:true}); } </script> <style>.btn .fa-angle-right.fa-lg{top:0;font-size:1.2em}.navbar .navbar-nav>li>a .fa-angle-down{position:absolute;bottom:5px;right:50%;color:#969696}#header-socials,#showRegionSelector,.navbar .navbar-nav.navbar-right>li.dropdown>a .fa-angle-down{display:none}#showSearchForm{margin-left:-30px}#showSearchForm i{color:#969696}.navbar .navbar-nav>li>a .fa-angle-down:before{content:"\f0d7"}.navbar .navbar-nav.navbar-right{position:relative}.navbar .navbar-nav.navbar-right>li:not(.language-nav).dropdown{position:static}.navbar .navbar-nav.navbar-right>li:not(.language-nav).dropdown .dropdown-menu{min-width:275px}.navbar .navbar-nav>li>.dropdown-menu{background:rgba(0,0,0,.7)}.navbar .navbar-nav>li.shop .dropdown-menu{background-color:#dd5f3eb2!important}.navbar .navbar-nav>li.donate .dropdown-menu{background-color:#f99734b2!important}.navbar .navbar-nav>li.join .dropdown-menu{background-color:#ffc01db2!important}.navbar .navbar-nav>li.shop .dropdown-menu a:hover,.navbar .navbar-nav>li.shop>a{background-color:#dd5f3e}.navbar .navbar-nav>li.donate .dropdown-menu a:hover{background-color:#f99734}.navbar .navbar-nav>li.join .dropdown-menu a:hover,.navbar .navbar-nav>li.join>a{background-color:#ffc01d}.navbar .navbar-nav>li.donate>a{min-width:80px;background-color:#f99734}.navbar .navbar-nav>li .dropdown-menu>li>a{border-bottom:2px dotted #999}.navbar .navbar-nav.navbar-right>li .dropdown-menu>li>a{border-color:#fff}.navbar .navbar-nav>li .dropdown-menu>li:last-child>a{border-bottom:0}.navbar .navbar-nav>li.shop.open>a,.navbar .navbar-nav>li.shop>a:hover{background-color:#dd4e3e}.navbar .navbar-nav>li.donate.open>a{background-color:#f78b27}.navbar .navbar-nav>li.join.open>a{background-color:#ffb812}.navbar .navbar-right>li.donate>a,.navbar .navbar-right>li.join>a,.navbar .navbar-right>li.shop>a{border-radius:10px;margin-left:10px;padding:15px;margin-top:10px;margin-bottom:10px}.navbar .navbar-header .navbar-brand{height:72px;background-position-x:left}@media (max-width:991px){#showSearchForm{margin-left:0}}@media (max-width:767px){.navbar .navbar-right>li.donate,.navbar .navbar-right>li.icon-nav,.navbar .navbar-right>li.join,.navbar .navbar-right>li.shop{display:block;width:100%}}.home-title .btn-blocked[href='#']{display:none;}</style> <script> (function() { var queryStrings = window.location.search; if(queryStrings.length == 0){ return; } queryStrings = queryStrings[0] == "?" ? queryStrings.substr(1) : queryStrings; var buttons = document.getElementsByClassName("btn"); for(var i = 0; i < buttons.length; i++){ var url = buttons[i].href; if(url){ var hasQueryString = url.indexOf("?") > -1; if(hasQueryString){ url += "&" + queryStrings; } else{ url += "?" + queryStrings; } buttons[i].href = url; } } })(); </script> <script language="javascript" type="text/javascript"> pageID=1360; </script> </body> </html>

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