{"id":89,"date":"2020-09-09T08:55:51","date_gmt":"2020-09-09T08:55:51","guid":{"rendered":"https:\/\/nhkuivf.hku.hk\/?page_id=89"},"modified":"2026-01-06T18:02:32","modified_gmt":"2026-01-06T10:02:32","slug":"male","status":"publish","type":"page","link":"https:\/\/hkuivf.hku.hk\/tc\/services\/fertility-preservation\/male\/","title":{"rendered":"\u7537\u6027"},"content":{"rendered":"<p><strong>\u7cbe\u5b50\u51cd\u5b58<\/strong><\/p>\n<p class=\"accordion\">\u70ba\u4ec0\u9ebc\u6211\u9700\u8981\u5c07\u7cbe\u5b50\u51cd\u5b58\uff1f<\/p>\n<div class=\"panel\">\n<div class=\"borderless\">\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: left;\">\u764c\u75c7\u6cbb\u7642\u6709\u6a5f\u6703\u6e1b\u5c11\u548c\u640d\u5bb3\u7cbe\u5b50\u3002\u5c0d\u65bc\u5305\u62ec\u9752\u6625\u671f\u7537\u5b69\u5728\u5167\u7684\u7537\u6027\u4f86\u8aaa\uff0c\u51cd\u5b58\u7cbe\u5b50\u662f\u4e00\u7a2e\u9078\u64c7\u3002<\/p>\n<p>\u751f\u5b69\u5b50\u53ef\u80fd\u66ab\u6642\u4e0d\u5728\u4f60\u7684\u8a08\u5283\u4e4b\u4e2d\uff0c\u4f46\u5c07\u4f86\u4f60\u5011\u7576\u4e2d\u6709\u4e9b\u6216\u8a31\u6703\u8a8d\u70ba\u5f88\u91cd\u8981\u3002\u5728\u764c\u75c7\u6cbb\u7642\u5f8c\uff0c\u6709\u4e9b\u60a3\u8005\u53ef\u80fd\u7121\u6cd5\u88fd\u9020\u7cbe\u5b50, \u5c0e\u81f4\u751f\u80b2\u80fd\u529b\u53d7\u5230\u5f71\u97ff\u3002\u4f60\u53ef\u4ee5\u9078\u64c7\u5728\u63a5\u53d7\u764c\u75c7\u6cbb\u7642\u524d\u51cd\u5b58\u7cbe\u5b50\u4ee5\u4f9b\u5c07\u4f86\u4f7f\u7528\u3002\u5f88\u591a\u60a3\u8005\u900f\u904e\u4f7f\u7528\u51cd\u5b58\u7684\u7cbe\u5b50\uff0c\u914d\u5408\u8f14\u52a9\u751f\u80b2\u6cbb\u7642\uff0c\u4e5f\u53ef\u4ee5\u64c1\u6709\u81ea\u5df1\u7684\u5b69\u5b50\u3002<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"370\" class=\"alignnone size-full wp-image-384\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/sperm.png\" alt=\"\" srcset=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/sperm.png 524w, https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/sperm-300x212.png 300w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p class=\"accordion\">\u6211\u61c9\u8a72\u5728\u4ec0\u9ebc\u6642\u5019\u51cd\u5b58\u7cbe\u5b50\uff1f<\/p>\n<div class=\"panel\">\u7cbe\u5b50\u61c9\u8a72\u5728\u764c\u75c7\u6cbb\u7642\u958b\u59cb\u524d\u51cd\u5b58\u3002\u4f46\u662f\u4f60\u7684\u764c\u75c7\u6cbb\u7642\u4e0d\u61c9\u8a72\u53d7\u5230\u62d6\u5ef6\u3002<\/div>\n<p class=\"accordion\">\u63a5\u4e0b\u4f86\u6703\u6709\u4ec0\u9ebc\u7a0b\u5e8f\uff1f<\/p>\n<div class=\"panel\">\n<p>\u6574\u500b\u904e\u7a0b\u53ef\u4ee5\u5728\u4e00\u500b\u4e0b\u5348\u5167\u5b8c\u6210\u3002<\/p>\n<div style=\"text-align: center;\">\u751f\u6b96\u91ab\u5b78\u91ab\u751f\u6703\u70ba\u4f60\u7684\u72c0\u6cc1\u4f5c\u51fa\u8a55\u4f30\u3002<br \/>\n\u2193<br \/>\n\u5982\u679c\u4f60\u6c7a\u5b9a\u5c07\u7cbe\u5b50\u51cd\u5b58\uff0c\u4f60\uff08\u5982\u679c\u4f60\u672a\u6eff18\u6b72\uff0c\u548c\u4f60\u7684\u7236\u6bcd ) \u7c3d\u7f72\u540c\u610f\u66f8\u3002<br \/>\n\u2193<br \/>\n\u5728\u4e00\u500b\u79c1\u4eba\u623f\u9593\uff0c \u4f60\u900f\u904e\u81ea\u6170\u7684\u65b9\u5f0f\u5c07\u7cbe\u6db2\u653e\u5165\u4e00\u500b\u6a19\u672c\u676f\u3002\u5982\u679c\u4f60\u4e0d\u80fd\u5b8c\u6210\uff0c\u4e0d\u8981\u64d4\u5fc3\uff0c\u56e0\u70ba\u5f88\u5bb9\u6613\u5728\u53e6\u4e00\u5929\u9810\u7d04\u3002\u6709\u6642\u5019\u53ef\u80fd\u8acb\u4f60\u9694\u5e7e\u5929\u518d\u4f86\u63d0\u4f9b\u591a\u500b\u6a23\u672c\u4ee5\u589e\u52a0\u7cbe\u5b50\u7684\u5132\u5b58\u6578\u91cf\u3002<\/div>\n<\/div>\n<p class=\"accordion\">\u5982\u679c\u6211\u7121\u6cd5\u63d0\u4f9b\u7cbe\u6db2\u6a23\u672c\u600e\u9ebc\u8fa6\uff1f<\/p>\n<div class=\"panel\">\n<div class=\"borderless\">\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: left;\">\u5982\u679c\u4f60\u5c0d\u6b64\u611f\u5230\u64d4\u5fc3\uff0c\u53ef\u4ee5\u96a8\u6642\u8ddf\u6211\u5011\u63d0\u51fa\u3002\u6211\u5011\u53ef\u4ee5\u8a0e\u8ad6\u5176\u4ed6\u6536\u96c6\u7cbe\u5b50\u7684\u65b9\u6cd5\u3002<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" width=\"222\" height=\"222\" class=\"alignnone size-full wp-image-383\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/worry.png\" alt=\"\" srcset=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/worry.png 222w, https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/worry-150x150.png 150w\" sizes=\"auto, (max-width: 222px) 100vw, 222px\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p class=\"accordion\">\u6211\u7684\u7cbe\u5b50\u6703\u600e\u6a23\u8655\u7406\uff1f<\/p>\n<div class=\"panel\">\n<div class=\"borderless\">\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: left;\">\u6211\u5011\u5728\u986f\u5fae\u93e1\u4e0b\u6aa2\u67e5\u7cbe\u5b50\u6578\u91cf\uff0c\u52d5\u529b\u548c\u578b\u614b\uff0c\u7136\u5f8c\u5c07\u7cbe\u5b50\u5132\u5b58\u5728\u5c0f\u7ba1\u5167\uff0c\u4e26\u653e\u9032\u6db2\u6c2e\u7f50\u3002 \u7cbe\u5b50\u5c07\u6703\u4e00\u76f4\u4fdd\u5b58\u5728\u6db2\u6c2e\u7f50\u88e1\uff0c\u76f4\u5230\u4f60\u5e0c\u671b\u4f7f\u7528\u5b83\u4f86\u751f\u5c0f\u5b69\u6216\u4e0d\u60f3\u518d\u7e7c\u7e8c\u51b7\u51cd\u5b83\u70ba\u6b62\u3002<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"474\" class=\"alignnone size-full wp-image-382\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/sperm_freezer.png\" alt=\"\" srcset=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/sperm_freezer.png 666w, https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/sperm_freezer-300x214.png 300w\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p class=\"accordion\">\u5c07\u4f86\u5982\u4f55\u4f7f\u7528\u51cd\u5b58\u7684\u7cbe\u5b50\uff1f<\/p>\n<div class=\"panel\">\n<p>\u5728\u5b8c\u6210\u764c\u75c7\u6cbb\u7642\u5f8c\uff0c\u4f60\u53ef\u80fd\u6703\u518d\u6b21\u9032\u884c\u7cbe\u5b50\u6aa2\u67e5\u3002\u6709\u4e00\u4e9b\u60a3\u8005\u53ef\u80fd\u4ecd\u7136\u53ef\u4ee5\u88fd\u9020\u7cbe\u5b50\uff0c\u90a3\u5c07\u4f86\u5c31\u4e0d\u9700\u8981\u4f7f\u7528\u51cd\u5b58\u7684\u7cbe\u5b50\u3002\u5728\u65e5\u5f8c\u6709\u751f\u80b2\u8a08\u5283\u7684\u6642\u5019\uff0c\u4f60\u548c\u59bb\u5b50\u53ef\u4ee5\u8f49\u4ecb\u5230\u6211\u5011\u7684\u751f\u80b2\u8a3a\u6240\u63a5\u53d7\u8f14\u52a9\u751f\u80b2\u6cbb\u7642:<\/p>\n<div class=\"borderless\">\n<table style=\"border-collapse: collapse !important; border-width: 0px !important;\">\n<tbody>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" width=\"172\" height=\"141\" class=\"alignnone size-full wp-image-361\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_1.png\" alt=\"\" \/><\/td>\n<td>\u4f60\u548c\u59bb\u5b50\u9700\u8981\u70ba\u5408\u6cd5\u592b\u5a66\u624d\u53ef\u4ee5\u4f7f\u7528\u51cd\u5b58\u7684\u7cbe\u5b50\u9032\u884c\u751f\u80b2\u6cbb\u7642\u3002<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u2193<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" width=\"214\" height=\"134\" class=\"alignnone size-full wp-image-360\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_2.png\" alt=\"\" \/><\/td>\n<td>\u4f60\u7684\u59bb\u5b50\u9700\u8981\u63a5\u53d7\u751f\u80b2\u6cbb\u7642\u4ee5\u62bd\u53d6\u5375\u5b50\uff0c\u7136\u5f8c\u4f60\u7684\u7cbe\u5b50\u89e3\u51cd\u5f8c\u6703\u8207\u5375\u5b50\u5728\u5be6\u9a57\u5ba4\u7d50\u5408\u3002<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u2193<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"162\" class=\"alignnone size-full wp-image-359\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_3.png\" alt=\"\" \/><\/td>\n<td>\u80da\u80ce\u79fb\u690d\u5230\u592a\u592a\u7684<a href=\"#\"><span class=\"terms\">\u5b50\u5bae<\/span><\/a>\u88e1\u3002<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u2193<\/td>\n<\/tr>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"366\" class=\"alignnone size-full wp-image-358\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_4.jpg\" alt=\"\" srcset=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_4.jpg 293w, https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_4-240x300.jpg 240w\" sizes=\"auto, (max-width: 293px) 100vw, 293px\" \/><\/td>\n<td>\u5982\u679c\u6cbb\u7642\u6210\u529f\uff0c\u59bb\u5b50\u5c07\u6703\u61f7\u5b55\u3002<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u2193<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\"><img loading=\"lazy\" decoding=\"async\" width=\"632\" height=\"327\" class=\"alignnone size-full wp-image-357\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_5.jpg\" alt=\"\" srcset=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_5.jpg 632w, https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/baby_5-300x155.jpg 300w\" sizes=\"auto, (max-width: 632px) 100vw, 632px\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"modal\">\n<h2>\u80da\u80ce\u79fb\u690d<\/h2>\n<div class=\"modal-body\"><a href=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/10\/Embryo-transfer_tc.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-368\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/10\/Embryo-transfer_tc.png\" alt=\"\" width=\"100%\" \/><\/a><\/div>\n<\/div>\n<\/div>\n<p class=\"accordion\">\u51cd\u5b58\u7cbe\u5b50\u53ef\u5728\u5be6\u9a57\u5ba4\u5132\u5b58\u591a\u4e45\uff1f<\/p>\n<div class=\"panel\">\n<div class=\"borderless\">\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: left;\">\u5982\u56e0\u70ba\u751f\u80b2\u529b\u4fdd\u5b58\uff0c\u4f60\u7684\u7cbe\u5b50\u53ef\u4ee5\u51cd\u5b58\u81f3\u4f6050\u6b72\u3001\u6216\u51cd\u5b5810\u5e74\uff0c\u4ee5\u8f03\u9577\u8005\u70ba\u6e96\u3002\u4f60\u4e5f\u53ef\u4ee5\u6307\u660e\u51cd\u5b58\u81f3\u5c0f\u65bc\u4ee5\u4e0a\u5e74\u671f\u3002<\/p>\n<p>\u4f60\u5fc5\u9808\u6bcf\u9694\u5169\u5e74\u4ee5\u66f8\u9762\u5f62\u5f0f\u7e8c\u671f\u51cd\u5b58\uff0c\u7e8c\u671f\u901a\u77e5\u66f8\u9808\u65bc\u5132\u5b58\u671f\u5c46\u6eff\u524d\u81f3\u5c11\u4e00\u500b\u6708\u9001\u4ea4\u4e2d\u5fc3\u3002<\/p>\n<p>\u5132\u5b58\u6eff\u4e94\u5e74\u5f8c\u53ca\u5176\u5f8c\u6bcf\u5169\u5e74\uff0c\u4f60\u9808\u63a5\u53d7\u6070\u7576\u8f14\u5c0e\uff0c\u4e26\u7c3d\u7f72\u540c\u610f\u66f8\u4ee5\u91cd\u65b0\u7d66\u4e88\u540c\u610f\u3002<\/td>\n<td><img loading=\"lazy\" decoding=\"async\" width=\"557\" height=\"392\" class=\"alignnone size-full wp-image-381\" src=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/frozen_sperm.png\" alt=\"\" srcset=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/frozen_sperm.png 557w, https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/09\/frozen_sperm-300x211.png 300w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p class=\"accordion\">\u6211\u53ef\u4ee5\u7d42\u6b62\u5408\u7d04\u55ce\uff1f<\/p>\n<div class=\"panel\">\u53ef\u4ee5\uff0c\u5982\u679c\u4f60\u4e0d\u60f3\u7e7c\u7e8c\u51cd\u5b58\u7cbe\u5b50\u670d\u52d9\uff0c\u4f60\u53ef\u4ee5\u96a8\u6642\u901a\u77e5\u672c\u4e2d\u5fc3\u3002<\/div>\n<p class=\"accordion\">\u9019\u9805\u670d\u52d9\u9700\u8981\u591a\u5c11\u9322\uff1f<\/p>\n<div class=\"panel\">\u4f60\u5fc5\u9808\u652f\u4ed8\u6bcf\u5169\u5e74\u4e00\u6b21\u7684\u5132\u5b58\u8cbb\u7528\u3002<br \/>\n\u5132\u5b58\u8cbb\u7528\u9996\u5169\u5e74\u6e2f\u5e63$4,800\uff0c\u96a8\u5f8c\u6bcf\u5169\u5e74\u6e2f\u5e63$6,600\u3002<br \/>\n(\u96a8\u6642\u66f4\u6539)<\/div>\n<p class=\"accordion\">\u6211\u53ef\u4ee5\u600e\u6a23\u5b89\u6392\u7cbe\u5b50\u51cd\u5b58\u670d\u52d9\uff1f<\/p>\n<div class=\"panel\">\n<p>\u5f9e\u6211\u5011\u7684\u7db2\u7ad9\u4e0b\u8f09<a href=\"https:\/\/hkuivf.hku.hk\/wp-content\/uploads\/2020\/10\/CARE-Clinic-referral-20200915_SY.pdf\" target=\"_blank\" rel=\"noopener\">\u8f49\u4ecb\u4fe1<\/a>\uff0c\u6216\u8ca0\u8cac\u6cbb\u7642\u60a8\u764c\u75c7\u7684\u91ab\u751f\u53ef\u4ee5\u8f49\u4ecb\u5230\u746a\u9e97\u91ab\u9662\u5a66\u7522\u79d1\uff0c\u8acb\u5c07\u8f49\u4ecb\u4fe1\u50b3\u771f\u81f322554842\u3002<\/p>\n<p>\u6211\u5011\u6703\u5b89\u6392\u5728\u4e00\u661f\u671f\u5167\u7d04\u898b\u75c5\u4eba\u3002<\/p>\n<\/div>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/www.youtube.com\/watch?v=u1vjktjnC5A&amp;list=PLp60AnTUVei8uyfd3qv9926qMKhbUDOpV&amp;index=1\" target=\"_blank\" rel=\"noopener\">\u7537\u6027\u751f\u80b2\u529b\u4fdd\u5b58\u8f14\u5c0e\u5f71\u7247\uff08\u5ee3\u6771\u8a71\uff09<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/www.youtube.com\/watch?v=CnBc8qJECYM&amp;list=PLp60AnTUVei-P7nKz1ueOTWQd8xldapD2\" target=\"_blank\" rel=\"noopener\">\u7537\u6027\u751f\u80b2\u529b\u4fdd\u5b58\u8f14\u5c0e\u5f71\u7247\uff08\u666e\u901a\u8a71\uff09<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><script type=\"text\/javascript\">\r\nvar style = document.createElement('style');\r\n  style.innerHTML = `\r\n<style>\r\n#mask {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 100;\r\n  background-color: #000;\r\n  display: none;\r\n}\r\n\r\n#boxes .window {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  width: 50vw;\r\n  height: 60vh;\r\n  display: none;\r\n  z-index: 200;\r\n  padding: 20px;\r\n  border-radius: 15px;\r\n  text-align: center;\r\n  overflow: auto;\r\n\r\n}\r\n\r\n#boxes {\r\n  z-index: 200;\r\n}\r\n\r\n#boxes #dialog {\r\n  width: 50vw;\r\n  height: 60vh;\r\n  padding: 10px;\r\n  background-color: #ffffff;\r\n  font-size: 14pt;\r\n  text-align: left;\r\n  overflow: auto;\r\n}\r\n\r\n#popupfoot {\r\n  font-size: 16pt;\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: 50%;\r\n  left: 25%;\r\n}\r\n#overlay {\r\nposition: fixed;\r\ntop: 0;\r\nleft: 0;\r\nwidth: 100%;\r\nheight: 100%;\r\nbackground-color: #000;\r\nfilter:alpha(opacity=70);\r\n-moz-opacity:0.7;\r\n-khtml-opacity: 0.7;\r\nopacity: 0.7;\r\nz-index: 100;\r\ndisplay: none;\r\n}\r\n@media (max-width: 992px) {\r\n\t#boxes #dialog {\r\n\t\twidth: 75%;\r\n\t\theight: 75%;\r\n\t\tpadding: 10px;\r\n\t\tbackground-color: #ffffff;\r\n\t\tfont-size: 12pt;\r\n\t\toverflow: auto;\r\n\t}\r\n\t#popupfoot {\r\n\t\tfont-size: 12pt;\r\n\t\tposition: absolute;\r\n\t\tbottom: 0px;\r\n\t\twidth: 75%;\r\n\t\tleft: 12.5%;\r\n\t}\r\n  }\r\n}\r\n\/* Style the element that is used to open and close the accordion class *\/\r\np.accordion {\r\n    background-color: #eee;\r\n    color: #444;\r\n    cursor: pointer;\r\n    padding: 18px;\r\n    width: 100%;\r\n    text-align: left;\r\n    border: none;\r\n    outline: none;\r\n    transition: 0.4s;\r\n    margin-bottom:10px;\r\n}\r\n\r\n\/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) *\/\r\np.accordion.active, p.accordion:hover {\r\n    background-color: #ddd;\r\n}\r\n\r\n\/* Style the element that is used for the panel class *\/\r\n\r\ndiv.panel {\r\n    padding: 0 18px;\r\n    background-color: white;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: 0.4s ease-in-out;\r\n    opacity: 0;\r\n    margin-bottom:10px;\r\n}\r\n\r\ndiv.panel.show {\r\n    opacity: 1;\r\n    max-height: 3000px; \/* Whatever you like, as long as its more than the height of the content (on all screen sizes) *\/\r\n}\r\n\r\n.terms {\r\n\tcolor: #ff9393;\r\n}\r\n.borderless td{\r\n\tborder :0px !important;\r\n\tpadding:2px 0 !important;\r\n}\r\n`;\r\ndocument.head.appendChild(style);\r\n \r\nfunction popUp(x){\r\n\tvar clickedterm = document.getElementById(\"myModal\"+x);\r\n\tvar dialog = document.getElementById(\"dialog\");\r\n\tdialog.innerHTML = clickedterm.innerHTML;\r\n\tjQuery(dialog).fadeIn(1000);\r\n\tjQuery('#overlay').show();\r\n\tjQuery('.window').show();\r\n}\r\n\r\njQuery(document).ready(function($) {\t\r\n\r\nvar accordion = document.getElementsByClassName(\"accordion\");\r\nfor (i=1;i<=accordion.length;i++){\r\n\taccordion[i-1].innerHTML = \"Q\" + i + \". \" + accordion[i-1].innerHTML;\r\n}\r\n\r\n\/\/Hide All content belongs to pop-up windows\r\nvar modals = document.getElementsByClassName(\"modal\");\r\nfor (i=0;i<modals.length;i++){\r\n\tmodals[i].style.display = \"none\";\r\n\tmodals[i].id = \"myModal\" + i;\r\n}\r\n\r\nvar popup = $(`\r\n<div id=\"boxes\"><div id=\"dialog\" class=\"window\"><div id=\"popupfoot\"> <a href=\"#\" class=\"close agree\">Click to Close<\/a><\/div><\/div><\/div><div id=\"overlay\"><\/div>`);\r\npopup.appendTo(document.body);\r\n\r\nvar id = '#dialog';\r\n\/\/Get the window height and width\r\nvar winH = $(window).height();\r\nvar winW = $(window).width();\r\n\/\/Set the popup window to center, transition effect\r\n$(id).css('top',  winH\/2-$(id).height()\/2);\r\n$(id).css('left', winW\/2-$(id).width()\/2);\r\n$(id).fadeIn(1000); \t\r\n$(id).css('display', \"none\");\r\n\r\n\/\/if overlay is clicked\r\n$('#overlay').click(function () {\r\n$(this).hide();\r\n$('.window').hide();\r\n});\r\n\r\nvar terms = document.getElementsByClassName(\"terms\");\r\nfor (var i=0; i<terms.length; i++){\r\n\tterms[i].setAttribute(\"onclick\", \"popUp(\"+i+\")\");\r\n}\r\n\r\n});\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function(event) { \r\n\r\n\r\nvar acc = document.getElementsByClassName(\"accordion\");\r\nvar panel = document.getElementsByClassName('panel');\r\n\r\nfor (var i = 0; i < acc.length; i++) {\r\n    acc[i].onclick = function() {\r\n        var setClasses = !this.classList.contains('active');\r\n        setClass(acc, 'active', 'remove');\r\n        setClass(panel, 'show', 'remove');\r\n\r\n        if (setClasses) {\r\n            this.classList.toggle(\"active\");\r\n            this.nextElementSibling.classList.toggle(\"show\");\r\n        }\r\n    }\r\n}\r\n\r\nfunction setClass(els, className, fnName) {\r\n    for (var i = 0; i < els.length; i++) {\r\n        els[i].classList[fnName](className);\r\n    }\r\n}\r\n\r\n});\r\n\r\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>\u7cbe\u5b50\u51cd\u5b58 \u70ba\u4ec0\u9ebc\u6211\u9700\u8981\u5c07\u7cbe\u5b50\u51cd\u5b58\uff1f \u764c\u75c7\u6cbb\u7642\u6709\u6a5f\u6703<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":149,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":6,"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":1316,"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages\/89\/revisions\/1316"}],"up":[{"embeddable":true,"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages\/149"}],"wp:attachment":[{"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}