{"id":475,"date":"2020-10-05T14:17:06","date_gmt":"2020-10-05T06:17:06","guid":{"rendered":"https:\/\/nhkuivf.hku.hk\/?page_id=475"},"modified":"2020-11-03T12:46:08","modified_gmt":"2020-11-03T04:46:08","slug":"landmark","status":"publish","type":"page","link":"https:\/\/hkuivf.hku.hk\/tc\/about-us\/landmark\/","title":{"rendered":"\u91cc\u7a0b\u6a19\u8a8c"},"content":{"rendered":"<p><\/p>\n<table class=\"borderless\">\n<tbody>\n<tr>\n<td><\/td>\n<td>\u672c\u4e2d\u5fc3\u9996\u4f8b\u51fa\u751f\u5e74\u4efd<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\u914d\u5b50\u8f38\u5375\u7ba1\u5167\u79fb\u690d ( GIFT )<\/td>\n<td>1987<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\u9ad4\u5916\u53d7\u7cbe\u53ca\u80da\u80ce\u79fb\u690d ( IVF )<\/td>\n<td>1988<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\u53d7\u7cbe\u5375\u8f38\u5375\u7ba1\u5167\u79fb\u690d (PROST)<\/td>\n<td>1989<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\u51cd\u5b58\u80da\u80ce\u89e3\u51cd\u5f8c\u79fb\u690d ( FET )<\/td>\n<td>1992<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\u7d30\u80de\u6f3f\u5167\u55ae\u7cbe\u5b50\u6ce8\u5c04 ( ICSI )<\/td>\n<td>1995<\/td>\n<td><i>\u672c\u6e2f\u9996\u4f8b<\/i><\/td>\n<\/tr>\n<tr>\n<td>\u9644\u776a\u7cbe\u5b50\u62bd\u53d6\u8853 ( MESA )<\/td>\n<td>1995<\/td>\n<td><i>\u672c\u6e2f\u9996\u4f8b<\/i><\/td>\n<\/tr>\n<tr>\n<td>\u5375\u5b50\u6350\u8d08\u8a08\u5283<\/td>\n<td>1995<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\u776a\u4e38\u7d44\u7e54\u7cbe\u5b50\u63d0\u53d6\u8853 ( TESE )<\/td>\n<td>1998<\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>\u690d\u5165\u524d\u57fa\u56e0\u8a3a\u65b7 ( PGT )<\/td>\n<td>2002<\/td>\n<td><i>\u672c\u6e2f\u9996\u4f8b<\/i><\/td>\n<\/tr>\n<tr>\n<td>PGT\u7528\u65bc\u7532\u578b\u5730\u4e2d\u6d77\u8ca7\u8840\u592b\u5a66\u7be9\u9078\u80da\u80ce<\/td>\n<td>2004<\/td>\n<td><i>\u672c\u6e2f\u9996\u4f8b<\/i><\/td>\n<\/tr>\n<tr>\n<td>PGT\u7528\u65bc\u4e59\u578b\u5730\u4e2d\u6d77\u8ca7\u8840\u592b\u5a66\u7be9\u9078\u80da\u80ce<\/td>\n<td>2008<\/td>\n<td><i>\u672c\u6e2f\u9996\u4f8b<\/i><\/td>\n<\/tr>\n<tr>\n<td>PGT\u7528\u65bc\u4ea8\u5ef7\u9813\u821e\u8e48\u75c7\u592b\u5a66\u7be9\u9078\u80da\u80ce<\/td>\n<td>2008<\/td>\n<td><i>\u672c\u6e2f\u9996\u4f8b<\/i><\/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>\u672c\u4e2d\u5fc3\u9996\u4f8b\u51fa\u751f\u5e74\u4efd \u914d\u5b50\u8f38\u5375\u7ba1\u5167\u79fb\u690d ( GIFT<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":156,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-475","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages\/475","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=475"}],"version-history":[{"count":5,"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages\/475\/revisions"}],"predecessor-version":[{"id":821,"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages\/475\/revisions\/821"}],"up":[{"embeddable":true,"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/pages\/156"}],"wp:attachment":[{"href":"https:\/\/hkuivf.hku.hk\/tc\/wp-json\/wp\/v2\/media?parent=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}