{"id":835,"date":"2020-10-19T17:49:49","date_gmt":"2020-10-19T09:49:49","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=835"},"modified":"2026-04-30T11:08:41","modified_gmt":"2026-04-30T03:08:41","slug":"about-us","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/about-us\/","title":{"rendered":"About Us"},"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;Milestones, Vision and Mission &amp; Values&#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=\"2025\">2025<br \/><\/option><option value=\"2024\">2024<br \/><\/option><option value=\"2023\">2023<br \/><\/option><option value=\"2022\">2022<br \/><\/option><option value=\"2021\">2021<br \/><\/option><option value=\"2020\">2020<br \/><\/option><option value=\"2019\">2019<br \/><\/option><option value=\"2018\">2018<br \/><\/option><option value=\"2017\">2017<br \/><\/option><option value=\"2016\">2016<br \/><\/option><option value=\"2015\">2015<br \/><\/option><option value=\"2014\">2014<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;2025&#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_yellow tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2025<\/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_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:120px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/20201217_ISF-Academy-0776-1-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_left\">\r\n            <p class=\"tl_note_title\">October<\/p>\r\n                <p>Introduction of ISF Hao Xue Shi Certificate in Chinese language proficiency<\/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_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\/R8A5175-1-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_left\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Dr. Oliver Kramer appointed as new Head of 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_yellow tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:280px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SC2_0576-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_left\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>Class of 2025: first cohort in history exceeding 100 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_2025.tl_container{\r\n                    height:2600px;\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_2025\" class=\"tl_container tl_yellow 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:15%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:32%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:40%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:57%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:68%\"><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_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:480px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SC1_5860-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>ISF Pre-School 10th 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_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:200px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/20201217_ISF-Academy-9696-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>Retirement of Dr. Malcolm Pritchard, Head of School for 16 years<\/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:380px;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_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>CIS \/ WASC re-accreditation and IB re-authorization<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2024&#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\">2024<\/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:120px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Shek-Pik-Oct-39-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_left\">\r\n            <p class=\"tl_note_title\">October<\/p>\r\n                <p>Establishment of Shek Pik Experiential Learning Center<\/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_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:280px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/BELL_milestone.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_left\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Bauhinia Experiential Learning Ltd (BELL) was established<\/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_2024.tl_container{\r\n                    height:1800px;\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_2024\" class=\"tl_container tl_paleblue 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:45%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:62%\"><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 id=\"long\" class=\"tl_paleblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:480px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Strategic-Plan-2024-29-Cover-Page-1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Launch of ISF Strategic Plan 2024 - 29<\/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:200px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/IMG_2098-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>Opening of Molecular Biology Laboratory 2.0<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2023&#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\">2023<\/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 id=\"square\" 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\/liren_milestones.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Li Ren was established<\/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_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:260px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/gallery-award.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>ISF Gallery Design Recognized for Excellence in Architecture by Hong Kong Institute of Architects<\/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_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:260px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/aee.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>ISF Academy is the First School in China and Second in Asia to become an Association for Experiential Education (AEE) Accredited Institution<\/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_2023.tl_container{\r\n                    height:2600px;\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_2023\" class=\"tl_container tl_purple tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:3%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:15%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:25%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:40%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:50%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:65%\"><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_purple tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:480px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/KM_231118_K2_02629-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>20th 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_purple 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\/new-bridge.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>Completion of Link Bridge Connecting R and C Block<\/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:300px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Director-of-Chinese-Research-Center_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>The Chinese Research Center (CRC) was Established<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2022&#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\">2022<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/isf-gallery.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Opening of the ISF Gallery along with the Remodeling of 4 Primary Classrooms<\/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_2022.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_2022\" class=\"tl_container tl_orange 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:23%\"><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_orange tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:280px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/IMG_7500_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_left\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p><em>Shuyuan<\/em> Studio Established<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;2021&#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_green tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2021<\/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_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:120px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ISFBBT10_SS_0121_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_left\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Celebration of the 10th Anniversary of The H.J. Zhang Black Box Theater<\/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_green tl_left 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\/Eight-Virtues-One-Logo_Eng-Descriptions-no-background.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_left\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>Introduction of The <em>Eight Virtues + One<\/em> Logo<\/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_2021.tl_container{\r\n                    height:1700px;\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_2021\" class=\"tl_container tl_green 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:23%\"><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\/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_green 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\/CKS-award.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_right\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Charles Kao Square Won Silver under Best Education Category at the A&amp;D Awards for the Interior Design<\/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_red 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_red tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:120px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/DSC03334_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_left\">\r\n            <p class=\"tl_note_title\">October<\/p>\r\n                <p>The Pivot of Teaching and Learning Over the Pandemic<\/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_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:250px;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_red 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:1700px;\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_red 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:23%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:50%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:65%\"><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_red 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\/preschool-awards.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_right\">\r\n            <p class=\"tl_note_title\">May<\/p>\r\n                <p>Pre-School Open Playground Won 3 Interior Design Awards<\/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:170px;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_red 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;2019&#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_yellow tl_title_left wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2019<\/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:60px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ARIA1015ISF_1005-scaled_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>New School Uniforms for All Divisions<\/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_2019.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_2019\" class=\"tl_container tl_yellow 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;]<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:360px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Foundation-scaled-1-scaledhuge.1669521451_cmyk_1-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_left\">\r\n            <p class=\"tl_note_title\">May<\/p>\r\n                <p>New Branding and Logo to unify all constituents of ISF<\/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_right 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\/1DX_6168_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>Dedication of the Shirley Lee Memorial Terrace<\/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_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:230px;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:1650px;\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:6%\"><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:47%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:60%\"><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_left 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\/TWL_1752_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_left\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>Named Vibrant Inspirations Student Center, dedicated to Dr. Christine Wong<\/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:140px;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;2017&#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\">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-log.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">April<\/p>\r\n                <p>Awarded CIS International Certification<\/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_2017.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_2017\" 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;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_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_orange 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_orange 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_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\/19-1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>IB Class of 2016 Achieved Outstanding Results<\/p>\r\n                <\/blockquote><\/div>[\/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;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_left 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_green 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-18.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_left\">\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_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_2015.tl_container{\r\n                    height:680px;\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_2015\" class=\"tl_container tl_green tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:9%\"><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;2014&#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_2014.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_2014\" 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_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2014<\/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:20px;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_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">April<\/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;2013&#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_yellow tl_title_left 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_yellow 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\/P2252626_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_left\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Extension of B Block to B6 &amp; B7 and the opening of The Clifford C. F. Wong Primary Library<\/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_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:120px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/20151119_110826_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_left\">\r\n            <p class=\"tl_note_title\">March<\/p>\r\n                <p>Purchased ``Man &amp; the Whale`` painted by Sir Charles Kao<\/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_2013.tl_container{\r\n                    height:1400px;\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_yellow tl_left  wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:6%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:24%\"><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\/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_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\/15_resized.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow 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;]<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: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_deepblue blockquote_left\">\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_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:1400px;\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_deepblue tl_right  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:57%\"><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\">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_deepblue 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\/Aug-2012-1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>First Cohort of Grade 10 Students Awarded the 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_deepblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:240px;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_deepblue 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;2011&#8243;][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_left 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_paleblue tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:70px;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_paleblue blockquote_left\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Completion of G Block<\/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_2011.tl_container{\r\n                    height:640px;\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_paleblue 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;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_purple 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_purple tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/05591_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Extension of R Block to R5 &amp; R6<\/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: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_2010\" class=\"tl_container tl_purple tl_left  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:30%\"><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_left 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\/3-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">April<\/p>\r\n                <p>Authorization of the IB Diploma Programme<\/p>\r\n                <\/blockquote><\/div>[\/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_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_orange tl_title_left 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_orange tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:90px;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_orange blockquote_left\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Celebration of the Academy's member of founding board, Sir Charles Kao winning the Nobel Prize in Physics<\/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_2009.tl_container{\r\n                    height:880px;\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_orange 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:59%\"><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_orange tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:540px;margin-bottom:40px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/5-4-1.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>Authorization of the IB Middle Years Programme<\/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_green 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_green 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_green blockquote_left\">\r\n            <p class=\"tl_note_title\">March<\/p>\r\n                <p>Grand Opening and the 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: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_2008\" class=\"tl_container tl_green 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_green tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:390px;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_green 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;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_purple 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_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\/History-resize-photos-19.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_left\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Permanent Campus in Pokfulam with the Completion of R, Y and B Block<\/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: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_2007\" 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:380px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NCTOC_087_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>Topping Out Ceremony of the New Permanent Campus<\/p>\r\n                <\/blockquote><\/div>[\/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_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;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\">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_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\/History-resize-photos-12.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow 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;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_deepblue 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_deepblue 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_deepblue 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:670px;\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_deepblue 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_paleblue tl_left tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:390px;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_paleblue 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_paleblue 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_paleblue 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_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-14.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue 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_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:670px;\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_purple 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_purple 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_purple 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_purple 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 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_2025\">2025<br \/><\/option><option value=\"my_2024\">2024<br \/><\/option><option value=\"my_2023\">2023<br \/><\/option><option value=\"my_2022\">2022<br \/><\/option><option value=\"my_2021\">2021<br \/><\/option><option value=\"my_2020\">2020<br \/><\/option><option value=\"my_2019\">2019<br \/><\/option><option value=\"my_2018\">2018<br \/><\/option><option value=\"my_2017\">2017<br \/><\/option><option value=\"my_2016\">2016<br \/><\/option><option value=\"my_2015\">2015<br \/><\/option><option value=\"my_2014\">2014<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_2025&#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_2025.tl_container{\r\n                    height:3000px;\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_2025\" class=\"tl_container tl_yellow tl_left mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:4%\"><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:35%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:50%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:65%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:83%\"><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\">2025<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/20201217_ISF-Academy-0776-1-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">October<\/p>\r\n                <p>Introduction of ISF Hao Xue Shi Certificate in Chinese language proficiency<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SC1_5860-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>ISF Pre-School 10th 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_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/R8A5175-1-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Dr. Oliver Kramer appointed as new Head of 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_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/20201217_ISF-Academy-9696-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>Retirement of Dr. Malcolm Pritchard, Head of School for 16 years<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SC2_0576-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>Class of 2025: first cohort in history exceeding 100 students<\/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:120px;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_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>CIS \/ WASC re-accreditation and IB re-authorization<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2024&#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_2024.tl_container{\r\n                    height:2900px;\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_2024\" 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:4%\"><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:40%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:65%\"><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\">2024<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Shek-Pik-Oct-39-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">October<\/p>\r\n                <p>Establishment of Shek Pik Experiential Learning Center<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Strategic-Plan-2024-29-Cover-Page-1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Launch of ISF Strategic Plan 2024 - 29<\/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:150px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/BELL_milestone.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Bauhinia Experiential Learning Ltd (BELL) was established<\/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:120px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/IMG_2098-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>Opening of Molecular Biology Laboratory 2.0<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2023&#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_2023.tl_container{\r\n                    height:2900px;\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_2023\" 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:4%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:22%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:40%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:60%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:80%\"><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\">2023<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/liren_milestones.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Li Ren was established<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/gallery-award.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>ISF Gallery Design Recognized for Excellence in Architecture by Hong Kong Institute of Architects<\/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:200px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/new-bridge.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>Completion of Link Bridge Connecting R and C Block<\/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:120px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Director-of-Chinese-Research-Center_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>The Chinese Research Center (CRC) was Established<\/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:210px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/aee.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">January<\/p>\r\n                <p>ISF Academy is the First School in China and Second in Asia to become an Association for Experiential Education Accredited Institution<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2022&#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_2022.tl_container{\r\n                    height:1200px;\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_2022\" class=\"tl_container tl_orange 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:63%\"><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\">2022<\/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\/isf-gallery.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Opening of the ISF Gallery along with the Remodeling of 4 Primary Classrooms<\/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:250px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/IMG_7500_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>Shuyuan Studio Established<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221; el_id=&#8221;my_2021&#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_2021.tl_container{\r\n                    height:1850px;\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_2021\" class=\"tl_container tl_green tl_left mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:6%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:32%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:67%\"><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\">2021<\/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:60px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ISFBBT10_SS_0121_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_right\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Celebration of the 10th Anniversary of The H.J. Zhang Black Box Theater<\/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_green tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:150px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/CKS-award.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_right\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Charles Kao Square Won Silver under Best Education Category at the A&amp;D Awards for the Interial Design<\/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_green tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:200px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Eight-Virtues-One-Logo_Eng-Descriptions-no-background.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_green blockquote_right\">\r\n            <p class=\"tl_note_title\">February<\/p>\r\n                <p>Introduction of The <em>Eight Virtues + One<\/em> Logo<\/p>\r\n                <\/blockquote><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;container container-crop&#8221;][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:2300px;\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_red tl_left mobile-mode wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\"><span class=\"tl_dots\" style=\"top:6%\"><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:54%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:77%\"><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\">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_red tl_right 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\/DSC03334_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_right\">\r\n            <p class=\"tl_note_title\">October<\/p>\r\n                <p>The Pivot of Teaching and Learning Over the Pandemic<\/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:200px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/preschool-awards.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_red blockquote_right\">\r\n            <p class=\"tl_note_title\">May<\/p>\r\n                <p>Pre-School Open Playground Won 3 Interior Design Awards<\/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:235px;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_red 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_red tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:230px;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_red 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_2019&#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_2019.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_2019\" class=\"tl_container tl_yellow 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:45%\"><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\">2019<\/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\/ARIA1015ISF_1005-scaled_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>New School Uniform for All Divisions<\/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:90px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Foundation-scaled-1-scaledhuge.1669521451_cmyk_1-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">May<\/p>\r\n                <p>New Branding and Logo to unify all constituents of ISF<\/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:1800px;\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:6%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:29%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:53%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:75%\"><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\/1DX_6168_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>Dedication of the Shirley Lee Memorial Terrace<\/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:90px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/TWL_1752_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>Named Vibrant Inspirations Student Center, dedicated to Dr. Christine Wong<\/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:70px;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:140px;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_2017&#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_2017.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_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: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\">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_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\/2017-log.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">April<\/p>\r\n                <p>Awarded CIS International Certification<\/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_orange 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_orange 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_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\/19-1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>IB Class of 2016 Achieved 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_2015.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_2015\" class=\"tl_container tl_green 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_green 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_green tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:55px;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_green 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;my_2014&#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: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=\"tl_2014\" class=\"tl_container tl_purple 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_purple tl_title_right wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\">2014<\/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:55px;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_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">April<\/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;][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: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=\"tl_2013\" 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:8%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:46%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:65%\"><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\">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_yellow 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\/P2252626_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Extension of B Block to B6 &amp; B7 and the opening of The Clifford C. F. Wong Primary Library<\/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:80px;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_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>10th 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_yellow tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:70px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/20151119_110826_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow blockquote_right\">\r\n            <p class=\"tl_note_title\">March<\/p>\r\n                <p>Purchased ``Man &amp; the Whale`` painted by Sir Charles Kao<\/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:1450px;\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_deepblue 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:36%\"><span class=\"tl_line\"><\/span><\/span><span class=\"tl_dots\" style=\"top:65%\"><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\">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_deepblue 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\/Aug-2012-1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>First Cohort of Grade 10 Students Awarded the 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_deepblue tl_right 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\/4-4.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue 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><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:140px;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_deepblue 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: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_2011\" 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: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_paleblue 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_paleblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:55px;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_paleblue 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: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=\"tl_2010\" class=\"tl_container tl_purple tl_right mobile-mode 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: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_purple 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_purple 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\/05591_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Extension of R Block to R5 &amp; R6<\/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:100px;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_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">April<\/p>\r\n                <p>Authorization of the IB Diploma 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: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=\"tl_2009\" class=\"tl_container tl_orange 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: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_orange 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_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-16.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">December<\/p>\r\n                <p>Celebration of the Academy's member of founding board, Sir Charles Kao winning the Nobel Prize in Physics<\/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:100px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/5-4-1.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_orange blockquote_right\">\r\n            <p class=\"tl_note_title\">November<\/p>\r\n                <p>Authorization of the IB Middle Years Programme<\/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_green 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:48%\"><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\">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_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\/7.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_green 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_green 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\/History-resize-photos-15-1.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_green 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: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_2007\" class=\"tl_container tl_purple 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: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\">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_purple 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-19.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">August<\/p>\r\n                <p>Permanent Campus in Pokfulam with the completion of R, Y and B Block<\/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:80px;margin-bottom:0px;\">\r\n                    <div class=\"tl_note_image\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/NCTOC_087_cmyk-scaled.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple blockquote_right\">\r\n            <p class=\"tl_note_title\">July<\/p>\r\n                <p>Topping Out Ceremony of the New Permanent Campus<\/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_yellow 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_yellow 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_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-12.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_yellow 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_2005.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_2005\" 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: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_deepblue 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_deepblue 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\/4.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_deepblue 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: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=\"tl_2003\" 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:7%\"><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_paleblue 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_paleblue 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-14.png\"\/><\/div>        <blockquote class=\"blockquote blockquote_paleblue 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_paleblue tl_right tl_note wpb_content_element wpb_animate_when_almost_visible wpb_slideInUp slideInUp\" style=\"margin-top:130px;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_paleblue 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: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_2000\" class=\"tl_container tl_purple 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_purple 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_purple 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\/1.jpg\"\/><\/div>        <blockquote class=\"blockquote blockquote_purple 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;Milestones, Vision and Mission &amp; Values&#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;2025&#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;2024&#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;2023&#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&hellip;&nbsp;<a href=\"https:\/\/academy.isf.edu.hk\/index.php\/about-us\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">About Us<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":6186,"parent":0,"menu_order":6,"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":"on","footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/835"}],"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=835"}],"version-history":[{"count":881,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/835\/revisions"}],"predecessor-version":[{"id":37199,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/835\/revisions\/37199"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media\/6186"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}