{"id":13923,"date":"2021-06-01T14:55:06","date_gmt":"2021-06-01T06:55:06","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=13923"},"modified":"2021-06-01T15:24:20","modified_gmt":"2021-06-01T07:24:20","slug":"13923-2","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/13923-2\/","title":{"rendered":""},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_class=&#8221;theme-aboutus theme-aboutus-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;150px&#8221;][vc_custom_heading text=&#8221;\u91cc\u7a0b\u7891\u3001\u5f18\u7acb\u7684\u8a95\u751f\u3001\u9858\u666f\u53ca\u4f7f\u547d\u548c\u50f9\u503c\u89c0&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_wp_custommenu nav_menu=&#8221;44&#8243; el_class=&#8221;header-menu&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-aboutus bg1 hide-in-mobile&#8221; css=&#8221;.vc_custom_1620293602633{margin-right: -15px !important;margin-left: -15px !important;padding-right: 0px !important;padding-left: 0px !important;}&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;0px&#8221;][vc_column_text css_animation=&#8221;slideInUp&#8221;][\/vc_column_text]<style text=\"text\/css\">\r\n            .AutoScrollContainer{\r\n                width: 180px;\r\n                height: 100px;\r\n                float: left;\r\n            }\r\n\r\n\r\n            .YearDropdown{\r\n                border-bottom: 3px solid #003c80;\r\n\r\n            }\r\n\r\n            select {\r\n                margin-bottom: 5px;\r\n                height: 50px;\r\n                width: 180px;\r\n                -moz-appearance: none;\r\n                background:  transparent;\r\n                background-image: url(http:\/\/academynew-staging.isf.edu.hk\/wp-content\/uploads\/ISF-blue-arrow.png); \r\n                background-repeat: no-repeat;\r\n                background-size: 70px 70px;\r\n                background-position: right top;\r\n                background-position: 125px -4px;\r\n                border:0px;\r\n                outline:0px;\r\n            }\r\n\r\n        <\/style>\r\n        <div class=\"AutoScroll\">\r\n            <div class=\"AutoScrollContainer\">\r\n                    <div class=\"YearDropdown\">\r\n                        <select name=\"years\" id=\"years\"  onchange=\"Scroll_years_Function()\" \r\n                        style=\"font-size: 28px; font-family: DinPro, sans-serif; font-weight: 700; color: #003c80; padding-top: 20px; padding-left: 0px; -webkit-appearance: none;\"\r\n                        ><option value=\"2020\">2020<br \/><\/option><option value=\"2018\">2018<br \/><\/option><option value=\"2016\">2016<br \/><\/option><option value=\"2015\">2015<br \/><\/option><option value=\"2013\">2013<br \/><\/option><option value=\"2012\">2012<br \/><\/option><option value=\"2011\">2011<br \/><\/option><option value=\"2010\">2010<br \/><\/option><option value=\"2009\">2009<br \/><\/option><option value=\"2008\">2008<br \/><\/option><option value=\"2007\">2007<br \/><\/option><option value=\"2006\">2006<br \/><\/option><option value=\"2005\">2005<br \/><\/option><option value=\"2003\">2003<br \/><\/option><option value=\"2000\">2000<\/option>                <\/select>\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <script>\r\n            function Scroll_years_Function(){\r\n                var years = document.getElementById(\"years\").value;\r\n                var elmnt = document.getElementById(years);\r\n                elmnt.scrollIntoView(true);\r\n                window.scrollBy(0, -210);\r\n            }\r\n\r\n\r\n        <\/script>[vc_empty_space height=&#8221;20px&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2020&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_deepblue tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2020<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_deepblue tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:60px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/1-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_left\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>CIS \/ WASC Re-accreditation<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2020.tl_container{\r\n                    height:900px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2020\" class=\"tl_container tl_deepblue tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:8%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:34%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;30px&#8221;]<style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_deepblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:320px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/25.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_right\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>Relocation of Pre-School Campus to Kennedy Town<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2018&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_paleblue tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2018<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_paleblue tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:80px;margin-bottom:300px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/21.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_left\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>15th Anniversary<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2018.tl_container{\r\n                    height:900px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2018\" class=\"tl_container tl_paleblue tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:8%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:35%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_paleblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:360px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/20.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>Completion of Pokfulam<br \/>\ncampus expansion<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2016&#8243;][vc_column width=&#8221;5\/12&#8243;][\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2017.tl_container{\r\n                    height:400px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2017\" class=\"tl_container tl_purple tl_left mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:11%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_purple tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2017<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_purple tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:80px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/2017.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>IB Class of 2016 achievedoutstanding results<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_purple tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2016<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_purple tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:80px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/19-1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>IB Class of 2016 achieved<br \/>\noutstanding results<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2016.tl_container{\r\n                    height:650px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2016\" class=\"tl_container tl_purple tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:11%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2015&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;35px&#8221;]<style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_orange tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:350px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/2-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_left\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>CIS \/ WASC Accreditation<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2014.tl_container{\r\n                    height:900px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2014\" class=\"tl_container tl_orange tl_right  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:9%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:40%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_orange tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2015<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_orange tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:40px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-18.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Establishment of ISF Pre-School<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2013&#8243;][vc_column width=&#8221;5\/12&#8243;][\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2013.tl_container{\r\n                    height:500px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2013\" class=\"tl_container tl_green tl_right  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:17%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_green tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2013<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_green tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/15_resized.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>10th Anniversary<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2012&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_red tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2012<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_red tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:90px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/5-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_left\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>IB-MYP Certificate<\/p>\r\n                <\/blockquote><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div id=\"2012_3rd_pic\" class=\"tl_red tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:350px;margin-bottom:40px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/12.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_left\">\r\n            <p class=\"tl_note_title\">May<\/p>\r\n                <p>Graduation of the First Cohort ofGrade 12 Students<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2012.tl_container{\r\n                    height:1300px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2012\" class=\"tl_container tl_red tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:5%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:20%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:52%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_red tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:300px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/4-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Launch of <em>Shuyuan<\/em> Programme<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2011&#8243;][vc_column width=&#8221;5\/12&#8243;][\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2011.tl_container{\r\n                    height:600px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2011\" class=\"tl_container tl_yellow tl_right  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:12%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;26px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_yellow tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2011<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:30px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/11.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Completion of G Block<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2010&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_deepblue tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2010<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_deepblue tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:60px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/3-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_left\">\r\n            <p class=\"tl_note_title\">April<\/p>\r\n                <p>Authorization of the IB programme<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2010.tl_container{\r\n                    height:550px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2010\" class=\"tl_container tl_deepblue tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:12%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2009&#8243;][vc_column width=&#8221;5\/12&#8243;][\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2009.tl_container{\r\n                    height:750px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2009\" class=\"tl_container tl_paleblue tl_right  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:10%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;26px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_paleblue tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2009<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_paleblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:30px;margin-bottom:40px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-16.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Celebration of the Academy's key founder, Sir Charles Kao winning the Nobel Prize in Physics<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2008&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_purple tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2008<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_purple tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:80px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/7.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">March<\/p>\r\n                <p>Grand Opening and<br \/>\nthe 5th Anniversary Ceremony<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2008.tl_container{\r\n                    height:1050px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2008\" class=\"tl_container tl_purple tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:7%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:35%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_purple tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:400px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-15-1.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>Commencement of the<br \/>\nFoundation Year Program<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2007&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_orange tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2007<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_orange tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:80px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-19.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_left\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Permanent Campus in Pokfulam<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2007.tl_container{\r\n                    height:750px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2007\" class=\"tl_container tl_orange tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:10%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2006&#8243;][vc_column width=&#8221;5\/12&#8243;][\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2006.tl_container{\r\n                    height:700px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2006\" class=\"tl_container tl_green tl_right  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:12%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_green tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2006<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_green tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:30px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-12.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Second Temporary Campus at<br \/>\nCauseway Bay<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2005&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_red tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2005<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_red tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:80px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/4.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_left\">\r\n            <p class=\"tl_note_title\">May<\/p>\r\n                <p>Groundbreaking Ceremony at the Pokfulam Campus<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2004.tl_container{\r\n                    height:650px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2004\" class=\"tl_container tl_red tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:11%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2003&#8243;][vc_column width=&#8221;5\/12&#8243;]<style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_yellow tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:380px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-13.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_left\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>First Temporary Campus at Wan Chai<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2003.tl_container{\r\n                    height:1000px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2003\" class=\"tl_container tl_yellow tl_right  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:9%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:35%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_yellow tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2003<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-14.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Establishment of The ISF Academy<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2000&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;40px&#8221;][\/vc_column][vc_column width=&#8221;2\/12&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #web_2000.tl_container{\r\n                    height:650px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"web_2000\" class=\"tl_container tl_deepblue tl_right  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:12%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_deepblue tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2000<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_deepblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:40px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_right\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>The Independent Schools Foundation<br \/>\nwas established<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-aboutus bg1 hide-in-desktop&#8221; css=&#8221;.vc_custom_1620295391672{margin-right: -15px !important;margin-left: -15px !important;padding-right: 0px !important;padding-left: 0px !important;}&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;0px&#8221;][vc_column_text css_animation=&#8221;slideInUp&#8221;][\/vc_column_text]<style text=\"text\/css\">\r\n            .AutoScrollContainer{\r\n                width: 180px;\r\n                height: 100px;\r\n                float: left;\r\n            }\r\n\r\n\r\n            .YearDropdown{\r\n                border-bottom: 3px solid #003c80;\r\n\r\n            }\r\n\r\n            select {\r\n                margin-bottom: 5px;\r\n                height: 50px;\r\n                width: 180px;\r\n                -moz-appearance: none;\r\n                background:  transparent;\r\n                background-image: url(http:\/\/academynew-staging.isf.edu.hk\/wp-content\/uploads\/ISF-blue-arrow.png); \r\n                background-repeat: no-repeat;\r\n                background-size: 70px 70px;\r\n                background-position: right top;\r\n                background-position: 125px -4px;\r\n                border:0px;\r\n                outline:0px;\r\n            }\r\n\r\n        <\/style>\r\n        <div class=\"AutoScroll\">\r\n            <div class=\"AutoScrollContainer\">\r\n                    <div class=\"YearDropdown\">\r\n                        <select name=\"MobileYears\" id=\"MobileYears\"  onchange=\"Scroll_MobileYears_Function()\" \r\n                        style=\"font-size: 28px; font-family: DinPro, sans-serif; font-weight: 700; color: #003c80; padding-top: 20px; padding-left: 0px; -webkit-appearance: none;\"\r\n                        ><option value=\"my_2020\">2020<br \/><\/option><option value=\"my_2018\">2018<br \/><\/option><option value=\"my_2016\">2016<br \/><\/option><option value=\"my_2015\">2015<br \/><\/option><option value=\"my_2013\">2013<br \/><\/option><option value=\"my_2012\">2012<br \/><\/option><option value=\"my_2011\">2011<br \/><\/option><option value=\"my_2010\">2010<br \/><\/option><option value=\"my_2009\">2009<br \/><\/option><option value=\"my_2008\">2008<br \/><\/option><option value=\"my_2007\">2007<br \/><\/option><option value=\"my_2006\">2006<br \/><\/option><option value=\"my_2005\">2005<br \/><\/option><option value=\"my_2003\">2003<br \/><\/option><option value=\"my_2000\">2000<\/option>                <\/select>\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <script>\r\n            function Scroll_MobileYears_Function(){\r\n                var years = document.getElementById(\"MobileYears\").value;\r\n                var elmnt = document.getElementById(years);\r\n                elmnt.scrollIntoView(true);\r\n                window.scrollBy(0, -210);\r\n            }\r\n\r\n\r\n        <\/script>[vc_empty_space height=&#8221;20px&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2020&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2020.tl_container{\r\n                    height:980px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2020\" class=\"tl_container tl_deepblue tl_left mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:8%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:50%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_deepblue tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2020<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_deepblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/1-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_right\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>CIS\/WASC Re-accreditation<\/p>\r\n                <\/blockquote><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_deepblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:60px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/25.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_right\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>Relocation of Pre-School Campus to Kennedy Town<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2018&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2018.tl_container{\r\n                    height:950px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2018\" class=\"tl_container tl_paleblue tl_left mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:8%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:55%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_paleblue tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2018<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_paleblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/21.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>15th Anniversary<\/p>\r\n                <\/blockquote><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_paleblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:60px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/20.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>Completion of Pokfulam campus expansion<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2016&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2016.tl_container{\r\n                    height:570px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2016\" class=\"tl_container tl_purple tl_left mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:15%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_purple tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2016<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_purple tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/19-1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>IB Class of 2016 achieves outstanding results<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2015&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2014.tl_container{\r\n                    height:1020px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2014\" class=\"tl_container tl_orange tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:8%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:56%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_orange tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2015<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_orange tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-18.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Establishment of ISF Pre-School<\/p>\r\n                <\/blockquote><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_orange tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:80px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/2-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>CIS\/WASC Accreditation<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2013&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2013.tl_container{\r\n                    height:400px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2013\" class=\"tl_container tl_green tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:18%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_green tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2013<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_green tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/15_resized.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>10th Anniversary<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2012&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2012.tl_container{\r\n                    height:1280px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2012\" class=\"tl_container tl_red tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:5%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:30%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:64%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_red tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2012<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_red tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/5-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>IB-MYP Certificate<\/p>\r\n                <\/blockquote><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_red tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:60px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/4-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Launch of Shuyuan Programme<\/p>\r\n                <\/blockquote><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_red tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:60px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/12.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_right\">\r\n            <p class=\"tl_note_title\">May<\/p>\r\n                <p>Graduation of the First Cohort of Grade 12 Students<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2011&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2011.tl_container{\r\n                    height:530px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2011\" class=\"tl_container tl_yellow tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:14%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_yellow tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2011<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/11.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Completion of G Block<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2010&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2010.tl_container{\r\n                    height:510px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2010\" class=\"tl_container tl_deepblue tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:14%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_deepblue tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2010<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_deepblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/3-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_right\">\r\n            <p class=\"tl_note_title\">April<\/p>\r\n                <p>Authorization of the IB programme<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2009&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2009.tl_container{\r\n                    height:660px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2009\" class=\"tl_container tl_paleblue tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:13%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_paleblue tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2009<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_paleblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-16.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Celebration of the Academy's key founder, Sir Charles Kao winning the Nobel Prize in Physics<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2008&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2008.tl_container{\r\n                    height:1030px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2008\" class=\"tl_container tl_purple tl_left mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:8%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:53%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_purple tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2008<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_purple tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/7.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">March<\/p>\r\n                <p>Grand Opening and the 5th Anniversary Ceremony<\/p>\r\n                <\/blockquote><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_purple tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-15-1.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>Commencement of the Foundation Year Program<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2007&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2007.tl_container{\r\n                    height:550px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2007\" class=\"tl_container tl_orange tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:14%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_orange tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2007<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_orange tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-19.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Permanent Campus in Pokfulam<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2006&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2006.tl_container{\r\n                    height:600px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2006\" class=\"tl_container tl_green tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:15%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_green tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2006<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_green tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-12.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Second Temporary Campus at Causeway Bay<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2005&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2004.tl_container{\r\n                    height:540px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2004\" class=\"tl_container tl_red tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:15%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_red tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2005<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_red tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/4.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_right\">\r\n            <p class=\"tl_note_title\">May<\/p>\r\n                <p>Groundbreaking Ceremony at the Pokfulam Campus<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2003&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2003.tl_container{\r\n                    height:1040px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2003\" class=\"tl_container tl_yellow tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:9%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:53%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_yellow tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2003<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-14.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Establishment of The ISF Academy<\/p>\r\n                <\/blockquote><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/History-resize-photos-13.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>First Temporary Campus at Wan Chai<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2000&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-xs-2&#8243;]<style type=\"text\/CSS\">\r\n                .tl_container{ \r\n                    width:15px;\r\n                    height:200px;\r\n                    min-height:200px;\r\n                    margin:0 auto;\r\n                    border-radius:0px 15px 0px 15px;\r\n                    position:relative;\r\n                }\r\n                #tl_2000.tl_container{\r\n                    height:520px;\r\n                }\r\n                .tl_container .tl_line{\r\n                    content: \"\";\r\n                    position:absolute;\r\n                    display:block;\r\n                    width:1500px;\r\n                    height:1px;\r\n                    top:4px;\r\n                    left:15px;                    \r\n                }\r\n                .tl_left .tl_dots:nth-child(odd) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_left .tl_dots:nth-child(even) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(even) .tl_line{\r\n                    margin-left:-1515px;\r\n                }\r\n                .tl_right .tl_dots:nth-child(odd) .tl_line{\r\n                    left:10px;\r\n                }\r\n                .mobile-mode.tl_left .tl_dots .tl_line,\r\n                .mobile-mode.tl_right .tl_dots .tl_line{\r\n                    left:10px !important;\r\n                    margin-left:0px !important;\r\n                }\r\n                .tl_dots{                  \r\n                    position:absolute;\r\n                    display:block;\r\n                    width:9px;\r\n                    height:9px;  \r\n                    border-radius:4px;\r\n                    background:#FFF;\r\n                    left:3px;\r\n\r\n                }\r\n                .tl_container.tl_deepblue{ background:#003c80; }\r\n                .tl_container.tl_deepblue .tl_line{ border-top:#003c80 solid 2px; }\r\n\r\n                .tl_container.tl_paleblue{ background:#62B5E5; }\r\n                .tl_container.tl_paleblue .tl_line{ border-top:#62B5E5 solid 2px; }\r\n\r\n                .tl_container.tl_purple{ background:#C98BDB; }\r\n                .tl_container.tl_purple .tl_line{ border-top:#C98BDB solid 2px; }\r\n\r\n                .tl_container.tl_orange{ background:#ff6720; }\r\n                .tl_container.tl_orange .tl_line{ border-top:#ff6720 solid 2px; }\r\n\r\n                .tl_container.tl_green{ background:#66CC00; }\r\n                .tl_container.tl_green .tl_line{ border-top:#66CC00 solid 2px; }\r\n\r\n                .tl_container.tl_red{ background:#a64570; }\r\n                .tl_container.tl_red .tl_line{ border-top:#a64570 solid 2px; }\r\n\r\n                .tl_container.tl_yellow{ background:#F2A900; }\r\n                .tl_container.tl_yellow .tl_line{ border-top:#F2A900 solid 2px; }\r\n                <\/style><div id=\"tl_2000\" class=\"tl_container tl_deepblue tl_right mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:16%\"><span class=\"tl_line\"><\/span><\/span><\/div>[\/vc_column][vc_column width=&#8221;5\/6&#8243; offset=&#8221;vc_col-xs-10&#8243;][vc_empty_space height=&#8221;28px&#8221;]<style type=\"text\/CSS\">\r\n                .tl_title{ \r\n                    font-family: DINPro, sans-serif;\r\n                    font-size: 30px;\r\n                    text-align: left;\r\n                    font-weight: bold;\r\n                    margin-bottom:10px;\r\n                    position:relative;\r\n                    width:auto;\r\n                    display:inline-block;\r\n                }\r\n                .tl_title_left{text-align:right;float:right;}\r\n                .tl_title_left::before{\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-30px;\r\n                    margin-bottom: -20px;\r\n                    margin-left: -25px;                   \r\n                }\r\n                .tl_title_right::after{\r\n                    position:absolute;\r\n                    right:-20px;\r\n                    top:0px;\r\n                    content: \" \";\r\n                    background: #fd7813;\r\n                    opacity: 0.2;\r\n                    width: 40px;\r\n                    height: 40px;\r\n                    border-radius: 12px 0px 12px 0px;\r\n                    display: block;\r\n                    margin-top:-20px;                  \r\n                }\r\n\r\n\r\n                .tl_title.tl_title_deepblue{color:#003c80;}\r\n                .tl_title_deepblue.tl_title_left::before,\r\n                .tl_title_deepblue.tl_title_right::after{\r\n                    background: #003c80;\r\n                }\r\n                \r\n                .tl_title.tl_title_paleblue{color:#62B5E5;}\r\n                .tl_title_paleblue.tl_title_left::before,\r\n                .tl_title_paleblue.tl_title_right::after{\r\n                    background: #62B5E5;\r\n                }\r\n\r\n                .tl_title.tl_title_purple{color:#C98BDB;}\r\n                .tl_title_purple.tl_title_left::before,\r\n                .tl_title_purple.tl_title_right::after{\r\n                    background: #C98BDB;\r\n                }\r\n\r\n                .tl_title.tl_title_orange{color:#ff6720;}\r\n                .tl_title_orange.tl_title_left::before,\r\n                .tl_title_orange.tl_title_right::after{\r\n                    background: #ff6720;\r\n                }\r\n\r\n                .tl_title.tl_title_green{color:#66CC00;}\r\n                .tl_title_green.tl_title_left::before,\r\n                .tl_title_green.tl_title_right::after{\r\n                    background: #66CC00;\r\n                }\r\n\r\n                .tl_title.tl_title_red{color:#a64570;}\r\n                .tl_title_red.tl_title_left::before,\r\n                .tl_title_red.tl_title_right::after{\r\n                    background: #a64570;\r\n                }\r\n\r\n                .tl_title.tl_title_yellow{color:#F2A900;}\r\n                .tl_title_yellow.tl_title_left::before,\r\n                .tl_title_yellow.tl_title_right::after{\r\n                    background: #F2A900;\r\n                }\r\n                <\/style><div class=\"tl_title tl_title_deepblue tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2000<\/div>\r\n        <div style=\"width:100%; height:1px;\"><\/div><style type=\"text\/CSS\">\r\n        .tl_note{\r\n            position:relative;\r\n            border-radius:0px 40px 0px 40px;\r\n            width:100%;\r\n            overflow:hidden;\r\n\r\n        }\r\n        .blockquote{\r\n            font-family: DINPro, sans-serif;\r\n            background:rgba(0,74,200,0.5);\r\n            color:#FFF;\r\n            padding:30px 10px;min-height:80px;\r\n            margin:0px auto;\r\n            width:100%;\r\n            margin-bottom:0px !important;\r\n            margin-top:0px !important;\r\n            position:relative;\r\n            font-size:21px;\r\n            \/*opacity:0.8;*\/\r\n        }\r\n        \r\n        blockquote{\r\n            border-radius:0px 0px 0px 20px;}\r\n        blockquote:before, blockquote:after{\r\n            display:none;\r\n        }\r\n        blockquote p:not(.tl_note_title){\r\n            margin-bottom:0px;\r\n        }\r\n        .blockquote_left{\r\n            text-align:right;\r\n        }\r\n        .tl_note_title{\r\n            font-weight:bold;\r\n            position:relative;\r\n        }\r\n        .tl_note_title::after{\r\n            content:\"\";\r\n            width:60px;\r\n            height:1px;\r\n            background:#FFF;\r\n            position:absolute;\r\n            bottom:-5px;\r\n            display:block;\r\n        }\r\n        .blockquote_left .tl_note_title::after{\r\n            right:0px;\r\n        }\r\n        \r\n        .blockquote_deepblue{background: #003c80;}\r\n        .blockquote_deepblue::before,\r\n        .blockquote_deepblue::after{\r\n            color: #003c80;\r\n        }\r\n        \r\n        .blockquote_paleblue{background:#62B5E5;}\r\n        .blockquote_paleblue::before,\r\n        .blockquote_paleblue::after{\r\n            color: #62B5E5;\r\n        }\r\n\r\n        .blockquote_purple{background:#C98BDB;}\r\n        .blockquote_purple::before,\r\n        .blockquote_purple::after{\r\n            color: #C98BDB;\r\n        }\r\n\r\n        .blockquote_orange{background:#ff6720;}\r\n        .blockquote_orange::before,\r\n        .blockquote_orange::after{\r\n            color: #ff6720;\r\n        }\r\n\r\n        .blockquote_green{background:#66CC00;}\r\n        .blockquote_green::before,\r\n        .blockquote_green::after{\r\n            color: #66CC00;\r\n        }\r\n\r\n        .blockquote_red{background:#a64570;}\r\n        .blockquote_red::before,\r\n        .blockquote_red::after{\r\n            color: #a64570;\r\n        }\r\n\r\n        .blockquote_yellow{background:#F2A900;}\r\n        .blockquote_yellow::before,\r\n        .blockquote_yellow::after{\r\n            color: #F2A900;\r\n        }\r\n        <\/style><div  class=\"tl_deepblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:50px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_right\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>The Independent Schools Foundation was established<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-aboutus bg3&#8243; css=&#8221;.vc_custom_1608434978150{margin-top: 20px !important;margin-right: -15px !important;margin-left: -15px !important;padding-right: 0px !important;padding-left: 0px !important;}&#8221;][vc_row][vc_column][vc_empty_space height=&#8221;350px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section el_class=&#8221;theme-aboutus theme-aboutus-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;150px&#8221;][vc_custom_heading text=&#8221;\u91cc\u7a0b\u7891\u3001\u5f18\u7acb\u7684\u8a95\u751f\u3001\u9858\u666f\u53ca\u4f7f\u547d\u548c\u50f9\u503c\u89c0&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_wp_custommenu nav_menu=&#8221;44&#8243; el_class=&#8221;header-menu&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-aboutus bg1 hide-in-mobile&#8221; css=&#8221;.vc_custom_1620293602633{margin-right: -15px !important;margin-left: -15px !important;padding-right: 0px !important;padding-left: 0px !important;}&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;0px&#8221;][vc_column_text css_animation=&#8221;slideInUp&#8221;][\/vc_column_text][vc_empty_space height=&#8221;20px&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2020&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;][\/vc_column][vc_column width=&#8221;2\/12&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;30px&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2018&#8243;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;][\/vc_column][vc_column width=&#8221;2\/12&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2016&#8243;][vc_column width=&#8221;5\/12&#8243;][\/vc_column][vc_column width=&#8221;2\/12&#8243;][\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221;][vc_column width=&#8221;5\/12&#8243;][vc_empty_space height=&#8221;28px&#8221;][\/vc_column][vc_column width=&#8221;2\/12&#8243;][\/vc_column][vc_column&hellip;&nbsp;<a href=\"https:\/\/academy.isf.edu.hk\/index.php\/13923-2\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\"><\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"neve_meta_sidebar":"full-width","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/13923"}],"collection":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/comments?post=13923"}],"version-history":[{"count":10,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/13923\/revisions"}],"predecessor-version":[{"id":15338,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/13923\/revisions\/15338"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=13923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}